:root{--bg:#faf9f6;--bg-raised:#fff;--ink:#1f2430;--ink-muted:#5c6270;--line:#e5e2da;--accent:#4f46b8;--accent-ink:#fff;--accent-soft:#eceafb;--gold:#b8860b;--ok:#1f7a4d;--warn:#9a6700;--err:#b3382c;--radius:12px;--radius-lg:20px;--radius-sm:8px;--el-fire:#d97742;--el-earth:#7a9a5c;--el-air:#6a9fd8;--el-water:#7d6fc4;--chart-paper:#fdfcf9;--maxw:46rem;--font-sans:"Noto Sans TC", -apple-system, "PingFang TC", "Microsoft JhengHei", sans-serif;--shadow:0 1px 3px #14162814, 0 8px 24px #1416280f}@media (prefers-color-scheme:dark){:root{--bg:#12141c;--bg-raised:#1a1d28;--ink:#e8e7f0;--ink-muted:#a3a6b8;--line:#2a2e3d;--accent:#8b84e8;--accent-ink:#12141c;--accent-soft:#26243d;--gold:#d4a836;--ok:#4fc48a;--warn:#d9a94a;--err:#e07868;--shadow:0 1px 3px #0006, 0 8px 24px #0000004d}}*{box-sizing:border-box}html{color-scheme:light dark}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.75}main{max-width:var(--maxw);margin:0 auto;padding:1.25rem 1.25rem 4rem}h1{margin:1.2rem 0 .8rem;font-size:1.7rem;line-height:1.35}h2{margin:2.2rem 0 .6rem;font-size:1.3rem}h3{margin:1.6rem 0 .4rem;font-size:1.08rem}p{margin:.7rem 0}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}small,.muted{color:var(--ink-muted)}hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.2rem}.btn{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.6rem;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:var(--accent-soft);color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed}.site-header{border-bottom:1px solid var(--line);background:var(--bg-raised)}.site-header .inner{max-width:var(--maxw);justify-content:space-between;align-items:center;margin:0 auto;padding:.7rem 1.25rem;display:flex}.site-header a.brand{color:var(--ink);font-size:1.05rem;font-weight:800;text-decoration:none}.site-header nav a{color:var(--ink-muted);margin-left:.9rem;font-size:.92rem;text-decoration:none}.site-header nav a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);margin-top:3rem}.site-footer .inner{max-width:var(--maxw);color:var(--ink-muted);margin:0 auto;padding:1.5rem 1.25rem 2.5rem;font-size:.85rem}.site-footer a{color:var(--ink-muted)}.notice{border:1px solid var(--line);background:var(--bg-raised);border-radius:var(--radius);padding:.8rem 1rem;font-size:.95rem}.notice:before{content:"提醒";color:var(--warn);margin-bottom:.2rem;font-size:.78rem;font-weight:700;display:block}.notice.ok:before{content:"小知識";color:var(--ok)}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border:1px solid var(--line);text-align:left;padding:.5rem .7rem}th{background:var(--accent-soft);color:var(--ink)}input,select,textarea{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font:inherit;max-width:100%;padding:.45rem .6rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}label{font-size:.92rem;font-weight:600}.field{margin:1rem 0}.field-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.field .hint{color:var(--ink-muted);margin-top:.2rem;font-size:.82rem;font-weight:400;display:block}.steps{flex-wrap:wrap;gap:.4rem;margin:1.2rem 0 1.6rem;display:flex}.steps .step-dot{color:var(--ink-muted);border:1px solid var(--line);background:var(--bg-raised);border-radius:999px;padding:.2rem .8rem;font-size:.82rem}.steps .step-dot.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.steps .step-dot.done{border-color:var(--ok);color:var(--ok)}.wizard-panel{display:none}.wizard-panel.active{display:block}.wizard-actions{flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.6rem;display:flex}.form-error{color:var(--err);margin-top:.6rem;font-size:.9rem}.qcard{margin:1.2rem 0}.qcard .qwhy{color:var(--ink-muted);margin:.15rem 0 .5rem;font-size:.82rem}.qcard .options{gap:.4rem;display:grid}.qcard .options label{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-raised);align-items:baseline;gap:.5rem;padding:.5rem .7rem;font-weight:400;display:flex}.qcard .options label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.event-row{grid-template-columns:1fr 6rem 6rem 4.2rem auto;align-items:center;gap:.5rem;margin:.5rem 0;display:grid}.event-row .remove-event{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-muted);cursor:pointer;font:inherit;background:0 0;padding:.35rem .6rem}@media (width<=560px){.event-row{grid-template-columns:1.2fr 1fr .8fr auto;row-gap:.35rem}.event-row .event-type{grid-column:1/-1}}.signbar{border-radius:var(--radius-sm);border:1px solid var(--line);width:100%;height:2.4rem;display:flex;overflow:hidden}.signbar .signseg{color:#fff;white-space:nowrap;justify-content:center;align-items:center;min-width:0;font-size:.75rem;display:flex;overflow:hidden}.signbar .signseg.el-fire{background:var(--el-fire)}.signbar .signseg.el-earth{background:var(--el-earth)}.signbar .signseg.el-air{background:var(--el-air)}.signbar .signseg.el-water{background:var(--el-water)}.signbar-scale{color:var(--ink-muted);justify-content:space-between;margin-top:.2rem;font-size:.78rem;display:flex}.rank-list{margin:.6rem 0;padding:0;list-style:none}.rank-list li{align-items:center;gap:.6rem;margin:.35rem 0;font-size:.92rem;display:flex}.rank-list .rank-bar-track{background:var(--accent-soft);border-radius:999px;flex:1;height:.55rem}.rank-list .rank-bar{background:var(--accent);border-radius:999px;height:100%}.rank-list .rank-name{width:5.2rem}.conf-badge{border-radius:999px;padding:.25rem .9rem;font-size:.95rem;font-weight:700;display:inline-block}.conf-badge.conf-high{background:var(--ok);color:#fff}.conf-badge.conf-medium{background:var(--warn);color:#fff}.conf-badge.conf-low{background:var(--err);color:#fff}.result-block{margin:1.6rem 0}.best-time{color:var(--accent);font-size:1.5rem;font-weight:800}.hitlist{margin:.5rem 0;padding:0;font-size:.9rem;list-style:none}.hitlist li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-raised);margin:.35rem 0;padding:.4rem .7rem}.hitlist .hit-pts{color:var(--ink-muted);font-size:.82rem}.score-curve{width:100%;height:auto}.chart-card{background:var(--chart-paper);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem}.chart-card svg{max-width:100%;height:auto}.share-box textarea{width:100%;min-height:5.5rem;font-size:.9rem}.article h1{margin-top:1.6rem}.article img{max-width:100%}.article blockquote{border-left:3px solid var(--accent-soft);color:var(--ink-muted);margin:1rem 0;padding:.2rem 0 .2rem 1rem}.article-nav{justify-content:space-between;align-items:center;display:flex}.article-list{padding:0;list-style:none}.article-list li{margin:.9rem 0}.article-list .desc{color:var(--ink-muted);margin:.15rem 0 0;font-size:.88rem}.hero{text-align:center;padding:2.2rem 0 1.4rem}.hero h1{font-size:2rem}.hero .sub{color:var(--ink-muted);max-width:34rem;margin:.6rem auto 1.4rem;font-size:1.08rem}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.step-cards{grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.2rem 0;display:grid}.step-cards .card{padding:.9rem 1rem}.step-cards .card h3{margin:.2rem 0 .4rem;font-size:1rem}.step-cards .card p{color:var(--ink-muted);margin:0;font-size:.88rem}.step-cards .card .step-no{color:var(--gold);font-size:.78rem;font-weight:800}@media (width<=640px){.step-cards{grid-template-columns:1fr}.hero h1{font-size:1.55rem}}@media (width<=520px){h1{font-size:1.45rem}.site-header nav a{margin-left:.6rem;font-size:.85rem}}