/* ============================================================
   白色简约主题（white）
   规则：本文件所有选择器都以 [data-theme="white"] 开头，
   绝不污染「经典明亮」「深蓝科技」两套主题。
   ============================================================ */

[data-theme="white"] {
    color-scheme: light;
    --bg:#ffffff; --surface:#ffffff; --surface-alt:#f7f9fc;
    --text:#0f172a; --muted:#64748b; --border:#e8edf5;
    --brand:#0d6efd; --brand-strong:#0b5ed7; --accent:#0d6efd;
    --shadow:0 6px 24px rgba(15,23,42,.06);
}

[data-theme="white"] body { background:var(--bg); color:var(--text); }

/* ---------- 顶部导航：白底 + 细线，滚动后浮起 ---------- */
[data-theme="white"] .header {
    background:rgba(255,255,255,.94); color:var(--text);
    border-bottom:1px solid var(--border); box-shadow:none;
    backdrop-filter:saturate(180%) blur(12px);
}
[data-theme="white"] .header.scrolled {
    background:#fff; box-shadow:0 6px 22px rgba(15,23,42,.07);
}
[data-theme="white"] .logo { color:var(--text); }
[data-theme="white"] .nav-links a { color:#475569; }
[data-theme="white"] .nav-links a:hover { color:var(--brand); background:#f1f6ff; }
[data-theme="white"] .nav-links a.active { color:var(--brand); background:#eff5ff; }
[data-theme="white"] .nav-cta { background:var(--brand)!important; color:#fff!important; box-shadow:0 6px 18px rgba(13,110,253,.24); }
[data-theme="white"] .menu-toggle span { background:#334155; }
[data-theme="white"] .nav-links.open { background:#fff; box-shadow:0 12px 30px rgba(15,23,42,.08); }
[data-theme="white"] .nav-links.open a { border-bottom:1px solid var(--border); }

/* ---------- 首屏：轮播开启时由轮播接替，隐藏原 hero ---------- */
[data-theme="white"][data-slider-active="1"] .hero { display:none; }
[data-theme="white"] .hero {
    background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);
    color:var(--text);
}
[data-theme="white"] .hero h1 { color:var(--text); text-shadow:none; }
[data-theme="white"] .hero p,
[data-theme="white"] .hero-sub { color:var(--muted); }
[data-theme="white"] .hero-particles { display:none; }

/* ---------- 轮播铺到最顶部：导航栏透明浮在图上 ---------- */
/* 未滚动时导航栏透明、白字；滚动后恢复成白底实心（下方已有 .scrolled 规则） */
[data-theme="white"][data-slider-active="1"] .header:not(.scrolled) {
    background:transparent; border-bottom-color:transparent;
    box-shadow:none; backdrop-filter:none;
}
[data-theme="white"][data-slider-active="1"] .header:not(.scrolled) .logo,
[data-theme="white"][data-slider-active="1"] .header:not(.scrolled) .nav-links a { color:#fff; }
[data-theme="white"][data-slider-active="1"] .header:not(.scrolled) .nav-links a:hover { color:#fff; background:rgba(255,255,255,.16); }
[data-theme="white"][data-slider-active="1"] .header:not(.scrolled) .nav-links a.active { color:#fff; background:rgba(255,255,255,.18); }
[data-theme="white"][data-slider-active="1"] .header:not(.scrolled) .menu-toggle span { background:#fff; }
/* 轮播上移，覆盖到导航栏背后，图片从内容区最顶端开始 */
[data-theme="white"][data-slider-active="1"] .hero-slider {
    margin-top:calc(-1 * var(--header-h, 62px));
}
/* ---------- 内页页头 ---------- */
[data-theme="white"] .page-hero {
    background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);
    color:var(--text);
}
[data-theme="white"] .page-hero h1 { color:var(--text); }
[data-theme="white"] .page-hero p { color:var(--muted); }

/* ---------- 区块与标题 ---------- */
[data-theme="white"] .section { background:var(--bg); }
[data-theme="white"] .section.alt,
[data-theme="white"] .process-section { background:var(--surface-alt); }
[data-theme="white"] .section-title { color:var(--text); }
[data-theme="white"] .section-title::after { background:var(--brand); }
[data-theme="white"] .section-sub { color:var(--muted); }

/* ---------- 卡片：白底细边，悬停浮起 ---------- */
[data-theme="white"] .card,
[data-theme="white"] .about-card,
[data-theme="white"] .product-card,
[data-theme="white"] .solution-card,
[data-theme="white"] .case-card,
[data-theme="white"] .download-card,
[data-theme="white"] .process-step {
    background:#fff; border:1px solid var(--border);
    box-shadow:0 2px 10px rgba(15,23,42,.04);
}
[data-theme="white"] .card:hover,
[data-theme="white"] .product-card:hover,
[data-theme="white"] .solution-card:hover,
[data-theme="white"] .case-card:hover,
[data-theme="white"] .download-card:hover {
    box-shadow:0 14px 34px rgba(15,23,42,.10);
    border-color:#d9e4f5;
    transform:translateY(-4px);
}
[data-theme="white"] .product-card h3,
[data-theme="white"] .solution-card h3,
[data-theme="white"] .case-card h3 { color:var(--text); }
[data-theme="white"] .product-card p,
[data-theme="white"] .solution-card p { color:var(--muted); }
[data-theme="white"] .product-card-link,
[data-theme="white"] .solution-card-link { color:var(--brand); }
[data-theme="white"] .card-icon,
[data-theme="white"] .product-card-icon,
[data-theme="white"] .solution-card-icon { background:#f1f6ff; }

/* ---------- 数据条 ---------- */
[data-theme="white"] .stats.data-strip {
    background:#fff; border-top:1px solid var(--border); border-bottom:1px solid var(--border);
}
[data-theme="white"] .stats .stat-value,
[data-theme="white"] .stats strong { color:var(--brand); }
[data-theme="white"] .stats .stat-label,
[data-theme="white"] .stats span { color:var(--muted); }

/* ---------- 案例卡片 ---------- */
[data-theme="white"] .case-card-banner { background:#f1f6ff; }
[data-theme="white"] .case-tag { background:#eff5ff; color:var(--brand); }
[data-theme="white"] .case-result { color:#0f766e; }

/* ---------- FAQ ---------- */
[data-theme="white"] .faq-item { background:#fff; border:1px solid var(--border); }
[data-theme="white"] .faq-question { color:var(--text); }
[data-theme="white"] .faq-answer { color:var(--muted); }

/* ---------- 表单 ---------- */
[data-theme="white"] .form-input,
[data-theme="white"] .form-group input,
[data-theme="white"] .form-group textarea,
[data-theme="white"] .form-group select {
    background:#fff; border:1px solid var(--border); color:var(--text);
}
[data-theme="white"] input::placeholder,
[data-theme="white"] textarea::placeholder { color:#94a3b8; }

/* ---------- 页脚 ---------- */
[data-theme="white"] .footer { background:#0f172a; color:#cbd5e1; }
[data-theme="white"] .footer h4 { color:#fff; }
[data-theme="white"] .footer-about,
[data-theme="white"] .footer-links a { color:#94a3b8; }
[data-theme="white"] .footer-links a:hover { color:#fff; }
[data-theme="white"] .footer-bottom { border-top:1px solid rgba(255,255,255,.10); color:#94a3b8; }

/* ============================================================
   以下为「白色简约」主题专属模块：通知横幅 + 轮播大图
   ============================================================ */

/* ---------- 顶部通知横幅 ---------- */
.notice-bar { display:none; }
[data-theme="white"][data-notice="on"] .notice-bar {
    display:block; position:relative; z-index:1001;
    background:linear-gradient(90deg,#0d6efd,#2f7dff); color:#fff;
}
.notice-bar .notice-inner {
    max-width:1160px; margin:0 auto; padding:9px 56px 9px 24px;
    display:flex; align-items:center; gap:10px; font-size:.875rem; line-height:1.5;
}
.notice-bar .notice-icon { flex:0 0 auto; opacity:.9; }
.notice-bar .notice-text { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.notice-bar a.notice-link { color:#fff; text-decoration:underline; font-weight:600; flex:0 0 auto; }
.notice-bar .notice-close {
    position:absolute; right:16px; top:50%; transform:translateY(-50%);
    background:transparent; border:none; color:#fff; cursor:pointer;
    font-size:1.1rem; line-height:1; padding:4px 6px; opacity:.85;
}
.notice-bar .notice-close:hover { opacity:1; }
.notice-bar .notice-dots { display:flex; gap:5px; flex:0 0 auto; }
.notice-bar .notice-dot {
    width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.45); border:none; padding:0; cursor:pointer;
}
.notice-bar .notice-dot.active { background:#fff; }

/* ---------- 轮播大图 ---------- */
.hero-slider { display:none; }
[data-theme="white"][data-slider-active="1"] .hero-slider {
    display:block; position:relative; background:#f7f9fc; overflow:hidden;
}
.hero-slider .slider-track {
    display:flex; transition:transform .6s cubic-bezier(.4,0,.2,1);
}
.hero-slider .slide {
    position:relative; flex:0 0 100%; min-height:460px;
    display:flex; align-items:center;
}
.hero-slider .slide-bg {
    position:absolute; inset:0; background-size:cover; background-position:center;
    background-color:#eaf1fb;
}
.hero-slider .slide-bg::after {
    content:""; position:absolute; inset:0;
    background:linear-gradient(90deg,rgba(15,23,42,.62) 0%,rgba(15,23,42,.30) 45%,rgba(15,23,42,.04) 100%);
}
.hero-slider .slide.is-plain .slide-bg {
    background:linear-gradient(135deg,#0d6efd 0%,#0b5ed7 55%,#062f7a 100%);
}
.hero-slider .slide.is-plain .slide-bg::after {
    background:radial-gradient(circle at 78% 32%,rgba(255,255,255,.16),transparent 42%);
}
.hero-slider .slide-inner {
    position:relative; z-index:2; max-width:1160px; margin:0 auto; padding:64px 24px; width:100%;
}
/* 轮播保持原来的高度（不铺满整屏），只让图片透到最顶部；
   文字下移避开浮在顶部的导航栏 */
[data-theme="white"][data-slider-active="1"] .hero-slider .slide {
    min-height:480px;
}
[data-theme="white"][data-slider-active="1"] .hero-slider .slide-inner {
    padding-top:calc(var(--header-h, 62px) + 44px);
    padding-bottom:60px;
}
.hero-slider .slide-title {
    font-size:2.35rem; line-height:1.3; font-weight:700; color:#fff;
    max-width:620px; margin-bottom:14px; letter-spacing:.5px;
}
.hero-slider .slide-sub {
    font-size:1.02rem; color:rgba(255,255,255,.88); max-width:560px; margin-bottom:26px; line-height:1.8;
}
.hero-slider .slide-actions { display:flex; gap:12px; flex-wrap:wrap; }
.hero-slider .slide-btn {
    display:inline-flex; align-items:center; gap:6px;
    padding:12px 26px; border-radius:10px; font-size:.95rem; font-weight:600;
    background:#fff; color:#0d6efd; border:1px solid transparent;
    transition:transform .2s, box-shadow .2s;
}
.hero-slider .slide-btn:hover { transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.18); }
.hero-slider .slide-btn.ghost {
    background:rgba(255,255,255,.12); color:#fff; border-color:rgba(255,255,255,.5);
}
.hero-slider .slider-arrow {
    position:absolute; top:50%; transform:translateY(-50%); z-index:3;
    width:44px; height:44px; border-radius:50%; border:none; cursor:pointer;
    background:rgba(255,255,255,.86); color:#0f172a; font-size:1.15rem;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 18px rgba(15,23,42,.16); transition:background .2s, transform .2s;
}
.hero-slider .slider-arrow:hover { background:#fff; transform:translateY(-50%) scale(1.06); }
.hero-slider .slider-arrow.prev { left:22px; }
.hero-slider .slider-arrow.next { right:22px; }
.hero-slider .slider-dots {
    position:absolute; left:50%; bottom:20px; transform:translateX(-50%); z-index:3;
    display:flex; gap:8px;
}
.hero-slider .slider-dot {
    width:9px; height:9px; border-radius:50%; border:none; padding:0; cursor:pointer;
    background:rgba(255,255,255,.5); transition:width .25s, background .25s;
}
.hero-slider .slider-dot.active { width:26px; border-radius:5px; background:#fff; }

@media (max-width:768px) {
    .hero-slider .slide { min-height:360px; }
    .hero-slider .slide-inner { padding:40px 20px 52px; }
    .hero-slider .slide-title { font-size:1.5rem; margin-bottom:10px; }
    .hero-slider .slide-sub { font-size:.9rem; margin-bottom:20px; }
    .hero-slider .slide-bg::after {
        background:linear-gradient(180deg,rgba(15,23,42,.58) 0%,rgba(15,23,42,.42) 60%,rgba(15,23,42,.58) 100%);
    }
    .hero-slider .slider-arrow { display:none; }
    .notice-bar .notice-inner { padding:8px 46px 8px 16px; font-size:.82rem; }
    .notice-bar .notice-dots { display:none; }
}

/* ============================================================
   信任背书：深蓝色横条 + 内容横向无缝滚动（参考科脉荣誉条）
   ============================================================ */
[data-theme="white"] .trust-section {
    padding:0 0 10px; border-top:none; border-bottom:none; background:transparent;
}
[data-theme="white"] .trust-grid {
    background:linear-gradient(90deg,#0b3f9e 0%,#1552b8 55%,#0b3f9e 100%);
    border-radius:14px; padding:19px 0; overflow:hidden;
    box-shadow:0 14px 34px rgba(11,63,158,.22);
}
[data-theme="white"] .trust-marquee { overflow:hidden; }
[data-theme="white"] .trust-group {
    flex-wrap:nowrap; justify-content:flex-start;
    gap:44px; padding-right:44px;
}
[data-theme="white"] .trust-item {
    color:#fff; font-size:.93rem; font-weight:500;
    white-space:nowrap; gap:9px;
    /* 覆盖前面那组「白色卡片」样式：深蓝条上的项目不能有白底和边框 */
    background:transparent; border:none; box-shadow:none;
}
[data-theme="white"] .trust-item .trust-icon { font-size:1.22rem; }
/* 内容超出容器时才滚动（JS 判断后加 .is-scrolling），鼠标悬停暂停 */
[data-theme="white"] .trust-track.is-scrolling { animation:trustScroll 34s linear infinite; }
[data-theme="white"] .trust-track.is-scrolling:hover { animation-play-state:paused; }
@keyframes trustScroll {
    from { transform:translateX(0); }
    to   { transform:translateX(-50%); }
}
@media (max-width:768px) {
    [data-theme="white"] .trust-grid { border-radius:12px; padding:15px 0; }
    [data-theme="white"] .trust-group { gap:26px; padding-right:26px; }
    [data-theme="white"] .trust-item { font-size:.86rem; }
    [data-theme="white"] .trust-track.is-scrolling { animation-duration:22s; }
}
@media (prefers-reduced-motion:reduce) {
    [data-theme="white"] .trust-track.is-scrolling { animation:none; }
}
