.story-experience{position:fixed;inset:0;overflow:hidden}.story-background{position:absolute;inset:0;z-index:0}.story-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#2d1b3d 0,#1f1430 40%,#150d24 70%,#0d0615 100%)}.story-stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,#fff,transparent),radial-gradient(2px 2px at 60% 70%,#fff,transparent),radial-gradient(1px 1px at 50% 50%,#fff,transparent),radial-gradient(1px 1px at 80% 10%,#fff,transparent),radial-gradient(2px 2px at 90% 60%,#fff,transparent),radial-gradient(1px 1px at 33% 80%,#fff,transparent),radial-gradient(1px 1px at 15% 60%,#ffb6c1,transparent),radial-gradient(2px 2px at 85% 40%,pink,transparent);background-size:200% 200%;animation:starsTwinkle 20s ease-in-out infinite;opacity:.6}@keyframes starsTwinkle{0%,to{opacity:.6}50%{opacity:.9}}.story-floating-particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:radial-gradient(circle,rgba(255,182,193,.8),transparent);border-radius:50%;bottom:-10%;animation:particleFloat linear infinite;box-shadow:0 0 10px rgba(255,182,193,.5)}.story-scenes{position:relative;width:100%;height:100%;z-index:1}.story-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:60px}.story-image-wrapper{position:relative;max-width:800px;max-height:70vh;margin:0 auto}.image-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at center,rgba(255,116,183,.3) 0,rgba(255,182,193,.2) 30%,transparent 70%);filter:blur(40px);z-index:-1;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.story-image{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 80px rgba(255,116,183,.2);filter:brightness(1.05) contrast(1.05)}.story-svg-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.4;mix-blend-mode:screen;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,182,193,.8))}.story-text{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);text-align:center;max-width:800px;padding:30px 50px;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;border:1px solid rgba(255,182,193,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1)}.text-decoration{width:60px;height:3px;background:linear-gradient(90deg,transparent,#ffb6c1,transparent);margin:0 auto 20px;border-radius:2px;box-shadow:0 0 15px rgba(255,182,193,.6)}.story-en{font-family:var(--font-script),cursive;font-size:2.5rem;font-weight:400;margin:0 0 15px;color:#fff;text-shadow:0 0 30px rgba(255,182,193,.6)}.story-cn,.story-en{letter-spacing:.15em}.story-cn{font-family:var(--font-chinese),serif;font-size:1.2rem;font-weight:300;margin:0;color:hsla(0,0%,100%,.9);line-height:1.8}.text-decoration-bottom{width:40px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,182,193,.5),transparent);margin:20px auto 0;border-radius:1px}.story-navigation{position:absolute;bottom:30px;right:40px;z-index:10;align-items:flex-end;gap:15px}.nav-dots,.story-navigation{display:flex;flex-direction:column}.nav-dots{gap:12px}.nav-dot{position:relative;width:12px;height:12px;background:transparent;border:none;cursor:pointer;padding:0}.dot-inner,.nav-dot{transition:all .3s ease}.dot-inner{display:block;width:100%;height:100%;background:rgba(255,182,193,.3);border-radius:50%;border:1px solid rgba(255,182,193,.5)}.nav-dot:hover .dot-inner{background:rgba(255,182,193,.6);transform:scale(1.2);box-shadow:0 0 15px rgba(255,182,193,.8)}.nav-dot.active .dot-inner{background:#ffb6c1;border-color:#ffb6c1;box-shadow:0 0 20px #ffb6c1;transform:scale(1.3)}.nav-hint{font-size:.75rem;color:hsla(0,0%,100%,.5);letter-spacing:.1em;text-align:right;animation:hintFade 2s ease-in-out infinite}@keyframes hintFade{0%,to{opacity:.5}50%{opacity:.8}}.story-decorations{position:absolute;inset:0;pointer-events:none;z-index:5}.deco-heart{position:absolute;font-size:40px;color:rgba(255,182,193,.15);animation:heartFloat 20s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,182,193,.3))}.deco-heart-1{top:15%;left:10%;animation-duration:18s}.deco-heart-2{top:60%;right:15%;animation-duration:22s;animation-delay:-8s}.deco-heart-3{bottom:20%;left:20%;animation-duration:20s;animation-delay:-12s}@keyframes heartFloat{0%,to{transform:translateY(0) rotate(0deg) scale(1);opacity:.15}25%{transform:translateY(-20px) rotate(5deg) scale(1.1);opacity:.25}50%{transform:translateY(-10px) rotate(-5deg) scale(.9);opacity:.2}75%{transform:translateY(-30px) rotate(3deg) scale(1.05);opacity:.18}}.ending-scene{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden}.ending-content{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px}.ending-title{font-family:var(--font-chinese),serif;font-size:4rem;font-weight:400;margin:0 0 20px;background:linear-gradient(135deg,#fff,#ff74b7 50%,#ffb6c1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(255,116,183,.6))}.ending-subtitle,.ending-title{letter-spacing:.2em;text-align:center}.ending-subtitle{font-size:1.2rem;color:hsla(0,0%,100%,.8);margin:0 0 60px}.ending-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;gap:30px;max-width:1400px;width:100%}.ending-photo{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:hsla(0,0%,100%,.05);border:1px solid rgba(255,182,193,.2);box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .4s ease;cursor:pointer}.ending-photo:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 60px rgba(255,116,183,.4);border-color:rgba(255,182,193,.5)}.ending-photo img{width:100%;height:100%;object-fit:cover;transition:all .4s ease}.ending-photo:hover img{transform:scale(1.1)}.photo-label{position:absolute;bottom:0;left:0;right:0;padding:15px;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);color:#fff;font-size:.9rem;letter-spacing:.1em;text-align:center;opacity:0;transition:opacity .3s ease}.ending-photo:hover .photo-label{opacity:1}@media (max-width:1200px){.ending-gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.story-scene{padding:40px 20px}.story-text{bottom:60px;padding:25px 30px}.story-en{font-size:2rem}.story-cn{font-size:1rem}.ending-title{font-size:2.5rem}.ending-gallery{grid-template-columns:repeat(2,1fr);gap:20px}.story-navigation{bottom:20px;right:20px}}.rose-stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000}.rose-bg{background:radial-gradient(ellipse at 50% 30%,#2d1b3d 0,#1a0f2e 50%,#0f0818 100%)}.rose-bg,.rose-bg:before{position:absolute;inset:0}.rose-bg:before{content:"";background:radial-gradient(circle at 30% 40%,rgba(255,116,183,.12) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(186,85,211,.1) 0,transparent 50%);animation:bgPulse 8s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.5}50%{opacity:1}}.particle-canvas,.rose-stars{position:absolute;inset:0;pointer-events:none}.particle-canvas{z-index:100}.rose-input-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10}.rose-glow-orb{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(255,116,183,.15) 0,transparent 70%);border-radius:50%;filter:blur(60px);animation:orbPulse 4s ease-in-out infinite}@keyframes orbPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}}.rose-input-box{position:relative;width:450px;padding:60px 50px;background:hsla(0,0%,100%,.02);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.1);text-align:center}.rose-title{font-family:var(--font-chinese),serif;font-size:2.2rem;font-weight:400;letter-spacing:.15em;margin:0 0 8px;background:linear-gradient(135deg,#fff,#ff74b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rose-subtitle{font-size:.75rem;color:hsla(0,0%,100%,.4);letter-spacing:.3em;text-transform:uppercase;margin:0 0 40px}.rose-input-wrapper{position:relative;margin-bottom:30px}.rose-input{width:100%;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:18px 24px;font-size:1.5rem;color:#fff;text-align:center;letter-spacing:.5em;font-family:var(--font-body);outline:none;transition:all .3s ease}.rose-input:focus{border-color:rgba(255,116,183,.5);background:hsla(0,0%,100%,.05);box-shadow:0 0 20px rgba(255,116,183,.2)}.rose-input::placeholder{color:hsla(0,0%,100%,.2);letter-spacing:.3em}.rose-submit-btn{position:relative;width:100%;padding:16px;background:linear-gradient(135deg,#ff74b7,#ff9ed2);border:none;border-radius:12px;font-size:1rem;font-weight:500;letter-spacing:.2em;color:#fff;cursor:pointer;overflow:hidden;transition:transform .2s ease}.rose-submit-btn:hover{transform:translateY(-2px)}.rose-submit-btn:active{transform:translateY(0)}.btn-text{position:relative;z-index:2}.btn-glow{position:absolute;inset:0;background:linear-gradient(135deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);transform:translateX(-100%);transition:transform .6s ease}.rose-submit-btn:hover .btn-glow{transform:translateX(100%)}.rose-error{margin-top:20px;color:#ff6b9d;font-size:.85rem;letter-spacing:.05em;animation:errorShake .5s ease}@keyframes errorShake{0%,to{opacity:0}10%{opacity:1}}.choice-container{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:20px;overflow-y:auto}.choice-title{font-family:var(--font-chinese),serif;font-size:3rem;font-weight:400;letter-spacing:.2em;margin:0 0 6px;background:linear-gradient(135deg,#fff,#ffa8d5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleGlow 3s ease-in-out infinite;transform-style:preserve-3d;perspective:1000px}@media (max-width:768px){.choice-title{font-size:2.4rem}}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,255,255,.3));text-shadow:0 0 20px rgba(255,168,213,.5)}50%{filter:drop-shadow(0 0 20px rgba(255,168,213,.6));text-shadow:0 0 40px rgba(255,168,213,.8)}}.choice-subtitle{font-size:.95rem;color:hsla(0,0%,100%,.5);letter-spacing:.3em;text-transform:uppercase;margin:0 0 30px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;max-width:1000px;width:100%;margin-bottom:30px}@media (max-width:1024px){.choice-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width:768px){.choice-grid{grid-template-columns:1fr;gap:15px}}.choice-btn{position:relative;padding:28px 25px;background:transparent;border:none;border-radius:16px;cursor:pointer;overflow:hidden;transform-style:preserve-3d;perspective:1000px}@media (max-width:1024px){.choice-btn{padding:25px 22px}}@media (max-width:768px){.choice-btn{padding:30px 25px}}.choice-btn.active{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.choice-btn.active:hover{transform:translateY(-15px) scale(1.03)}.choice-btn.active:active{transform:translateY(-8px) scale(.98)}.choice-btn.disabled{cursor:not-allowed;opacity:.6}.choice-btn.disabled:hover{transform:translateY(0) scale(1)}.btn-bg{position:absolute;inset:0;background:hsla(0,0%,100%,.06);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,182,193,.2);border-radius:16px;transition:all .4s ease}.choice-btn.active:hover .btn-bg{background:rgba(255,182,193,.15);border-color:rgba(255,116,183,.5);box-shadow:0 20px 60px rgba(255,116,183,.35),inset 0 1px 0 hsla(0,0%,100%,.3),0 0 50px rgba(255,182,193,.25);transform:scale(1.02)}.btn-content{position:relative;z-index:2;text-align:center}.btn-icon{font-size:2.5rem;margin-bottom:10px;display:inline-block;animation:iconFloat 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,182,193,.5))}@media (max-width:1024px){.btn-icon{font-size:2.2rem;margin-bottom:8px}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.choice-btn.active:hover .btn-icon{animation:iconSpin .6s ease}@keyframes iconSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}to{transform:rotate(0deg) scale(1)}}.btn-title{font-family:var(--font-chinese),serif;font-size:1.35rem;font-weight:400;letter-spacing:.1em;letter-spacing:.05em;margin:0 0 6px;color:#fff;text-shadow:0 0 20px rgba(255,182,193,.3)}@media (max-width:1024px){.btn-title{font-size:1.2rem}}.btn-desc{font-family:var(--font-chinese),serif;font-size:.9rem;color:hsla(0,0%,100%,.6);letter-spacing:.12em;margin:0;line-height:1.4;font-weight:300}@media (max-width:1024px){.btn-desc{font-size:.85rem}}.btn-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .8s ease}.choice-btn.active:hover .btn-shine{transform:translateX(100%) translateY(100%) rotate(45deg)}.construction-badge{position:absolute;top:12px;right:12px;padding:6px 12px;background:rgba(255,193,7,.25);border:1px solid rgba(255,193,7,.5);border-radius:16px;font-size:.7rem;color:#ffc107;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.choice-footer{text-align:center;margin-top:20px}.footer-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,#ffb6c1,transparent);margin:0 auto 15px;animation:lineGlow 2s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.5;box-shadow:0 0 5px #ffb6c1}50%{opacity:1;box-shadow:0 0 15px #ffb6c1}}.footer-text{font-family:var(--font-chinese),serif;font-size:1rem;color:rgba(255,182,193,.6);letter-spacing:.25em;margin:0;font-weight:350}.floating-hearts{position:absolute;inset:0;pointer-events:none;overflow:hidden}.heart{position:absolute;color:rgba(255,182,193,.2);font-size:20px;animation:floatHeart 15s ease-in-out infinite}.heart:first-child{left:10%;animation-delay:0s;animation-duration:12s}.heart:nth-child(2){left:30%;animation-delay:3s;animation-duration:15s}.heart:nth-child(3){left:50%;animation-delay:6s;animation-duration:18s}.heart:nth-child(4){left:70%;animation-delay:9s;animation-duration:14s}.heart:nth-child(5){left:90%;animation-delay:12s;animation-duration:16s}@keyframes floatHeart{0%{bottom:-10%;transform:translateX(0) rotate(0deg);opacity:0}10%{opacity:.3}90%{opacity:.3}to{bottom:110%;transform:translateX(100px) rotate(1turn);opacity:0}}.top-decoration{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px}.deco-line-top{width:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,182,193,.7),transparent)}.deco-dot{width:8px;height:8px;border-radius:50%;background:#ffb6c1;box-shadow:0 0 20px #ffb6c1;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.3);opacity:1}}.journey-path{width:100%;max-width:800px;margin:0 auto 25px;opacity:0}.path-line{stroke-dasharray:1000;stroke-dashoffset:1000}.deco-orbs{inset:0;pointer-events:none;overflow:hidden}.deco-orbs,.orb{position:absolute}.orb{border-radius:50%;filter:blur(60px);opacity:.3;animation:orbFloat 8s ease-in-out infinite}.orb-1{width:300px;height:300px;top:10%;left:10%;background:radial-gradient(circle,rgba(255,182,193,.5) 0,transparent 70%);animation-delay:0s}.orb-2{width:400px;height:400px;top:50%;right:10%;background:radial-gradient(circle,rgba(221,160,221,.4) 0,transparent 70%);animation-delay:2s}.orb-3{width:350px;height:350px;bottom:10%;left:50%;background:radial-gradient(circle,rgba(255,192,203,.45) 0,transparent 70%);animation-delay:4s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.btn-detail{font-family:var(--font-chinese),serif;margin-top:8px;font-size:.85rem;color:rgba(255,182,193,.8);letter-spacing:.15em;font-weight:350}.btn-particles{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .3s ease}.choice-btn.active:hover .btn-particles{opacity:1}.btn-particles span{position:absolute;width:4px;height:4px;background:#ff74b7;border-radius:50%;box-shadow:0 0 10px #ff74b7;animation:particleFloat 3s ease-in-out infinite}.btn-particles span:first-child{top:20%;left:20%;animation-delay:0s}.btn-particles span:nth-child(2){top:60%;right:30%;animation-delay:1s}.btn-particles span:nth-child(3){bottom:30%;left:50%;animation-delay:2s}@keyframes particleFloat{0%,to{transform:translate(0);opacity:0}50%{transform:translate(20px,-20px);opacity:1}}.footer-date{margin-top:10px;font-size:.7rem;color:rgba(255,182,193,.4);letter-spacing:.3em;font-family:var(--font-script),cursive}