/* ============================================================
   theme.css — 兴晋工作室 · 深色/浅色主题系统
   在 dh.css 之后引入：<link rel="stylesheet" href="assets/theme.css">
   ============================================================ */

/* ══════════════════════════════════════════
   深色主题（默认，复用现有变量无需改动）
══════════════════════════════════════════ */
:root,
[data-theme="dark"] {
  --c:   #00e5ff;
  --o:   #ff6200;
  --g:   #ffd000;
  --gr:  #00e676;
  --re:  #ff4444;

  --dk:  #020c14;
  --dk2: #05111c;
  --dk3: #091e30;

  --pan:    rgba(0,16,30,0.92);
  --bd:     rgba(0,229,255,0.16);
  --txt:    #b0d8ee;
  --mut:    #3a6882;

  --body-bg:     #020c14;
  --nav-bg:      rgba(2,10,18,.92);
  --mob-nav-bg:  rgba(2,10,18,.98);
  --card-bg:     linear-gradient(145deg, rgba(0,20,38,.95), rgba(5,17,28,.95));
  --input-bg:    rgba(0,10,20,.7);
  --input-bg-f:  rgba(0,20,36,.8);
  --footer-top:  rgba(0,229,255,.1);

  --text-primary:   #ffffff;
  --text-secondary: #b0d8ee;
  --text-muted:     #3a6882;

  --section-bg1:  #020c14;
  --section-bg2:  #05111c;
  --section-bg3:  #091e30;

  --glass-card:   rgba(0,229,255,.035);
  --glass-border: rgba(0,229,255,.14);

  /* 主题切换按钮样式 */
  --toggle-bg:      rgba(0,229,255,.08);
  --toggle-border:  rgba(0,229,255,.3);
  --toggle-color:   var(--c);
  --toggle-icon:    '☀';

  color-scheme: dark;
}

/* ══════════════════════════════════════════
   浅色主题 — iOS 磨砂玻璃风格
══════════════════════════════════════════ */
[data-theme="light"] {
  /* 主色调：偏冷的iOS风蓝色系，保留品牌感 */
  --c:   #007AFF;   /* iOS蓝 */
  --o:   #FF6B00;   /* 橙色适当加深保可读性 */
  --g:   #E09000;
  --gr:  #30D158;   /* iOS绿 */
  --re:  #FF3B30;   /* iOS红 */

  --dk:  #f2f4f7;
  --dk2: #eef0f5;
  --dk3: #e8ecf3;

  --pan:    rgba(255,255,255,0.72);
  --bd:     rgba(0,122,255,0.18);
  --txt:    #2c3e50;
  --mut:    #8a9ab8;

  --body-bg:    #e8ecf5;
  --nav-bg:     rgba(242,244,247,.82);
  --mob-nav-bg: rgba(242,244,247,.96);
  --card-bg:    rgba(255,255,255,0.72);
  --input-bg:   rgba(255,255,255,0.8);
  --input-bg-f: rgba(255,255,255,0.95);
  --footer-top: rgba(0,122,255,.12);

  --text-primary:   #0d1117;
  --text-secondary: #2c3e50;
  --text-muted:     #8a9ab8;

  --section-bg1: #e8ecf5;
  --section-bg2: #eef0f8;
  --section-bg3: #e4e8f2;

  --glass-card:   rgba(255,255,255,0.65);
  --glass-border: rgba(255,255,255,0.9);

  /* 阴影改为浅色柔和阴影 */
  --shadow-c:  0 4px 24px rgba(0,122,255,.18), 0 1px 6px rgba(0,122,255,.1);
  --shadow-o:  0 4px 24px rgba(255,107,0,.18),  0 1px 6px rgba(255,107,0,.1);
  --shadow-g:  0 4px 24px rgba(224,144,0,.18), 0 1px 6px rgba(224,144,0,.1);
  --glow-c:    0 8px 40px rgba(0,122,255,.14);
  --glow-o:    0 8px 40px rgba(255,107,0,.14);
  --lift:      0 8px 32px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.06);

  --toggle-bg:      rgba(0,122,255,.08);
  --toggle-border:  rgba(0,122,255,.3);
  --toggle-color:   var(--c);

  color-scheme: light;
}

/* ══════════════════════════════════════════
   主题切换按钮
══════════════════════════════════════════ */
.theme-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background: var(--toggle-bg);
  border: 1px solid var(--toggle-border);
  color: var(--toggle-color);
  cursor: pointer;
  transition: all .3s cubic-bezier(.22,.68,0,1.2);
  border-radius: 6px;
  font-size: 15px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.theme-toggle:hover {
  background: rgba(0,122,255,.14);
  border-color: var(--c);
  transform: scale(1.08) rotate(12deg);
}
.theme-toggle .t-sun,
.theme-toggle .t-moon {
  position: absolute;
  transition: opacity .3s, transform .3s;
  line-height: 1;
}
[data-theme="dark"] .theme-toggle .t-sun { opacity: 1; transform: scale(1) }
[data-theme="dark"] .theme-toggle .t-moon { opacity: 0; transform: scale(.5) }
[data-theme="light"] .theme-toggle .t-sun { opacity: 0; transform: scale(.5) }
[data-theme="light"] .theme-toggle .t-moon { opacity: 1; transform: scale(1) }

/* ══════════════════════════════════════════
   深色模式 body & 背景
══════════════════════════════════════════ */
[data-theme="dark"] body {
  background: var(--body-bg);
}

/* ══════════════════════════════════════════
   浅色模式 body & 全局基础
══════════════════════════════════════════ */
[data-theme="light"] body {
  background: var(--body-bg);
  color: var(--text-secondary);
}

/* 浅色背景格子网格 */
[data-theme="light"] body::before {
  background:
    radial-gradient(ellipse 80% 50% at 20% -10%, rgba(0,122,255,.08) 0%, transparent 55%),
    radial-gradient(ellipse 60% 40% at 85% 110%, rgba(255,107,0,.05) 0%, transparent 50%),
    repeating-linear-gradient(0deg, transparent, transparent 79px, rgba(0,122,255,.04) 80px),
    repeating-linear-gradient(90deg, transparent, transparent 79px, rgba(0,122,255,.04) 80px);
}
[data-theme="light"] body::after {
  background:
    radial-gradient(ellipse 50% 35% at 50% -5%, rgba(0,122,255,.05) 0%, transparent 55%),
    radial-gradient(ellipse 35% 25% at 90% 95%, rgba(255,107,0,.04) 0%, transparent 50%);
}

/* 扫描线浅色模式隐藏 */
[data-theme="light"] .scanline { opacity: .06 }

/* ══════════════════════════════════════════
   浅色 NAV — iOS 磨砂玻璃
══════════════════════════════════════════ */
[data-theme="light"] nav {
  background: var(--nav-bg);
  backdrop-filter: blur(32px) saturate(1.8);
  -webkit-backdrop-filter: blur(32px) saturate(1.8);
  border-bottom: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 4px 24px rgba(0,0,0,.08);
}

[data-theme="light"] .logo-text {
  background: linear-gradient(135deg, #0d1117 30%, var(--c));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-theme="light"] .logo-img {
  border-color: rgba(0,122,255,.4);
  box-shadow: 0 0 10px rgba(0,122,255,.2);
}

[data-theme="light"] .nav-links a {
  color: #556680;
}
[data-theme="light"] .nav-links a:hover {
  color: var(--c);
  background: rgba(0,122,255,.06);
}

[data-theme="light"] .nav-btn {
  border-color: var(--o);
  color: var(--o);
}
[data-theme="light"] .nav-btn:hover {
  background: var(--o);
  color: #fff;
  box-shadow: 0 4px 20px rgba(255,107,0,.3);
}

[data-theme="light"] .mob-toggle {
  border-color: rgba(0,122,255,.25);
  color: var(--c);
}

[data-theme="light"] .mob-nav {
  background: var(--mob-nav-bg);
  backdrop-filter: blur(32px) saturate(1.8);
  border-bottom: 1px solid rgba(255,255,255,.7);
  box-shadow: 0 8px 32px rgba(0,0,0,.1);
}
[data-theme="light"] .mob-nav a {
  color: #556680;
  border-bottom-color: rgba(0,122,255,.06);
}
[data-theme="light"] .mob-nav a:hover {
  color: var(--c);
  background: rgba(0,122,255,.06) !important;
  border-left-color: var(--c);
}
[data-theme="light"] .mob-cta {
  background: var(--o) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(255,107,0,.3);
}

/* ══════════════════════════════════════════
   浅色 TICKER
══════════════════════════════════════════ */
[data-theme="light"] .ticker-wrap {
  background: rgba(255,255,255,.5);
  border-top: 1px solid rgba(0,122,255,.1);
  border-bottom: 1px solid rgba(0,122,255,.1);
  backdrop-filter: blur(12px);
}
[data-theme="light"] .ti { color: #556680 }
[data-theme="light"] .ti i { color: var(--o); text-shadow: none }

/* ══════════════════════════════════════════
   浅色 HERO
══════════════════════════════════════════ */
[data-theme="light"] .hero {
  background: radial-gradient(ellipse 100% 80% at 30% 50%, rgba(0,122,255,.06) 0%, transparent 65%);
}
[data-theme="light"] .hero-tag {
  background: rgba(0,122,255,.08);
  border-color: rgba(0,122,255,.28);
  color: var(--c);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 4px 16px rgba(0,122,255,.08);
}
[data-theme="light"] .dot { background: var(--o) }

[data-theme="light"] .hl1 { color: #0d1117; text-shadow: 0 2px 12px rgba(0,0,0,.08) }
[data-theme="light"] .hl2 {
  background: linear-gradient(100deg, var(--c), #0055cc 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 12px rgba(0,122,255,.25));
}
[data-theme="light"] .hl3 { color: var(--o); text-shadow: 0 0 20px rgba(255,107,0,.25) }

[data-theme="light"] .hero-sub { color: #556680 }

/* 浅色 stats */
[data-theme="light"] .stat {
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(0,122,255,.14);
  box-shadow: 0 2px 12px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.9);
}
[data-theme="light"] .stat::before {
  background: linear-gradient(90deg, transparent, var(--c), transparent);
  opacity: .35;
}
[data-theme="light"] .stat:hover {
  background: rgba(255,255,255,.9);
  box-shadow: 0 8px 24px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,1);
}
[data-theme="light"] .sn { color: var(--c); text-shadow: none }
[data-theme="light"] .sl { color: #8a9ab8 }

/* 浅色 HUD */
[data-theme="light"] .hero-hud {
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 8px 32px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,1);
}
[data-theme="light"] .hud-lbl { color: #8a9ab8 }
[data-theme="light"] .hud-bar { background: rgba(0,122,255,.1) }
[data-theme="light"] .hud-sys { color: var(--c); text-shadow: none }
[data-theme="light"] .hud-fill { box-shadow: none }

/* 浅色 corner */
[data-theme="light"] .ctL, [data-theme="light"] .ctR { border-color: var(--c); box-shadow: none }
[data-theme="light"] .cbL, [data-theme="light"] .cbR { border-color: var(--c); box-shadow: none }

/* ══════════════════════════════════════════
   浅色 SECTION 标题
══════════════════════════════════════════ */
[data-theme="light"] .eye { color: var(--o); text-shadow: none }
[data-theme="light"] .stitle { color: #0d1117 }
[data-theme="light"] .stitle .ac { color: var(--c) }
[data-theme="light"] .sline {
  background: linear-gradient(90deg, var(--c), rgba(0,122,255,.2), transparent) !important;
  box-shadow: none;
}

/* ══════════════════════════════════════════
   浅色 SECTION 背景交替
══════════════════════════════════════════ */
[data-theme="light"] section:not(.earn-sect):not(.ref-sect):not(.lv-sect):not(.rules-sect):not(.apply-sect):not(.qa-sect):not(.join-sect):not(.hero) {
  background: var(--section-bg1);
}
[data-theme="light"] .earn-sect  { background: var(--section-bg2) }
[data-theme="light"] .ref-sect   { background: var(--section-bg3) }
[data-theme="light"] .lv-sect    { background: var(--section-bg2) }
[data-theme="light"] .rules-sect { background: var(--section-bg3) }
[data-theme="light"] .apply-sect { background: var(--section-bg2) }
[data-theme="light"] .qa-sect    { background: var(--section-bg3) }
[data-theme="light"] .join-sect  { background: var(--section-bg2) }

/* ══════════════════════════════════════════
   浅色 按钮
══════════════════════════════════════════ */
[data-theme="light"] .btn-p {
  background: var(--c);
  color: #fff;
  box-shadow: 0 4px 16px rgba(0,122,255,.3);
}
[data-theme="light"] .btn-p:hover {
  background: #1a8fff;
  box-shadow: 0 8px 28px rgba(0,122,255,.4);
}
[data-theme="light"] .btn-s {
  border-color: rgba(0,122,255,.3);
  color: #2c3e50;
  background: rgba(255,255,255,.6);
}
[data-theme="light"] .btn-s:hover {
  border-color: var(--c);
  color: var(--c);
  background: rgba(0,122,255,.06);
}

/* ══════════════════════════════════════════
   浅色 服务卡片 — iOS 玻璃磨砂
══════════════════════════════════════════ */
[data-theme="light"] .svc-card {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 4px 20px rgba(0,0,0,.07), inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
}
[data-theme="light"] .svc-card::before {
  background: linear-gradient(90deg, transparent, var(--c), transparent);
}
[data-theme="light"] .svc-card:hover {
  background: rgba(255,255,255,.9);
  border-color: rgba(0,122,255,.35);
  box-shadow: 0 12px 36px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,1);
}
[data-theme="light"] .svc-ico {
  background: rgba(0,122,255,.08);
  border-color: rgba(0,122,255,.18);
  color: var(--c);
}
[data-theme="light"] .svc-card:hover .svc-ico {
  background: rgba(0,122,255,.14);
  box-shadow: 0 0 16px rgba(0,122,255,.2);
}
[data-theme="light"] .svc-card h3 { color: #0d1117 }
[data-theme="light"] .svc-card p { color: #556680 }
[data-theme="light"] .svc-price {
  color: var(--o);
  border-color: rgba(255,107,0,.3);
  background: rgba(255,107,0,.07);
  text-shadow: none;
}

/* ══════════════════════════════════════════
   浅色 EARNINGS
══════════════════════════════════════════ */
[data-theme="light"] .earn-panel {
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 4px 24px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter: blur(20px);
}
[data-theme="light"] .ep-head {
  background: linear-gradient(90deg, rgba(0,122,255,.06), transparent);
  border-bottom-color: rgba(0,122,255,.12) !important;
  color: var(--c);
  text-shadow: none;
}
[data-theme="light"] .tier { background: rgba(0,0,0,.025) !important }
[data-theme="light"] .tier:hover { background: rgba(0,122,255,.06) !important }
[data-theme="light"] .t-new .t-badge { background: rgba(100,100,100,.08); color: #888 }
[data-theme="light"] .t-pro .t-badge { background: rgba(0,122,255,.1); color: var(--c) }
[data-theme="light"] .t-ace .t-badge { background: rgba(224,144,0,.1); color: var(--g) }
[data-theme="light"] .t-name { color: #0d1117 }
[data-theme="light"] .t-desc { color: #8a9ab8 }
[data-theme="light"] .t-new .t-pct { color: #999 }
[data-theme="light"] .earn-meta { border-top-color: rgba(0,122,255,.1) }
[data-theme="light"] .em-lbl { color: #8a9ab8 }
[data-theme="light"] .em-val { color: #0d1117 }
[data-theme="light"] .earn-txt h2 { color: #0d1117 }
[data-theme="light"] .earn-txt h2 em { color: var(--c) }
[data-theme="light"] .earn-txt p { color: #556680 }
[data-theme="light"] .hi-box {
  background: rgba(0,122,255,.06);
  border-color: rgba(0,122,255,.18);
}
[data-theme="light"] .hi-box .ht { color: #2c3e50 }
[data-theme="light"] .hi-box strong { color: var(--g) }

/* ══════════════════════════════════════════
   浅色 推荐卡片
══════════════════════════════════════════ */
[data-theme="light"] .ref-card {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 4px 20px rgba(0,0,0,.07), inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter: blur(20px);
}
[data-theme="light"] .ref-card:hover {
  background: rgba(255,255,255,.9);
  box-shadow: 0 12px 36px rgba(0,0,0,.1);
}
[data-theme="light"] .ref-name { color: #0d1117 }
[data-theme="light"] .ref-desc { color: #556680 }
[data-theme="light"] .ref-steps li { color: #2c3e50 }
[data-theme="light"] .ref-tag { opacity: .9 }
[data-theme="light"] .ref-banner {
  background: rgba(255,255,255,.6);
  border-color: rgba(0,122,255,.18);
  backdrop-filter: blur(12px);
}
[data-theme="light"] .rb-sub { color: #8a9ab8 }

/* ══════════════════════════════════════════
   浅色 等级卡片
══════════════════════════════════════════ */
[data-theme="light"] .lv-card {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 4px 20px rgba(0,0,0,.07), inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter: blur(20px);
}
[data-theme="light"] .lv-card:hover {
  background: rgba(255,255,255,.9);
  box-shadow: 0 12px 36px rgba(0,0,0,.1);
}
[data-theme="light"] .lv-new .lv-badge { border-color: rgba(120,120,120,.25) }
[data-theme="light"] .lv-pro .lv-badge { border-color: rgba(0,122,255,.28) }
[data-theme="light"] .lv-ace .lv-badge { border-color: rgba(224,144,0,.28) }
[data-theme="light"] .lv-title { color: #0d1117 }
[data-theme="light"] .lv-perks li { color: #556680 }
[data-theme="light"] .lv-bg { opacity: .04 }

/* ══════════════════════════════════════════
   浅色 Requirements 卡片
══════════════════════════════════════════ */
[data-theme="light"] .req-card {
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 4px 20px rgba(0,0,0,.07), inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter: blur(20px);
}
[data-theme="light"] .req-card:hover {
  background: rgba(255,255,255,.9);
  border-color: rgba(0,122,255,.3);
}
[data-theme="light"] .req-card h4 { color: var(--c) }
[data-theme="light"] .req-card p { color: #556680 }
[data-theme="light"] .req-n { background: var(--c); color: #fff }

/* ══════════════════════════════════════════
   浅色 规则
══════════════════════════════════════════ */
[data-theme="light"] .rules-blk h3 { color: #0d1117 }
[data-theme="light"] .rule-item {
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(255,255,255,.85);
  backdrop-filter: blur(12px);
  color: #556680;
}
[data-theme="light"] .rule-item:hover { color: #2c3e50; background: rgba(255,255,255,.9) }
[data-theme="light"] .badge { opacity: .9 }

/* ══════════════════════════════════════════
   浅色 申请表单
══════════════════════════════════════════ */
[data-theme="light"] .apply-info h2 { color: #0d1117 }
[data-theme="light"] .apply-info h2 em { color: var(--c) }
[data-theme="light"] .apply-info p { color: #556680 }
[data-theme="light"] .apply-perks {
  background: rgba(0,122,255,.04);
  border-color: rgba(0,122,255,.12);
}
[data-theme="light"] .apply-perks li {
  color: #2c3e50;
  border-bottom-color: rgba(0,122,255,.06);
}
[data-theme="light"] .apply-perks li:hover { color: var(--c) }

[data-theme="light"] .apply-form {
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,1);
  backdrop-filter: blur(24px);
}
[data-theme="light"] .apply-form h3 { color: var(--c) }
[data-theme="light"] .fg label { color: #8a9ab8 }
[data-theme="light"] .fg input,
[data-theme="light"] .fg select,
[data-theme="light"] .fg textarea,
[data-theme="light"] .rfi input {
  background: rgba(255,255,255,.85) !important;
  border-color: rgba(0,122,255,.18) !important;
  color: #0d1117 !important;
}
[data-theme="light"] .fg input:hover,
[data-theme="light"] .fg select:hover,
[data-theme="light"] .fg textarea:hover {
  border-color: rgba(0,122,255,.35) !important;
}
[data-theme="light"] .fg input:focus,
[data-theme="light"] .fg select:focus,
[data-theme="light"] .fg textarea:focus,
[data-theme="light"] .rfi input:focus {
  background: rgba(255,255,255,.98) !important;
  border-color: var(--c) !important;
  box-shadow: 0 0 0 3px rgba(0,122,255,.12) !important;
}
[data-theme="light"] .fg select option { background: #fff; color: #0d1117 }
[data-theme="light"] .form-note { color: #8a9ab8 }

[data-theme="light"] .submit-btn {
  background: linear-gradient(135deg, var(--c), #0055cc) !important;
}
[data-theme="light"] .submit-btn:hover {
  box-shadow: 0 4px 20px rgba(0,122,255,.4) !important;
}

/* ══════════════════════════════════════════
   浅色 Q&A
══════════════════════════════════════════ */
[data-theme="light"] .qa-form {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,.08) !important;
  backdrop-filter: blur(24px);
}
[data-theme="light"] .qa-form h3 { color: var(--c) }
[data-theme="light"] .qa-item {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  backdrop-filter: blur(12px);
}
[data-theme="light"] .qa-item:hover {
  background: rgba(255,255,255,.88) !important;
}
[data-theme="light"] .qa-q-head { border-bottom-color: rgba(0,122,255,.08) }
[data-theme="light"] .qa-nick { color: var(--c) }
[data-theme="light"] .qa-time { color: #8a9ab8 }
[data-theme="light"] .qa-content { color: #2c3e50 }
[data-theme="light"] .qa-comments { background: rgba(0,0,0,.03) }
[data-theme="light"] .qa-comment { border-bottom-color: rgba(0,122,255,.05) }
[data-theme="light"] .cmt-official .cmt-body { color: #2c3e50 }
[data-theme="light"] .cmt-user .cmt-nick { color: #8a9ab8 }
[data-theme="light"] .cmt-user .cmt-body { color: #556680 }
[data-theme="light"] .qa-reply-toggle {
  color: #8a9ab8;
  border-top-color: rgba(0,122,255,.06);
}
[data-theme="light"] .qa-reply-toggle:hover { color: var(--c) }
[data-theme="light"] .qa-reply-form {
  background: rgba(0,122,255,.03);
  border-top-color: rgba(0,122,255,.08);
}
[data-theme="light"] .official-badge {
  background: rgba(0,122,255,.1) !important;
  color: var(--c);
  border-color: rgba(0,122,255,.25);
}
[data-theme="light"] .rfi-btn {
  background: var(--c);
  color: #fff;
}
[data-theme="light"] .rfi-btn:hover { background: #1a8fff }

/* ══════════════════════════════════════════
   浅色 FAQ
══════════════════════════════════════════ */
[data-theme="light"] .faq-item {
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(255,255,255,.88) !important;
  backdrop-filter: blur(12px);
}
[data-theme="light"] .faq-item:hover { border-color: rgba(0,122,255,.22) !important }
[data-theme="light"] .faq-item.open {
  border-color: rgba(0,122,255,.3) !important;
  box-shadow: 0 4px 16px rgba(0,122,255,.07);
}
[data-theme="light"] .faq-q { color: #0d1117 !important }
[data-theme="light"] .faq-q:hover { background: rgba(0,122,255,.04) !important }
[data-theme="light"] .faq-chv { border-color: #bbc8da; color: var(--c) }
[data-theme="light"] .faq-item.open .faq-chv {
  background: rgba(0,122,255,.08);
  border-color: var(--c);
  box-shadow: none;
}
[data-theme="light"] .faq-a { color: #556680 !important }

/* ══════════════════════════════════════════
   浅色 JOIN
══════════════════════════════════════════ */
[data-theme="light"] .join-panel {
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,.1) !important;
  backdrop-filter: blur(28px);
}
[data-theme="light"] .join-panel::before { display: none }
[data-theme="light"] .join-panel h2 { color: #0d1117 }
[data-theme="light"] .join-panel > p { color: #556680 }
[data-theme="light"] .steps-row { border-color: rgba(0,122,255,.14) }
[data-theme="light"] .step { border-color: rgba(0,122,255,.14) }
[data-theme="light"] .step-txt { color: #2c3e50 }
[data-theme="light"] .step:hover { background: rgba(0,122,255,.04) }
[data-theme="light"] .join-id {
  background: rgba(0,122,255,.06) !important;
  border-color: rgba(0,122,255,.25) !important;
  color: var(--c);
  box-shadow: none;
}
[data-theme="light"] .join-id:hover { box-shadow: 0 0 16px rgba(0,122,255,.15) }
[data-theme="light"] .join-note { color: #8a9ab8 }

/* ══════════════════════════════════════════
   浅色 FOOTER
══════════════════════════════════════════ */
[data-theme="light"] footer {
  border-top: 1px solid rgba(0,122,255,.1) !important;
  background: rgba(255,255,255,.5);
  backdrop-filter: blur(16px);
}
[data-theme="light"] .foot-logo { color: #556680 }
[data-theme="light"] .foot-links a { color: #8a9ab8 }
[data-theme="light"] .foot-links a:hover { color: var(--c) }
[data-theme="light"] .foot-txt { color: #8a9ab8 }

/* ══════════════════════════════════════════
   浅色 hero-grid
══════════════════════════════════════════ */
[data-theme="light"] .hero-grid {
  background-image:
    linear-gradient(rgba(0,122,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,122,255,.05) 1px, transparent 1px);
}

/* ══════════════════════════════════════════
   主题切换过渡动画
══════════════════════════════════════════ */
body,
nav, .mob-nav,
.svc-card, .ref-card, .lv-card, .req-card,
.rule-item, .faq-item, .qa-item, .qa-form,
.apply-form, .earn-panel, .join-panel,
.ticker-wrap, footer,
.btn-p, .btn-s, .stat,
.fg input, .fg select, .fg textarea {
  transition:
    background .35s ease,
    background-color .35s ease,
    border-color .35s ease,
    color .35s ease,
    box-shadow .35s ease;
}



/* ══════════════════════════════════════════
   浅色 NAV 补充样式（追加到 theme.css 末尾）
══════════════════════════════════════════ */

/* nav-links 下划线光效 */
[data-theme="light"] .nav-links a::after {
  background: var(--c);
  box-shadow: none;
}

/* nav-btn 光效修正 */
[data-theme="light"] .nav-btn::before {
  background: linear-gradient(135deg, transparent 0%, rgba(255,255,255,.15) 50%, transparent 100%);
}

/* mob-nav 菜单项左侧指示线 */
[data-theme="light"] .mob-nav a {
  border-left: 2px solid transparent;
}
[data-theme="light"] .mob-nav a:hover {
  border-left-color: var(--c);
}

/* mob-cta 浅色下发光修正 */
[data-theme="light"] .mob-cta:hover {
  box-shadow: 0 4px 20px rgba(255,107,0,.35) !important;
}

/* logo hover 光晕修正 */
[data-theme="light"] .logo:hover .logo-img {
  box-shadow: 0 0 16px rgba(0,122,255,.3);
  border-color: var(--c);
}

/* mob-toggle hover */
[data-theme="light"] .mob-toggle:hover {
  background: rgba(0,122,255,.08);
  border-color: var(--c);
}

/* nav-btn shimmer 修正为浅色适配 */
[data-theme="light"] .nav-btn:hover {
  transform: translateY(-1px);
}

/* 修正 nav-links 在浅色下 hover 背景 */
[data-theme="light"] .nav-links a:hover {
  background: rgba(0,122,255,.07);
}