/* ============================================================
   theme-light.css — 白色渐变主题（亮色）
   作用域：html[data-theme="light"]，加载于 premium.css 之后。
   默认主题为白色（index.php 默认 data-theme="light"，用户切换后的偏好存 localStorage 优先）；本文件仅覆盖亮色变量化无法覆盖的硬编码色值。
   ============================================================ */

/* ---------- 基底 ---------- */

html[data-theme="light"] body {
    background:
        radial-gradient(64rem 42rem at 88% -6%, rgba(47, 124, 235, 0.08), transparent 62%),
        radial-gradient(54rem 38rem at -12% 34%, rgba(139, 124, 246, 0.065), transparent 60%),
        radial-gradient(46rem 30rem at 50% 118%, rgba(47, 124, 235, 0.045), transparent 60%),
        linear-gradient(180deg, #fdfeff 0%, #f3f8ff 44%, #eef3fc 100%);
    color: #13233c;
}

html[data-theme="light"] body::after { display: none; }

html[data-theme="light"] ::selection {
    background: rgba(47, 124, 235, 0.18);
    color: #13233c;
}

html[data-theme="light"] ::-webkit-scrollbar-thumb { background-color: #c5d2e8; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background-color: #a9bdd9; }

/* ---------- 导航栏 ---------- */

html[data-theme="light"] .navbar {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.55));
    border-bottom: 1px solid rgba(19, 35, 60, 0.07);
}

html[data-theme="light"] .navbar.scrolled {
    background: rgba(255, 255, 255, 0.9);
    border-bottom-color: rgba(19, 35, 60, 0.1);
    box-shadow: 0 16px 44px rgba(30, 60, 120, 0.1);
}

html[data-theme="light"] .logo-text {
    background: linear-gradient(115deg, #16233c 10%, #2f7ceb 70%, #6d28d9 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

html[data-theme="light"] .logo-sub { color: #8494ad; }

html[data-theme="light"] .nav-menu a { color: #4c5d7c; }

html[data-theme="light"] .nav-menu a:hover {
    color: #13233c;
    background: rgba(47, 124, 235, 0.07);
}

html[data-theme="light"] .nav-menu a.active { color: #14355e; }

html[data-theme="light"] .nav-menu a::after {
    background: linear-gradient(90deg, #2f7ceb, #8b7cf6);
}

/* ---------- Hero ---------- */

html[data-theme="light"] .hero::before {
    background:
        radial-gradient(52rem 34rem at 80% 16%, rgba(56, 149, 235, 0.1), transparent 62%),
        radial-gradient(44rem 30rem at 6% 78%, rgba(139, 124, 246, 0.085), transparent 62%),
        radial-gradient(30rem 20rem at 46% 4%, rgba(56, 189, 248, 0.055), transparent 60%);
}

html[data-theme="light"] .particle {
    background: rgba(47, 124, 235, 0.55);
    box-shadow: 0 0 10px 2px rgba(47, 124, 235, 0.3);
    opacity: 0.45;
}

html[data-theme="light"] .title-line {
    background: linear-gradient(115deg, #101d33 15%, #1d4ed8 60%, #6d28d9 100%);
    -webkit-background-clip: text;
    background-clip: text;
    filter: none;
}

html[data-theme="light"] .hero-subtitle { color: #5c6d8c; }

html[data-theme="light"] .hero-product-visual {
    filter: none;
}

html[data-theme="light"] .hero-product-visual::after {
    display: none;
}

/* ---------- 统计条 ---------- */

html[data-theme="light"] .hero-stats {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.66));
    border: 1px solid rgba(19, 35, 60, 0.09);
    box-shadow: 0 24px 60px rgba(30, 60, 120, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

html[data-theme="light"] .stat + .stat { border-left-color: rgba(19, 35, 60, 0.08); }

html[data-theme="light"] .stat-number {
    background: linear-gradient(115deg, #16233c, #2f7ceb 90%);
    -webkit-background-clip: text;
    background-clip: text;
}

html[data-theme="light"] .stat-label { color: #71809c; }

html[data-theme="light"] .scroll-indicator span { color: #71809c; }
html[data-theme="light"] .scroll-arrow { border-color: #2f7ceb !important; }

/* ---------- 按钮 ---------- */

html[data-theme="light"] .btn-secondary {
    background: rgba(255, 255, 255, 0.85);
    color: #1c2b4a;
    border: 1px solid rgba(19, 35, 60, 0.16);
}

html[data-theme="light"] .btn-secondary:hover {
    background: #ffffff;
    border-color: rgba(47, 124, 235, 0.55);
    color: #14355e;
    box-shadow: 0 14px 36px rgba(30, 60, 120, 0.14);
}

html[data-theme="light"] .btn-douyin {
    background:
        linear-gradient(135deg, rgba(37, 244, 238, 0.14), rgba(254, 44, 85, 0.12)),
        rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(254, 44, 85, 0.28);
    color: #24304a;
}

html[data-theme="light"] .btn-douyin:hover {
    background:
        linear-gradient(135deg, rgba(37, 244, 238, 0.24), rgba(254, 44, 85, 0.2)),
        #ffffff;
    color: #111a2c;
    box-shadow: 0 14px 36px rgba(254, 44, 85, 0.16);
}

/* ---------- 主题切换按钮 ---------- */

html[data-theme="light"] .theme-toggle {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(19, 35, 60, 0.14);
    color: #f59e0b;
}

html[data-theme="light"] .theme-toggle:hover {
    border-color: rgba(245, 158, 11, 0.55);
    color: #d97706;
    background: #fff7e8;
}

/* ---------- 区块节奏 ---------- */

html[data-theme="light"] .services,
html[data-theme="light"] .social {
    background: linear-gradient(180deg, rgba(47, 124, 235, 0.04), rgba(47, 124, 235, 0.012));
    border-top: 1px solid rgba(19, 35, 60, 0.06);
    border-bottom: 1px solid rgba(19, 35, 60, 0.06);
}

html[data-theme="light"] .section-eyebrow { color: #2f6fd0; }

html[data-theme="light"] .section-eyebrow::before {
    background: linear-gradient(90deg, transparent, rgba(47, 124, 235, 0.55));
}

html[data-theme="light"] .section-eyebrow::after {
    background: linear-gradient(90deg, rgba(47, 124, 235, 0.55), transparent);
}

html[data-theme="light"] .section-subtitle { color: #5c6d8c; }

/* ---------- 玻璃卡片 → 白卡片 ---------- */

html[data-theme="light"] .tech-card,
html[data-theme="light"] .service-item,
html[data-theme="light"] .business-card,
html[data-theme="light"] .ai-card {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #e2eaf7;
    box-shadow: 0 20px 50px rgba(30, 60, 120, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .tech-card:hover,
html[data-theme="light"] .service-item:hover,
html[data-theme="light"] .business-card:hover,
html[data-theme="light"] .ai-card:hover {
    border-color: rgba(47, 124, 235, 0.35);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 30px 70px rgba(30, 60, 120, 0.12),
        0 0 0 1px rgba(47, 124, 235, 0.1),
        0 22px 60px rgba(47, 124, 235, 0.1);
}

/* 聚光灯：亮色卡面上用品牌蓝低透明度 */
html[data-theme="light"] .tech-card::before,
html[data-theme="light"] .service-item::before,
html[data-theme="light"] .business-card::before,
html[data-theme="light"] .ai-card::before {
    background: radial-gradient(230px circle at var(--mx, 50%) var(--my, 50%), rgba(47, 124, 235, 0.09), transparent 65%);
}

/* 光泽扫过：白色卡面上改为品牌蓝微光 */
html[data-theme="light"] .tech-card::after,
html[data-theme="light"] .service-item::after,
html[data-theme="light"] .business-card::after,
html[data-theme="light"] .ai-card::after {
    background: linear-gradient(115deg, transparent 32%, rgba(47, 124, 235, 0.06) 46%, transparent 60%);
}

/* ---------- 图标瓷砖 ---------- */

html[data-theme="light"] .tech-icon,
html[data-theme="light"] .business-icon,
html[data-theme="light"] .contact-icon {
    background: linear-gradient(140deg, rgba(47, 124, 235, 0.1), rgba(139, 124, 246, 0.1));
    border-color: rgba(47, 124, 235, 0.18);
}

html[data-theme="light"] .ai-icon {
    background: linear-gradient(140deg, rgba(47, 124, 235, 0.12), rgba(139, 124, 246, 0.12));
    border-color: rgba(47, 124, 235, 0.22);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 10px 26px rgba(47, 124, 235, 0.14);
}

html[data-theme="light"] .ai-icon svg {
    color: #2b6fd0;
    stroke: #2b6fd0;
    filter: drop-shadow(0 0 6px rgba(47, 124, 235, 0.3));
}

/* ---------- 服务 / 业务 / AI 文本 ---------- */

html[data-theme="light"] .service-item h4 {
    color: #16233c;
    border-bottom-color: #e2eaf7;
}

html[data-theme="light"] .service-item li { color: #5c6d8c; }

html[data-theme="light"] .business-content h3 { color: #16233c; }
html[data-theme="light"] .business-content p { color: #5c6d8c; }
html[data-theme="light"] .business-action { color: #2f6fd0; }

html[data-theme="light"] .ai-card h3 { color: #16233c; }
html[data-theme="light"] .ai-card p { color: #5c6d8c; }
html[data-theme="light"] .ai-features li { color: #5c6d8c; }

html[data-theme="light"] .ai-features li::before {
    box-shadow: 0 0 8px rgba(47, 124, 235, 0.35);
}

/* ---------- 特色胶囊 ---------- */

html[data-theme="light"] .feature {
    background: rgba(255, 255, 255, 0.85);
    border-color: #e2eaf7;
}

html[data-theme="light"] .feature:hover {
    border-color: rgba(47, 124, 235, 0.4);
    background: #ffffff;
}

html[data-theme="light"] .feature span { color: #33415c; }

/* ---------- 联系我们 ---------- */

html[data-theme="light"] .contact-item {
    background: rgba(255, 255, 255, 0.9);
    border-color: #e2eaf7;
}

html[data-theme="light"] .contact-item:hover {
    border-color: rgba(47, 124, 235, 0.35);
}

html[data-theme="light"] .contact-text h4 { color: #16233c; }
html[data-theme="light"] .contact-text p { color: #5c6d8c; }

html[data-theme="light"] .photo-frame {
    background:
        linear-gradient(180deg, #ffffff, #f6f9ff) padding-box,
        linear-gradient(135deg, rgba(47, 124, 235, 0.5), rgba(139, 124, 246, 0.38) 60%, rgba(47, 124, 235, 0.15)) border-box;
    box-shadow: 0 30px 80px rgba(30, 60, 120, 0.14);
}

html[data-theme="light"] .photo-frame:hover {
    box-shadow: 0 40px 96px rgba(30, 60, 120, 0.18);
}

/* ---------- 页脚 ---------- */

html[data-theme="light"] .footer {
    background: linear-gradient(180deg, transparent, rgba(233, 241, 252, 0.85));
    border-top: 1px solid rgba(19, 35, 60, 0.08);
}

html[data-theme="light"] .footer-brand h3 {
    background: linear-gradient(115deg, #16233c 10%, #2f7ceb 70%, #6d28d9 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

html[data-theme="light"] .footer-brand p { color: #5c6d8c; }

html[data-theme="light"] .footer-links a { color: #5c6d8c; }
html[data-theme="light"] .footer-links a:hover { color: #13233c; }

/* 页脚备案区：index.php 内联样式为白色系文字，亮色主题下强制覆盖 */
html[data-theme="light"] .footer-bottom div[style] {
    border-top-color: rgba(19, 35, 60, 0.1) !important;
}

html[data-theme="light"] .footer-bottom .beian-info a,
html[data-theme="light"] .footer-bottom .beian-info a span {
    color: #5c6d8c !important;
}

/* ---------- 移动端抽屉 ---------- */

@media (max-width: 768px) {
    html[data-theme="light"] .nav-menu {
        background: rgba(255, 255, 255, 0.96);
        border-bottom: 1px solid rgba(19, 35, 60, 0.08);
        box-shadow: 0 30px 70px rgba(30, 60, 120, 0.14);
    }
}

/* ---------- 标题强调色：浅色背景需要更深的品牌渐变保证对比度 ---------- */

html[data-theme="light"] .title-accent {
    background: linear-gradient(120deg, #2f7ceb 10%, #1d4ed8 55%, #7c3aed 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

html[data-theme="light"] .section-title { color: #101d33; }

html[data-theme="light"] .about-text h3,
html[data-theme="light"] .tech-card h4 { color: #16233c; }

/* ============================================================
   !important 反制段
   styles.css 皮肤层（~1965-2095 行）对全站文字用了大量
   暗色 !important（白色/浅蓝文字 + text-fill-color），
   浅色主题必须以更高优先级逐条反制，否则白字白底不可读。
   ============================================================ */

/* 区块主标题（含被禁用的渐变强调字） */
html[data-theme="light"] .about .section-title,
html[data-theme="light"] .services .section-title,
html[data-theme="light"] .business .section-title,
html[data-theme="light"] .ai-services .section-title,
html[data-theme="light"] .social .section-title,
html[data-theme="light"] .contact .section-title {
    color: #101d33 !important;
    -webkit-text-fill-color: #101d33 !important;
}

html[data-theme="light"] .about .section-title .title-accent,
html[data-theme="light"] .services .section-title .title-accent,
html[data-theme="light"] .business .section-title .title-accent,
html[data-theme="light"] .ai-services .section-title .title-accent,
html[data-theme="light"] .social .section-title .title-accent,
html[data-theme="light"] .contact .section-title .title-accent {
    background: linear-gradient(120deg, #2f7ceb 10%, #1d4ed8 55%, #7c3aed 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* 区块副标题 */
html[data-theme="light"] .about .section-subtitle,
html[data-theme="light"] .services .section-subtitle,
html[data-theme="light"] .business .section-subtitle,
html[data-theme="light"] .ai-services .section-subtitle,
html[data-theme="light"] .social .section-subtitle,
html[data-theme="light"] .contact .section-subtitle {
    color: #5c6d8c !important;
    -webkit-text-fill-color: #5c6d8c !important;
}

/* 卡片标题（深墨色） */
html[data-theme="light"] .services .service-item h4,
html[data-theme="light"] .about .about-text h3,
html[data-theme="light"] .about .tech-card h4,
html[data-theme="light"] .business-content h3,
html[data-theme="light"] .ai-card h3,
html[data-theme="light"] .social-card h3,
html[data-theme="light"] .contact-text h4 {
    color: #16233c !important;
    -webkit-text-fill-color: #16233c !important;
}

/* 卡片正文（中灰蓝） */
html[data-theme="light"] .about .about-text p,
html[data-theme="light"] .about .feature span,
html[data-theme="light"] .services .service-item li,
html[data-theme="light"] .business-content p,
html[data-theme="light"] .ai-card p,
html[data-theme="light"] .social-card p,
html[data-theme="light"] .social-card span,
html[data-theme="light"] .contact-text p,
html[data-theme="light"] .footer-brand p,
html[data-theme="light"] .footer-links a {
    color: #5c6d8c !important;
    -webkit-text-fill-color: #5c6d8c !important;
}

/* about 区 tech-icon 是 emoji（#8eeaff 的 color 不影响 emoji 渲染，无需处理） */

/* ---------- 降级 ---------- */

/* 页脚版权行（styles.css 用浅灰 --text-secondary，浅色下太淡） */
html[data-theme="light"] .footer-bottom p {
    color: #6b7a94;
}

/* ---------- 互联网视觉（net-visual）浅色适配 ---------- */

html[data-theme="light"] .net-outline {
    stroke: rgba(47, 124, 235, 0.75);
}

html[data-theme="light"] .net-wire {
    stroke: rgba(47, 124, 235, 0.32);
}

html[data-theme="light"] .net-ring {
    stroke: rgba(47, 124, 235, 0.3);
}

html[data-theme="light"] .net-links {
    stroke: rgba(47, 124, 235, 0.72);
}

html[data-theme="light"] .net-node {
    fill: #2f7ceb;
    filter: drop-shadow(0 0 6px rgba(47, 124, 235, 0.4));
}

html[data-theme="light"] .net-node.node-accent {
    fill: #7c3aed;
    filter: drop-shadow(0 0 6px rgba(124, 58, 237, 0.4));
}

html[data-theme="light"] .sync-orbit {
    stroke: rgba(47, 124, 235, 0.24);
}

html[data-theme="light"] .orbit-two {
    stroke: rgba(22, 163, 74, 0.22);
}

html[data-theme="light"] .net-link-base {
    stroke: rgba(47, 124, 235, 0.16);
}