/* Codex 重置雷达 × headline 主题：在编译好的 React 样式之上做黑白新闻风覆盖（只改样式，不改脚本）。
   浅色固定；token 覆盖 + 去掉渐变/光晕/阴影。 */

/* ---------- 1. 设计 token：黑白 + 灰阶 ---------- */
:root, :root.dark, .dark {
  color-scheme: light;
  --site-background: #ffffff;
  --site-foreground: #000000;
  --site-accent: #000000;
  --site-secondary: #f3f3f3;
  --site-muted: #f3f3f3;
  --site-muted-foreground: #5e5e5e;
  --site-border: #e5e5e5;
  --site-primary-dark: #000000;
  --site-primary-dark-foreground: #fff;

  --background: #ffffff;
  --foreground: #000000;
  --card: #f6f6f6;
  --card-foreground: #000000;
  --popover: #ffffff;
  --primary: #000000;
  --primary-foreground: #ffffff;
  --secondary: #ececec;
  --secondary-foreground: #000000;
  --secondary-hover: #e2e2e2;
  --secondary-active: #dadada;
  --muted: #f3f3f3;
  --muted-foreground: #5e5e5e;
  --border: #e5e5e5;
  --border-strong: #000000;
  --color-border: #e5e5e5;
  --ring: #000000;
  --surface-hover: #ededed;
  --surface-active: #e5e5e5;
  --segment-thumb: #ffffff;

  /* 状态色：克制、偏暗的版本 */
  --success: #2f6f4f;
  --warning: #a15c00;
  --destructive: #b42318;
  --info: #2c5d9e;
  --rr-banked: #b7791f;

  /* 去光晕、去阴影 */
  --ambient: transparent;
  --hero-glow: transparent;
  --hero-glow-soft: transparent;
  --hero-spot: transparent;
  --hero-top-line: transparent;
  --hero-person-shadow: rgba(0, 0, 0, .16);
  --surface-sheen: none;
  --surface-shadow: none;
  --elevation-raised: none;
  --elevation-popover: 0 12px 32px -12px rgba(0, 0, 0, .22);
  --grain-opacity: 0;

  /* 版式节奏：对齐 headline 容器（1376px + 32px 边距） */
  --radius: 6px;
  --hero-radius: 6px;
  --workspace-width: 1376px;
  --detail-width: 1376px;
  --page-gutter-inline: clamp(24px, 2.25vw, 32px);
  --page-gutter-block: clamp(32px, 5vw, 72px);
  --section-gap: 24px;
  --panel-padding: 28px;

  --font-sans: "Headline Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
  --default-font-family: var(--font-sans);
}
html, body { background: #ffffff; }

/* ---------- 2. 布局：App 随页面滚动，嵌在博客页眉/页脚之间 ---------- */
.radar-main .shell { height: auto; min-height: 0; display: block; background: none; overflow: visible; }
.radar-main .shell > .shell-header { display: none; }            /* App 自带标题栏 + 深浅色切换：由博客页眉取代 */
.radar-main .shell-main { overflow: visible; container-type: inline-size; }
.radar-main .shell-inner { max-width: calc(1376px + var(--page-gutter-inline) * 2); padding: var(--page-gutter-block) var(--page-gutter-inline) 0; }

/* ---------- 3. 字体：全部无衬线，标题大号、字重 500、紧字距 ---------- */
.radar-main { font-family: var(--font-sans); color: #000; }
.radar-main h1, .radar-main h2, .radar-main h3,
.radar-main .type-headline, .radar-main .type-title-2,
.radar-main .rr-clock, .radar-main .rr-done, .radar-main .type-price-lg { font-family: var(--font-sans); }
.radar-main .type-headline { font-size: clamp(40px, 5.6vw, 76px); letter-spacing: -0.04em; line-height: 1.04; font-weight: 500; }
.radar-main .type-title-2, .radar-main h2 { font-weight: 500; letter-spacing: -0.02em; }
.radar-main .rr-clock { font-weight: 500; letter-spacing: -0.04em; }
.radar-main .rr-done { font-weight: 500; letter-spacing: -0.03em; }
.radar-main .type-price-lg { font-weight: 500; letter-spacing: -0.03em; }

/* ---------- 4. 卡片：浅灰底、无边框、无阴影、无渐变 ---------- */
.radar-main .rr-hero { background: var(--card); box-shadow: none; border-color: transparent; border-radius: var(--hero-radius); }
.radar-main .rr-hero::before { display: none; }                  /* 网格纹理 */
.radar-main .rr-hero-glow { display: none; }
.radar-main .rr-ring { filter: none; }
.radar-main .rr-person-shadow { opacity: .5; }
.radar-main .glass { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--popover); }
.radar-main [class*="shadow-"] { box-shadow: none; }
.radar-main [role="tooltip"], .radar-main .shadow-popover { box-shadow: var(--elevation-popover); }
.radar-main .bg-card { background-color: var(--card); }
.radar-main .panel { background: var(--card); border: 1px solid transparent; box-shadow: none; }
.radar-main .rounded-xl, .radar-main .rounded-2xl, .radar-main .panel { border-radius: 6px; }
.radar-main .bg-card\/70 { background-color: transparent; }

/* ---------- 5. 链接与焦点：黑色 ---------- */
.radar-main a:hover { color: #5e5e5e; }
.radar-main ::selection { background: rgba(0, 0, 0, .14); }
.radar-main :focus-visible { outline: 2px solid #000; outline-offset: 3px; }

/* ---------- 6. 去掉残余光晕 ---------- */
.radar-main .rr-ring-head { box-shadow: 0 0 0 1px rgba(0, 0, 0, .3); }
.radar-main .rr-ring-head *, .radar-main .rr-dial [class=""] { box-shadow: none; }
.radar-main .rr-dial-face { background: none; }
.radar-main .rr-track-fill { box-shadow: none; background: var(--primary); }
.radar-main .rr-shock span { box-shadow: 0 0 0 1px rgba(0, 0, 0, .35); }