body.topic-page { background:#f6f1e7; }
.topic-shell { width:min(100% - 32px,1120px); margin:0 auto; padding:34px 0 54px; }
.topic-breadcrumbs { margin:0 0 18px; color:var(--muted); font-size:13px; }
.topic-breadcrumbs a { color:var(--vermilion); text-decoration:none; }
.topic-hero,.topic-chart-panel,.topic-analysis,.topic-cta { border:1px solid var(--line); background:var(--card); box-shadow:var(--shadow); }
.topic-hero { padding:28px 30px; }
.topic-hero h1 { margin:5px 0 10px; font:800 30px/1.38 Georgia,"Noto Serif TC",serif; color:var(--ink); }
.topic-hero p { margin:0; color:var(--muted); line-height:1.8; }
.topic-label { display:inline-flex; margin-top:14px; padding:6px 10px; border:1px solid #d8cdbd; background:#fffaf0; color:#544c42; font-size:13px; font-weight:700; }
.topic-chart-panel { margin-top:16px; padding:24px; }
.topic-panel-heading h2,.topic-analysis h2 { margin:3px 0 0; font:800 23px/1.4 Georgia,"Noto Serif TC",serif; }
.topic-chart-grid { display:grid; grid-template-columns:repeat(4,minmax(180px,1fr)); grid-template-rows:repeat(4,minmax(155px,auto)); gap:1px; margin-top:18px; background:var(--line-dark); border:1px solid var(--line-dark); min-width:800px; }
.topic-chart-scroll { overflow:auto; }
.topic-palace,.topic-chart-center { background:#fffdf6; }
.topic-palace { position:relative; padding:12px 12px 32px; min-width:0; }
.topic-palace.is-life { background:#fbf4e6; }
.topic-palace.is-body::after { content:"身"; position:absolute; top:9px; right:9px; display:grid; place-items:center; width:25px; height:25px; border:1px solid var(--vermilion); color:var(--vermilion); font-weight:800; }
.topic-palace-head { display:flex; justify-content:space-between; gap:8px; padding-right:28px; }
.topic-palace-name { color:var(--vermilion); font:800 16px/1.3 Georgia,"Noto Serif TC",serif; }
.topic-palace-branch { color:var(--muted); font-size:12px; }
.topic-stars { margin-top:10px; display:grid; gap:4px; font-size:13px; line-height:1.45; }
.topic-stars .main { color:var(--main-star); font-weight:800; }
.topic-stars .support { color:var(--support-star); }
.topic-stars .malefic { color:var(--malefic-star); }
.topic-stars .other { color:var(--other-star); }
.topic-chart-center { grid-area:2 / 2 / 4 / 4; display:grid; place-items:center; text-align:center; padding:20px; }
.topic-chart-center strong { color:var(--vermilion); font:800 24px/1.4 Georgia,"Noto Serif TC",serif; letter-spacing:.12em; }
.topic-chart-center span { display:block; margin-top:8px; color:var(--muted); font-size:13px; }
.topic-analysis { margin-top:16px; padding:28px 30px; }
.topic-analysis-body { padding-top:18px; color:#3f3932; font-size:16px; line-height:1.92; }
.topic-analysis-body h2,.topic-analysis-body h3 { margin:1.45em 0 .55em; color:var(--ink); font-family:Georgia,"Noto Serif TC",serif; }
.topic-analysis-body h2 { font-size:22px; }.topic-analysis-body h3 { font-size:19px; }
.topic-analysis-body p { margin:0 0 1em; }
.topic-analysis-body ul { margin:.4em 0 1.2em; padding-left:1.4em; }
.topic-analysis-body li { margin:.55em 0; }
.topic-disclosure { margin-top:18px; padding:12px 14px; border-left:3px solid var(--vermilion); background:#faf4e9; color:#62584d; font-size:13px; line-height:1.75; }
.topic-cta { margin-top:16px; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.topic-cta h2 { margin:0 0 5px; font:800 20px/1.35 Georgia,"Noto Serif TC",serif; }
.topic-cta p { margin:0; color:var(--muted); font-size:13px; }.topic-cta .button { text-decoration:none; white-space:nowrap; }
.topic-footer { width:min(100% - 32px,1120px); margin:0 auto; padding:0 0 28px; color:var(--muted); font-size:12px; }
@media(max-width:760px){.topic-shell{width:calc(100% - 20px);padding-top:20px}.topic-hero,.topic-chart-panel,.topic-analysis{padding:20px 16px}.topic-hero h1{font-size:24px}.topic-analysis-body{font-size:16px}.topic-cta{display:block;padding:18px 16px}.topic-cta .button{display:block;width:100%;margin-top:14px;text-align:center}.topic-footer{width:calc(100% - 20px)}}