:root{--paper:#f6f0e5;--card:#fffaf0;--ink:#2d211b;--muted:#78695f;--red:#9a3412;--gold:#b7863b;--line:#dccdb9;--shadow:0 16px 42px #5b32151a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 5%,#e9d8bd 0,transparent 26%),var(--paper);color:var(--ink);font-family:ui-serif,"Noto Serif TC","Songti TC",serif;min-height:100vh}body.dark{--paper:#171311;--card:#211a17;--ink:#f3e9dc;--muted:#b9aa9c;--line:#4e3d32;--shadow:0 18px 48px #0007}header{height:84px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:9}.dark header{background:#171311dd}.brand{display:flex;gap:13px;align-items:center}.brand h1{font-size:22px;margin:0;letter-spacing:.16em}.brand p{margin:2px 0 0;color:var(--muted);font:12px ui-sans-serif,system-ui}.seal{display:grid;place-items:center;width:44px;height:44px;color:#fff;background:var(--red);border-radius:4px;box-shadow:inset 0 0 0 3px #fff5;font-size:23px}.icon{width:40px;height:40px;border-radius:50%}main{max-width:1180px;margin:34px auto;padding:0 22px;display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.input-panel{position:sticky;top:108px}.section-title{display:flex;gap:13px;align-items:center;margin-bottom:20px}.section-title>span{font-style:italic;color:var(--gold);font-size:32px}.section-title h2{margin:0;font-size:20px}.section-title p,.muted,.scope{margin:3px 0 0;color:var(--muted);font-size:13px}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:6px;font-size:13px;color:var(--muted)}input,select,button{font:inherit;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:7px;padding:11px 12px}input:focus,select:focus{outline:2px solid #b7863b66;border-color:var(--gold)}.actions{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px;margin-top:5px}button{cursor:pointer}.primary,.tabs .active{background:var(--red);color:white;border-color:var(--red)}.empty{text-align:center;padding:90px 30px}.compass{font-size:68px;color:var(--gold)}.empty h2{font-size:21px}.empty p{color:var(--muted);max-width:440px;margin:auto}.saved{grid-column:1/2}.saved:has(#records:empty){display:none}#result{min-width:0}.result-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px;padding:0 4px}.result-head h2{font-size:30px;margin:3px 0}.result-head p{margin:0}.tabs{display:flex;gap:8px;margin-bottom:14px;overflow:auto}.tabs button{white-space:nowrap}.tab{display:none;gap:14px}.tab.active{display:grid}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pillar{text-align:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}.pillar h4{font-size:13px;color:var(--muted);margin:0;padding:9px;background:#b7863b12}.stem,.branch{font-size:34px;line-height:1;padding:13px 5px}.stem{color:var(--red)}.pillar small{display:block;color:var(--muted);padding:4px 4px 10px}.elements{display:grid;gap:8px;margin-top:20px}.bar{display:grid;grid-template-columns:30px 1fr 34px;gap:9px;align-items:center;font-size:13px}.track{height:8px;background:#0001;border-radius:8px}.fill{height:100%;border-radius:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid2 .panel{box-shadow:none}.panel h3{margin:0 0 15px;font-size:17px}.statline{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line)}.tag,.chips span{display:inline-block;padding:5px 9px;border:1px solid var(--line);border-radius:99px;margin:3px;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:11px 9px;border-bottom:1px solid var(--line);text-align:center}th{color:var(--muted);font-size:12px}.luck-cards,.year-grid{display:flex;gap:9px;overflow:auto;padding-bottom:8px}.luck-card,.year-card{min-width:100px;text-align:center;padding:13px 8px;border:1px solid var(--line);border-radius:9px}.luck-card.current{border:2px solid var(--red);background:#9a34120c}.luck-card b,.year-card b{font-size:22px;display:block;margin:6px}.year-grid{display:grid;grid-template-columns:repeat(5,1fr)}dl{display:grid;grid-template-columns:auto 1fr;gap:12px;margin:0}dt{color:var(--muted)}dd{margin:0}.mansion-symbol{font-size:44px;color:var(--gold)}.corr{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.corr>div{border-top:4px solid;padding:12px 8px;background:#00000005;border-radius:5px}.corr b{font-size:19px}.corr small{display:block;color:var(--muted);margin-top:6px;line-height:1.7}.record{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line)}footer{text-align:center;color:var(--muted);padding:20px 20px 40px;font-size:12px}@media(max-width:850px){main{grid-template-columns:1fr}.input-panel{position:static}.saved{grid-column:auto}.grid2{grid-template-columns:1fr}.year-grid{grid-template-columns:repeat(2,1fr)}.corr{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){header{height:70px}.brand p{display:none}main{margin:18px auto;padding:0 12px}.panel{padding:18px}form{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}.primary{grid-column:1/-1}.pillars{gap:5px}.stem,.branch{font-size:28px}.result-head{align-items:flex-start}.result-head h2{font-size:23px}.result-head button{font-size:12px;padding:8px}.corr{grid-template-columns:1fr}}
@media print{header,.input-panel,.saved,.tabs,footer,#print{display:none!important}main{display:block;margin:0}.tab{display:grid!important}.panel{break-inside:avoid;box-shadow:none}body{background:white}}