:root{--ink:#eee8db;--muted:#aaa394;--paper:#0b0d0c;--cream:#141714;--jade:#c7a866;--jade2:#937b49;--gold:#c9a75e;--line:#34352f;--danger:#ee8c7f;--shadow:0 24px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -20%,#20231e 0,#0b0d0c 48%,#070807 100%);color:var(--ink);font-family:"Noto Serif TC","Songti TC","PMingLiU",Georgia,serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(#c9a75e 0.55px,transparent .7px);background-size:8px 8px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}button,input{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1040px;margin:auto;padding:0 24px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;letter-spacing:.12em}.brand-mark,.seal{display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);transform:rotate(4deg);box-shadow:0 0 22px rgba(201,167,94,.1)}.brand-mark{width:30px;height:30px;font-size:14px}.text-button,.back-link{border:0;background:none;color:var(--gold);text-decoration:underline;text-underline-offset:4px;cursor:pointer}.hidden{display:none!important}main{min-height:calc(100vh - 150px)}.screen{display:none;width:min(720px,calc(100% - 36px));margin:0 auto;padding:58px 0 90px;animation:rise .4s ease}.screen.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero{text-align:center;padding-top:46px}.hero-orbit{width:154px;height:154px;border:1px solid rgba(201,167,94,.4);border-radius:50%;display:grid;place-items:center;margin:0 auto 38px;position:relative;box-shadow:0 0 60px rgba(201,167,94,.06)}.hero-orbit:after,.hero-orbit:before{content:"";position:absolute;inset:14px;border:1px solid rgba(201,167,94,.22);border-radius:50%;transform:rotate(45deg)}.hero-orbit:after{border-radius:0;inset:43px}.hero-orbit span{font-size:42px;color:var(--gold)}.hero-orbit i{position:absolute;width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px rgba(201,167,94,.7)}.hero-orbit i:nth-of-type(1){top:12px}.hero-orbit i:nth-of-type(2){right:23px;bottom:25px}.hero-orbit i:nth-of-type(3){left:12px;bottom:52px}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--gold);font-size:13px;font-weight:700}.hero h1{font-size:clamp(38px,7vw,64px);line-height:1.2;margin:12px 0 22px;font-weight:500}.hero h1 em{font-style:normal;color:var(--gold)}.lead{font-family:system-ui,sans-serif;color:var(--muted);line-height:1.8;max-width:580px;margin:0 auto 32px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:linear-gradient(135deg,#d0b36e,#a78343);color:#11130f;border:1px solid #e3c883;padding:16px 28px;min-height:56px;text-decoration:none;cursor:pointer;font-weight:700;box-shadow:0 10px 32px rgba(201,167,94,.15);transition:.2s}.primary:hover{background:linear-gradient(135deg,#dfc47d,#b8944d);transform:translateY(-1px);box-shadow:0 14px 38px rgba(201,167,94,.23)}.primary.full{width:100%;margin-top:16px}.trust-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin-top:28px;color:var(--muted);font:12px system-ui,sans-serif}.trust-row span:before{content:"○";color:var(--gold);margin-right:7px}.step-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:36px}.step-head>span{font:13px system-ui,sans-serif;color:var(--gold);border-top:1px solid var(--gold);padding-top:8px}.step-head p{margin:0;color:var(--muted);font:14px system-ui,sans-serif}.step-head h2{font-size:clamp(28px,5vw,40px);font-weight:500;margin:8px 0}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic{background:rgba(20,23,20,.86);border:1px solid var(--line);padding:24px;text-align:left;min-height:150px;cursor:pointer;color:var(--ink);transition:.2s}.topic:hover,.topic:focus{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow)}.topic b{font-size:24px;font-weight:500;display:block;margin:16px 0 8px}.topic small{font:13px/1.6 system-ui,sans-serif;color:var(--muted)}.topic .icon{font-size:22px;color:var(--gold)}.hint,.section-note{color:var(--muted);font:14px/1.7 system-ui,sans-serif}.hint{text-align:center;margin-top:24px}.progress-wrap{margin-bottom:50px}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font:12px system-ui,sans-serif;margin-bottom:9px}.progress{height:2px;background:var(--line)}.progress i{height:100%;display:block;background:var(--gold);box-shadow:0 0 8px rgba(201,167,94,.45);transition:width .25s}.question h2{font-size:clamp(28px,5vw,42px);font-weight:500;line-height:1.45;margin:0 0 30px}.answers{display:grid;gap:12px}.answer{border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:18px 20px;text-align:left;cursor:pointer;display:flex;gap:14px;align-items:center}.answer:hover,.answer:focus{border-color:var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.25)}.answer i{width:28px;height:28px;border:1px solid #544b37;display:grid;place-items:center;font-style:normal;color:var(--gold);font-size:12px;flex:none}.back-link{margin-top:28px}.section-note{border-left:2px solid var(--gold);padding-left:15px;margin:-16px 0 30px}form{display:grid;gap:22px}label{font-size:15px}input:not([type=checkbox]){display:block;width:100%;margin-top:9px;border:1px solid var(--line);background:#111310;padding:15px 14px;border-radius:0;color:var(--ink);outline:none;font-family:system-ui,sans-serif;color-scheme:dark}input::placeholder{color:#716f66}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,167,94,.1)}input.invalid{border-color:var(--danger)}.error,.form-error{display:block;color:var(--danger);font:12px system-ui,sans-serif;margin-top:6px;min-height:1em}.time-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}.check{display:flex;align-items:flex-start;gap:10px;font:14px/1.6 system-ui,sans-serif;color:var(--muted);cursor:pointer}.check input{accent-color:var(--gold);width:18px;height:18px;flex:none;margin-top:2px}.time-unknown{padding-bottom:15px}.optional{color:var(--muted);font:12px system-ui,sans-serif;margin-left:5px}.or{height:1px;background:var(--line);position:relative;margin:4px 0}.or span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:0 10px;color:var(--muted);font:12px system-ui,sans-serif}.consent{margin-top:5px}.result-top{text-align:center;margin-bottom:36px}.seal{width:68px;height:68px;margin:24px auto;border-radius:50%;font-size:26px}.result-top h1{font-size:clamp(36px,7vw,58px);font-weight:500;margin:12px}.result-tagline{font:16px/1.8 system-ui,sans-serif;color:var(--muted);max-width:540px;margin:auto}.result-card{background:linear-gradient(145deg,#171a16,#111310);border:1px solid var(--line);padding:28px;margin:14px 0;position:relative}.card-no{position:absolute;right:22px;top:20px;color:var(--gold);font:12px system-ui,sans-serif}.result-card h3{font-size:22px;font-weight:500;margin:0 0 14px}.result-card p{font:16px/1.9 system-ui,sans-serif;color:#c3bdb0;margin:0}.unfinished{margin:44px 0;padding:32px 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center}.unfinished p{color:var(--gold);font:12px system-ui,sans-serif;letter-spacing:.18em}.unfinished h2{font-size:clamp(25px,5vw,36px);font-weight:500;line-height:1.5}.unfinished span{font:13px/1.7 system-ui,sans-serif;color:var(--muted)}.cta-panel{text-align:center;background:linear-gradient(145deg,#1b1d18,#11130f);border:1px solid #3c382d;padding:30px}.cta-panel p{font-size:18px}.cta-panel small{display:block;color:var(--muted);font:12px/1.6 system-ui,sans-serif;margin-top:14px}.center{display:block;margin:30px auto}.disclaimer{font:11px/1.7 system-ui,sans-serif;color:var(--muted);text-align:center}footer{height:74px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:18px;color:var(--muted);font-size:12px}footer span{color:var(--ink);letter-spacing:.14em}footer p{font-family:system-ui,sans-serif}@media(max-width:620px){.topbar{height:64px;padding:0 18px}.screen{padding:38px 0 70px}.hero{padding-top:20px}.hero-orbit{width:122px;height:122px;margin-bottom:28px}.hero h1{font-size:38px}.topic-grid{grid-template-columns:1fr}.topic{min-height:auto;padding:19px}.topic b{font-size:21px;margin:8px 0}.time-row{grid-template-columns:1fr}.time-unknown{padding-bottom:0}.result-card{padding:23px 20px}.cta-panel{padding:25px 18px}footer{flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}