/* =========================================================
   788 赞助中心 · 赛博城市橙色系主题层
   ---------------------------------------------------------
   在 apple-dark.css 之后加载，只做颜色与主视觉替换：
   1. 粉色 → 橙/琥珀/金黄 主色系统
   2. Hero 主视觉：真实城市夜景摄影 + 暗色遮罩
   3. 光晕与 glow 从粉紫系转为橙金系
   4. 不改 HTML 结构 / JS / 组件尺寸
   ========================================================= */

/* ---------- 1. 令牌覆盖：橙色系 ---------- */
:root{
  --ink:#f4efe8;
  --muted:rgba(255,255,255,.52);
  --paper:#07050a;
  --paper-2:#0b080f;

  /* 主色：粉 → 橙金系 */
  --pink:#ff6b35;           /* 主橙 */
  --pink-soft:rgba(255,107,53,.18);
  --pink-deep:#e44a16;
  --yellow:#ffb84d;         /* 琥珀金，保留作点缀 */

  /* 语义令牌同步（catalog.css 新增的层） */
  --accent:#ff6b35;
  --accent-soft:rgba(255,107,53,.18);
  --accent-deep:#e44a16;
  --success:#2e9e5b;
  --warn:#ff9f1c;
  --danger:#d93b5a;

  --blue:#3fb6f2;

  /* 玻璃微调：底色偏暖黑 */
  --glass-dark:linear-gradient(150deg,rgba(26,20,16,.85),rgba(14,11,10,.66));
}

/* ---------- 2. 全站硬编码粉色 → 橙色 ---------- */
/* apple-dark.css 中大量 rgba(242,41,127,...) 是旧 --pink 色值，覆盖为橙色等价值 */

/* Hero 主色光晕 */
.hero h1 em,.g-hero h1 em{
  color:#ff9f66;
  text-shadow:0 0 56px rgba(255,107,53,.55),0 0 140px rgba(255,159,28,.32);
}
.hero h1 em::after,.g-hero h1 em::after{
  background:linear-gradient(90deg,rgba(255,107,53,.75),rgba(255,159,28,.5));
  filter:blur(6px);
}
.hero::after,.g-hero::after{
  background:radial-gradient(closest-side,rgba(255,107,53,.36),transparent 72%);
}

/* 引用粉色的关键文本色 */
.hero-lead,.g-lead,.hero-note,.section-head p,.g-fleet-head p{color:rgba(255,255,255,.64)}
.pass-amount b,.g-strip b{
  color:#ffb84d;
  text-shadow:0 10px 40px rgba(255,159,28,.45);
}

/* 筛选胶囊激活态 */
.g-chip[aria-pressed="true"]{
  background:linear-gradient(140deg,#ff6b35,rgba(255,107,53,.72)) !important;
  border-color:rgba(255,255,255,.42) !important;
  color:#fff !important;
  box-shadow:0 10px 30px -12px rgba(255,107,53,.9),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.g-chip:hover{border-color:rgba(255,107,53,.55) !important;box-shadow:0 8px 20px -10px rgba(255,107,53,.5) !important}

/* Hero 分类胶囊 */
.cat-pill:hover{
  border-color:rgba(255,107,53,.5) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 34px -18px rgba(255,107,53,.6) !important;
}
.cat-pill.is-live{
  background:linear-gradient(180deg,#ff6b35,#e44a16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 36px -16px rgba(255,107,53,.75) !important;
}
.cat-pill.is-live:hover{background:linear-gradient(180deg,#ff804d,#ff5722) !important}
.cat-pill:focus-visible{outline:2px solid #ff9f66;outline-offset:3px}

/* Hero 按钮 is-dark / is-pink */
.g-btn.is-dark,.g-btn.is-pink{
  background:linear-gradient(140deg,#ff6b35,#e44a16) !important;
  border-color:rgba(255,255,255,.4) !important;
  color:#fff !important;
  box-shadow:0 12px 30px -14px rgba(255,107,53,.78),inset 0 1px 0 rgba(255,255,255,.35) !important;
}
.g-btn.is-dark:hover,.g-btn.is-pink:hover{
  background:linear-gradient(140deg,#ff804d,#ff5722) !important;
  box-shadow:0 18px 38px -16px rgba(255,107,53,.88),inset 0 1px 0 rgba(255,255,255,.5) !important;
}
.g-btn.is-pink{background:#ff6b35 !important}

/* 表单焦点环（输入/下拉） */
input:focus,textarea:focus,select:focus,.g-search:focus-within{
  border-color:rgba(255,107,53,.7) !important;
  box-shadow:0 0 0 4px rgba(255,107,53,.18),inset 0 1px 0 rgba(255,255,255,.9) !important;
}
.hero-hint,.form-error{
  background:rgba(255,107,53,.12) !important;
  border:1px solid rgba(255,107,53,.38) !important;
  color:#ffb396 !important;
  box-shadow:none !important;
}

/* 搜索面板激活 */
.search-expand.open .search-toggle{background:rgba(255,107,53,.22);border-color:rgba(255,107,53,.5)}

/* 顶栏 CTA / 导航激活态 */
.site-head .head-cta,.g-head .g-cta{
  background:linear-gradient(140deg,#ff6b35,#e44a16) !important;
  box-shadow:0 12px 30px -14px rgba(255,107,53,.75),inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* FAQ 悬停 / nav-link 悬停 */
.faq summary:hover,.hot-more a,.g-card:hover .g-more,.g-nav a:hover,.nav a:hover{color:#ffb396 !important}

/* Toast / 弹窗 close 悬停 */
.g-dialog-close:hover{box-shadow:0 6px 18px -8px rgba(255,107,53,.6) !important}

/* 卡片光泽扫过：默认态和 hover 态都改橙金色，覆盖 catalog.css 里的白色 */
.g-thumb::after{
  background:linear-gradient(115deg,transparent 30%,rgba(255,184,77,.42) 48%,rgba(255,107,53,.18) 52%,transparent 66%) !important;
  mix-blend-mode:overlay !important;
}
.g-card:hover .g-thumb::after{
  background:linear-gradient(115deg,transparent 30%,rgba(255,184,77,.55) 48%,rgba(255,107,53,.22) 52%,transparent 66%) !important;
  transform:translateX(110%) skewX(-18deg) !important;
}

/* 弹窗价格文字 */
.g-dialog-price b{color:#ffb84d !important;text-shadow:0 6px 18px rgba(255,159,28,.35) !important}
.g-dialog-price b span{color:#ffb84d !important}

/* 汇总卡徽章 */
.summary-card::after{border-color:rgba(255,107,53,.4) !important}

/* Hero 分类胶囊激活态 focus */
.cat-pill:focus-visible,.g-chip:focus-visible{outline:2px solid #ff9f66;outline-offset:3px}

/* ---------- 3. 强制覆盖 glass.css / apple-dark.css 中的硬编码粉色值 ---------- */
/* glass.css .g-price 硬编码渐变 */
.g-price{
  background:linear-gradient(140deg,#ff6b35,#e44a16) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  color:#fff !important;
  box-shadow:0 8px 20px -10px rgba(255,107,53,.85),inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* glass.css .hot-price / .g-dialog-price b 粉色文本 */
.hot-price,.g-dialog-price b,.pass-amount b,.g-strip b{
  color:#ffb84d !important;
  text-shadow:0 8px 22px rgba(255,159,28,.4) !important;
}

/* apple-dark.css #ff8fc0 硬编码 */
.hero h1 em,.g-hero h1 em,.hot-more a,.pass-amount b,.g-strip b{color:#ff9f66 !important}

/* apple-dark.css .g-chip 激活态硬编码渐变 */
.g-chip[aria-pressed="true"]{
  background:linear-gradient(140deg,#ff6b35,#e44a16) !important;
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:0 10px 30px -12px rgba(255,107,53,.9),inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* apple-dark.css .hero h1 em text-shadow 粉色 */
.hero h1 em,.g-hero h1 em{
  text-shadow:0 0 56px rgba(255,107,53,.55),0 0 140px rgba(255,159,28,.32) !important;
}

/* apple-dark.css hero em::after 渐变里的粉色 */
.hero h1 em::after,.g-hero h1 em::after{
  background:linear-gradient(90deg,rgba(255,107,53,.75),rgba(255,159,28,.5)) !important;
}

/* apple-dark.css hero::after / g-hero::after 径向粉色 */
.hero::after,.g-hero::after{
  background:radial-gradient(closest-side,rgba(255,107,53,.36),transparent 72%) !important;
}

/* glass.css .hot-card:hover / .g-card:hover 光晕里的粉色 */
.hot-card:hover,.g-card:hover{
  box-shadow:var(--shadow-hover),var(--shadow-inset),0 0 0 1px rgba(255,107,53,.22) !important;
}

/* apple-dark.css input:focus / .g-search:focus-within 粉色环 */
input:focus,textarea:focus,select:focus,.g-search:focus-within{
  border-color:rgba(255,107,53,.7) !important;
  box-shadow:0 0 0 4px rgba(255,107,53,.2),inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* apple-dark.css nav/search hover 粉色底 */
.nav-menu a:hover,.search-hit:hover{background:rgba(255,107,53,.16) !important;color:#fff !important}

/* apple-dark.css .pay-hint 粉色底 */
.pay-hint{background:rgba(255,107,53,.12) !important;border:1px solid rgba(255,107,53,.38) !important}
.pay-hint b{color:#ff9f66 !important}

/* apple-dark.css .form-error 粉色 */
.form-error{background:rgba(255,107,53,.14) !important;border:1px solid rgba(255,107,53,.42) !important;color:#ffb396 !important}

/* apple-dark.css summary-card::after 粉色描边 */
.summary-card::after{border-color:rgba(255,107,53,.45) !important}

/* apple-dark.css .nav .nav-menu a:hover 粉色底 */
.nav .nav-menu a:hover{background:rgba(255,107,53,.18) !important;color:#fff !important}

/* apple-dark.css .hot-more a:hover 粉色底 */
.hot-more a:hover{background:rgba(255,107,53,.14) !important;border-radius:8px}

/* ---------- 4. Hero 主视觉：城市夜景摄影 + 遮罩 ---------- */
.hero,.g-hero{
  background-image:url("../assets/hero-city.jpg");
  background-size:cover;
  background-position:center 42%;
  background-attachment:fixed;
  position:relative;
}
.hero::before,.g-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,5,10,.82) 0%,rgba(7,5,10,.55) 38%,rgba(7,5,10,.92) 78%,rgba(7,5,10,1) 100%),
    radial-gradient(60% 52% at 62% 46%,rgba(255,107,53,.18),transparent 62%);
}
.hero-copy,.g-hero-copy,.g-pass,.pass{position:relative;z-index:1}

/* 丝线背景降存在感：Hero 区以下仍保留，但透明度降低 */
.waves-bg{opacity:.55}

/* ---------- 4. 全站背景光晕替换：粉紫 → 橙金 ---------- */
body::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background-image:
    radial-gradient(52% 42% at 14% 2%,rgba(255,107,53,.22),transparent 66%),
    radial-gradient(46% 40% at 88% 8%,rgba(255,159,28,.20),transparent 68%),
    radial-gradient(60% 46% at 50% 102%,rgba(255,107,53,.12),transparent 70%),
    radial-gradient(42% 34% at 72% 62%,rgba(255,184,77,.10),transparent 70%),
    linear-gradient(168deg,#0a070e 0%,#0f0a0c 46%,#07050a 100%) !important;
}

/* Hero 内容区域强制在遮罩之上 */
.g-hero .g-wrap{position:relative;z-index:2}
.g-hero-grid{position:relative;z-index:2}
.g-pass{position:relative;z-index:3}

/* ---------- 5. hero-city.jpg 的暗色滤镜变体（供 index.html 可能引用）---------- */
/* index.html 也用 Hero 区，但结构不同，保持通用 */

/* ---------- 6. 不模糊降级：深色实底 ---------- */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-foot,.g-foot,.g-marquee,.toast{background:rgba(10,8,10,.97)}
}