/* ══════════════════════════════════════════════════════════════════════
   红果短剧 H5 · tokens.css · 设计令牌 · :root 全量变量
   ────────────────────────────────────────────────────────────────────────
   原样抄自视觉规范 §1.1 / §3.1 / §4 / §9.1。所有颜色、字号、圆角、间距、渐变、68° 四-stop tabGrad 都在这里改；禁止改任何视觉数值，否则破坏与定稿预览稿的像素一致性。
   本文件内容与定稿预览稿逐字相同（仅拆文件、不改任何视觉数值）。
   <link> 加载顺序：tokens → base → components → pages → responsive（勿调整，
   顺序即原 <style> 内的层叠顺序，调整会改变覆盖关系并破坏像素一致性）。
   ══════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════
   分节 1 · 设计令牌（原样抄自视觉规范 §1.1 / §3.1 / §4 / §9.1，勿改数值）
   ══════════════════════════════════════════════════════════════════════ */
:root{
  /* 品牌暖橙 */
  --brand-orange:#FF6B00; --brand-orange-deep:#FF4D00; --brand-orange-light:#FF9A2E;
  --brand-gradient:linear-gradient(90deg,#FF9A2E 0%,#FF4D00 100%);
  --tab-active:#FF5A1F;
  /* 薄荷端提前到 80%：图标可见区域沿轴最大只到 t≈0.917（圆角切掉右上角），
     若薄荷 stop 放在 1.0 则图标永远取不到纯 #79E8D0，观感停在黄绿。三色值与 68° 方向不变。 */
  --tab-icon-gradient:linear-gradient(68deg,#FF7A1A 0%,#FFB45E 62%,#79E8D0 80%,#79E8D0 100%);
  /* 爆剧角标 / 榜单 */
  --badge-red:#FF4F63; --badge-orange:#FF8A3D;
  --badge-gradient:linear-gradient(90deg,#FF4F63 0%,#FF8A3D 100%);
  --rank-text:#FF6A00; --rank-chip-bg:#FFF0E6; --star-gold:#FFB800;
  /* 中性 */
  --bg-page:#F7F7F7; --bg-card:#FFFFFF; --bg-tabbar:#FAFAFA; --bg-dark-tabbar:#222222;
  --text-primary:#1A1A1A; --text-secondary:#8C8C8C; --text-tertiary:#A8A8A8;
  --tab-inactive:#A8A8A8; --placeholder:#B0B0B0; --divider:#EFEFEF;
  --chip-dark-bg:rgba(0,0,0,.38);
  /* 首页播放页专用 */
  --cta-bg:rgba(20,20,22,.55);
  --overlay-top:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.12) 12%,rgba(0,0,0,0) 26%);
  --overlay-bottom:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 18%,rgba(0,0,0,0) 42%);
  --on-video-white:#FFFFFF; --on-video-dim:rgba(255,255,255,.72);
  --progress-track:rgba(255,255,255,.35);
  /* 我的页顶部薄荷 / 奶油 */
  --mint-1:#DCF6EC; --mint-2:#B6F2EC; --cream:#FBE6D2; --cream-base:#F8FAF5;
  --theater-top:#E4FDFA;
  /* 功能行四色图标 */
  --icon-filter:#8B5CF6; --icon-filter-2:#A98BF7;
  --icon-rank:#FF7A2B;   --icon-rank-2:#FFA53D;
  --icon-new:#00C6C6;    --icon-new-2:#00BFD4;
  --icon-book:#FFC44D;   --icon-book-2:#FF9A2E;
  /* 字体栈 / 数字字体（§2.1） */
  --font-cn:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Source Han Sans CN","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  --font-num:"DIN Alternate","Helvetica Neue",Helvetica,Arial,var(--font-cn);
  /* 几何与栅格（§3.1） */
  --baseline-w:440;
  --gutter:16px; --gutter-func:18px; --gutter-grid:14px; --gutter-mine:20px;
  --grid-gap:9px; --grid-gap-mine:14px; --row-gap:12px; --row-gap-mine:28px;
  --card-w-theater:202px; --card-w-mine:123px;
  --poster-ratio-theater:202 / 280; --poster-ratio-mine:3 / 4;
  --radius-poster-theater:10px; --radius-poster-mine:8px;
  --radius-card:12px; --radius-panel:20px; --radius-pill:999px; --radius-chip:6px;
  --radius-badge:20px 0 20px 0;
  --tabbar-h:56px; --safe-bottom:34px; --tabbar-total:90px; --status-h:44px;
  --search-h:42px; --func-pill-h:36px; --cta-h:44px;
  /* 效果与材质（§4） */
  --shadow-card:0 2px 12px rgba(0,0,0,.06);
  --shadow-card-hover:0 6px 18px rgba(0,0,0,.09);
  --shadow-search:0 1px 6px rgba(0,0,0,.04);
  --shadow-badge:0 2px 6px rgba(255,79,99,.28);
  --shadow-btn:0 4px 12px rgba(255,107,0,.28);
  --shadow-on-video:0 1px 3px rgba(0,0,0,.6);
  --blur-glass:blur(16px) saturate(140%);
  /* PC 容器（§9.1） */
  --app-max-w-mobile:440px; --app-max-w-theater:1200px; --app-max-w-mine:960px;
  --pc-gap:32px; --pc-page-pad:40px;
}