/* 时辰日晷（gongju/shichen-rigui.html）：石质晷盘 + 96 刻 + 日影。变量一律 --c-* 或本文件 --sc-*（CssTokenTest）。 */
.sc-where { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; font-size: var(--t-sm); color: var(--c-ink-2); }
.sc-where select { min-height: 36px; max-width: 100%; padding: 4px 8px; border: 1px solid var(--c-line); border-radius: 8px; background: var(--c-paper-card); color: var(--c-ink); }
.sc-stage { position: relative; border-radius: 14px; padding: 16px; overflow: hidden;
  background: linear-gradient(rgba(246, 240, 228, .7), rgba(246, 240, 228, .86)), var(--sc-bg, none) center / cover no-repeat, #f3ece0; }
.sc-aigc { position: absolute; right: 10px; top: 6px; margin: 0; font-size: 11px; color: rgba(90, 70, 60, .7); }
.sc-dial { display: block; width: 100%; max-width: 460px; height: auto; margin: 0 auto; overflow: visible; }
.sc-rim { fill: #b9ab96; stroke: #8f806b; stroke-width: 2; }
.sc-face { fill: #e9e1d2; stroke: #a89880; stroke-width: 2; }
.sc-hl { fill: rgba(224, 150, 42, .18); }
.sc-t-k { stroke: #a89880; stroke-width: 1; }
.sc-t-h { stroke: #7d6c57; stroke-width: 2; }
.sc-t-sc { stroke: #5a4936; stroke-width: 3; }
.sc-zhi { font-family: var(--font-serif); font-size: 26px; font-weight: 700; text-anchor: middle; fill: #5a4936; }
.sc-zhi-cur { fill: #b8322a; }
.sc-clock { font-size: 13px; text-anchor: middle; fill: #6b5a46; }
.sc-shadow { stroke: rgba(40, 30, 20, .62); stroke-width: 7; stroke-linecap: round; transition: all .9s linear; }
.sc-gnomon { fill: #8a6d3b; stroke: #f2e2b8; stroke-width: 3; }
.sc-now { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin: 12px 0 0; }
.sc-now b { font-family: var(--font-serif); font-size: var(--t-h2, 1.5rem); color: var(--c-primary-deep); }
.sc-now span { font-size: var(--t-sm); color: var(--c-ink-2); }
.sc-calc { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 8px; margin: 10px 0 0; }
.sc-calc div { padding: 8px 10px; border-radius: 8px; background: var(--c-paper-card); border: 1px solid var(--c-line); }
.sc-calc dt { font-size: var(--t-xs); color: var(--c-ink-3); }
.sc-calc dd { margin: 2px 0 0; font-size: var(--t-md); font-variant-numeric: tabular-nums; color: var(--c-ink); }
.sc-calc .sc-calc-main { border-color: var(--c-primary); background: var(--c-primary-soft); }
.sc-calc .sc-calc-main dd { color: var(--c-primary-deep); font-weight: 700; }
.sc-note { margin: 10px 0 0; font-size: var(--t-xs); color: var(--c-ink-3); }
.sc-table-wrap { overflow-x: auto; }
.sc-table { width: 100%; border-collapse: collapse; font-size: var(--t-sm); }
.sc-table th, .sc-table td { padding: 6px 8px; border-bottom: 1px solid var(--c-line); text-align: left; white-space: nowrap; }
.sc-table th { color: var(--c-ink-3); font-weight: 500; }
.sc-table .sc-cur td { background: var(--c-primary-soft); }
.sc-explain h3 { margin: 14px 0 6px; font-size: var(--t-md); font-family: var(--font-serif); }
.sc-explain p { line-height: 1.85; }
@media (max-width: 560px) { .sc-zhi { font-size: 32px; } .sc-clock { font-size: 17px; } .sc-stage { padding: 8px; } }
@media (prefers-reduced-motion: reduce) { .sc-shadow { transition: none; } }