/* ===== 星海航空三主题 ===== */

/* 深海主题 (默认, ocean) */
[data-theme="ocean"] {
  --bg1:#050a14; --bg2:#0a1428; --bg3:#0f1d3a;
  --text:#e2e8f0; --text2:#94a3b8; --text3:#64748b;
  --border:rgba(255,255,255,0.06);
  --card:rgba(255,255,255,0.02);
  --body-bg:#050a14;--nav-bg:rgba(5,10,20,0.88);
}

/* 深色主题 (dark) */
[data-theme="dark"] {
  --bg1:#0a0a0a; --bg2:#111111; --bg3:#1a1a1a;
  --text:#e5e5e5; --text2:#999; --text3:#666;
  --border:rgba(255,255,255,0.08);
  --card:rgba(255,255,255,0.03);
  --body-bg:#0a0a0a;--nav-bg:rgba(10,10,10,0.92);
}

/* 浅色主题 (light) */
[data-theme="light"] {
  --bg1:#f5f6fa; --bg2:#eef0f5; --bg3:#e4e7ed;
  --text:#1a1d28; --text2:#555; --text3:#999;
  --border:rgba(0,0,0,0.08);
  --card:rgba(0,0,0,0.02);
  --body-bg:#f5f6fa;--nav-bg:rgba(245,246,250,0.92);
}

/* ===== Theme-dependent overrides ===== */
/* Shared vars that don't change per theme */
:root {
  --blue:#1e6df2; --blue2:#3b82f6; --blue3:#60a5fa;
  --gold:#f5b342; --nav-h:64px;
}

body { background:var(--body-bg); }

/* Light theme needs darker nav text */
[data-theme="light"] .nav-logo .zh,
[data-theme="light"] .nav-links a:hover,
[data-theme="light"] .section-title,
[data-theme="light"] .footer-c h4,
[data-theme="light"] .team-c .name,
[data-theme="light"] .fleet-item .fi-type,
[data-theme="light"] .brand-c h3,
[data-theme="light"] .contact-card h3,
[data-theme="light"] .news-item h3,
[data-theme="light"] .page-hdr h1,
[data-theme="light"] .stat-c .num,
[data-theme="light"] .join-box h2,
[data-theme="light"] .hub-info h3 { color:#1a1d28; }

[data-theme="light"] .nav-logo .en,
[data-theme="light"] .nav-links a,
[data-theme="light"] .footer-c p,
[data-theme="light"] .footer-c a { color:#666; }

[data-theme="light"] .nav-links a:hover{background:rgba(0,0,0,0.04)}
[data-theme="light"] .nav-links a.active{background:rgba(30,109,242,0.1)}
[data-theme="light"] footer{background:var(--bg1)}
[data-theme="light"] .btn-o{color:#1a1d28;border-color:rgba(0,0,0,0.2)}[data-theme="light"] .btn-o:hover{color:#000}

/* Light theme: turn all white/hardcoded-light text to dark */
[data-theme="light"] .page-hdr p,
[data-theme="light"] .section-desc,
[data-theme="light"] .brand-c .code,
[data-theme="light"] .brand-c p,
[data-theme="light"] .fleet-item .fi-name,
[data-theme="light"] .team-c .cid,
[data-theme="light"] .contact-card p,
[data-theme="light"] .news-item p,
[data-theme="light"] .news-item .date,
[data-theme="light"] .join-box p,
[data-theme="light"] .hub-info p,
[data-theme="light"] .stat-c .lbl,
[data-theme="light"] .about-text p,
[data-theme="light"] .notam-card p,
[data-theme="light"] .notam-card h3,
[data-theme="light"] .notam-card .n-date,
[data-theme="light"] .notam-card .n-author,
[data-theme="light"] .community-box h2,
[data-theme="light"] .comm-card .cc-info .cc-name,
[data-theme="light"] .comm-card .cc-name,
[data-theme="light"] .comm-card .cc-desc,
[data-theme="light"] .comm-card .cc-arrow,
[data-theme="light"] .contact-info p,
[data-theme="light"] .footer-b,
[data-theme="light"] .section-label,
[data-theme="light"] .home-stat .hl { color:#333; }

[data-theme="light"] .brand-pill,
[data-theme="light"] .hero-codes span { color:#555; }

/* Logo theme visibility */
[data-theme="ocean"] .logo-white,
[data-theme="dark"] .logo-white { display:inline-block !important; }
[data-theme="ocean"] .logo-orig,
[data-theme="dark"] .logo-orig { display:none !important; }
[data-theme="light"] .logo-white { display:none !important; }
[data-theme="light"] .logo-orig { display:inline-block !important; }

/* Theme switcher button */
.theme-switcher{position:fixed;bottom:20px;right:20px;z-index:998;display:flex;flex-direction:column;gap:6px}
.theme-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:.3s;background:var(--bg1);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:14px}
.theme-btn:hover{border-color:var(--blue2);transform:scale(1.1)}
.theme-btn.active{border-color:var(--blue);box-shadow:0 0 12px rgba(30,109,242,0.3)}

@media(max-width:600px){
  .theme-switcher{bottom:12px;right:12px;gap:4px}
  .theme-btn{width:30px;height:30px;font-size:12px}
}