/* 节气与太阳黄经（jq/huangjing.html）：黄道圆盘。变量一律 --c-* 或本文件 --hj-*（CssTokenTest）。 */
.hj-now { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0 0 10px; padding: 10px 14px; border-radius: 10px; background: var(--c-primary-soft); font-size: var(--t-sm); line-height: 1.75; color: var(--c-ink-2); }
.hj-now b { font-family: var(--font-serif); font-size: var(--t-md); color: var(--c-primary-deep); }
.hj-stage { max-width: 520px; margin: 0 auto; }
.hj-dial { display: block; width: 100%; height: auto; overflow: visible; }
.hj-ring { fill: none; stroke: #c9b7a6; stroke-width: 1.5; }
.hj-sea { fill: none; stroke-width: 26; opacity: .22; }
.hj-sea-chun { stroke: #4f9a5c; } .hj-sea-xia { stroke: #d2803a; } .hj-sea-qiu { stroke: #b8862f; } .hj-sea-dong { stroke: #4a76a8; }
.hj-sea-t { font-size: 22px; text-anchor: middle; fill: rgba(80, 60, 50, .35); font-family: var(--font-serif); }
.hj-tick { stroke: #a08a78; stroke-width: 1.5; }
.hj-tick.hj-major { stroke: #6b4a3a; stroke-width: 2.5; }
.hj-lab { font-size: 12.5px; text-anchor: middle; fill: #7a6555; font-family: var(--font-serif); }
.hj-lab-major { font-size: 14px; fill: #4a3328; font-weight: 600; }
.hj-lab-cur { fill: #c8322a; font-weight: 700; }
.hj-deg { font-size: 11px; text-anchor: middle; fill: #a08a78; }
.hj-earth { fill: #3c6e9a; stroke: #dfeaf3; stroke-width: 3; }
.hj-earth-t { font-size: 11px; text-anchor: middle; fill: #fff; }
.hj-ray { stroke: rgba(224, 150, 40, .55); stroke-width: 2; stroke-dasharray: 4 4; }
.hj-sweep { fill: none; stroke: #e0962a; stroke-width: 5; stroke-linecap: round; }
.hj-sun circle { fill: #f2b233; stroke: #fff2c8; stroke-width: 4; filter: drop-shadow(0 0 6px rgba(242, 178, 51, .8)); }
.hj-sun text { font-size: 13px; text-anchor: middle; fill: #7a3b10; font-family: var(--font-serif); font-weight: 700; }
.hj-ctrl { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 10px 0 0; }
.hj-ctrl input[type=range] { flex: 1 1 240px; accent-color: var(--c-primary); }
.hj-btns { display: flex; gap: 8px; }
.hj-note { margin: 8px 0 0; font-size: var(--t-xs); color: var(--c-ink-3); }
.hj-table-wrap { overflow-x: auto; }
.hj-table { width: 100%; border-collapse: collapse; font-size: var(--t-sm); }
.hj-table th, .hj-table td { padding: 6px 8px; border-bottom: 1px solid var(--c-line); text-align: left; white-space: nowrap; }
.hj-table th { color: var(--c-ink-3); font-weight: 500; }
.hj-short td { background: rgba(74, 118, 168, .08); }
.hj-long td { background: rgba(210, 128, 58, .1); }
.hj-explain h3 { margin: 14px 0 6px; font-size: var(--t-md); font-family: var(--font-serif); }
.hj-explain p { line-height: 1.85; }
@media (max-width: 560px) { .hj-lab { font-size: 19px; } .hj-lab-major { font-size: 20px; } .hj-deg { font-size: 15px; } .hj-sea-t { font-size: 28px; } .hj-dial { margin: 0 -6px; width: calc(100% + 12px); } }   /* 圆盘缩到约 330px 宽，SVG 字号按 520 单位折算，需放大 */