@charset "UTF-8";
:root{color-scheme:dark;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#e9ece7;background:#101b21;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 10%,#24353a80,transparent 65%);min-height:100vh}main{max-width:1120px;margin:auto;padding:36px 48px 30px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18;padding-bottom:26px}.brand{display:flex;gap:14px;align-items:center;letter-spacing:.15em;font-size:18px}.seal{font-family:serif;background:#b6533d;color:#fff1db;padding:5px 8px;font-size:25px}.edition,.eyebrow{font-size:13px;letter-spacing:.2em;color:#a5b4b8}.heading{display:flex;align-items:center;justify-content:space-between;margin:42px 0 26px}.eyebrow{color:#ddba72;margin:0 0 10px}h1{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:36px;font-weight:500;letter-spacing:.12em;margin:0}.region label{display:block;font-size:14px;color:#a5b4b8;margin-bottom:9px}select{font:inherit;font-size:16px;padding:13px 40px 13px 16px;background:#1e2d34;border:1px solid #63747a;border-radius:6px;color:#f0f0e7;min-width:270px;cursor:pointer}select:focus-visible{outline:2px solid #ddba72;outline-offset:4px}.clock-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}#date{font-size:16px;color:#c5cfcf;margin-bottom:12px}.clock{font-family:ui-monospace,Consolas,monospace;font-size:66px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.2}.clock span{color:#8b9ba2}.muted{font-size:14px;color:#9baeb5}.clock-side{text-align:right;font-size:16px}.live{font-size:13px;border:1px solid #526862;padding:6px 12px;border-radius:30px;color:#b8c9b9}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}article{background:#1b2a31;border:1px solid #34474f;border-top:2px solid #667679;border-radius:4px;padding:22px 24px 18px}h2{font-size:15px;font-weight:400;color:#b7c3c5;margin:0;letter-spacing:.2em;display:flex;justify-content:space-between;align-items:center}h2 span{font-size:12px;letter-spacing:0;color:#daba82}.characters{display:flex;flex-direction:column;align-items:center;gap:14px;margin:30px 0;font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:64px;line-height:1.25;color:#ececdf}article p{text-align:center;font-size:13px;color:#a8b9bf;margin:0}.current{border-top-color:#ddba72;background:#293133}.current .characters{color:#e6c58c}footer{margin-top:30px;border-top:1px solid #ffffff18;padding-top:22px;color:#8fa3ab;font-size:13px;line-height:1.9}.rule-title{color:#c1cdcf;font-size:14px}footer p{margin:6px 0}footer a{color:#99abb1;font-size:12px;text-decoration:underline;text-underline-offset:4px}#error{padding:16px;background:#72382b;color:white}@media(max-width:700px){main{padding:24px 20px}.edition{font-size:12px}.heading{align-items:flex-start;gap:26px;flex-direction:column;margin-top:30px}.region,select{width:100%}.clock{font-size:48px}.clock-side{font-size:14px}.pillars{gap:8px}article{padding:17px 8px}.characters{font-size:46px;gap:12px;margin:24px 0}h2{font-size:14px;justify-content:center}h2 span{display:none}article p{font-size:12px}footer{margin-top:24px}}@media(max-width:370px){.clock{font-size:40px}.clock-panel{align-items:flex-start;gap:12px}.clock-side{max-width:110px}.characters{font-size:40px}}
/* Twelve-hour chart */
[hidden]{display:none!important}
.pillars article{padding:17px 24px}.pillars .characters{flex-direction:row;justify-content:center;gap:10px;font-size:48px;margin:18px 0}.clock{font-size:54px}.heading{margin-top:30px}.clock-panel{margin-bottom:24px}
.cast-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 30px}.cast-bar strong{font-size:17px;font-weight:400;letter-spacing:.05em}.cast-bar p{font-size:14px;color:#9baeb5;margin:8px 0 0}button{font:inherit}.cast-bar button{background:#dec28c;border:1px solid #ecd5a9;color:#19252a;border-radius:5px;padding:17px 30px;font-size:17px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 5px 22px #0002;transition:background .15s,transform .15s}.cast-bar button:hover{background:#efd7ab;transform:translateY(-1px)}.cast-bar button:focus-visible{outline:2px solid #f1d7a6;outline-offset:5px}.cast-bar button:disabled{opacity:.5;cursor:wait}.cast-bar button span{margin-left:20px}
.chart-panel{border-top:1px solid #7f76534f;scroll-margin-top:24px;padding-top:30px}.chart-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.chart-heading h2{font-family:SimSun,serif;font-size:32px;color:#f0e5d0;letter-spacing:.12em}.chart-live{color:#b5bcb3;font-size:13px;border:1px solid #4b5a57;padding:6px 11px;border-radius:30px}.chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:32px;align-items:center}.board-wrap{background:#14242c;padding:14px;border:1px solid #64716c;border-radius:8px;box-shadow:0 20px 50px #0002}.board{display:grid;grid-template-columns:.72fr repeat(3,1fr) .72fr;grid-template-rows:minmax(66px,auto) repeat(3,minmax(110px,auto)) minmax(66px,auto);gap:1px;background:#64716c45;border:1px solid #64716c45}.palace,.ring{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;gap:9px;background:#182a32;padding:12px 3px}.palace .primary{font-family:SimSun,'Songti SC',serif;font-size:36px;line-height:1.2;color:#e9c892}.palace .secondary{color:#c4d6d8;font-size:17px;line-height:1.4;letter-spacing:.1em}.center-palace{background:#293732;position:relative}.center-palace:before{content:'中宫';color:#aeb4a1;font-size:12px;letter-spacing:.12em}.center-palace .primary,.center-palace .secondary{font-family:SimSun,serif;font-size:28px;color:#e9c892;line-height:1;letter-spacing:0}.center-palace{gap:6px}.ring{background:#203037;gap:5px}.ring .primary{font-size:15px;color:#d7dcce;letter-spacing:.04em}.ring .secondary{color:#b9a987;font-size:14px}.ring-top,.ring-bottom{flex-direction:row;gap:9px}.chart-notes{text-align:center}.hour-emblem{font-family:SimSun,serif;color:#dcc28f;font-size:76px;line-height:1.25}.chart-period{font-size:14px;color:#b3c0c2;letter-spacing:.05em;margin:8px 0 25px}.chart-meta{display:flex;flex-direction:column;gap:9px;text-align:left;padding:20px 0;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a}.chart-meta span{font-size:12px;color:#92a5a9}.chart-meta strong{font-weight:400;font-size:14px;line-height:1.8;color:#d5dcd7}.chart-meta strong+span{margin-top:9px}.legend{text-align:left;display:flex;flex-direction:column;gap:9px;margin:20px 0}.legend p{display:flex;align-items:center;gap:9px;margin:0;color:#a9b9bc;font-size:13px}.legend i{width:6px;height:6px;border-radius:1px}.legend-stem{background:#e9c892}.legend-door{background:#c4d6d8}.legend-ring{background:#b9a987}.source-note{text-align:left;font-size:12px;line-height:1.9;color:#91a3a9}.chart-status{font-size:13px;color:#9db0b5;line-height:1.8;margin-top:20px}
@media(max-width:800px){.chart-layout{grid-template-columns:1fr;gap:24px}.chart-notes{display:grid;grid-template-columns:75px 1fr;column-gap:20px;text-align:left}.hour-emblem{grid-row:1/3;font-size:60px}.chart-period{margin:0 0 10px}.chart-meta{padding:0;border:0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}.chart-meta strong+span{margin-top:0}.legend{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:18px;margin:16px 0 4px}.source-note{grid-column:1/-1;margin-bottom:0}}
@media(max-width:700px){.pillars article{padding:15px 5px}.pillars .characters{font-size:31px;gap:3px;margin:16px 0}.clock{font-size:46px}.cast-bar{align-items:stretch;flex-direction:column;gap:18px;padding-top:24px}.cast-bar button{width:100%;padding:15px 24px}.chart-heading h2{font-size:29px}.board-wrap{padding:7px}.board{grid-template-columns:.72fr repeat(3,1fr) .72fr;grid-template-rows:minmax(55px,auto) repeat(3,minmax(92px,auto)) minmax(55px,auto)}.palace .primary{font-size:30px}.palace .secondary{font-size:15px;letter-spacing:0}.ring .primary{font-size:14px;letter-spacing:0}.ring .secondary{font-size:13px}.ring-top,.ring-bottom{flex-direction:column;gap:3px}.center-palace .primary,.center-palace .secondary{font-size:23px}.chart-meta{grid-template-columns:1fr;gap:3px}.chart-meta span{margin-top:8px}.chart-meta strong+span{margin-top:8px}.chart-notes{align-items:start}.chart-period{margin:0}.chart-meta{grid-column:2}.hour-emblem{grid-row:1/3}.cast-bar strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.pillars{grid-template-columns:repeat(4,minmax(0,1fr))}.pillars article{min-width:0}.pillars article p{overflow-wrap:anywhere}@media(max-width:370px){.clock{font-size:40px}.pillars article p{font-size:12px}}


.chart-layout{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto}.chart-heading{max-width:760px;margin-inline:auto}.chart-pillars{font-size:15px;color:#c1cdc9;letter-spacing:.08em;margin:13px 0 0;line-height:1.6}

.casting-dialog{color:#e6e9dc;background:radial-gradient(circle at 50% 45%,#244049,#102026 72%);border:1px solid #7f7958;border-radius:14px;padding:24px;width:min(660px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 30px 100px #0009}.casting-dialog::backdrop{background:#060f16db;backdrop-filter:blur(8px)}.casting-top{display:flex;justify-content:space-between;align-items:flex-start}.casting-top h2{font-family:SimSun,serif;font-size:26px;color:#ead3a7;letter-spacing:.14em}.casting-top .eyebrow{font-size:12px;margin-bottom:8px}.casting-top button{font-size:28px;width:40px;height:40px;background:transparent;color:#bdc6bc;border:1px solid #88957b55;border-radius:50%;cursor:pointer;line-height:1}.casting-top button:focus-visible{outline:2px solid #ead3a7;outline-offset:4px}.casting-wheel{max-width:560px;margin:8px auto}.casting-wheel svg{display:block;width:100%;height:auto}.wheel-ring{transform-origin:320px 320px}.wheel-ring text{font-family:'Microsoft YaHei','PingFang SC',sans-serif}.casting-key{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:13px;color:#c5cdbb}.casting-key span:first-child{color:#edcb87}.casting-caption{text-align:center;font-size:12px;color:#91a9af;margin:16px 0 0}@media(max-width:500px){.casting-dialog{padding:16px 10px}.casting-top{padding:0 8px}.casting-top h2{font-size:23px}.casting-key{gap:10px;font-size:12px}}

.cast-options{border:0;padding:0;margin:26px 0 0;min-width:0}.cast-options legend{font-size:14px;color:#a8b9bf;padding:0;margin-bottom:12px}.mode-switch{display:flex;gap:10px}.mode-switch label{flex:1;cursor:pointer;position:relative}.mode-switch input{position:absolute;opacity:0;width:1px;height:1px}.mode-switch span{display:block;padding:14px 18px;text-align:center;border:1px solid #455c62;background:#1b2a31;border-radius:5px;font-size:16px;color:#b8c6c7;transition:background .15s}.mode-switch input:checked+span{border-color:#c4a873;background:#343b32;color:#efd39b}.mode-switch input:focus-visible+span{outline:2px solid #e0c48c;outline-offset:3px}.number-field{margin-top:18px;display:grid;grid-template-columns:auto minmax(0,240px);align-items:center;gap:10px 18px}.number-field>label{font-size:15px;color:#d8ddd0}.number-field select{min-width:0;width:100%}.number-field p{grid-column:1/-1;margin:0;color:#9bafb4;font-size:13px}.mode-switch span{padding-inline:10px}
.quiet-button{border:1px solid #53696d;background:#203139;color:#d9dfd3;border-radius:5px;padding:10px 15px;cursor:pointer;font:inherit;font-size:14px}.quiet-button:hover{border-color:#c9b17b}.quiet-button:focus-visible,.gold-button:focus-visible{outline:2px solid #e2c78e;outline-offset:3px}.gold-button{background:#dfc18a;border:0;border-radius:5px;padding:15px 24px;color:#17252b;font-size:16px;cursor:pointer}.reading-form{max-width:760px;margin:28px auto 0;display:flex;flex-direction:column;gap:13px}textarea{display:block;width:100%;resize:vertical;min-height:110px;background:#192b33;color:#e4e9df;border:1px solid #526970;border-radius:6px;padding:14px;font:inherit;font-size:16px;line-height:1.8}textarea:focus{outline:2px solid #cfb783;outline-offset:2px}.reading-form label,#record-detail>label{font-size:16px;color:#d5dece}.reading-form p{font-size:14px;color:#c4bd9d;margin:0}.records-dialog{width:min(850px,calc(100vw - 24px));max-height:90dvh;padding:24px;background:#12232b;color:#e1e6da;border:1px solid #62766f;border-radius:10px}.records-dialog::backdrop{background:#061219d9;backdrop-filter:blur(5px)}.records-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.records-heading h2{font-size:25px;color:#e3c991}.storage-note,#detail-meta{font-size:13px;color:#a1b4b8;line-height:1.8}#history-status{font-size:14px;color:#dfc38e}.case-row{border-top:1px solid #40545a;display:flex;gap:15px;align-items:center;padding:18px 0}.case-open{flex:1;min-width:0;text-align:left;border:0;background:transparent;color:#dee4d7;cursor:pointer;padding:8px;font:inherit;display:flex;flex-direction:column;gap:8px}.case-open span{color:#a5b9be;font-size:13px}.case-open strong{font-size:16px;font-weight:500}.rating{display:flex;gap:8px}.rating [aria-pressed=true]{background:#494834;color:#f0d597;border-color:#d7b975}#record-detail>label{display:block;margin:22px 0 12px}#detail-rating{margin-top:20px}#detail-title{font-family:SimSun,serif;font-size:30px;color:#e6cc95;margin-bottom:10px}.empty-records{padding:35px 0;color:#a4b7bb;line-height:1.8}@media(max-width:550px){.records-dialog{padding:16px}.case-row{align-items:stretch;flex-direction:column;gap:6px}.rating{justify-content:flex-end}.records-heading h2{font-size:22px}}

.question-field{margin-top:26px}.question-field label{display:block;font-size:16px;color:#d5dece;margin-bottom:12px}.question-field textarea{min-height:88px}.case-open strong,#detail-title{overflow-wrap:anywhere;white-space:pre-wrap}

.records-accuracy{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:22px 0 16px;padding:18px 20px;background:#22352f;border:1px solid #667057;border-radius:7px}.records-accuracy>span{font-size:15px;color:#becbbb}.records-accuracy>strong{font-size:30px;color:#e8cf99;font-weight:500;font-variant-numeric:tabular-nums}.records-accuracy>small{font-size:13px;color:#b1c0b9}.records-accuracy>small:last-child{flex-basis:100%}

.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);padding:32px;background:#1a2b33;border:1px solid #576963;border-radius:12px}.auth-card h1{font-size:30px;margin-top:32px;letter-spacing:.05em}.auth-card form{display:flex;flex-direction:column;gap:12px;margin-top:26px}.auth-card input{width:100%;min-width:0;background:#12232b;border:1px solid #566f76;border-radius:5px;color:#e7ecdf;padding:13px;font:inherit;font-size:16px}.auth-card label{font-size:15px;color:#c2d1c9}.auth-card input:focus{outline:2px solid #d6ba80}.auth-card .gold-button{margin-top:12px}.auth-card #auth-status{font-size:14px;color:#e6c58e;line-height:1.8}.account-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-actions>span{font-size:14px;color:#d5c192}button:disabled{opacity:.55;cursor:wait}@media(max-width:550px){header{gap:18px;align-items:flex-start;flex-direction:column}.auth-card{padding:24px}.account-actions{width:100%}.account-actions>span{margin-right:auto}}

.offline-tools{border:1px solid #385058;border-radius:16px;padding:16px;margin:18px 0;color:#bbced0}.offline-tools summary{cursor:pointer;color:#ddba72}.offline-tools p{line-height:1.7;font-size:13px}.offline-tools button,.offline-tools label{display:inline-block;margin:6px 0}body{padding-bottom:env(safe-area-inset-bottom)}input,textarea,select{font-size:16px}