:root{--bg-main: #fcf3da;--bg-grad-1: #feeb9f;--bg-grad-2: #fcf3da;--gold: #8d5b0b;--amber: #b07e22;--cream: #6e4510;--text-main: #8d5b0b;--text-dim: rgba(141, 91, 11, .55);--card-bg: rgba(255, 249, 230, .82);--card-border: rgba(141, 91, 11, .22);--card-border-strong: rgba(141, 91, 11, .45);--font-serif: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-sans: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);overscroll-behavior-y:none}body{min-height:100dvh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%,var(--bg-grad-1) 0%,var(--bg-grad-2) 62%),radial-gradient(120% 120% at 50% 50%,transparent 52%,rgba(141,91,11,.12) 100%),var(--bg-main)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}.tunnel-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}#root{position:relative;z-index:2;min-height:100dvh}.full-screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:calc(var(--safe-top) + 20px) 20px calc(var(--safe-bottom) + 20px)}.full-screen>:first-child{margin-top:auto}.full-screen>:last-child{margin-bottom:auto}.page-title{font-family:var(--font-serif);font-weight:700;color:var(--gold);letter-spacing:.12em;text-shadow:0 0 24px rgba(141,91,11,.35)}.page-sub{color:var(--text-dim);letter-spacing:.2em}.btn-gold{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:12px 30px;border-radius:999px;background:linear-gradient(135deg,#f0d47c,#b07e22);color:#3d2a08;font-size:15px;font-weight:700;letter-spacing:.1em;box-shadow:0 6px 24px #8d5b0b59;transition:transform .15s ease,box-shadow .15s ease}.btn-gold:active{transform:scale(.96);box-shadow:0 2px 12px #8d5b0b40}.btn-gold:disabled{opacity:.5}.full-screen.phone-page,.full-screen.opening{padding-top:calc(var(--safe-top) + 46px)}.phone-page .page-title{font-size:clamp(34px,9vw,42px);margin:0 0 8px}.phone-page .page-sub{font-size:clamp(13px,3.5vw,15px);margin:0 0 8px}.phone-page .brand-badge{display:inline-block;padding:3px 13px;border:1px solid var(--card-border-strong);border-radius:999px;color:var(--gold);font-size:11px;letter-spacing:.3em;margin-bottom:22px}.phone-page .desc{color:var(--text-dim);font-size:13px;line-height:1.8;margin:0 0 22px}.phone-form{width:min(86vw,360px);display:flex;flex-direction:column;gap:10px}.phone-form input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font-size:15px;outline:none;transition:border-color .2s}.phone-form input:focus{border-color:var(--gold)}.phone-divider{width:min(70vw,260px);height:1px;background:linear-gradient(90deg,transparent,var(--card-border-strong),transparent);margin:24px 0 20px}.quiz-home-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:14px;width:min(86vw,360px);padding:13px 18px;border-radius:14px;border:1px solid var(--card-border-strong);background:#8d5b0b0f;color:var(--text-main);cursor:pointer;text-align:left;transition:border-color .2s,background .2s,transform .12s}.quiz-home-btn:active{transform:scale(.98);border-color:var(--gold);background:#8d5b0b1f}.quiz-home-icon{flex:0 0 auto;font-size:26px;color:var(--gold);text-shadow:0 0 16px rgba(141,91,11,.5)}.quiz-home-text{display:flex;flex-direction:column;gap:3px}.quiz-home-title{font-size:15px;font-weight:600;color:var(--gold);letter-spacing:.06em}.quiz-home-sub{font-size:12px;color:var(--text-dim)}.quiz-home-arrow{margin-left:auto;color:var(--text-dim);font-size:22px;font-weight:300}.code-row{display:flex;gap:10px}.code-row input{flex:1}.code-btn{flex:0 0 auto;padding:0 14px;border-radius:12px;border:1px solid var(--card-border-strong);background:transparent;color:var(--gold);font-size:13px;cursor:pointer;white-space:nowrap}.code-hint{font-size:12px;color:var(--text-dim);margin:2px 0 0;text-align:left}.form-error{color:#ff7b6b;font-size:13px;margin:0;text-align:left}.opening .page-title{font-size:clamp(38px,10vw,48px);margin:0 0 10px}.opening .page-sub{font-size:13px;margin:0 0 32px}.opening-stats{display:flex;gap:32px;justify-content:center;margin-bottom:36px}.opening-stat .num{font-family:var(--font-serif);font-size:clamp(32px,8.5vw,40px);font-weight:700;color:var(--gold);line-height:1.1}.opening-stat .num small{font-size:17px;color:var(--amber)}.opening-stat .label{font-size:11px;color:var(--text-dim);letter-spacing:.2em;margin-top:6px}.rewind{min-height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px}.rewind-lines{display:flex;flex-direction:column;gap:14px}.rewind-line{margin:0;font-family:var(--font-serif);font-size:17px;line-height:1.6;color:var(--text-main);opacity:0;animation:rewindIn 1s ease forwards}.rewind-line:first-child{color:var(--gold);font-size:19px;margin-bottom:6px}@keyframes rewindIn{0%{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}.timeline{position:relative;padding:100px 0 120px}.timeline:before{content:"";position:absolute;top:0;bottom:0;right:26px;width:12px;background:radial-gradient(circle at 6px 6px,transparent 3px,rgba(176,126,34,.22) 3.5px) 0 0 / 19px 14px repeat,linear-gradient(to bottom,transparent,rgba(176,126,34,.25) 8%,rgba(176,126,34,.25) 92%,transparent)}.section{position:relative;z-index:1;margin:0 56px 0 24px}.station{text-align:center;margin:96px 56px 26px 24px;position:relative}.station .year{font-family:var(--font-serif);font-size:clamp(34px,9vw,42px);font-weight:700;color:var(--gold);letter-spacing:.14em;text-shadow:0 0 30px rgba(141,91,11,.4);opacity:0}.station.in .year{animation:stampIn .8s cubic-bezier(.22,1,.36,1) both}.station .caption{font-size:12px;color:var(--text-dim);letter-spacing:.35em;margin-top:8px}@keyframes stampIn{0%{opacity:0;transform:scale(1.6);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:none}}.narrative{text-align:center;font-size:13.5px;line-height:2;color:var(--text-dim);margin:34px 56px 34px 24px;white-space:pre-line;font-style:italic}.narrative.quote{color:var(--text-main);font-size:15px;border-left:3px solid var(--gold);padding-left:14px;text-align:left;font-style:normal}.phase{text-align:center;margin:116px 56px 48px 24px;padding:36px 18px;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.phase-tag{display:inline-block;font-size:12px;color:var(--gold);border:1px solid var(--card-border-strong);border-radius:999px;padding:4px 16px;letter-spacing:.2em;margin-bottom:16px}.phase .phase-title{font-family:var(--font-serif);font-size:clamp(21px,5.8vw,25px);font-weight:700;line-height:1.6;color:var(--cream);margin:0 0 14px}.phase .phase-narrative{font-size:13px;color:var(--text-dim);line-height:2;margin:0 0 18px}.phase .phase-summary{display:inline-block;font-size:13px;line-height:2;color:var(--amber);border:1px dashed var(--card-border-strong);border-radius:10px;padding:10px 18px;margin:0;letter-spacing:.02em}.card{position:relative;background:radial-gradient(circle at 6px 6px,transparent 3.5px,rgba(176,126,34,.3) 4px) 0 0 / 19px 12px repeat-x,radial-gradient(circle at 6px 6px,transparent 3.5px,rgba(176,126,34,.3) 4px) 0 100% / 19px 12px repeat-x,linear-gradient(165deg,#feeb9fbf,#fcf3dad9);border:1px solid var(--card-border);border-radius:16px;padding:26px 15px;margin:14px 56px 14px 24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;opacity:0;transition:border-color .2s,transform .15s}.card.in{animation:cardIn .85s cubic-bezier(.22,1,.36,1) forwards}.card.in.shown{animation:none;opacity:1}.card:active{transform:scale(.98);border-color:var(--card-border-strong)}.card.shown:hover{transform:translateY(-2px);border-color:var(--card-border-strong);box-shadow:0 10px 26px #8d5b0b26,0 0 22px #8d5b0b2e}@keyframes cardIn{0%{opacity:0;transform:translate(60px);filter:brightness(1.6) blur(2px)}35%{opacity:1;transform:translate(-6px);filter:brightness(1.25) blur(0)}55%{transform:translate(2px)}70%{transform:translate(0);box-shadow:0 0 0 2px #8d5b0bbf,0 0 28px #8d5b0b59}to{opacity:1;transform:translate(0);filter:none;box-shadow:0 0 #8d5b0b00}}.card-flash{position:absolute;top:-6%;bottom:-6%;left:-70%;width:42%;transform:skew(-18deg);background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);opacity:0;pointer-events:none}.card.shown:hover .card-flash{animation:cardShine .9s ease .15s both}@keyframes cardShine{0%{opacity:0;left:-70%}12%{opacity:1}88%{opacity:1}to{opacity:0;left:135%}}.card:before{content:"";position:absolute;right:-19px;top:28px;width:19px;height:1px;background:#8d5b0b47}.card:after{content:"";position:absolute;right:-29px;top:24px;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #8d5b0bcc}.card.in:after{animation:nodePulse .7s ease .4s both}@keyframes nodePulse{0%{transform:scale(1);box-shadow:0 0 12px #8d5b0bcc}50%{transform:scale(1.8);box-shadow:0 0 24px 6px #8d5b0bf2}to{transform:scale(1);box-shadow:0 0 12px #8d5b0bcc}}.card .card-row{display:flex;align-items:flex-start;gap:12px}.card .icon{flex:0 0 36px;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#8d5b0b1f;border:1px solid var(--card-border)}.card .title{font-size:14.5px;color:var(--text-main);margin:0 0 5px;line-height:1.5}.card .meta{font-size:11.5px;color:var(--text-dim);display:flex;gap:8px;flex-wrap:wrap}.card .price{margin-left:auto;color:var(--gold);font-weight:700;font-size:14px;white-space:nowrap}.card .note{font-size:12px;color:var(--amber);margin:8px 0 0;line-height:1.7;font-style:italic;border-top:1px dashed var(--card-border);padding-top:8px}.ending{text-align:center;padding:130px 24px 50px}.ending .ending-title{font-family:var(--font-serif);font-size:clamp(27px,7.5vw,33px);color:var(--gold);margin:0 0 22px;letter-spacing:.1em;text-shadow:0 0 30px rgba(141,91,11,.35)}.ending .ending-narrative{font-size:14.5px;line-height:2.1;color:var(--text-main);white-space:pre-line;margin:0 auto 30px;max-width:300px}.ending-share{font-size:12px;color:var(--gold);letter-spacing:.14em;margin:-8px auto 26px;max-width:300px}.persona{margin-bottom:34px}.persona-label{font-size:12px;color:var(--text-dim);letter-spacing:.3em;margin:0 0 14px}.persona-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.persona-tag{font-family:var(--font-serif);font-size:14px;color:var(--gold);border:1px solid var(--card-border-strong);background:#8d5b0b1a;border-radius:999px;padding:7px 20px;letter-spacing:.1em;box-shadow:0 0 14px #8d5b0b33}.brand-logo{position:fixed;top:calc(var(--safe-top) + 10px);left:14px;z-index:15;height:24px;width:auto;opacity:.92;filter:drop-shadow(0 2px 6px rgba(141,91,11,.25));pointer-events:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:calc(var(--safe-top) + 10px) 18px 10px;background:linear-gradient(to bottom,rgba(252,243,218,.92),transparent);pointer-events:none}.topbar .tb-year{font-family:var(--font-serif);font-size:16px;color:var(--gold);letter-spacing:.15em}.topbar .tb-progress{width:76px;height:3px;border-radius:2px;background:#8d5b0b26;overflow:hidden}.topbar .tb-progress i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--amber),var(--gold));transition:width .1s linear}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0000008c;display:flex;align-items:flex-end;justify-content:center}.drawer{width:100%;max-width:480px;background:#fffdf5;border-radius:20px 20px 0 0;border:1px solid var(--card-border-strong);border-bottom:none;padding:26px 24px calc(26px + var(--safe-bottom));animation:drawerUp .3s cubic-bezier(.22,1,.36,1) both}@keyframes drawerUp{0%{transform:translateY(100%)}to{transform:none}}.drawer .d-title{font-family:var(--font-serif);font-size:19px;color:var(--cream);margin:0 0 12px}.drawer .d-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px dashed rgba(141,91,11,.12);color:var(--text-dim)}.drawer .d-row b{color:var(--text-main);font-weight:500}.drawer .d-note{margin-top:14px;font-size:13px;line-height:1.9;color:var(--amber);font-style:italic}.drawer .d-close{margin-top:22px;width:100%}.poster-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000000c7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.poster-modal img{max-width:min(80vw,340px);border-radius:12px;box-shadow:0 10px 40px #0009}.poster-hint{color:#ffffffd9;font-size:13px;letter-spacing:.04em;text-align:center}.poster-actions{display:flex;gap:12px}.empty-page{gap:12px}.empty-icon{font-size:56px;margin-bottom:6px}.empty-title{font-family:var(--font-serif);font-size:22px;color:var(--gold);margin:0;letter-spacing:.08em}.empty-desc{font-size:13.5px;line-height:2;color:var(--text-dim);margin:4px 0 26px}.contacts{text-align:center;padding:60px 0 10px}.contacts-title{font-family:var(--font-serif);font-size:21px;color:var(--cream);margin:0 0 10px;letter-spacing:.06em}.contacts-narrative{font-size:13px;color:var(--text-dim);margin:0 0 22px}.contacts-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.contacts-tag{font-size:13px;color:var(--gold);border:1px solid var(--card-border-strong);background:#8d5b0b14;border-radius:999px;padding:5px 16px}.contacts.in .contacts-tag{animation:stampIn .6s cubic-bezier(.22,1,.36,1) both}.medals{text-align:center;padding:60px 0 10px}.medals-title{font-family:var(--font-serif);font-size:21px;color:var(--cream);margin:0 0 10px;letter-spacing:.06em;opacity:0}.medals-narrative{font-size:13px;color:var(--text-dim);margin:0 0 24px;opacity:0}.medals.in .medals-title{animation:rewindIn .7s cubic-bezier(.22,1,.36,1) forwards}.medals.in .medals-narrative{animation:rewindIn .7s cubic-bezier(.22,1,.36,1) .1s forwards}.medals-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px}.medal{display:flex;flex-direction:column;align-items:center;gap:8px;perspective:600px;min-width:0}.medal-box{position:relative;width:100%;max-width:88px}.medal-box:after{content:"";display:block;padding-top:100%}.medal-img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid var(--card-border-strong);box-shadow:0 0 18px #8d5b0b40,inset 0 0 12px #b07e2238;background:#8d5b0b14}.medal-img{width:100%;height:100%;object-fit:cover}.medal-placeholder{display:flex;align-items:center;justify-content:center;font-size:34px}.medal-name{font-size:12px;color:var(--text-main);letter-spacing:.04em;opacity:1}.medals.in .medal-name{animation:rewindIn .6s cubic-bezier(.22,1,.36,1) calc(var(--d, 0s) + .55s) both}.medal{opacity:1;transform:none}.medals.in .medal{animation:medalUnlock .7s cubic-bezier(.34,1.56,.64,1) var(--d, 0s) both}.medals.in .medal:nth-child(1){--d: 0s}.medals.in .medal:nth-child(2){--d: .08s}.medals.in .medal:nth-child(3){--d: .16s}.medals.in .medal:nth-child(4){--d: .24s}.medals.in .medal:nth-child(5){--d: .32s}.medals.in .medal:nth-child(6){--d: .4s}.medals.in .medal:nth-child(n+7){--d: .48s}@keyframes medalUnlock{0%{opacity:0;transform:perspective(400px) rotateY(-90deg) scale(.8)}60%{opacity:1}to{opacity:1;transform:perspective(400px) rotateY(0) scale(1)}}.medal-box:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid rgba(141,91,11,.6);opacity:0;pointer-events:none}.medals.in .medal-box:before{animation:medalBurst .9s ease calc(var(--d, 0s) + .35s) both}@keyframes medalBurst{0%{opacity:0;transform:scale(.7)}30%{opacity:.9}to{opacity:0;transform:scale(1.9)}}.medal-img-wrap:after{content:"";position:absolute;top:-25%;bottom:-25%;left:-70%;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);opacity:0;pointer-events:none;animation:medalShine .85s ease calc(var(--d, 0s) + .55s) both}@keyframes medalShine{0%{left:-70%;opacity:0}12%{opacity:1}88%{opacity:1}to{left:135%;opacity:0}}.medals.in .medal-img-wrap{animation:medalGlow 1.1s ease calc(var(--d, 0s) + .35s) both,medalBreath 3.2s ease-in-out calc(var(--d, 0s) + 2.2s) infinite}@keyframes medalGlow{0%{box-shadow:0 0 #8d5b0b00}45%{box-shadow:0 0 34px 10px #8d5b0b8c}to{box-shadow:0 0 18px #8d5b0b40}}@keyframes medalBreath{0%,to{box-shadow:0 0 14px #8d5b0b33,inset 0 0 12px #b07e2238}50%{box-shadow:0 0 26px #8d5b0b73,inset 0 0 12px #b07e2238}}.medal:hover .medal-box{transform:perspective(600px) rotateY(-10deg) scale(1.08);transition:transform .3s ease}.medal:hover .medal-img-wrap:after{animation:medalShine .9s ease .1s both}.zodiac-narrative{font-size:13px;color:var(--text-dim);line-height:1.8;margin:0 0 24px;opacity:0}.zodiac{text-align:center;padding:60px 0 10px}.zodiac-title{font-family:var(--font-serif);font-size:21px;color:var(--cream);margin:0 0 10px;letter-spacing:.06em;opacity:0}.zodiac-narrative{font-size:13px;color:var(--text-dim);line-height:1.8;white-space:pre-line;margin:0 0 26px;opacity:0}.zodiac.in .zodiac-title{animation:rewindIn .7s cubic-bezier(.22,1,.36,1) forwards}.zodiac.in .zodiac-narrative{animation:rewindIn .7s cubic-bezier(.22,1,.36,1) .1s forwards}.zodiac-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 14px}.zmedal{display:flex;flex-direction:column;align-items:center;gap:6px;perspective:600px;min-width:0}.zmedal-box{position:relative;width:100%;max-width:96px}.zmedal-box:after{content:"";display:block;padding-top:100%}.zmedal-img-wrap{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid var(--card-border-strong);box-shadow:0 0 18px #8d5b0b40,inset 0 0 12px #b07e2238;background:#8d5b0b14}.zmedal-img{width:100%;height:100%;object-fit:cover}.zmedal-name{font-size:12px;color:var(--text-main);letter-spacing:.04em;margin-top:4px}.zmedal-duration{font-size:10px;color:var(--gold);letter-spacing:.06em}.zmedal-copy{font-size:11px;color:var(--text-dim);line-height:1.6;margin:0}.zmedal.off .zmedal-name,.zmedal.off .zmedal-duration,.zmedal.off .zmedal-copy{opacity:.45}.zmedal-lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:28px;text-shadow:0 2px 6px rgba(0,0,0,.6)}.zmedal{opacity:1;transform:none}.zodiac.in .zmedal{animation:medalUnlock .7s cubic-bezier(.34,1.56,.64,1) var(--d, 0s) both}.zodiac.in .zmedal:nth-child(1){--d: 0s}.zodiac.in .zmedal:nth-child(2){--d: .07s}.zodiac.in .zmedal:nth-child(3){--d: .14s}.zodiac.in .zmedal:nth-child(4){--d: .21s}.zodiac.in .zmedal:nth-child(5){--d: .28s}.zodiac.in .zmedal:nth-child(6){--d: .35s}.zodiac.in .zmedal:nth-child(7){--d: .42s}.zodiac.in .zmedal:nth-child(8){--d: .49s}.zodiac.in .zmedal:nth-child(9){--d: .56s}.zodiac.in .zmedal:nth-child(10){--d: .63s}.zodiac.in .zmedal:nth-child(11){--d: .7s}.zodiac.in .zmedal:nth-child(12){--d: .77s}.zodiac.in .zmedal.on .zmedal-img-wrap{animation:medalBreath 3.2s ease-in-out calc(var(--d, 0s) + 2.2s) infinite}.btn-ghost{background:transparent;color:var(--gold);border:1px solid var(--card-border-strong);box-shadow:none}.ending-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.ending-actions .btn-gold{width:min(280px,74vw);text-align:center}.quiz-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:18px}.quiz-panel{position:relative;width:100%;max-width:420px;height:min(82vh,720px);background:linear-gradient(180deg,#fffdf5,#fcf3da);border:1px solid var(--card-border-strong);border-radius:20px;padding:26px 22px 22px;display:flex;flex-direction:column;animation:drawerUp .3s cubic-bezier(.22,1,.36,1) both}.quiz-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;border:1px solid var(--card-border);background:transparent;color:var(--text-dim);font-size:14px;cursor:pointer;z-index:2}.quiz-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.quiz-intro-icon{font-size:56px;color:var(--gold);text-shadow:0 0 30px rgba(141,91,11,.5)}.quiz-intro-title{font-family:var(--font-serif);font-size:28px;color:var(--gold);margin:0;letter-spacing:.1em}.quiz-intro-sub{font-size:13px;color:var(--amber);letter-spacing:.3em;margin:0}.quiz-intro-desc{font-size:13.5px;line-height:2;color:var(--text-dim);margin:6px 0 18px}.quiz-share{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:24px;padding-top:18px;border-top:1px dashed var(--card-border)}.quiz-share-qr{width:140px;height:140px;max-width:100%;border-radius:8px;border:2px solid #8d5b0b;background:#fffdf5}.quiz-share span{font-size:12px;color:var(--text-dim);letter-spacing:.05em}.qr-loading{border-radius:8px;background:#8d5b0b26}.quiz-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding-top:8px}.quiz-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-dim);margin-bottom:26px}.quiz-progress-bar{flex:1;height:3px;border-radius:2px;background:#8d5b0b26;overflow:hidden}.quiz-progress-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--amber),var(--gold));transition:width .3s ease}.quiz-question{font-family:var(--font-serif);font-size:19px;line-height:1.7;color:var(--cream);margin:0 0 24px;font-weight:600}.quiz-options{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-bottom:8px}.quiz-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 16px;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font-size:14.5px;line-height:1.6;cursor:pointer;transition:border-color .2s,transform .12s,box-shadow .2s}.quiz-option:active{transform:scale(.98);border-color:var(--el-color, var(--gold));box-shadow:0 0 18px color-mix(in srgb,var(--el-color, var(--gold)) 40%,transparent)}.quiz-option-key{flex:0 0 26px;width:26px;height:26px;border-radius:50%;border:1px solid var(--el-color, var(--card-border-strong));color:var(--el-color, var(--gold));font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:700}.quiz-brand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 14px;border-bottom:1px dashed var(--card-border);margin-bottom:16px}.quiz-brand-logo{height:26px;width:auto;opacity:.95;filter:drop-shadow(0 2px 6px rgba(141,91,11,.25))}.quiz-brand-name{font-size:12px;color:var(--text-dim);letter-spacing:.25em}.quiz-result{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:6px;gap:16px}.quiz-result-main{text-align:center}.quiz-result-badge{font-family:var(--font-serif);font-size:52px;font-weight:700;line-height:1;margin-bottom:10px;text-shadow:0 0 30px currentColor}.quiz-result-title{font-family:var(--font-serif);font-size:23px;color:var(--cream);margin:0 0 12px;letter-spacing:.06em}.quiz-result-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}.quiz-tag{font-size:12px;color:var(--gold);border:1px solid var(--card-border-strong);border-radius:999px;padding:3px 12px}.quiz-result-desc{font-size:13.5px;line-height:2;color:var(--text-main);margin:0 0 10px;text-align:left}.quiz-result-medical{font-size:12.5px;line-height:1.9;color:var(--amber);font-style:italic;margin:0 0 8px;text-align:left;border-left:3px solid var(--gold);padding-left:10px}.quiz-result-personal{font-size:13.5px;line-height:2;color:var(--cream);background:#8d5b0b1a;border:1px dashed var(--card-border-strong);border-radius:10px;padding:10px 14px;margin:0;text-align:left}.quiz-result-second{text-align:center;border-top:1px dashed var(--card-border);padding-top:12px}.quiz-second-label{font-size:12px;color:var(--text-dim);letter-spacing:.3em;margin:0 0 6px}.quiz-second-text{font-size:14px;color:var(--text-main);margin:0}.quiz-innate,.quiz-acquired{display:flex;flex-direction:column;gap:16px}.quiz-innate{padding-bottom:18px;border-bottom:1px dashed var(--card-border);margin-bottom:4px}.quiz-block-title{font-size:15px;color:var(--cream);text-align:center;letter-spacing:.15em;margin:0 0 4px}.quiz-block-title em{display:block;font-style:normal;font-size:11px;color:var(--text-dim);letter-spacing:.2em;margin-top:4px}.quiz-innate-pillars{font-size:13px;color:var(--amber);text-align:center;margin:-4px 0 12px;letter-spacing:.04em}.quiz-innate-pillars em{font-style:normal;color:var(--text-dim);font-size:11px}.quiz-radar{text-align:center;border-top:1px dashed var(--card-border);padding:24px 0 12px;margin-top:12px}.quiz-radar-title{font-size:12px;color:var(--text-dim);letter-spacing:.3em;margin:0 0 16px}.quiz-radar-note{font-size:11.5px;line-height:1.9;color:var(--text-dim);margin:10px auto 0;max-width:90%;text-align:left}.radar-svg{margin:8px auto;display:block}.quiz-qr-row{display:flex;justify-content:center;gap:26px;border-top:1px dashed var(--card-border);padding:16px 0 6px}.quiz-qr-item{display:flex;flex-direction:column;align-items:center;gap:7px}.quiz-qr-img{width:112px;height:112px;border-radius:10px;border:2px solid #8d5b0b;background:#fffdf5}.quiz-qr-item span{font-size:11.5px;color:var(--text-dim);letter-spacing:.02em}.quiz-save-btn{width:100%;margin-top:14px;padding:14px 10px;font-size:15px}.quiz-poster-modal{z-index:50}.quiz-actions{display:flex;gap:12px;margin-top:auto;padding-top:8px}.quiz-actions .btn-gold{flex:1;padding:12px 10px;font-size:14px}.loading-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--text-dim);font-size:14px;letter-spacing:.2em}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(141,91,11,.2);border-top-color:var(--gold);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-height: 760px){.full-screen{padding-top:calc(var(--safe-top) + 14px);padding-bottom:calc(var(--safe-bottom) + 14px)}.phone-page .page-title{font-size:clamp(30px,8vw,36px)}.phone-page .desc{margin-bottom:16px}.phone-divider{margin:16px 0 14px}.opening .page-title{font-size:clamp(32px,9vw,40px)}.opening-stats{margin-bottom:26px}.opening .page-sub{margin-bottom:24px}.station{margin-top:78px}.phase{margin-top:92px}.ending{padding-top:108px}.timeline{padding-top:84px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.health-home-btn{margin-top:12px;border-color:#6aa8b866}.health-home-btn .quiz-home-icon{color:#7fc4b8}.health-panel{height:min(88vh,780px)}.diagnosis-tip{font-size:11px;color:var(--text-dim);margin:16px 0 0;letter-spacing:.02em}.diagnosis-body{gap:14px}.diagnosis-bazi-hint{font-size:11.5px;line-height:1.7;color:var(--text-dim);border:1px dashed var(--card-border-strong);border-radius:10px;background:#8d5b0b0d;padding:8px 10px;margin:-6px 0 2px}.diagnosis-field{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.diagnosis-label{font-size:13px;color:var(--cream);letter-spacing:.06em}.diagnosis-label em{font-style:normal;font-size:11.5px;color:var(--text-dim)}.diagnosis-seg{display:flex;gap:10px}.diagnosis-seg-btn{flex:1;padding:12px 0;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font-size:15px;cursor:pointer;transition:border-color .2s,background .2s}.diagnosis-seg-btn.active{border-color:var(--gold);background:#8d5b0b24;color:var(--gold);font-weight:600}.diagnosis-date{display:flex;gap:10px}.diagnosis-date .diagnosis-input{flex:1;min-width:0;padding:12px 6px;text-align:center}.diagnosis-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font-size:15px;outline:none;transition:border-color .2s}.diagnosis-input:focus{border-color:var(--gold)}.diagnosis-input option{background:#fffdf5;color:var(--text-main)}.diagnosis-nav{display:flex;gap:12px;margin-top:auto;padding-top:14px}.diagnosis-nav .btn-gold{flex:1;padding:13px 10px;font-size:14.5px}.diagnosis-photo-hint{font-size:12.5px;line-height:1.8;color:var(--text-dim);margin:-10px 0 18px}.diagnosis-photo-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;padding:34px 16px;border-radius:14px;border:1.5px dashed var(--card-border-strong);background:#8d5b0b0d;color:var(--text-main);font-size:14.5px;cursor:pointer;transition:border-color .2s,background .2s}.diagnosis-photo-btn:active{border-color:var(--gold);background:#8d5b0b1a}.diagnosis-photo-icon{font-size:34px}.diagnosis-photo-preview{display:flex;flex-direction:column;align-items:center;gap:12px}.diagnosis-photo-preview img{width:min(62vw,240px);aspect-ratio:1;object-fit:cover;border-radius:14px;border:2px solid var(--card-border-strong);background:#fffdf5}.diagnosis-photo-actions{display:flex;gap:12px}.diagnosis-photo-actions .btn-gold{padding:10px 22px;font-size:13.5px}.diagnosis-spinner{width:40px;height:40px;margin-bottom:6px}.diagnosis-result-title{font-family:var(--font-serif);font-size:19px;color:var(--gold);text-align:center;letter-spacing:.12em;margin:4px 0 18px}.diagnosis-section{border:1px solid var(--card-border);border-radius:12px;background:#8d5b0b0a;padding:13px 14px;margin-bottom:12px}.diagnosis-section-title{font-size:14.5px;font-weight:700;color:var(--amber);margin-bottom:6px;letter-spacing:.04em}.diagnosis-section-body{font-size:13.5px;line-height:1.9;color:var(--text-main);margin:0;white-space:pre-line}.diagnosis-disclaimer{font-size:11.5px;color:var(--text-dim);text-align:center;margin:14px 0 16px;letter-spacing:.02em}.acupoint-link{display:inline;padding:0 3px;margin:0 1px;border:none;background:#8d5b0b29;border-radius:5px;color:var(--amber);font-size:inherit;font-family:inherit;line-height:1.7;cursor:pointer;text-decoration:underline dotted rgba(141,91,11,.7);text-underline-offset:3px;transition:background .15s}.acupoint-link:active{background:#8d5b0b52}.acupoint-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:22px}.acupoint-pop{width:min(320px,86vw);max-height:80vh;background:#fff;border-radius:16px;padding:14px;box-shadow:0 12px 40px #00000059;animation:acupoint-pop-in .18s ease-out}@keyframes acupoint-pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.acupoint-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.acupoint-pop-title{font-size:15px;font-weight:700;color:#4a3a18}.acupoint-pop-close{border:none;background:#f3efe4;width:26px;height:26px;border-radius:50%;font-size:13px;line-height:1;color:#6b5a2e;cursor:pointer}.acupoint-pop-img-wrap{display:flex;align-items:center;justify-content:center;background:#faf7ee;border-radius:10px;overflow:hidden}.acupoint-pop-img{display:block;max-width:100%;max-height:56vh;object-fit:contain}.acupoint-pop-error{padding:34px 10px;font-size:13px;color:#8a7a4d}.diagnosis-entry{display:flex;align-items:center;gap:12px;padding:15px 14px;border-radius:14px;border:1px solid var(--card-border-strong);background:#8d5b0b0f;margin-bottom:18px}.diagnosis-entry-icon{flex:0 0 auto;font-size:26px}.diagnosis-entry-text{flex:1;display:flex;flex-direction:column;gap:3px}.diagnosis-entry-title{font-size:15px;font-weight:600;color:var(--gold);letter-spacing:.06em}.diagnosis-entry-sub{font-size:11.5px;color:var(--text-dim);line-height:1.5}.diagnosis-entry-btn{flex:0 0 auto;padding:9px 14px;font-size:12.5px;white-space:nowrap}.diagnosis-pending{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:26px 16px;border-radius:14px;border:1px dashed var(--card-border-strong);background:#8d5b0b0a;margin-bottom:18px}.diagnosis-pending-title{font-size:15px;font-weight:600;color:var(--cream);letter-spacing:.08em}.diagnosis-pending-sub{font-size:12px;color:var(--text-dim);line-height:1.7}.diagnosis-report-card{border:1px solid var(--card-border-strong);border-radius:16px;background:#fff9e6b8;padding:18px 16px;margin-bottom:18px}.diagnosis-report-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.diagnosis-report-icon{font-size:26px}.diagnosis-report-title{font-size:15.5px;font-weight:600;color:var(--gold);letter-spacing:.06em}.diagnosis-report-sub{font-size:11.5px;color:var(--text-dim);margin-top:2px}.diagnosis-report-card .diagnosis-entry-btn{width:100%;margin-top:4px}.constitution-home-btn{border-color:#7fa3c959}.constitution-home-btn .quiz-home-icon{color:#9fc0dc}.constitution-panel{height:min(86vh,760px)}.constitution-tip{font-size:11.5px;line-height:1.7;color:#8d5b0b73;margin:2px 0 0}.constitution-body{gap:0}.con-back{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);width:26px;height:26px;border-radius:50%;font-size:16px;line-height:1;cursor:pointer;flex:0 0 auto}.con-back:active{transform:scale(.95)}.con-back-empty{visibility:hidden}.con-section{font-size:12px;color:var(--amber);letter-spacing:.3em;border:1px dashed var(--card-border-strong);border-radius:999px;padding:4px 14px;align-self:flex-start;margin:0 0 16px;background:#8d5b0b0f}.con-option-text{display:flex;flex-direction:column;gap:2px}.con-option-text em{font-style:normal;font-size:11.5px;color:var(--text-dim)}.quiz-option.selected{border-color:var(--gold);background:#8d5b0b1f}.constitution-result{gap:14px}.con-verdict{font-size:13.5px;color:var(--amber);margin:0 0 12px}.con-verdict-pinghe{color:var(--gold)}.con-bars{border-top:1px dashed var(--card-border);padding:14px 0 4px;display:flex;flex-direction:column;gap:7px}.con-bars .quiz-radar-title{margin:0 0 8px;text-align:center}.con-bar-row{display:flex;align-items:center;gap:10px;font-size:12.5px}.con-bar-name{flex:0 0 86px;color:var(--text-main)}.con-bar-track{flex:1;height:8px;border-radius:5px;background:#8d5b0b1a;overflow:hidden}.con-bar-track i{display:block;height:100%;border-radius:5px;transition:width .5s ease;opacity:.55}.con-bar-track i.main{opacity:1;box-shadow:0 0 10px currentColor}.con-bar-score{flex:0 0 46px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-dim);display:flex;flex-direction:column;line-height:1.3}.con-bar-score em{font-style:normal;font-size:10.5px}.con-bar-score.strong{color:var(--gold);font-weight:700}.con-summary{border:1px dashed var(--card-border-strong);border-radius:12px;padding:12px 14px;background:#8d5b0b0d;display:flex;flex-direction:column;gap:6px}.con-summary-line{font-size:13px;line-height:1.8;color:var(--text-main);margin:0}.con-summary-line b{color:var(--cream)}.con-advice{border-left:3px solid var(--gold);padding-left:12px}.con-advice-label{font-size:12px;color:var(--text-dim);letter-spacing:.3em;margin:0 0 6px}.con-advice-text{font-size:13.5px;line-height:2;color:var(--text-main);margin:0}.health-result{gap:14px}.health-result .quiz-result-badge{margin-bottom:6px}.health-ai{border:1px solid var(--card-border);border-radius:14px;background:#fff9e68c;padding:14px;display:flex;flex-direction:column;gap:10px}.health-ai-head{font-size:14px;font-weight:700;color:var(--amber);letter-spacing:.1em;margin:0}.health-ai-head em{font-style:normal;font-size:11px;font-weight:500;color:var(--text-dim);border:1px solid var(--card-border-strong);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:1px}.health-ai-cta{display:flex;flex-direction:column;align-items:center;gap:10px}.health-ai-desc{font-size:12.5px;line-height:1.8;color:var(--text-main);margin:0;text-align:center}.health-ai-running{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:6px 0 2px}.health-ai-running p{margin:0;font-size:13px;color:var(--text-main)}.health-ai-hint{font-size:11.5px;color:var(--text-dim)!important}.health-ai-report{display:flex;flex-direction:column;gap:10px}.health-ai-report .diagnosis-section{margin-bottom:0}.health-ai-error{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.health-ai-error p{margin:0;font-size:13px;color:var(--text-main)}.health-goods{border:1px dashed var(--card-border-strong);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px;background:#8d5b0b0a}.health-goods-title{font-size:14px;font-weight:700;color:var(--gold);letter-spacing:.08em;margin:0;text-align:center}.health-goods-placeholder{font-size:12px;color:var(--text-dim);margin:0;text-align:center}.health-goods-state{display:flex;flex-direction:column;align-items:center;gap:8px}.health-goods-state p{margin:0;font-size:12.5px;color:var(--text-dim)}.health-goods-state .btn-gold{padding:8px 20px;font-size:12.5px}.health-goods-group{display:flex;flex-direction:column;gap:8px}.health-goods-group-title{font-size:12.5px;font-weight:700;color:var(--amber);letter-spacing:.2em;margin:2px 0 0;border-left:3px solid var(--amber);padding-left:8px}.health-goods-list{display:flex;flex-direction:column;gap:10px}.health-goods-card{display:flex;gap:10px;border:1px solid var(--card-border);border-radius:12px;background:#8d5b0b0d;padding:10px;overflow:hidden}.health-goods-card-img{flex:0 0 78px;width:78px;height:78px;object-fit:cover;border-radius:9px;background:#fffdf5}.health-goods-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.health-goods-card-name{font-size:13.5px;font-weight:600;line-height:1.5;color:var(--cream);margin:0}.health-goods-card-norms{font-size:11.5px;color:var(--text-dim);margin:0}.health-goods-card-desc{font-size:12px;line-height:1.8;color:var(--text-main);margin:0;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.health-goods-card-link{align-self:flex-start;font-size:12.5px;color:var(--gold);text-decoration:none;border:1px solid rgba(141,91,11,.45);border-radius:999px;padding:3px 12px;margin-top:2px;background:transparent;cursor:pointer}.health-goods-card-link:active{background:#8d5b0b1f}.health-goods-detail-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000009e;display:flex;align-items:center;justify-content:center;padding:24px}.health-goods-detail-pop{width:min(360px,88vw);max-height:82vh;overflow-y:auto;background:linear-gradient(180deg,#fffdf5,#fcf3da);border:1px solid var(--card-border-strong);border-radius:16px;padding:18px 16px;box-shadow:0 12px 40px #00000059;animation:acupoint-pop-in .18s ease-out}.health-goods-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.health-goods-detail-tag{font-size:12px;font-weight:700;color:var(--amber);letter-spacing:.2em;border-left:3px solid var(--amber);padding-left:8px}.health-goods-detail-close{border:none;background:#f3efe4;width:26px;height:26px;border-radius:50%;font-size:13px;line-height:1;color:#6b5a2e;cursor:pointer}.health-goods-detail-img{display:block;width:100%;max-height:40vh;object-fit:contain;border-radius:10px;background:#fffdf5;margin-bottom:12px}.health-goods-detail-name{font-size:16px;font-weight:700;color:var(--cream);line-height:1.5;margin:0 0 6px}.health-goods-detail-norms{font-size:12.5px;color:var(--text-dim);margin:0 0 10px}.health-goods-detail-desc{font-size:13.5px;line-height:1.9;color:var(--text-main);white-space:pre-line;border-top:1px dashed var(--card-border);padding-top:12px}