@font-face{font-family:LXGW WenKai;src:url(../assets/fonts/lxgw-wenkai-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--c-bg-0: #060818;--c-bg-1: #0b102e;--c-bg-2: #181c4a;--c-atmo-sea: rgba(48, 108, 98, .38);--c-atmo-jade: rgba(28, 82, 76, .3);--c-atmo-haze: rgba(12, 52, 58, .42);--c-gold: #ffd56b;--c-gold-soft: #ffe8a8;--c-pink: #e8a0b8;--c-pink-soft: #f2c4d3;--c-zhifou-green: #2a5a4b;--c-zhifou-red: #b33939;--c-jasmine: #f5f5f5;--c-white: #f5f0ff;--c-white-dim: rgba(245, 240, 255, .72);--c-white-faint: rgba(245, 240, 255, .42);--f-zh: "LXGW WenKai", "LXGW WenKai Screen", "Source Han Serif SC", "Songti SC", "Noto Serif SC", serif;--f-en-script: "Dancing Script", "Brush Script MT", cursive;--f-en: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", sans-serif;--f-num: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--r-pill: 999px;--r-md: 14px;--r-lg: 24px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--vh: 1vh;--sh-gold: 0 0 20px rgba(255, 213, 107, .35);--sh-green: 0 0 20px rgba(123, 207, 141, .35);--sh-glass: 0 8px 32px rgba(0, 0, 0, .35);--sh-premium: 0 20px 50px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);--t-slow: 1.2s;--t-base: .6s;--t-fast: .3s}.grain-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite;will-change:transform}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}}.cursor-aura{position:fixed;width:40px;height:40px;background:radial-gradient(circle,rgba(255,213,107,.15) 0%,transparent 70%);border:1px solid rgba(255,213,107,.1);border-radius:50%;z-index:100000;top:0;left:0;pointer-events:none;transition:width .3s var(--ease-out),height .3s var(--ease-out),opacity .3s var(--ease-out);opacity:0}body:hover .cursor-aura{opacity:1}@media(hover:none)and (pointer:coarse){.cursor-aura{display:none!important}}html.is-touch .cursor-aura{display:none!important}.cursor-aura.is-clicking{width:60px;height:60px;background:radial-gradient(circle,rgba(255,213,107,.3) 0%,transparent 70%);border-color:#ffd56b66}.loader{position:fixed;inset:0;z-index:9999;background:var(--c-bg-0);display:grid;place-items:center;transition:opacity 1.2s var(--ease-in-out),visibility 1.2s var(--ease-in-out)}.loader.is-loaded{opacity:0;visibility:hidden}.loader-inner{text-align:center;width:240px}.loader-circle{width:48px;height:48px;margin:0 auto 24px;border:2px solid var(--c-bg-2);border-top-color:var(--c-zhifou-green);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--sh-green)}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{font-family:var(--f-zh);font-size:14px;letter-spacing:.35em;color:var(--c-white-dim);margin-bottom:20px;animation:pulseText 2s ease-in-out infinite alternate}@keyframes pulseText{0%{opacity:.5;filter:blur(.5px)}to{opacity:1;filter:blur(0px)}}.loader-progress{width:100%;height:2px;background:#ffffff0d;border-radius:var(--r-pill);overflow:hidden;position:relative}.loader-bar{width:0%;height:100%;background:linear-gradient(90deg,var(--c-zhifou-green),var(--c-gold),var(--c-zhifou-green));background-size:200% 100%;box-shadow:var(--sh-gold);transition:width .4s var(--ease-out);animation:loaderFlow 2s linear infinite}@keyframes loaderFlow{0%{background-position:200% 0}to{background-position:0% 0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background:var(--c-bg-0);color:var(--c-white);font-family:var(--f-zh);font-size:16px;line-height:1.6;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:transparent;border:none;cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}#app{position:relative;width:100vw;height:100vh;height:100dvh;height:calc(var(--vh) * 100);overflow:hidden;background:var(--c-bg-0)}.app-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 125% 78% at 82% 108%,var(--c-atmo-sea) 0%,transparent 58%),radial-gradient(ellipse 105% 62% at 4% 90%,var(--c-atmo-jade) 0%,transparent 54%),radial-gradient(ellipse at 50% -10%,#2a1b58 0%,transparent 55%),radial-gradient(ellipse at 100% 110%,#1b0b3e 0%,transparent 55%),linear-gradient(180deg,var(--c-bg-1) 0%,var(--c-bg-0) 100%);animation:bgShift 20s ease-in-out infinite alternate;will-change:transform}.dust-particles{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 10%,#fff,transparent),radial-gradient(1px 1px at 20% 50%,#fff,transparent),radial-gradient(1px 1px at 40% 80%,#fff,transparent),radial-gradient(1px 1px at 60% 20%,#fff,transparent),radial-gradient(1px 1px at 80% 40%,#fff,transparent),radial-gradient(1px 1px at 90% 90%,#fff,transparent);background-size:400px 400px;opacity:.1;animation:dustFloat 60s linear infinite}@keyframes dustFloat{0%{transform:translateY(0)}to{transform:translateY(-400px)}}@keyframes bgShift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(1%,1%)}to{transform:scale(1.02) translate(-1%,-.5%)}}#app:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300' preserveAspectRatio='xMidYMid slice'%3E%3Cpath fill='%237bcf8d' d='M0 220 L55 165 L95 195 L140 140 L185 175 L240 115 L290 155 L340 125 L400 165 L400 300 L0 300 Z'/%3E%3Ccircle fill='%23bcd1ff' cx='320' cy='48' r='6'/%3E%3Ccircle fill='%23bcd1ff' cx='338' cy='56' r='4'/%3E%3Ccircle fill='%23bcd1ff' cx='308' cy='58' r='3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 100%;background-size:min(140vw,900px)}#stage{position:absolute;inset:0;z-index:1;width:100%;height:100%}.app-logo{position:absolute;top:max(16px,env(safe-area-inset-top));left:18px;z-index:30;display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-family:var(--f-en);font-size:12px;letter-spacing:.16em;color:var(--c-white-dim);background:#0b0b2e33;border:1px solid rgba(255,255,255,.05);border-radius:var(--r-pill);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);user-select:none;-webkit-user-select:none;box-shadow:var(--sh-premium);transition:all .4s var(--ease-out);animation:logoEntry 1.2s var(--ease-out) forwards;opacity:0}@keyframes logoEntry{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.app-logo:hover{background:#0b0b2e66;border-color:#ffffff26;transform:translateY(-2px);color:var(--c-white)}.app-logo .dot{width:6px;height:6px;border-radius:50%;background:var(--c-zhifou-green);box-shadow:0 0 8px var(--c-zhifou-green);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.gate{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse 115% 88% at 50% 100%,var(--c-atmo-jade) 0%,transparent 52%),radial-gradient(ellipse at 50% 48%,var(--c-atmo-haze) 0%,transparent 62%),radial-gradient(ellipse at 50% 50%,#1a1a4e99,#060816f0 70%);backdrop-filter:blur(2px);transition:opacity .9s var(--ease-out),visibility .9s var(--ease-out)}.gate.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.gate-inner{text-align:center;padding:32px 28px;padding-bottom:max(32px,min(36vh,280px));max-width:480px}.gate-title{font-family:var(--f-zh);font-weight:500;font-size:clamp(22px,6vw,30px);letter-spacing:.08em;color:var(--c-white);margin-bottom:10px}.gate-region{font-family:var(--f-zh);font-size:13px;letter-spacing:.12em;line-height:1.75;color:var(--c-zhifou-green);margin-bottom:14px}.region-tag{display:inline-block;font-family:var(--f-zh);font-size:12px;letter-spacing:.12em;color:var(--c-zhifou-green);padding:6px 14px;border:1px solid rgba(123,207,141,.28);border-radius:var(--r-pill);background:#0b0b2e61}.gate-sub{font-family:var(--f-en);font-size:13px;letter-spacing:.22em;color:var(--c-white-faint);margin-bottom:36px;text-transform:uppercase}.gate-btn{position:relative;padding:18px 48px;font-family:var(--f-zh);font-size:18px;font-weight:500;letter-spacing:.18em;color:var(--c-bg-0);background:linear-gradient(135deg,var(--c-zhifou-green),var(--c-gold));border-radius:var(--r-pill);overflow:hidden;box-shadow:0 0 0 1px #7bcf8d66,0 15px 45px #7bcf8d40,0 0 60px #ffd56b26;transition:all .4s var(--ease-out)}.gate-btn span{position:relative;z-index:2}.gate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s var(--ease-out);z-index:1}.gate-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 0 1px #7bcf8d99,0 20px 55px #7bcf8d59,0 0 80px #ffd56b40}.gate-btn:hover:before{left:100%}.gate-btn:active{transform:translateY(-1px) scale(.98)}.gate-btn:after{content:"";position:absolute;inset:-6px;border-radius:var(--r-pill);background:radial-gradient(circle,rgba(123,207,141,.35),transparent 70%);z-index:-1;animation:halo 3s ease-in-out infinite}@keyframes halo{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}.gate-tip{margin-top:28px;font-size:12px;letter-spacing:.18em;color:var(--c-white-faint)}.gate-warmup-dock{--gate-warmup-chrome-right: max(112px, calc(env(safe-area-inset-right) + 96px) );position:absolute;left:0;right:0;bottom:0;z-index:55;display:flex;flex-direction:column;align-items:stretch;pointer-events:none;padding:0 max(12px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-bottom)) 0;padding-right:var(--gate-warmup-chrome-right);background:linear-gradient(180deg,transparent 0%,rgba(6,6,22,.5) 22%,rgba(6,6,22,.88) 100%)}.gate-warmup-handle{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.35em;min-height:48px;max-height:52px;margin:0;padding:10px 14px;box-sizing:border-box;width:100%;border-radius:var(--r-md) var(--r-md) 0 0;font-family:var(--f-zh);font-size:14px;letter-spacing:.12em;color:var(--c-gold-soft);background:#0b0b2e8c;border:1px solid rgba(255,213,107,.15);border-bottom:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:background .2s var(--ease-out),border-color .2s var(--ease-out)}.gate-warmup-handle:hover{background:#0b0b2ead}.gate-warmup-handle:active{opacity:.92}.gate-warmup-handle-label{pointer-events:none}.gate-warmup-handle-chevron{font-size:.75em;opacity:.85;pointer-events:none}.gate-warmup-handle-chevron:after{content:"▾"}.gate-warmup-dock--expanded .gate-warmup-handle-chevron:after{content:"▴"}.gate-warmup-dock-panel{max-height:0;overflow:hidden;transition:max-height .38s var(--ease-out);pointer-events:none}.gate-warmup-dock--expanded .gate-warmup-dock-panel{max-height:min(70vh,520px);pointer-events:auto}@media(prefers-reduced-motion:reduce){.gate-warmup-dock-panel{transition-duration:.05s;transition-timing-function:linear}}.gate-warmup-dock-scroll{max-height:min(70vh,520px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none;pointer-events:auto}.gate-warmup-dock-scroll::-webkit-scrollbar{display:none}.gate-warmup{text-align:center;margin-bottom:4px;padding:12px 12px 10px;border-radius:0 0 var(--r-md) var(--r-md);background:#0b0b2e6b;border:1px solid rgba(255,213,107,.12);border-top:1px solid rgba(255,213,107,.08);max-width:100%;box-sizing:border-box}.gate-warmup-head{margin-bottom:14px}.gate-warmup-badge{display:inline-block;padding:4px 12px;background:#7bcf8d26;border:1px solid rgba(123,207,141,.3);color:var(--c-zhifou-green);border-radius:var(--r-pill);font-size:12px;letter-spacing:.1em}.gate-warmup-secret{margin-bottom:20px}.gate-warmup-img{width:100%;max-height:40vh;object-fit:cover;border-radius:12px;margin:0 auto 14px;border:1px solid rgba(255,255,255,.1)}.gate-warmup-text{font-family:var(--f-zh);font-size:14px;color:var(--c-white);line-height:1.85;letter-spacing:.05em;margin-bottom:.65em;text-align:left;word-break:break-word;overflow-wrap:anywhere}.gate-warmup-text:last-child{margin-bottom:0}.gate-warmup-nostalgia{border-top:1px dashed rgba(255,255,255,.12);padding-top:18px}.gate-warmup-nostalgia-title{font-size:13px;color:var(--c-gold-soft);letter-spacing:.1em;margin-bottom:14px;text-align:center}.gate-role-cards{display:flex;flex-direction:column;gap:12px}.gate-role-card{display:flex;align-items:center;gap:14px;min-height:44px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;text-decoration:none;color:inherit;text-align:left;transition:background .2s var(--ease-out),border-color .2s var(--ease-out)}.gate-role-card:active{background:#ffffff12}.gate-role-avatar-wrap{position:relative;width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#ffd56b1a;border:1px solid rgba(255,213,107,.2)}.gate-role-avatar-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;line-height:1}.gate-role-avatar{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.gate-role-info{flex:1;min-width:0}.gate-role-name{font-family:var(--f-zh);font-size:15px;color:var(--c-white);margin-bottom:4px}.gate-role-work{font-size:12px;color:var(--c-white-faint)}.gate-role-vibe{font-size:12px;color:var(--c-white-dim)}.next-btn,.mute-btn{position:absolute;z-index:60;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;font-family:var(--f-en);font-size:12px;letter-spacing:.2em;color:var(--c-white-dim);background:#0b0b2e33;border:1px solid rgba(255,255,255,.05);border-radius:var(--r-pill);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:var(--sh-premium);transition:all .4s var(--ease-out)}.next-btn:hover,.mute-btn:hover{background:#0b0b2e66;border-color:#ffffff26;transform:translateY(-2px);color:var(--c-white)}.next-btn{right:18px;bottom:max(32px,calc(env(safe-area-inset-bottom) + 12px));animation:float 2.6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mute-btn{top:max(16px,env(safe-area-inset-top));right:18px;width:36px;height:36px;padding:0;font-size:16px}.mute-btn .mute-off,.mute-btn.is-muted .mute-on{display:none}.mute-btn.is-muted .mute-off{display:inline}.scene{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .65s var(--ease-out),visibility .65s var(--ease-out)}.scene.is-active{opacity:1;visibility:visible}.scene-skip{position:absolute;inset:0;z-index:1;cursor:pointer}.glow-gold{color:var(--c-gold);text-shadow:0 0 10px rgba(255,213,107,.4),0 0 20px rgba(255,213,107,.2),0 0 40px rgba(255,213,107,.1);animation:glowPulseGold 3s ease-in-out infinite alternate}@keyframes glowPulseGold{0%{text-shadow:0 0 10px rgba(255,213,107,.4),0 0 20px rgba(255,213,107,.2)}to{text-shadow:0 0 15px rgba(255,213,107,.6),0 0 30px rgba(255,213,107,.4),0 0 50px rgba(255,213,107,.2)}}.glow-pink{color:var(--c-pink);text-shadow:0 0 10px rgba(232,160,184,.4),0 0 20px rgba(232,160,184,.2);animation:glowPulsePink 3s ease-in-out infinite alternate-reverse}@keyframes glowPulsePink{0%{text-shadow:0 0 10px rgba(232,160,184,.4),0 0 20px rgba(232,160,184,.2)}to{text-shadow:0 0 15px rgba(232,160,184,.6),0 0 30px rgba(232,160,184,.4)}}.glow-green{color:var(--c-zhifou-green);text-shadow:0 0 10px rgba(123,207,141,.4),0 0 20px rgba(123,207,141,.2)}.cursor:after{content:"|";margin-left:2px;color:currentColor;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}[data-scene-id=greeting]{background:transparent}.greeting-content{position:relative;z-index:10;text-align:center;padding:0 24px;max-width:600px}.region-tag--greeting{margin:0 auto 28px;opacity:0}.salutation-block{margin-bottom:36px;--line-opacity: 0}.salutation-kicker{margin:0 0 10px;font-family:var(--f-zh);font-size:13px;letter-spacing:.65em;text-indent:.65em;color:var(--c-white-dim);opacity:0}.salutation{display:flex;align-items:flex-end;justify-content:center;gap:.28em;margin:0;opacity:0}.salutation-to{font-family:var(--f-en-script);font-size:clamp(22px,5.5vw,28px);font-weight:500;line-height:1;color:var(--c-gold-soft);transform:translateY(-.35em);opacity:0}.salutation-name{font-family:var(--f-zh);font-size:clamp(44px,11vw,58px);font-weight:400;line-height:1.1;letter-spacing:.12em;color:var(--c-gold);text-shadow:0 0 28px rgba(255,213,107,.38);opacity:0}.salutation-name.is-long{font-size:clamp(32px,8.2vw,42px);letter-spacing:.14em}.salutation-block:after{content:"";display:block;width:48px;height:1px;margin:18px auto 0;background:linear-gradient(90deg,transparent,rgba(255,213,107,.55),transparent);opacity:var(--line-opacity)}.message-body{font-family:var(--f-zh);font-size:clamp(16px,4vw,18px);line-height:2.2;color:var(--c-white);letter-spacing:.1em}.line{opacity:0;min-height:2em}.line2{margin-top:12px}.scroll-hint{position:absolute;bottom:max(40px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:10;opacity:0;color:var(--c-white-faint);font-size:14px;pointer-events:none}.scroll-hint .arrow{display:block;animation:bounce 2s infinite ease-in-out}[data-scene-id=cake]{background:radial-gradient(circle at center,var(--c-bg-2) 0%,var(--c-bg-0) 100%)}.cake-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.glow-bg{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,213,107,.18) 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-60%);pointer-events:none;filter:blur(20px);transition:opacity 1.5s var(--ease-in-out)}.glow-bg.is-dark{opacity:0}.cake{position:relative;width:200px;height:140px;margin-top:60px;filter:drop-shadow(0 10px 30px rgba(0,0,0,.4))}.tier{position:absolute;left:50%;transform:translate(-50%);border-radius:12px;box-shadow:inset 0 -12px 24px #00000014,0 4px 12px #0003}.tier-bottom{bottom:0;width:200px;height:70px;background:linear-gradient(180deg,#fff,#f0eaff)}.tier-top{bottom:70px;width:140px;height:50px;background:linear-gradient(180deg,#fff,#f5f0ff)}.tier-top:before{content:"";position:absolute;top:-8px;left:0;width:100%;height:16px;background:linear-gradient(90deg,#ff9ecf,#e8a0b8);border-radius:8px;opacity:.85}.candles{position:absolute;bottom:120px;left:50%;transform:translate(-50%);width:110px;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;z-index:10}.candle{position:relative;width:12px;height:38px;background:linear-gradient(to right,#ffd0e6,#ff9ecf,#ffd0e6);border-radius:4px;padding:25px;margin:-25px;background-clip:content-box}.candle:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:2px;height:5px;background:#434}.flame{position:absolute;top:-6px;left:50%;width:16px;height:26px;background:radial-gradient(circle at 50% 80%,#ffffff 0%,var(--c-gold) 40%,#ff8800 100%);border-radius:50% 50% 20% 20%;transform:translate(-50%);box-shadow:0 0 20px var(--c-gold),0 0 40px #f806;transform-origin:center bottom;animation:flicker .6s ease-in-out infinite alternate}.candle.is-blown .flame{display:none}.smoke{position:absolute;top:5px;left:50%;width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,transparent 80%);border-radius:50%;transform:translate(-50%);opacity:0}.wish-prompt{margin-top:64px;text-align:center;opacity:0;transform:translateY(20px)}.wish-text{font-family:var(--f-zh);font-size:26px;color:var(--c-gold);letter-spacing:.25em;margin-bottom:12px;text-shadow:0 0 15px rgba(255,213,107,.4)}.wish-sub{font-family:var(--f-zh);font-size:14px;color:var(--c-white-faint);letter-spacing:.12em}.wish-prompt.is-wishing .wish-text{color:var(--c-white);text-shadow:0 0 20px rgba(255,255,255,.6)}[data-scene-id=timeline]{background:var(--c-bg-1);overflow:hidden}.tl-wrapper{position:relative;width:100%;height:100%}.tl-counter{position:fixed;top:max(40px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:90%;text-align:center;font-family:var(--f-zh);font-size:clamp(14px,3vw,16px);color:var(--c-white-dim);z-index:20;background:#0b0b2e99;padding:12px 20px;border-radius:var(--r-pill);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);opacity:0}.region-tag--timeline{margin:0 0 10px;font-size:12px;letter-spacing:.12em;color:var(--c-zhifou-green);opacity:.95}.tl-counter .value{font-family:var(--f-num);color:var(--c-gold);font-size:1.1em;margin:0 2px;text-shadow:0 0 10px rgba(255,213,107,.3)}.tl-scroll-area{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tl-scroll-area::-webkit-scrollbar{display:none}.tl-track{position:relative;height:100%;display:flex;align-items:center;padding:20vh 50vw 14vh;width:max-content}.tl-line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,213,107,.3) 10%,rgba(255,213,107,.3) 90%,transparent 100%);transform:translateY(-50%)}.tl-node{position:relative;width:280px;flex-shrink:0;display:flex;justify-content:center;opacity:0;transform:translateY(20px)}.tl-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--c-gold);border-radius:50%;box-shadow:0 0 15px var(--c-gold)}.tl-content{position:absolute;width:100%;padding:0 20px;text-align:center}.tl-content.top{bottom:50%;padding-bottom:40px}.tl-content.bottom{top:50%;padding-top:40px}.tl-date{font-family:var(--f-num);font-size:14px;color:var(--c-gold-soft);letter-spacing:.1em;margin-bottom:8px}.tl-title{font-family:var(--f-zh);font-size:18px;color:var(--c-white);font-weight:500;margin-bottom:8px}.tl-node.is-long{width:min(400px,86vw)}.tl-text{font-family:var(--f-zh);font-size:14px;color:var(--c-white-dim);line-height:1.6;white-space:pre-line}.tl-node.is-long .tl-text{text-align:left;font-size:15px;line-height:1.85;max-height:min(40vh,340px);overflow-y:auto;padding:14px 16px;background:#0b0b2eb8;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-md);box-shadow:0 8px 32px #00000040}.tl-hint{position:fixed;bottom:max(40px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:12px;color:var(--c-white-faint);letter-spacing:.2em;pointer-events:none;animation:pulse-hint 2s infinite;opacity:0}.tl-next-btn{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:25;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 22px;font-family:var(--f-en);font-size:12px;letter-spacing:.2em;color:var(--c-white-dim);background:#0b0b2eb8;border:1px solid rgba(245,240,255,.12);border-radius:var(--r-pill);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:auto}[data-scene-id=particles]{background:var(--c-bg-1)}.particles-container{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.aura-bokeh{position:absolute;inset:-12%}.aura-orb{position:absolute;border-radius:50%;filter:blur(42px);opacity:.42;mix-blend-mode:screen}.aura-orb--1{width:340px;height:340px;left:-8%;top:18%;background:radial-gradient(circle,rgba(255,213,107,.5),transparent 70%);animation:aura-drift-1 22s infinite alternate}.aura-orb--2{width:280px;height:280px;right:-6%;top:8%;background:radial-gradient(circle,rgba(232,160,184,.5),transparent 70%);animation:aura-drift-2 26s infinite alternate}.aura-orb--3{width:300px;height:300px;left:18%;bottom:-4%;background:radial-gradient(circle,rgba(180,195,255,.4),transparent 70%);animation:aura-drift-3 24s infinite alternate}.aura-orb--4{width:320px;height:320px;right:15%;bottom:15%;background:radial-gradient(circle,rgba(123,207,141,.35),transparent 70%);animation:aura-drift-4 28s infinite alternate}.aura-orb--5{width:260px;height:260px;left:35%;top:25%;background:radial-gradient(circle,rgba(245,240,255,.4),transparent 70%);animation:aura-drift-5 30s infinite alternate}.aura-orb--6{width:290px;height:290px;right:-5%;bottom:-5%;background:radial-gradient(circle,rgba(232,160,184,.3),transparent 70%);animation:aura-drift-6 25s infinite alternate}@keyframes aura-drift-1{0%{transform:translate(0) scale(1)}50%{transform:translate(8%,-6%) scale(1.1)}to{transform:translate(-4%,10%) scale(.95)}}@keyframes aura-drift-2{0%{transform:translate(0) scale(1)}50%{transform:translate(-10%,8%) scale(.9)}to{transform:translate(6%,-8%) scale(1.05)}}@keyframes aura-drift-3{0%{transform:translate(0) scale(1)}50%{transform:translate(6%,10%) scale(1.15)}to{transform:translate(-8%,-6%) scale(.9)}}@keyframes aura-drift-4{0%{transform:translate(0) scale(1)}50%{transform:translate(-5%,-10%) scale(1.08)}to{transform:translate(10%,5%) scale(.95)}}@keyframes aura-drift-5{0%{transform:translate(0) scale(1)}50%{transform:translate(8%,5%) scale(.92)}to{transform:translate(-6%,-10%) scale(1.1)}}@keyframes aura-drift-6{0%{transform:translate(0) scale(1)}50%{transform:translate(-8%,8%) scale(1.12)}to{transform:translate(5%,-5%) scale(.9)}}.main-word{position:relative;font-family:var(--f-zh);font-size:clamp(40px,10vw,80px);font-weight:700;line-height:1;margin:0 0 14px;background:linear-gradient(105deg,var(--c-gold-soft),var(--c-pink-soft),var(--c-white));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,213,107,.4))}.particle-text-fallback{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;text-align:center;pointer-events:none}.particle-blessings{display:grid;gap:12px;justify-items:center;max-width:min(880px,90vw)}.blessing-line{font-family:var(--f-zh);font-size:clamp(15px,4vw,19px);color:var(--c-white);opacity:0;text-shadow:0 0 12px rgba(255,255,255,.3);text-align:center}.fireworks-container{position:absolute;inset:0;z-index:1;pointer-events:none}.finale-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:56px 24px 40px;gap:18px}.blessing{display:grid;gap:14px;max-width:min(52rem,92vw)}.finale-line{font-family:var(--f-zh);font-size:clamp(20px,5vw,28px);color:var(--c-white);line-height:1.7;opacity:0;transform:translateY(20px);text-shadow:0 0 15px rgba(255,255,255,.3);max-width:44rem;text-align:center}.inline-egg{display:inline-flex;align-items:center;padding:0 10px;margin:0 2px;font:inherit;line-height:1.8;color:var(--c-gold);background:#ffd56b1f;border:1px solid rgba(255,213,107,.22);border-radius:999px;vertical-align:baseline;cursor:pointer;transition:all var(--t-fast) var(--ease-out)}.inline-egg:hover{background:#ffd56b40;border-color:#ffd56b73;transform:translateY(-1px) scale(1.05);box-shadow:0 4px 12px #ffd56b26}.inline-egg:active{transform:translateY(0) scale(.97);background:#ffd56b2e}.signature{font-family:var(--f-zh);font-size:clamp(14px,3vw,16px);color:var(--c-gold);opacity:0;transform:translateY(20px);margin-top:6px}.egg-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;opacity:0}.egg-btn,.memory-btn{min-height:42px;padding:10px 18px;font-family:var(--f-zh);font-size:14px;color:var(--c-white);border-radius:var(--r-pill);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.egg-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:var(--c-white-dim)}.memory-btn{margin-top:10px;background:linear-gradient(135deg,#ffd56b38,#ff9ecf2e);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 40px #00000040}.share-btn{margin-top:12px;padding:12px 28px;font-family:var(--f-zh);font-size:14px;color:var(--c-white);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--r-pill);backdrop-filter:blur(5px);opacity:0}.finale-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center}.finale-modal__backdrop{position:absolute;inset:0;background:radial-gradient(circle at top,#0b0b2e57,#0b0b2ed6);backdrop-filter:blur(8px)}.finale-card{position:relative;z-index:1;width:min(92vw,420px);padding:22px 22px 20px;border-radius:28px;background:linear-gradient(180deg,#11113dfa,#0b0b2ef5);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px #00000073;color:var(--c-white)}.poster-btn{margin-top:16px}.finale-card__header{display:flex;justify-content:space-between;align-items:start;gap:16px}.finale-card__kicker{font-family:var(--f-num);font-size:11px;letter-spacing:.28em;color:var(--c-gold-soft);text-transform:uppercase}.finale-card__close{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:var(--c-white)}.finale-card__title{margin-top:14px;font-family:var(--f-zh);font-size:28px;line-height:1.2}.finale-card__blessing{margin-top:12px;font-family:var(--f-zh);font-size:15px;line-height:1.9;color:var(--c-white-dim)}.finale-card__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.memorial-chip{padding:7px 11px;border-radius:999px;background:#ffd56b1f;border:1px solid rgba(255,213,107,.18);font-family:var(--f-num);font-size:11px;letter-spacing:.12em}.finale-card__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;font-family:var(--f-num);font-size:11px;letter-spacing:.1em;color:var(--c-white-faint)}.poster-btn{width:100%;margin-top:18px;min-height:44px;padding:10px 18px;font-family:var(--f-zh);font-size:14px;color:var(--c-white);border-radius:var(--r-pill);background:linear-gradient(135deg,#ffd56b38,#ff9ecf29);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 28px #00000038}::-webkit-scrollbar{width:0;height:0}[data-scene-id=cosmos] .cosmos-canvas{position:absolute;inset:0}[data-scene-id=cosmos] .cosmos-canvas canvas{display:block;width:100%!important;height:100%!important}[data-scene-id=cosmos] .cosmos-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}[data-scene-id=cosmos] .cosmos-hint{font-family:var(--f-num);font-size:13px;letter-spacing:.4em;color:var(--c-white-faint);text-shadow:0 0 12px rgba(255,213,107,.35);opacity:0}.jasmine-petal{position:absolute;background:var(--c-jasmine);border-radius:60% 40% 70% 30%/50%;pointer-events:none;z-index:5;filter:blur(.5px);opacity:.8;box-shadow:inset 0 0 5px #ffffff80;animation:fall-and-sway linear infinite}@keyframes fall-and-sway{0%{transform:translateY(-10vh) translate(0) rotate(0);opacity:0}10%{opacity:.8}to{transform:translateY(110vh) translate(20vw) rotate(720deg);opacity:0}}.zhifou-theme{--c-accent: var(--c-zhifou-green);--c-text-primary: var(--c-white);--c-text-secondary: var(--c-pink-soft)}.zhifou-card{background:#2a5a4b40;border:1px solid rgba(232,160,184,.3);backdrop-filter:blur(12px);padding:20px;border-radius:var(--r-md);box-shadow:0 10px 30px #0000004d}.nav-dock{position:fixed;top:calc(20px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:9999;display:block;width:max-content;font-family:var(--f-zh)}.nav-dock-toggle{width:50px;height:50px;border-radius:50%;background:#0b102eb3;border:1px solid rgba(255,213,107,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--c-gold);font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0006,var(--sh-gold);transition:all .3s var(--ease-out);outline:none;z-index:10}.nav-dock-toggle:hover{transform:scale(1.08) rotate(15deg);border-color:var(--c-gold);box-shadow:0 6px 20px #ffd56b73}.nav-dock-toggle:active{transform:scale(.95)}.nav-dock-toggle-icon{display:inline-block;line-height:1}.nav-dock-list{position:absolute;top:calc(100% + 10px);left:50%;display:flex;flex-direction:row;align-items:center;gap:12px;margin-right:0;opacity:0;pointer-events:none;transform:translate(-50%) translateY(-8px);transition:opacity .3s ease,transform .3s ease}.nav-dock.is-open .nav-dock-list{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-dock-item{position:relative;width:44px;height:44px;border-radius:50%;background:#181c4a8c;border:1px solid rgba(245,240,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--c-white);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out);box-shadow:0 4px 12px #0000004d}.nav-dock-item:hover{transform:translateY(-4px) scale(1.05);background:#181c4ad9;border-color:var(--c-gold-soft);color:var(--c-gold);box-shadow:0 8px 20px #0006}.nav-dock-item.is-active{background:#2a5a4b99;border-color:var(--c-gold);box-shadow:var(--sh-gold),0 0 10px #ffd56b33}.nav-dock-icon{font-size:18px}.nav-dock-label{position:absolute;bottom:54px;background:#060818e6;border:1px solid rgba(245,240,255,.15);backdrop-filter:blur(8px);padding:4px 10px;border-radius:var(--r-md);font-size:12px;color:var(--c-white-dim);white-space:nowrap;opacity:0;transform:translateY(8px);pointer-events:none;transition:all .25s var(--ease-out);box-shadow:var(--sh-glass)}.nav-dock-item:hover .nav-dock-label{opacity:1;transform:translateY(0)}html.is-touch body{touch-action:manipulation}#app{width:100%;max-width:100vw}html.is-mobile .app-logo{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));padding:8px 12px 8px 10px}html.is-mobile .mute-btn{right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));width:44px;height:44px;font-size:18px}html.is-mobile .next-btn{right:max(12px,env(safe-area-inset-right));bottom:max(24px,calc(env(safe-area-inset-bottom) + 8px));min-height:44px;min-width:44px;padding:12px 20px;font-size:11px;letter-spacing:.14em}html.is-mobile{--mobile-chrome-bottom: max(72px, calc(env(safe-area-inset-bottom) + 56px) )}html.is-mobile .gate-inner{padding:24px 20px;padding-bottom:max(24px,min(38vh,300px));max-width:min(100%,360px)}html.is-mobile .gate-warmup-dock{padding-left:max(10px,env(safe-area-inset-left));padding-bottom:max(8px,env(safe-area-inset-bottom));--gate-warmup-chrome-right: max(108px, calc(env(safe-area-inset-right) + 92px) )}html.is-mobile .gate-warmup-handle{min-height:44px;max-height:48px;padding:8px 12px;font-size:13px}html.is-mobile .gate-warmup-dock--expanded .gate-warmup-dock-panel,html.is-mobile .gate-warmup-dock-scroll{max-height:min(62vh,480px)}html.is-mobile .gate-warmup{padding:10px 10px 8px}html.is-mobile .gate-warmup-text{font-size:12px;line-height:1.75}html.is-mobile .gate-role-card{padding:10px;gap:12px}html.is-mobile .gate-role-cards{gap:10px}html.is-mobile .gate-role-name{font-size:14px}html.is-mobile .gate-btn{width:min(100%,280px);padding:18px 28px;font-size:15px}html.is-mobile .gate-tip{font-size:11px;line-height:1.8;padding:0 8px}html.is-touch .gate-role-card:active{transform:scale(.99)}html.is-mobile .next-btn{animation:none}html.is-touch .next-btn:active,html.is-touch .gate-btn:active,html.is-touch .mute-btn:active{transform:scale(.96);opacity:.92}html.is-mobile .nav-dock{top:max(12px,env(safe-area-inset-top));left:50%;right:auto;bottom:auto;transform:translate(-50%);align-items:center;flex-direction:column}html.is-mobile .nav-dock-toggle{width:46px;height:46px;font-size:20px}html.is-mobile .nav-dock-list{position:absolute;top:calc(100% + 10px);left:50%;right:auto;margin-right:0;gap:10px;flex-direction:column;transform:translate(-50%) translateY(-8px)}html.is-mobile .nav-dock.is-open .nav-dock-list{transform:translate(-50%) translateY(0)}html.is-mobile [data-scene-id=greeting] .greeting-content{padding:0 20px;max-width:100%}html.is-mobile [data-scene-id=greeting] .salutation-block{margin-bottom:24px}html.is-mobile [data-scene-id=greeting] .salutation-name{font-size:clamp(40px,12vw,52px);letter-spacing:.08em}html.is-mobile [data-scene-id=greeting] .salutation-name.is-long{font-size:clamp(28px,7.5vw,36px);letter-spacing:.1em}html.is-mobile [data-scene-id=greeting] .salutation-to{font-size:clamp(20px,5vw,24px)}html.is-mobile [data-scene-id=greeting] .message-body{font-size:clamp(15px,4.2vw,17px);line-height:2;letter-spacing:.06em}html.is-mobile [data-scene-id=greeting] .scroll-hint{bottom:var(--mobile-chrome-bottom)}html.is-mobile [data-scene-id=cake] .cake{transform:scale(.88);transform-origin:center bottom}html.is-mobile [data-scene-id=cake] .wish-prompt{margin-top:40px;padding:0 16px}html.is-mobile [data-scene-id=cake] .candle{padding:24px;margin:-24px}html.is-mobile [data-scene-id=timeline] .tl-counter{top:max(52px,calc(env(safe-area-inset-top) + 44px));width:calc(100% - 24px);max-width:360px;padding:10px 14px 12px;font-size:13px;line-height:1.7;border-radius:var(--r-md)}html.is-mobile [data-scene-id=timeline] .region-tag--timeline{margin-bottom:8px;line-height:1.5}html.is-mobile [data-scene-id=timeline] .tl-counter .value{display:inline-block;min-width:1.6em}html.is-mobile [data-scene-id=timeline] .tl-scroll-area{touch-action:pan-x;padding-top:72px;padding-bottom:var(--mobile-chrome-bottom);box-sizing:border-box}html.is-mobile [data-scene-id=timeline] .tl-track{padding:18vh 40vw 12vh}html.is-mobile [data-scene-id=timeline] .tl-node{width:min(72vw,260px)}html.is-mobile [data-scene-id=timeline] .tl-node.is-long{width:min(88vw,320px)}html.is-mobile [data-scene-id=timeline] .tl-node.is-long .tl-text{font-size:14px;line-height:1.9;max-height:min(36vh,300px);padding:12px 14px}html.is-mobile [data-scene-id=timeline] .tl-content.top{padding-bottom:32px}html.is-mobile [data-scene-id=timeline] .tl-content.bottom{padding-top:32px}html.is-mobile [data-scene-id=timeline] .tl-title{font-size:16px}html.is-mobile [data-scene-id=timeline] .tl-text{font-size:13px}html.is-mobile [data-scene-id=timeline] .tl-hint{bottom:var(--mobile-chrome-bottom);width:max-content;max-width:90%;text-align:center;padding:6px 12px;background:#0b0b2e73;border-radius:var(--r-pill)}html.is-mobile [data-scene-id=particles] .particle-text-fallback{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:var(--mobile-chrome-bottom)}html.is-mobile [data-scene-id=particles] .blessing-line{font-size:clamp(14px,3.8vw,17px);line-height:1.8;letter-spacing:.1em}html.is-mobile [data-scene-id=memory-wall] .memory-wall-shell{padding:28px 16px 22px;gap:14px}html.is-mobile [data-scene-id=memory-wall] .memory-grid{gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-bottom:8px}html.is-mobile [data-scene-id=memory-wall] .memory-card{flex:0 0 82vw;min-height:140px;padding:16px}html.is-mobile [data-scene-id=memory-wall] .memory-card-cover{aspect-ratio:16 / 9}html.is-mobile [data-scene-id=memory-wall] .memory-card-title{font-size:16px}html.is-mobile [data-scene-id=memory-wall] .memory-card-summary{font-size:13px;line-height:1.75}html.is-mobile [data-scene-id=memory-wall] .memory-detail{padding:16px 16px 18px}html.is-mobile [data-scene-id=memory-wall] .memory-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}html.is-mobile [data-scene-id=memory-wall] .memory-detail-body p{font-size:14px;line-height:1.8}html.is-mobile [data-scene-id=memory-wall] .memory-hint{padding-bottom:var(--mobile-chrome-bottom)}html.is-mobile [data-scene-id=finale] .finale-content{padding:0 20px;padding-bottom:var(--mobile-chrome-bottom);justify-content:center}html.is-mobile [data-scene-id=finale] .blessing{margin-bottom:36px}html.is-mobile [data-scene-id=finale] .finale-line{font-size:clamp(17px,4.8vw,22px);line-height:1.85;letter-spacing:.08em}html.is-mobile [data-scene-id=finale] .signature{font-size:13px;line-height:1.7;padding:0 8px}html.is-mobile [data-scene-id=finale] .share-btn{margin-top:28px;min-height:44px;padding:14px 24px}@media(max-height:500px)and (orientation:landscape){html.is-mobile .gate-inner{padding:16px}html.is-mobile [data-scene-id=finale] .blessing{margin-bottom:20px}html.is-mobile [data-scene-id=finale] .finale-line{font-size:15px;line-height:1.6}html.is-mobile [data-scene-id=timeline] .tl-scroll-area{padding-top:56px}}