:root{--bg:#f5f1ea;--panel:#fffdf9;--ink:#1f2933;--muted:#6b7280;--line:#e2d9cc;--accent:#9f1239;--radius:10px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Serif TC,Noto Serif CJK TC,Source Han Serif TC,PMingLiU,serif;line-height:1.7}.wrap{max-width:960px;margin:0 auto;padding:1.25rem 1rem 3rem}h1{letter-spacing:.02em;margin:.5rem 0 .25rem;font-size:1.5rem}.lede{color:var(--muted);margin:0 0 1.25rem;font-size:.95rem}.method-tag{color:var(--accent);border:1px solid var(--line);border-radius:999px;margin-bottom:1rem;padding:.15rem .6rem;font-size:.78rem;display:inline-block}.controls{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1.25rem;padding:.9rem 1rem}.controls .row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.field{flex-direction:column;gap:.2rem;display:flex}.field label{color:var(--muted);font-size:.72rem}.field input,.field select{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:6px;width:4.5rem;padding:.35rem .45rem;font-size:.95rem}.field.year input{width:5.5rem}.field.tz select{width:10rem}.btn{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:6px;padding:.4rem 1rem}.btn.secondary{color:var(--accent);background:#fff}.form-error{color:var(--accent);margin:.55rem 0 0;font-size:.85rem}.board-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.25rem;margin-bottom:.85rem;padding-bottom:.6rem;display:flex}.board-head .big{font-size:1.15rem;font-weight:600}.board-head .item{color:var(--muted);font-size:.9rem}.board-head .item b{color:var(--ink);font-weight:600}.board{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.cell{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-height:118px;padding:.5rem .5rem .6rem;display:flex;position:relative}.cell.center{text-align:center;background:#fbf7ef;justify-content:center;align-items:center}.cell .corner{color:var(--muted);font-size:.68rem;position:absolute;top:.3rem;right:.45rem}.cell .dir{color:var(--muted);font-size:.72rem}.cell .trigram{font-size:1.05rem;font-weight:600}.cell .stars{flex-direction:column;gap:.05rem;margin-top:.25rem;display:flex}.cell .star{font-size:1.02rem;font-weight:600}.cell .gate,.cell .deity{font-size:.9rem}.cell .stems{gap:.8rem;margin-top:auto;font-size:.92rem;display:flex}.cell .stems .lab{color:var(--muted);font-size:.62rem;display:block}.badges{flex-wrap:wrap;gap:.25rem;margin-top:.3rem;display:flex}.badge{border:1px solid;border-radius:999px;padding:.02rem .34rem;font-size:.62rem;line-height:1.5}.badge.duty{color:var(--accent)}.badge.ma{color:#1d4ed8}.badge.void{color:#6b7280}.badge.cam{color:#7c3aed}.legend{color:var(--muted);flex-wrap:wrap;gap:.3rem 1rem;margin:.75rem 0 0;padding:0;font-size:.75rem;list-style:none;display:flex}.legend li{align-items:center;gap:.35rem;display:inline-flex}.center .ju{font-size:1.3rem;font-weight:700}.center .center-can{margin-top:.2rem;font-size:1.1rem}.center .lab{color:var(--muted);font-size:.68rem}.prose{max-width:42rem;margin-top:2.5rem}.prose h2{margin:1.6rem 0 .5rem;font-size:1.2rem}.prose h3{margin:1.2rem 0 .4rem;font-size:1.02rem}.prose p{color:#374151;margin:.5rem 0;font-size:.96rem}.disclaimer{color:var(--muted);margin-top:1.5rem;font-size:.82rem;font-style:italic}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:2.5rem;padding-top:1rem;font-size:.8rem}@media (max-width:560px){.cell{min-height:104px;padding:.4rem}.cell .star{font-size:.95rem}h1{font-size:1.3rem}}