:root{--bg:#0f0e11;--panel:#17161b;--panel-2:#1d1c22;--ink:#ece5d8;--dim:#9a917f;--faint:#6b6357;--hairline:#2a2830;--accent:#d05a49;--accent-deep:#a63d2f;--up:#d05a49;--down:#7d8aa0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}.page{max-width:680px;margin:0 auto;padding:0 18px 80px}.topbar{z-index:10;background:linear-gradient(to bottom, var(--bg) 75%, transparent);justify-content:space-between;align-items:center;padding:14px 2px;display:flex;position:sticky;top:0}.brand{letter-spacing:.5em;text-indent:.5em;font-family:Noto Serif SC,Songti SC,serif;font-size:18px}.mode-switch{border:1px solid var(--hairline);border-radius:999px;display:flex;overflow:hidden}.mode-switch button{color:var(--dim);cursor:pointer;letter-spacing:.1em;background:0 0;border:none;padding:6px 16px;font-size:12.5px}.mode-switch button.on{background:var(--ink);color:var(--bg);font-weight:600}.hero{padding:44px 2px 30px}.hero-en{letter-spacing:.42em;color:var(--faint);margin-bottom:16px;font-size:10.5px}.hero h1{letter-spacing:.04em;margin:0 0 16px;font-family:Noto Serif SC,Songti SC,serif;font-size:40px;font-weight:600;line-height:1.32}.hero p{color:var(--dim);max-width:30em;margin:0;font-size:14px;line-height:2}.card{background:var(--panel);border:1px solid var(--hairline);border-radius:16px;padding:22px 18px}.form-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.form-grid label{color:var(--faint);letter-spacing:.1em;margin-bottom:6px;font-size:11px;display:block}.form-grid select{border:1px solid var(--hairline);background:var(--panel-2);width:100%;color:var(--ink);border-radius:10px;padding:10px 6px;font-size:14px}.gender-row{gap:10px;margin-top:14px;display:flex}.gender-row label{text-align:center;border:1px solid var(--hairline);color:var(--dim);cursor:pointer;border-radius:10px;flex:1;padding:9px 0;font-size:14px}.gender-row label.on{border-color:var(--accent);color:var(--accent)}.gender-row input{display:none}.submit{background:var(--accent-deep);color:#fff;letter-spacing:.32em;text-indent:.32em;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:16px;padding:15px;font-size:15px;transition:background .2s}.submit:hover{background:var(--accent)}.report{margin-top:10px}.sec{border-top:1px solid var(--hairline);margin-top:34px;padding-top:30px;animation:.5s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sec-head{align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.sec-num{color:var(--accent);letter-spacing:.2em;font-family:Noto Serif SC,serif;font-size:15px}.sec-en{letter-spacing:.38em;color:var(--faint);margin-bottom:5px;font-size:10px}.sec h2{letter-spacing:.03em;margin:0;font-family:Noto Serif SC,Songti SC,serif;font-size:23px;font-weight:600}.archetype{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.arc-name{color:var(--accent);letter-spacing:.08em;font-family:Noto Serif SC,serif;font-size:19px}.arc-term{color:var(--faint);font-size:12px}.lede{margin:0 0 14px;font-size:16px;line-height:2}.lede.dim,.dim{color:var(--dim)}.thread{border-top:1px dashed var(--hairline);gap:12px;padding:9px 0;font-size:14px;line-height:1.9;display:flex}.thread-label{color:var(--accent);flex-shrink:0;padding-top:1px;font-size:13px}.points{color:var(--dim);margin:12px 0 0;padding-left:18px;font-size:13.5px;line-height:2.1}.pillars{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.pillar-name{text-align:center;color:var(--faint);letter-spacing:.2em;margin-bottom:8px;font-size:11px}.char-cell{text-align:center;background:var(--panel);border:1px solid var(--hairline);border-radius:12px;margin-bottom:8px;padding:12px 3px 9px}.char-cell .zi{font-family:Noto Serif SC,Songti SC,serif;font-size:30px;line-height:1.15}.char-cell.pivot{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.score-track{background:var(--hairline);border-radius:2px;height:3px;margin:9px 10px 6px;overflow:hidden}.score-fill{background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;transition:width .6s}.char-states{color:var(--dim);min-height:30px;padding:0 4px;font-size:10.5px;line-height:1.5}.fineprint{color:var(--dim);margin-top:14px;font-size:12.5px;line-height:1.9}.pivot-note{color:var(--accent);margin-top:10px;font-size:13.5px;line-height:1.9}.engine-row{border-top:1px dashed var(--hairline);padding:13px 0;font-size:14.5px;line-height:2}.engine-row:first-of-type{border-top:none;padding-top:0}.engine-row .tag{color:var(--accent);letter-spacing:.12em;vertical-align:2px;border:1px solid;border-radius:5px;margin-right:10px;padding:2px 8px;font-size:11px;display:inline-block}.engine-row .dim{margin-top:2px;font-size:13px;display:block}.chips{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.chip{border:1px solid var(--hairline);color:var(--dim);background:var(--panel);border-radius:999px;padding:5px 12px;font-size:12.5px}.chip.favorable{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.chip.lean_favorable{border-color:var(--accent);color:var(--accent)}.chip.unfavorable{color:#aebacc;background:#2c333e;border-color:#3a4451}.chip.lean_unfavorable{color:var(--down);border-color:#4a5666}.chip.mixed{border-style:dashed}.verdict{border-top:1px dashed var(--hairline);padding:18px 0 6px}.verdict:first-of-type{border-top:none;padding-top:4px}.v-title{letter-spacing:.25em;color:var(--faint);margin-bottom:8px;font-size:11px}.v-headline{letter-spacing:.02em;margin:0 0 8px;font-family:Noto Serif SC,serif;font-size:18px;font-weight:600;line-height:1.7}.prose{color:#cfc7b8;margin:8px 0;font-size:14.5px;line-height:2.05}.prose.dim{color:var(--dim);font-size:13.5px}.evidence{background:var(--panel);border-radius:12px;margin:12px 0 8px;padding:12px 14px}.ev-label{letter-spacing:.25em;color:var(--faint);margin-bottom:6px;font-size:11px}.evidence ul{color:var(--dim);margin:0;padding-left:18px;font-size:13.5px;line-height:2}.basis{color:var(--faint);margin-top:8px;font-size:12px}.retro-item{border-top:1px dashed var(--hairline);padding:13px 0}.retro-item:first-of-type{border-top:none}.retro-head{align-items:baseline;gap:10px;font-size:15px;line-height:1.8;display:flex}.retro-mark{border:1px solid var(--hairline);color:var(--dim);border-radius:5px;flex-shrink:0;padding:2px 8px;font-size:11px}.retro-mark.hard{border-color:var(--accent);color:var(--accent)}.dayun-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.dayun-cell{text-align:center;background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:11px 4px 9px}.dayun-cell.up{border-color:#d05a498c}.dayun-cell.down{border-color:#7d8aa066}.dy-gz{letter-spacing:.1em;font-family:Noto Serif SC,serif;font-size:17px}.dy-age{color:var(--dim);margin-top:4px;font-size:11px}.dy-year{color:var(--faint);margin-top:1px;font-size:10px}.dy-tag{color:var(--dim);min-height:15px;margin-top:5px;font-size:10.5px}.dayun-cell.up .dy-tag{color:var(--up)}.dayun-cell.down .dy-tag{color:var(--down)}.year-head{align-items:baseline;gap:12px;display:flex}.year-head .gz{letter-spacing:.1em;font-family:Noto Serif SC,serif;font-size:26px}.badge{color:#fff;background:var(--accent-deep);border-radius:6px;padding:3px 9px;font-size:12px}.badge.negative{color:#b7c2d4;background:#39434f}.badge.mixed{color:var(--dim);background:#3a352c}.kv{background:var(--panel);border-radius:12px;margin:10px 0 0;padding:12px 14px;font-size:14px;line-height:2}.kv b{color:var(--accent);margin-right:8px;font-weight:650}.kv.warn b{color:var(--down)}.notes{margin-top:12px}.note-line{color:var(--dim);border-left:2px solid var(--hairline);margin-top:9px;padding-left:12px;font-size:13px;line-height:1.95}.months{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.month-pill{border:1px solid var(--hairline);background:var(--panel);color:var(--dim);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:12.5px}.month-pill.open{border-color:var(--accent);color:var(--accent)}.mp-gz{color:var(--faint);margin-left:4px;font-size:10.5px}.month-detail{background:var(--panel);border-radius:12px;margin-top:12px;padding:14px;font-size:14px}.month-detail b{font-family:Noto Serif SC,serif}.outlook{gap:8px;display:grid}.outlook-row{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;display:flex}.outlook-row .y{min-width:42px;font-weight:650}.outlook-row .g{letter-spacing:.08em;min-width:46px;font-family:Noto Serif SC,serif}.outlook-row .l{color:var(--dim);flex:1}.outlook-row .f{color:var(--accent);font-size:12px}.outlook-row .f.negative{color:var(--down)}.foot{text-align:center;color:var(--faint);margin-top:48px;font-size:11.5px;line-height:2.1}@media (width<=480px){.hero h1{font-size:32px}.dayun-grid{grid-template-columns:repeat(4,1fr)}}