/* RacingDay 賽事頁樣式（2026-09-25） */
:root{--bg:#0e1116;--card:#171b22;--line:#252a33;--fg:#e8eaf0;--dim:#9aa3b2;--faint:#6d7686;
--accent:#ff9636;--accent-fg:#ffd9a8;--link:#ffc078;--trail:#4ade80;--road:#fb7185;--tri:#60a5fa;
--swim:#22d3ee;--bike:#fbbf24}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(950px 620px at 10% 0%,rgba(255,150,50,.10),transparent 60%),var(--bg);
color:var(--fg);font:16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang HK","Microsoft JhengHei",sans-serif}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:900px;margin:0 auto;padding:18px 16px 60px}
.hd{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0 6px}
.hd .lg{display:block;line-height:0}
.hd .lg img{height:34px;width:auto;display:block}
.hd .lg img.lgl{display:none}
html[data-theme="light"] .hd .lg img.lgd{display:none}
html[data-theme="light"] .hd .lg img.lgl{display:block}
.hd .sp{flex:1}
.bc{color:var(--faint);font-size:14px;margin:2px 0 14px}
h1{font-size:26px;line-height:1.35;margin:6px 0 10px}
h2{font-size:19px;margin:26px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.tag{display:inline-block;padding:3px 11px;border-radius:999px;font-size:13.5px;border:1px solid var(--line);background:#1b2029;color:var(--dim)}
.tag.trail{color:#8ff0bb;border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.12)}
.tag.road{color:#ffb3c4;border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.12)}
.tag.tri{color:#a9c6ff;border-color:rgba(96,165,250,.35);background:rgba(96,165,250,.13)}
.tag.swim{color:#8fe4f2;border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.12)}
.tag.bike{color:#f7cd93;border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.12)}
.tag.ac{color:var(--accent-fg);border-color:rgba(255,150,50,.45);background:rgba(255,150,50,.12)}
.tag.now{color:#8ff0bb;border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.14)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:14px 0}
dl.facts{margin:0;display:grid;grid-template-columns:132px 1fr;gap:9px 14px;font-size:15.5px}
dl.facts dt{color:var(--faint)}
dl.facts dd{margin:0}
.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.btn{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,150,50,.5);
background:rgba(255,150,50,.12);color:var(--accent-fg);font-weight:700;font-size:15px}
.btn:hover{background:rgba(255,150,50,.2);text-decoration:none}
.btn.alt{border-color:var(--line);background:#1b2029;color:var(--fg)}
svg.pf{width:100%;height:auto;display:block}
svg.pf .g{stroke:#28303b;stroke-width:1}
svg.pf .ax{fill:#6d7686;font-size:11px;text-anchor:end}
svg.pf .pa{fill:rgba(255,150,50,.16);stroke:none}  /* 淺色主題另行覆蓋 */
svg.pf .pl{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linejoin:round}
svg.pf .hi{fill:#ffd9a8}
svg.pf .hit{fill:#ffd9a8;font-size:12px;text-anchor:middle}
.stats{display:flex;gap:18px;flex-wrap:wrap;margin:4px 0 12px;color:var(--dim);font-size:15px}
.stats b{color:var(--fg)}
.src{color:var(--faint);font-size:13px;margin:10px 0 0}
ul.sib{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:9px}
ul.sib li{background:#1b2029;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:14.5px}
ul.sib li span{color:var(--faint);font-size:13px}
.legal{font-size:13.5px;color:var(--dim);line-height:1.75}
.legal b{color:var(--fg)}
footer{margin-top:34px;padding-top:16px;border-top:1px solid var(--line);color:var(--faint);font-size:13.5px}
/* ── 主題切換（2026-09-25 業主定稿：深色預設，淺色可選）── */
.themebtn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;
 border:1px solid var(--line);background:#1b2029;color:var(--dim);font-size:13.5px;font-weight:600;
 cursor:pointer;white-space:nowrap;font-family:inherit;line-height:1.2}
.themebtn:hover{border-color:var(--accent);color:var(--accent-fg)}
html[data-theme="light"]{
 color-scheme:light;
 --bg:#fffaf3;--card:#ffffff;--line:rgba(20,30,45,.14);--fg:#1d2733;--dim:#5c6775;--faint:#5f6b78;
 --accent:#ff7a1a;--accent-fg:#b34700;--link:#c2410c;
 --trail:#0f9d58;--road:#e0405f;--tri:#2563eb;--swim:#0891b2;--bike:#d97706;
}
html[data-theme="light"] body{background:radial-gradient(950px 620px at 10% 0%,rgba(255,176,66,.22),transparent 60%),var(--bg)}
html[data-theme="light"] .tag{background:rgba(20,30,45,.06);border-color:rgba(20,30,45,.13)}
html[data-theme="light"] .tag.trail{color:#0b6b3a;border-color:rgba(15,157,88,.4);background:rgba(15,157,88,.12)}
html[data-theme="light"] .tag.road{color:#a3132f;border-color:rgba(224,64,95,.4);background:rgba(224,64,95,.12)}
html[data-theme="light"] .tag.tri{color:#1b47ab;border-color:rgba(37,99,235,.4);background:rgba(37,99,235,.12)}
html[data-theme="light"] .tag.swim{color:#065a70;border-color:rgba(8,145,178,.4);background:rgba(8,145,178,.12)}
html[data-theme="light"] .tag.bike{color:#8a4b00;border-color:rgba(217,119,6,.4);background:rgba(217,119,6,.14)}
html[data-theme="light"] .tag.ac{color:#a15200;border-color:rgba(255,122,26,.5);background:rgba(255,122,26,.12)}
html[data-theme="light"] .tag.now{color:#0b6b3a;border-color:rgba(15,157,88,.45);background:rgba(15,157,88,.13)}
html[data-theme="light"] .themebtn{background:#ffffff;color:#5c6775}
.themebtn .ico{display:block;flex:0 0 auto}
.themebtn .moon{display:none}
html[data-theme="light"] .themebtn .sun{display:none}
html[data-theme="light"] .themebtn .moon{display:block}
html[data-theme="light"] ul.sib li{background:#ffffff}
html[data-theme="light"] .btn.alt{background:#ffffff;color:#1d2733;border-color:rgba(20,30,45,.18)}
html[data-theme="light"] .btn.alt:hover{background:#fff4e6}
html[data-theme="light"] svg.pf .g{stroke:#e2e6ee}
html[data-theme="light"] svg.pf .ax{fill:#6f7a88}
html[data-theme="light"] svg.pf .pa{fill:rgba(255,122,26,.18)}
html[data-theme="light"] svg.pf .hit{fill:#a15200}
html[data-theme="light"] svg.pf .hi{fill:#e07a10}
@media(max-width:560px){h1{font-size:22px}dl.facts{grid-template-columns:1fr;gap:2px 0}
 dl.facts dt{margin-top:8px}ul.sib{grid-template-columns:1fr}}
