/* JDAD shared visual language; presentation only. */
:root {
  color-scheme:dark;
  --ink:#edf2fa;--muted:#a8b0be;--paper:#090b0e;
  --blue:#b9cde9;--blue-light:#dce8fa;--blue-soft:#ffffff0c;--blue-surface:#253347;
  --line:#ffffff15;--white:#111419;--amber:#b9cde9;--amber-deep:#dce8fa;
  --amber-soft:#ffffff0c;--amber-line:#ffffff15;--red:#e8a5ab;--red-soft:#e8a5ab12;
  --green:#9ecab6;--green-soft:#9ecab612;--radius:13px;
  --card-hover-shadow:0 12px 36px #0003,0 0 22px #2a64c214;
}
html {scroll-behavior:smooth;scroll-padding-top:190px}
body {font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#090b0e}
.topbar {
  width:calc(100% - 48px);max-width:1200px;height:64px;margin:14px auto 0;
  top:14px;padding:0 25px;border:1px solid #ffffff17;border-radius:36px;
  background:linear-gradient(115deg,#273244b8,#171d27dc);backdrop-filter:blur(24px);
  box-shadow:inset 0 1px 0 #ffffff09,0 8px 28px #0002;
  grid-template-columns:1fr;
}
.topbar .brand {grid-column:1;justify-self:start;gap:16px}
.topbar .brand-logo {filter:brightness(0) invert(1);width:76px}
.topbar .brand b {font-size:12px;font-weight:500;letter-spacing:.09em}
.topbar .brand small {font-size:6px;color:#a8b4c7}
.tab-switch {top:88px;margin:10px auto 0;padding:5px;width:max-content;max-width:calc(100% - 32px);gap:4px;border:1px solid #ffffff15;border-radius:28px;background:#171e29df;backdrop-filter:blur(20px)}
.tab-btn {padding:9px 25px;font-size:12px;font-weight:500;background:transparent;border-color:transparent;color:#a8b4c7}
.tab-btn:hover {background:#ffffff09;border-color:transparent;color:#edf2fa}
.tab-btn.active,.tab-btn.auto.active {background:#e8edf5;border-color:#e8edf5;color:#1a2230;box-shadow:0 2px 8px #0002}
.hero,.hero.auto {padding:62px 24px 52px;background:radial-gradient(ellipse at 28% 0%,#42638a70,transparent 65%),radial-gradient(ellipse at 83% 12%,#29456c60,transparent 60%),linear-gradient(#172334,#090b0e);isolation:isolate}
.hero::before,.hero.auto::before {inset:-45%;width:auto;height:auto;border-radius:0;z-index:-1;background:radial-gradient(ellipse at 40% 30%,#8ca6c321,transparent 40%),radial-gradient(ellipse at 65% 50%,#467dbc24,transparent 45%);filter:blur(28px);animation:daily-ambient 18s ease-in-out infinite alternate}
@keyframes daily-ambient {to {transform:translate(5%,3%) rotate(8deg)}}
.hero h1 {font-family:inherit;font-size:clamp(34px,4.8vw,58px);font-weight:500;letter-spacing:-.04em;margin:18px 0}
.hero .date-line {font-size:12px;color:#aab8ca}
.hero .stat-line {gap:26px;font-size:11px;margin-top:22px}
.hero .stat-line strong {font-size:20px;font-weight:500}
.hero-badge,.hero.auto .hero-badge,.source-chip,.count-chip,.section.auto .count-chip,.status-item {
  color:#dce5f2;background:linear-gradient(145deg,#d3e0f43b,#758bab1f 48%,#a1b6d32e);
  border:1px solid #d3e1f645;border-radius:10px;
  box-shadow:inset 0 1px 1px #f2f8ff47,inset 0 -1px 2px #9fbbe017,0 2px 5px #040a141f;
  backdrop-filter:blur(10px);font-weight:400;
}
.hero-badge {font-size:9px;padding:5px 12px;margin-bottom:0;letter-spacing:.16em}
.status-item {font-size:11px;padding:7px 12px;border-color:#d3e1f625}
.status-item b {font-weight:500;color:#e2eafa}
.brief-btn {background:#e8edf5;border:1px solid #e8edf5;color:#1a2230;font-size:12px;font-weight:500;padding:10px 22px}
.brief-btn:hover {background:#fff;border-color:#fff;box-shadow:0 6px 20px #0003}
.anchor-nav,.anchor-nav.auto {top:143px;padding:0 20px;background:#10151ce8;border-color:#ffffff12;backdrop-filter:blur(20px)}
.anchor-nav a {font-size:11px;font-weight:400;padding:13px 15px}
.anchor-nav a:hover,.anchor-nav a.active,.anchor-nav.auto a:hover,.anchor-nav.auto a.active {color:#e5edfa;border-bottom-color:#9fbde6;background:#ffffff04}
.content {max-width:1160px;padding:42px 24px 80px}
.section {scroll-margin-top:190px;margin-bottom:48px}
.section-header h2 {font-family:inherit;font-size:23px;font-weight:500;flex-wrap:wrap}
.section-header h2 .count-chip {font-size:10px;padding:2px 8px;color:#dce5f2;background:linear-gradient(145deg,#d3e0f43b,#758bab1f 48%,#a1b6d32e)}
.section-header .section-sub {font-size:11px;color:#8f9aae}
.card-grid,.signal-cards,.recon-grid {gap:15px}
.card,.signal-card,.recon-card {background:#111419;border:1px solid #ffffff15;border-radius:13px;padding:23px;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.card:hover,.signal-card:hover,.recon-card:hover {background:radial-gradient(ellipse at 50% 0%,#4284f624,transparent 75%),#151b25;border-color:#74a5f361;box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}
.card-num {font-family:inherit;font-size:10px;color:#93aacb;opacity:1;font-weight:400;letter-spacing:.12em}
.card-title {font-size:16px;font-weight:500;line-height:1.6}
.card-summary {line-height:1.85;font-size:12px}
.card-footer {border-color:#ffffff12;margin-top:auto;padding-top:14px}
.source-chip {font-size:9px;padding:3px 9px;max-width:65%}
.card-link,.section.auto .card-link {color:#c1d1e9;font-size:11px;font-weight:400}
.card-link:hover,.section.auto .card-link:hover {color:#fff}
.signal-card .sig-name,.recon-card.weekly .recon-title,.recon-card.monthly .recon-title {color:#dce8fa;font-weight:500}
.signal-card .sig-action {font-weight:400;line-height:1.7}
.signal-card .sig-toggle {background:#ffffff08;border-color:#ffffff20;color:#b9cde9;border-radius:16px;font-weight:400}
.signal-card .sig-toggle:hover {background:#ffffff12}
.recon-card.weekly,.recon-card.monthly {border-top:1px solid #ffffff25}
.recon-card .recon-title {font-weight:500}
.recon-item {border-color:#ffffff10;padding:11px 2px}
.recon-item:hover {background:#ffffff05}
.page-footer {background:#090b0e;border-color:#ffffff12;color:#8490a3;font-size:10px}
.back-home-orb {background:#253347cf;border-color:#ffffff20;color:#dce8fa;box-shadow:inset 0 1px 0 #ffffff0f,0 5px 20px #0003}
.error-screen button:hover {background:#253347}
:focus-visible {outline:2px solid #9bbce9;outline-offset:4px}
.back-home-orb:focus-visible {outline-color:#9bbce9}
@media(max-width:760px) {
  html {scroll-padding-top:177px}.section {scroll-margin-top:177px}
  .topbar {width:calc(100% - 24px);height:58px;top:10px;margin-top:10px;padding:0 18px;grid-template-columns:1fr}
  .topbar .brand {gap:12px}.topbar .brand-logo {width:64px}.topbar .brand b {font-size:11px}
  .tab-switch {top:78px;margin-top:10px;padding:4px}.tab-btn {font-size:12px;padding:8px 22px}
  .anchor-nav,.anchor-nav.auto {top:130px;justify-content:flex-start;padding:0 12px}
  .hero,.hero.auto {padding:42px 18px 36px}.hero h1 {font-size:36px}
  .content {padding:30px 16px 60px}.card,.signal-card,.recon-card {padding:20px}
  .section-header h2 {font-size:21px}.status-bar {gap:7px}.status-item {font-size:10px;padding:6px 10px}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}.hero::before {animation:none}.card,.signal-card,.recon-card {transition:none}}

/* Continue the hero surface behind the floating navigation. */
body {background:radial-gradient(ellipse 85% 530px at 28% 0%,#42638a70,transparent 80%),linear-gradient(180deg,#172334 0,#090b0e 650px);background-repeat:no-repeat;background-color:#090b0e}
.hero,.hero.auto {background:transparent}

/* One navigation surface: brand and primary tabs, with a matching section row. */
:root{--daily-header-height:76px;--daily-nav-surface:#1b2534f2}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;width:100%;max-width:none;height:var(--daily-header-height);margin:0;padding:0 max(24px,calc((100% - 1112px)/2));border:0;border-bottom:1px solid #ffffff0c;border-radius:0;background:var(--daily-nav-surface);box-shadow:none;backdrop-filter:blur(24px)}
.topbar .brand{flex-shrink:0}.topbar .tab-switch{position:static;flex-shrink:0;width:auto;max-width:none;margin:0;padding:4px;gap:4px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff05;backdrop-filter:none}
.topbar .tab-btn{padding:8px 22px;border-radius:8px;font-size:12px;line-height:20px}
.anchor-nav,.anchor-nav.auto{top:var(--daily-header-height);min-height:48px;padding:0 max(24px,calc((100% - 1112px)/2));justify-content:flex-start;background:var(--daily-nav-surface);border-top:0;border-bottom:1px solid #ffffff15;box-shadow:0 12px 24px #00000012;gap:8px}
.anchor-nav a{padding:14px 16px;line-height:20px;white-space:nowrap}.anchor-nav a:hover,.anchor-nav a.active,.anchor-nav.auto a:hover,.anchor-nav.auto a.active{background:#ffffff04;border-bottom-color:#aac4e8}
html{scroll-padding-top:148px}.section{scroll-margin-top:24px}
@media(max-width:760px){:root{--daily-header-height:112px}.topbar{height:var(--daily-header-height);padding:14px 18px 10px;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px}.topbar .brand{gap:12px}.topbar .tab-switch{align-self:stretch;justify-content:flex-start;width:100%;border:0;background:transparent;padding:0;gap:8px}.topbar .tab-btn{padding:6px 18px;font-size:12px}.anchor-nav,.anchor-nav.auto{padding:0 12px;gap:0;min-height:44px}.anchor-nav a{padding:12px;line-height:20px}html{scroll-padding-top:176px}.section{scroll-margin-top:20px}}

/* Center section tabs; retain horizontal access when the row overflows. */
.anchor-nav,.anchor-nav.auto{justify-content:safe center}
/* Daily hotspot desk */
.hotspots-nav {display:flex;justify-content:center;gap:8px}
.hotspots-nav button {background:transparent;border:1px solid transparent;border-radius:20px;color:#a8b4c7;padding:9px 20px;font:inherit;cursor:pointer}
.hotspots-nav button.active {background:#dbe7f6;color:#182437}
.hotspots-nav button:focus-visible {outline:2px solid #8cbaff;outline-offset:2px}
.hotspot-list {border:1px solid #ffffff16;border-radius:18px;overflow:hidden;background:#11172099}
.hotspot-item {display:grid;grid-template-columns:38px 1fr 20px;gap:18px;align-items:center;padding:22px 24px;text-decoration:none;color:#e8edf6;border-bottom:1px solid #ffffff0d;transition:background .2s}
.hotspot-item:last-child {border-bottom:0}.hotspot-item:hover {background:#91b9f00b}.hotspot-item h3 {margin:0;font-size:16px;font-weight:500;line-height:1.65}
.hotspot-rank {font-size:20px;font-variant-numeric:tabular-nums;color:#8198b7}.hotspot-item:nth-child(-n+3) .hotspot-rank {color:#b9d6ff}
.hotspot-meta {display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:8px;font-size:11px;color:#8999af}.hotspot-category {color:#e8b889}
.hotspot-note {font-size:12px;color:#93a0b4;margin-bottom:16px}.hotspot-empty {padding:64px 20px;text-align:center;color:#9daabd}
@media(max-width:720px){.tab-switch {flex-wrap:wrap}.tab-btn {padding:8px 15px}.hotspot-item {grid-template-columns:26px 1fr 12px;gap:10px;padding:18px 14px}.hotspot-item h3 {font-size:14px}.hotspot-meta {gap:6px 10px}.hotspots-nav button {padding:8px 14px;font-size:12px}}