/* ==========================================================================
   DDTV 官网 · 设计变量
   tvOS 语义：纯黑舞台、玻璃表面、蓝色选中态、超大字号紧字距
   ========================================================================== */

:root {
  color-scheme: dark;

  /* 底色 */
  --bg: #000;
  --bg-soft: #070708;
  --bg-elev: #0d0d10;

  /* 表面 */
  --panel: rgba(255, 255, 255, 0.055);
  --panel-hi: rgba(255, 255, 255, 0.085);
  --panel-strong: rgba(30, 30, 34, 0.72);
  --stroke: rgba(255, 255, 255, 0.12);
  --stroke-strong: rgba(255, 255, 255, 0.22);
  --inner-light: inset 0 1px 0 rgba(255, 255, 255, 0.16);

  /* 文字 */
  --text: #f5f5f7;
  --text-2: rgba(235, 235, 245, 0.74);
  --text-3: rgba(235, 235, 245, 0.52);
  --text-4: rgba(235, 235, 245, 0.34);

  /* 强调色（与 App 内选中蓝 / LIVE 红一致） */
  --blue: #0a84ff;
  --blue-soft: rgba(10, 132, 255, 0.2);
  --red: #ff3b30;
  --green: #32d74b;

  /* 圆角 */
  --radius-xs: 10px;
  --radius-sm: 14px;
  --radius: 20px;
  --radius-lg: 26px;
  --radius-xl: 34px;
  --pill: 999px;

  /* 玻璃 */
  --blur: 28px;
  --glass: linear-gradient(
    168deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.045) 46%,
    rgba(255, 255, 255, 0.03) 100%
  );

  /* 阴影与焦点环 */
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-card: 0 18px 50px rgba(0, 0, 0, 0.55);
  --shadow-float: 0 40px 90px rgba(0, 0, 0, 0.62);
  --ring: 0 0 0 2px rgba(255, 255, 255, 0.92),
    0 0 0 11px rgba(10, 132, 255, 0.2), 0 18px 50px rgba(0, 0, 0, 0.6);

  /* 动效 */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-1: 160ms;
  --dur-2: 320ms;
  --dur-3: 560ms;

  /* 布局 */
  --container: 1240px;
  --gutter: clamp(20px, 4vw, 56px);
  --nav-h: 68px;

  /* 字体：只用系统字体，不下载 webfont */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC",
    sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
}