/*
 * 光魂前台 Apple 风格浅色主题
 * 仅在 html.theme-light 下生效，默认深色主题完全不变。
 */
html:not(.theme-light) .apple-promo-strip,
html:not(.theme-light) .apple-product-nav { display: none; }
html.theme-light {
    --header-h: 64px;
    --bg: #eef1f5;
    --bg2: #f7f8fa;
    --card: #f9fafb;
    --card2: #f1f3f6;
    --line: rgba(43, 52, 64, .14);
    --line-soft: rgba(43, 52, 64, .09);
    --txt: #2b3440;
    --sub: #6c7684;
    --mut: #8b95a2;
    --white: #2b3440;
    --white-rgb: 43, 52, 64;
    --bg-rgb: 238, 241, 245;
    --mask-rgb: 0, 0, 0;
    --sky: #4b82b8;
    --sky-bright: #5f96c7;
    --sky-deep: #376c9e;
    --sky-tint: rgba(75, 130, 184, .10);
    --sky-glow: rgba(75, 130, 184, .16);
    --gold: #9a7b43;
    --gold-tint: rgba(154, 123, 67, .10);
    --red: #b94a55;
    --grad: linear-gradient(135deg, #5b94c7 0%, #3f73a8 100%);
    --shadow: 0 10px 28px rgba(43, 52, 64, .08);
}


html.theme-light,
html.theme-light body { background: #eef1f5; color: #2b3440; }
html.theme-light body { letter-spacing: -.004em; }
html.theme-light ::selection { background: rgba(0, 113, 227, .18); color: #1d1d1f; }
html.theme-light html { scrollbar-color: #b7b7bd #f5f5f7; }
html.theme-light::-webkit-scrollbar-track { background: #f5f5f7; }
html.theme-light::-webkit-scrollbar-thumb { background: #b7b7bd; border-color: #f5f5f7; }

/* 顶部导航：半透明白色毛玻璃，接近 Apple 官网的轻量层次 */
html.theme-light .header,
html.theme-light .header.scrolled {
    height: 64px;
    background: rgba(255, 255, 255, .82);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .045);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
}
html.theme-light .header .nav { height: 64px; }
html.theme-light .nav-links a,
html.theme-light .acct-name,
html.theme-light .logo-text { color: #1d1d1f; }
html.theme-light .nav-links a:hover,
html.theme-light .nav-links a.active { color: #0071e3; }
html.theme-light .nav-icon,
html.theme-light .mnav-toggle { color: #1d1d1f; border-color: transparent; background: transparent; }
html.theme-light .nav-icon:hover,
html.theme-light .mnav-toggle:hover { color: #0071e3; background: #f0f0f2; }
html.theme-light .nav-new { background: #0071e3; color: #fff; }
html.theme-light .ns-mini input,
html.theme-light .ns-panel { background: rgba(255, 255, 255, .96); color: #1d1d1f; border-color: rgba(0, 0, 0, .12); box-shadow: 0 16px 34px rgba(0,0,0,.12); }
html.theme-light .ns-mini input::placeholder { color: #86868b; }
html.theme-light .ns-item { color: #1d1d1f; }
html.theme-light .ns-item:hover { background: #f5f5f7; color: #0071e3; }

/* 页面层次与轮播 */
html.theme-light .hero,
html.theme-light .section,
html.theme-light .feature-showcase { background: #f5f5f7; }
html.theme-light .hero::before { opacity: .12; }
html.theme-light .hero-scrim {
    background: linear-gradient(90deg, rgba(245,245,247,.98) 0%, rgba(245,245,247,.86) 42%, rgba(245,245,247,.22) 78%, rgba(245,245,247,0) 100%) !important;
}
html.theme-light .hero-slide[data-tone="sky"],
html.theme-light .hero-slide[data-tone="violet"],
html.theme-light .hero-slide[data-tone="gold"],
html.theme-light .hero-slide[data-tone="teal"],
html.theme-light .hero-slide[data-tone="rose"] {
    background: radial-gradient(ellipse 900px 560px at 82% 22%, rgba(0,113,227,.08), transparent 65%), #f5f5f7;
}
html.theme-light .hero-content h1 { text-shadow: none; }
html.theme-light .hero-content h1,
html.theme-light .section-title,
html.theme-light .feature-info h3,
html.theme-light .product-name,
html.theme-light .fw-model,
html.theme-light .fw-model-ps,
html.theme-light .rank-model,
html.theme-light .rm-title,
html.theme-light .pd-model,
html.theme-light .pd-title { color: #1d1d1f !important; }
html.theme-light .hero-content p,
html.theme-light .section-sub,
html.theme-light .product-desc,
html.theme-light .feature-info p,
html.theme-light .fw-spec,
html.theme-light .fw-desc-ps,
html.theme-light .fw-date,
html.theme-light .rank-sub,
html.theme-light .pd-desc { color: #6e6e73 !important; }
html.theme-light .hero-badge,
html.theme-light .section-tag,
html.theme-light .feature-label { color: #0071e3; background: rgba(0,113,227,.09); border-color: rgba(0,113,227,.20); }
html.theme-light .hero-content h1 .accent,
html.theme-light .section-title .accent { background: linear-gradient(90deg,#0071e3,#0077ed); -webkit-background-clip:text; background-clip:text; }
html.theme-light .hero-visual img { filter: drop-shadow(0 22px 44px rgba(0,0,0,.16)); }

/* 卡片、榜单、固件与说明书区域 */
html.theme-light .product-card,
html.theme-light .feature-card,
html.theme-light .fw-card,
html.theme-light .rank-board,
html.theme-light .manual-center,
html.theme-light .manual-center-card,
html.theme-light .manual-card,
html.theme-light .fw-tip,
html.theme-light .fw-box,
html.theme-light .mm-box,
html.theme-light .pd-box,
html.theme-light .co-box,
html.theme-light .cart-panel,
html.theme-light .auth-modal .am-box {
    background: #fff;
    color: #1d1d1f;
    border-color: rgba(0,0,0,.09);
    box-shadow: 0 12px 32px rgba(0,0,0,.07);
}
html.theme-light .product-card:hover,
html.theme-light .feature-card:hover,
html.theme-light .fw-card:hover { border-color: rgba(0,113,227,.26); box-shadow: 0 18px 40px rgba(0,0,0,.10); }
html.theme-light .product-img,
html.theme-light .feature-visual,
html.theme-light .fw-img,
html.theme-light .fw-card.product-style { background: #f5f5f7; }
html.theme-light .spec-tag,
html.theme-light .fw-brand,
html.theme-light .fw-ver,
html.theme-light .rank-chip,
html.theme-light .pd-tag { background: #f5f5f7; color: #6e6e73; border-color: rgba(0,0,0,.09); }
html.theme-light .big-num { background: linear-gradient(180deg,#0077ed,#0071e3); -webkit-background-clip:text; background-clip:text; }
html.theme-light .ladder-section,
html.theme-light .b2b-section { background: #fff; }
html.theme-light .rank-table,
html.theme-light .rank-table-wrap,
html.theme-light .fwdt-hist-table { background: #fff; }
html.theme-light .rank-table th,
html.theme-light .fwdt-hist-table th { background: #f5f5f7; color: #6e6e73; border-color: rgba(0,0,0,.08); }
html.theme-light .rank-table td,
html.theme-light .fwdt-hist-table td { color: #1d1d1f; border-color: rgba(0,0,0,.07); }
html.theme-light .rank-table tbody tr:hover td { background: #f5faff; }

/* Apple 蓝色按钮与克制的次级按钮 */
html.theme-light .btn-primary,
html.theme-light .hero-cta:not(.ghost),
html.theme-light .buy-btn:hover,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw,
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit { background: #0071e3; color: #fff; border-color: transparent; box-shadow: 0 5px 16px rgba(0,113,227,.18); }
html.theme-light .btn-primary:hover,
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:hover,
html.theme-light .fw-btn.ps-buy:hover { background: #0077ed; box-shadow: 0 9px 22px rgba(0,113,227,.22); }
html.theme-light .btn-outline,
html.theme-light .hero-cta.ghost,
html.theme-light .fw-btn.view,
html.theme-light .fw-btn.manual,
html.theme-light .fw-btn.ps-view,
html.theme-light .fw-btn.ps-manual,
html.theme-light .pg-btn,
html.theme-light .buy-btn { background: #fff; color: #1d1d1f; border-color: rgba(0,0,0,.14); box-shadow: none; }
html.theme-light .hero-cta.ghost:hover,
html.theme-light .btn-outline:hover,
html.theme-light .fw-btn.view:hover,
html.theme-light .fw-btn.manual:hover,
html.theme-light .pg-btn:hover:not(:disabled) { background: #f5f5f7; color: #0071e3; border-color: rgba(0,113,227,.32); }
html.theme-light .fw-btn.contact,
html.theme-light .fw-btn.ps-fw.cs { color: #9a6700; background: rgba(154,103,0,.08); border-color: rgba(154,103,0,.22); }

/* 搜索框、表单与弹窗 */
html.theme-light input,
html.theme-light select,
html.theme-light textarea,
html.theme-light .rank-search,
html.theme-light .manual-center-search,
html.theme-light .ord-query { background: #fff; color: #1d1d1f; border-color: rgba(0,0,0,.16); }
html.theme-light input::placeholder,
html.theme-light textarea::placeholder,
html.theme-light .rank-search input::placeholder { color: #86868b; }
html.theme-light .co-modal,
html.theme-light .machine-modal,
html.theme-light .fw-modal,
html.theme-light .pd-modal,
html.theme-light .auth-modal { background: rgba(0,0,0,.32); }
html.theme-light .mm-close,
html.theme-light .fw-close,
html.theme-light .pd-close,
html.theme-light .co-close { color: #6e6e73; }
html.theme-light .cart-mask { background: rgba(0,0,0,.28); }
html.theme-light .route-shell { background: radial-gradient(circle at 50% 30%, rgba(0,113,227,.10), transparent 48%), #f5f5f7; }
html.theme-light .sdc-route-name { color: #0071e3; text-shadow: none; }
html.theme-light .sdc-route-line { background: rgba(0,0,0,.10); box-shadow: none; }

/* 采购合作 / Center 独立页：将原来的深色展示面板收敛成浅灰层次 */
html.theme-light .software-visual,
html.theme-light .sdc-hero-visual { background: radial-gradient(circle at 50% 24%, rgba(0,113,227,.10), transparent 52%), #fff; border-color: rgba(0,0,0,.10); box-shadow: 0 18px 42px rgba(0,0,0,.08); }
html.theme-light .software-visual::after,
html.theme-light .sdc-hero-visual::after { background: radial-gradient(circle at 80% 20%, rgba(0,113,227,.06), transparent 54%); }
html.theme-light .software-visual .grid-floor { opacity: .18; }
html.theme-light .software-visual img.mock { filter: drop-shadow(0 16px 30px rgba(0,0,0,.15)); }
html.theme-light .software-info h1,
html.theme-light .software-info .compat b,
html.theme-light .feature-strip .item h3,
html.theme-light .sdc-detail h1,
html.theme-light .sdc-detail h2,
html.theme-light .sdc-panel-card h4,
html.theme-light .sdc-pro-mock .pro-preset,
html.theme-light .sdc-status .ss-cell .val { color: #1d1d1f !important; }
html.theme-light .software-info .sub,
html.theme-light .software-info .compat,
html.theme-light .feature-strip .item p,
html.theme-light .sdc-center-sub { color: #6e6e73 !important; }
html.theme-light .support-models,
html.theme-light .software-info .quick-meta span,
html.theme-light .sdc-pro-mock .pro-preset,
html.theme-light .sdc-panel-card,
html.theme-light .sdc-status { background: #f5f5f7; border-color: rgba(0,0,0,.09); }
html.theme-light .sdc-detail { background: linear-gradient(180deg,#fff,#f5f5f7); }
html.theme-light .sdc-pro-mock { background: #fff; border-color: rgba(0,0,0,.10); }
html.theme-light .sdc-status { box-shadow: none; }
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl { background: #0071e3; color: #fff; box-shadow: 0 5px 16px rgba(0,113,227,.18); }
html.theme-light .dl-primary:hover,
html.theme-light .dl-primary.sdc:hover,
html.theme-light .dl-primary.vhub:hover,
html.theme-light .dl-primary.featured-dl:hover { background: #0077ed; color: #fff; box-shadow: 0 9px 22px rgba(0,113,227,.22); }
html.theme-light .dl-secondary { background: #fff; color: #1d1d1f; border-color: rgba(0,0,0,.14); }
html.theme-light .orders-box,
html.theme-light .cart-drawer { background: #fff; color: #1d1d1f; border-color: rgba(0,0,0,.10); box-shadow: 0 20px 54px rgba(0,0,0,.16); }
html.theme-light .cart-foot { background: #f5f5f7; }

/* 页脚与浮动控件 */
html.theme-light footer,
html.theme-light .footer,
html.theme-light .page-footer { background: #fff; color: #6e6e73; border-top-color: rgba(0,0,0,.08); }
html.theme-light .back-to-top,
html.theme-light .msg-fab { background: #fff; color: #0071e3; border-color: rgba(0,113,227,.24); box-shadow: 0 8px 22px rgba(0,0,0,.12); }
html.theme-light .back-to-top:hover,
html.theme-light .msg-fab:hover { background: #0071e3; color: #fff; }

/* Center / 采购页中的独立容器 */
html.theme-light .control-shell,
html.theme-light .download-section,
html.theme-light .support-section,
html.theme-light .co-panel,
html.theme-light .shop-section { background: #f5f5f7; color: #1d1d1f; }
html.theme-light .fw-item,
html.theme-light .software-card,
html.theme-light .shop-card { background: #fff; border-color: rgba(0,0,0,.09); color: #1d1d1f; }
html.theme-light .fw-item:hover,
html.theme-light .software-card:hover,
html.theme-light .shop-card:hover { border-color: rgba(0,113,227,.24); box-shadow: 0 14px 32px rgba(0,0,0,.08); }

@media (prefers-reduced-motion: reduce) {
    html.theme-light * { scroll-behavior: auto !important; }
}

/* 最后一层柔和化：避免纯白、纯黑和高饱和蓝同时出现。 */
html.theme-light .header,
html.theme-light .header.scrolled { background: rgba(247,248,250,.90); }
html.theme-light .hero,
html.theme-light .section,
html.theme-light .feature-showcase,
html.theme-light .hero-slide[data-tone="sky"],
html.theme-light .hero-slide[data-tone="violet"],
html.theme-light .hero-slide[data-tone="gold"],
html.theme-light .hero-slide[data-tone="teal"],
html.theme-light .hero-slide[data-tone="rose"] { background: radial-gradient(ellipse 900px 560px at 82% 22%, rgba(75,130,184,.07), transparent 65%), #eef1f5 !important; }
html.theme-light .hero-scrim { background: linear-gradient(90deg, rgba(238,241,245,.96), rgba(238,241,245,.80) 44%, rgba(238,241,245,.18) 82%, rgba(238,241,245,0) 100%) !important; }
html.theme-light .product-card,
html.theme-light .feature-card,
html.theme-light .fw-card,
html.theme-light .rank-board,
html.theme-light .manual-center,
html.theme-light .manual-center-card,
html.theme-light .manual-card,
html.theme-light .fw-box,
html.theme-light .mm-box,
html.theme-light .pd-box,
html.theme-light .co-box { background: #f9fafb; }
html.theme-light .product-img,
html.theme-light .feature-visual,
html.theme-light .fw-img,
html.theme-light .fw-card.product-style,
html.theme-light .support-models,
html.theme-light .sdc-panel-card,
html.theme-light .sdc-status { background: #f1f3f6; }
html.theme-light .software-visual,
html.theme-light .sdc-hero-visual { background: radial-gradient(circle at 50% 24%, rgba(75,130,184,.08), transparent 52%), #f7f8fa !important; }
html.theme-light .hero-content h1,
html.theme-light .section-title,
html.theme-light .feature-info h3,
html.theme-light .product-name,
html.theme-light .fw-model,
html.theme-light .fw-model-ps,
html.theme-light .rank-model,
html.theme-light .rm-title,
html.theme-light .pd-model,
html.theme-light .pd-title,
html.theme-light .software-info h1,
html.theme-light .sdc-detail h1,
html.theme-light .sdc-detail h2 { color: #2b3440 !important; }
html.theme-light .nav-links a.active,
html.theme-light .nav-links a:hover,
html.theme-light .nav-icon:hover,
html.theme-light .mnav-toggle:hover,
html.theme-light .ns-item:hover,
html.theme-light .section-tag,
html.theme-light .feature-label,
html.theme-light .sdc-route-name,
html.theme-light .msg-fab { color: #4b82b8 !important; }
html.theme-light .nav-new,
html.theme-light .btn-primary,
html.theme-light .hero-cta:not(.ghost),
html.theme-light .buy-btn:hover,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw,
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .co-submit,
html.theme-light .cart-checkout,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl { background: linear-gradient(135deg,#5b94c7,#3f73a8) !important; }
html.theme-light .nav-new { color: #fff !important; }
html.theme-light .msg-fab:hover,
html.theme-light .back-to-top:hover { background: linear-gradient(135deg,#5b94c7,#3f73a8) !important; color: #fff !important; }
html.theme-light .ladder-section,
html.theme-light .b2b-section,
html.theme-light .control-shell,
html.theme-light .download-section,
html.theme-light .support-section,
html.theme-light .shop-section { background: #f1f3f6; }
html.theme-light .section-title .accent,
html.theme-light .big-num { background: linear-gradient(90deg,#5b94c7,#3f73a8); -webkit-background-clip: text; background-clip: text; }
html.theme-light .ns-panel,
html.theme-light .orders-box,
html.theme-light .cart-drawer,
html.theme-light .page-footer,
html.theme-light footer,
html.theme-light .footer { background: #f7f8fa; }

/* Apple 细节层：系统字体、轻字重、石墨灰文字和有内高光的实体按钮。 */
html.theme-light,
html.theme-light body,
html.theme-light button,
html.theme-light input,
html.theme-light select,
html.theme-light textarea {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
html.theme-light body { color: #4b525c; }
html.theme-light h1,
html.theme-light h2,
html.theme-light h3,
html.theme-light h4,
html.theme-light h5,
html.theme-light h6,
html.theme-light .hero-content h1,
html.theme-light .section-title,
html.theme-light .feature-info h3,
html.theme-light .software-info h1,
html.theme-light .sdc-detail h1,
html.theme-light .sdc-detail h2 { color: #343a43 !important; font-weight: 600 !important; letter-spacing: -.026em; }
html.theme-light .hero-content p,
html.theme-light .section-sub,
html.theme-light .product-desc,
html.theme-light .feature-info p,
html.theme-light .fw-spec,
html.theme-light .fw-desc-ps,
html.theme-light .fw-date,
html.theme-light .rank-sub,
html.theme-light .pd-desc,
html.theme-light .software-info .sub,
html.theme-light .software-info .compat { color: #747c87 !important; }
html.theme-light .hero-content h1 .accent,
html.theme-light .section-title .accent,
html.theme-light .big-num {
    background: none;
    color: #617486;
    -webkit-text-fill-color: #617486;
}

/* 主按钮不是纯色块：轻微金属渐变 + 顶部反光 + 低幅阴影 + 按压回弹。 */
html.theme-light .nav-cta,
html.theme-light .btn-primary,
html.theme-light .hero-cta:not(.ghost),
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw,
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .co-submit,
html.theme-light .cart-checkout,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .mnav-links a.active {
    background: linear-gradient(180deg, #5b6068 0%, #363b42 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(38,42,48,.32) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 1px 2px rgba(35,40,47,.16), 0 7px 16px rgba(35,40,47,.12) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.20);
    transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
html.theme-light .nav-cta:hover,
html.theme-light .btn-primary:hover,
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .dl-primary:hover,
html.theme-light .mnav-links a.active:hover {
    background: linear-gradient(180deg, #6b7078 0%, #41464e 100%) !important;
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32), 0 3px 4px rgba(35,40,47,.16), 0 10px 22px rgba(35,40,47,.15) !important;
}
html.theme-light .nav-cta:active,
html.theme-light .btn-primary:active,
html.theme-light .hero-cta:not(.ghost):active,
html.theme-light .fw-btn.dl:active,
html.theme-light .fw-btn.ps-fw:active,
html.theme-light .fw-btn.ps-buy:active,
html.theme-light .dl-primary:active { transform: translateY(1px) scale(.985); box-shadow: inset 0 2px 4px rgba(0,0,0,.20), 0 1px 2px rgba(35,40,47,.10) !important; }

/* 次级按钮使用 Apple 式白灰表面和细边框，避免所有操作都变成蓝块。 */
html.theme-light .btn-outline,
html.theme-light .hero-cta.ghost,
html.theme-light .fw-btn.view,
html.theme-light .fw-btn.manual,
html.theme-light .fw-btn.ps-view,
html.theme-light .fw-btn.ps-manual,
html.theme-light .pg-btn,
html.theme-light .buy-btn,
html.theme-light .dl-secondary {
    background: linear-gradient(180deg, #fbfcfd 0%, #eef1f4 100%) !important;
    color: #4b525c !important;
    border: 1px solid #cbd1d8 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 1px 2px rgba(43,52,64,.08) !important;
}
html.theme-light .btn-outline:hover,
html.theme-light .hero-cta.ghost:hover,
html.theme-light .fw-btn.view:hover,
html.theme-light .fw-btn.manual:hover,
html.theme-light .fw-btn.ps-view:hover,
html.theme-light .fw-btn.ps-manual:hover,
html.theme-light .pg-btn:hover:not(:disabled),
html.theme-light .buy-btn:hover,
html.theme-light .dl-secondary:hover {
    background: #fff !important;
    color: #4f6f8b !important;
    border-color: #aebdca !important;
    box-shadow: inset 0 1px 0 #fff, 0 4px 12px rgba(43,52,64,.10) !important;
    transform: translateY(-1px);
}
html.theme-light .nav-new { background: #d7b37a !important; color: #3e3224 !important; box-shadow: 0 2px 6px rgba(100,75,35,.12); }
html.theme-light .nav-links a.active,
html.theme-light .nav-links a:hover { color: #58758f !important; }
html.theme-light .nav-links a::after { background: #91a8bb; box-shadow: none; }
html.theme-light .section-tag,
html.theme-light .feature-label { color: #617b90 !important; background: rgba(97,123,144,.08); border-color: rgba(97,123,144,.20); }
html.theme-light .msg-fab,
html.theme-light .back-to-top { color: #58758f !important; border-color: #b5c3cf; }
html.theme-light .msg-fab:hover,
html.theme-light .back-to-top:hover { background: linear-gradient(180deg,#5b6068,#363b42) !important; color: #fff !important; }

/* ===== 发布会式浅色首页重排 ===== */
html.theme-light .hero {
    height: min(720px, 74vh);
    min-height: 590px;
    margin-top: var(--header-h);
    background: #f5f5f7 !important;
}
html.theme-light .hero::before { display: none; }
html.theme-light .hero-slide[data-tone="sky"] { --hero-accent: #1677c8; --hero-pale: #e8f3ff; }
html.theme-light .hero-slide[data-tone="violet"] { --hero-accent: #8657d8; --hero-pale: #f0eaff; }
html.theme-light .hero-slide[data-tone="gold"] { --hero-accent: #c8782c; --hero-pale: #fff1df; }
html.theme-light .hero-slide[data-tone="teal"] { --hero-accent: #078f82; --hero-pale: #e3f7f2; }
html.theme-light .hero-slide[data-tone="rose"] { --hero-accent: #d85c68; --hero-pale: #ffeaed; }
html.theme-light .hero-slide[data-tone="sky"],
html.theme-light .hero-slide[data-tone="violet"],
html.theme-light .hero-slide[data-tone="gold"],
html.theme-light .hero-slide[data-tone="teal"],
html.theme-light .hero-slide[data-tone="rose"] {
    background: radial-gradient(ellipse 620px 520px at 78% 48%, var(--hero-pale) 0%, rgba(245,245,247,0) 72%), #f5f5f7 !important;
}
html.theme-light .hero-slide-inner {
    max-width: 1240px;
    padding: 0 36px;
    gap: clamp(30px, 5vw, 90px);
}
html.theme-light .hero-content { gap: 18px; max-width: 600px; }
html.theme-light .hero-badge {
    color: var(--hero-accent) !important;
    background: color-mix(in srgb, var(--hero-pale) 72%, white) !important;
    border-color: color-mix(in srgb, var(--hero-accent) 34%, white) !important;
    padding: 8px 15px;
    letter-spacing: 1.4px;
}
html.theme-light .hero-content h1 {
    max-width: 10em;
    font-size: clamp(42px, 5.3vw, 72px);
    line-height: 1.05;
    letter-spacing: -.052em;
}
html.theme-light .hero-content h1 .accent {
    color: var(--hero-accent) !important;
    -webkit-text-fill-color: var(--hero-accent);
}
html.theme-light .hero-content p { max-width: 500px; font-size: 15px; line-height: 1.9; }
html.theme-light .hero-visual { align-self: stretch; min-width: 0; }
html.theme-light .hero-visual img {
    max-width: min(620px, 48vw);
    max-height: 88%;
    filter: drop-shadow(0 30px 38px rgba(61,73,88,.18));
    transform: translateY(4px) scale(1.04);
}
html.theme-light .hero-slide.active .hero-visual img { animation: appleHeroFloat 7s ease-in-out infinite; }
@keyframes appleHeroFloat { 0%,100% { transform: translateY(4px) scale(1.04); } 50% { transform: translateY(-8px) scale(1.065); } }
html.theme-light .hero-scrim { background: linear-gradient(90deg, rgba(245,245,247,.98) 0%, rgba(245,245,247,.72) 38%, rgba(245,245,247,.08) 78%, rgba(245,245,247,0) 100%) !important; }
html.theme-light .hc-arrow {
    width: 44px; height: 44px; color: #66717e; background: rgba(255,255,255,.70); border-color: rgba(72,83,96,.18); box-shadow: 0 5px 16px rgba(54,64,76,.10);
}
html.theme-light .hc-arrow:hover { color: #26303a; background: #fff; border-color: rgba(72,83,96,.34); box-shadow: 0 8px 22px rgba(54,64,76,.15); }
html.theme-light .hc-dot { background: #c4cbd3; }
html.theme-light .hc-dot.active { width: 30px; background: var(--hero-accent, #4b82b8); }

/* 特色内容改成 Apple 产品页式的大圆角彩色舞台 + 轻卡片信息层。 */
html.theme-light .feature-showcase { padding: 122px 0 128px; background: #f5f5f7 !important; }
html.theme-light .feature-showcase .section-header { margin-bottom: 54px; }
html.theme-light .feature-showcase .section-title { font-size: clamp(36px, 4.5vw, 58px); }
html.theme-light .feature-card {
    min-height: 470px;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
    margin-bottom: 28px;
    border: 0;
    border-radius: 32px;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(53,64,77,.08);
    overflow: hidden;
}
html.theme-light .feature-card:nth-of-type(2) { --feature-accent: #ef6b55; --feature-pale: #fff0ec; }
html.theme-light .feature-card:nth-of-type(3) { --feature-accent: #7655d9; --feature-pale: #f0edff; }
html.theme-light .feature-card:nth-of-type(4) { --feature-accent: #199b83; --feature-pale: #e7f8f3; }
html.theme-light .feature-visual {
    min-height: 470px;
    padding: 58px;
    background: radial-gradient(circle at 42% 38%, color-mix(in srgb, var(--feature-pale) 55%, white), transparent 58%), var(--feature-pale) !important;
}
html.theme-light .feature-visual-text { max-width: 360px; }
html.theme-light .big-num {
    font-size: clamp(46px, 5.2vw, 80px);
    line-height: .98;
    color: var(--feature-accent, #4b82b8) !important;
    -webkit-text-fill-color: var(--feature-accent, #4b82b8);
    font-weight: 700;
    letter-spacing: -.07em;
}
html.theme-light .big-unit { margin-top: 20px; color: color-mix(in srgb, var(--feature-accent, #4b82b8) 76%, #53606e) !important; letter-spacing: 1.8px; }
html.theme-light .feature-info { padding: 66px 66px 58px; }
html.theme-light .feature-label { color: var(--feature-accent, #4b82b8) !important; background: var(--feature-pale); border-color: color-mix(in srgb, var(--feature-accent, #4b82b8) 24%, white); }
html.theme-light .feature-info h3 { font-size: clamp(28px, 3vw, 42px); line-height: 1.15; letter-spacing: -.045em; }
html.theme-light .feature-info p { font-size: 14px; line-height: 1.9; }
html.theme-light .feature-list li { color: #59636e; padding: 8px 0; }
html.theme-light .feature-list li::before { width: 9px; height: 9px; background: var(--feature-accent, #4b82b8); box-shadow: none; }
html.theme-light .feature-card:nth-of-type(3) .feature-visual { order: 2; }
html.theme-light .feature-card:nth-of-type(3) .feature-info { order: 1; }

/* 天梯榜、说明书中心采用连续的白色内容面板，避免深浅硬切。 */
html.theme-light .ladder-section,
html.theme-light .fw-section { padding-top: 112px; padding-bottom: 122px; background: #fff !important; }
html.theme-light .ladder-section .section-header,
html.theme-light .fw-section .section-header { margin-bottom: 42px; }
html.theme-light .ladder-controls { max-width: 1180px; margin: 0 auto 22px; }
html.theme-light .ladder-tabs { gap: 8px; }
html.theme-light .ladder-tab { background: #f4f6f8; border-color: transparent; color: #6c7680; border-radius: 999px; padding: 10px 15px; }
html.theme-light .ladder-tab.active { background: #343a43; color: #fff; box-shadow: 0 5px 14px rgba(52,58,67,.16); }
html.theme-light .rank-board { max-width: 1180px; margin: 0 auto; border-radius: 26px; background: #fbfcfd; box-shadow: 0 14px 36px rgba(53,64,77,.07); }
html.theme-light .manual-center { max-width: 1180px; padding: 42px; margin-top: 12px; border-radius: 30px; background: #fbfcfd; box-shadow: 0 14px 36px rgba(53,64,77,.07); }
html.theme-light .manual-center-title { font-size: clamp(34px, 4.2vw, 58px); color: #343a43; }
html.theme-light .manual-center-title span { color: #d85c68; }
html.theme-light .manual-center-kicker { color: #6f879c; }
html.theme-light .manual-center-copy { color: #78818c; font-size: 14px; }
html.theme-light .manual-center-search { background: #fff; border-color: #cdd5dd; box-shadow: 0 5px 18px rgba(53,64,77,.06); }
html.theme-light .manual-center-search svg { color: #6f879c; }
html.theme-light .manual-center-search input { color: #4b525c; }
html.theme-light .manual-center-card { background: #fff; border-color: #e1e5e9; border-radius: 22px; box-shadow: 0 8px 22px rgba(53,64,77,.06); }
html.theme-light .manual-center-card:hover { border-color: #c4d1dc; box-shadow: 0 14px 30px rgba(53,64,77,.10); }
html.theme-light .manual-center-pdf { color: #d85c68; background: #fff0f1; border-color: #f0c4c9; }
html.theme-light .manual-center-spec { background: #f4f6f8; color: #56616c; }
html.theme-light .manual-center-download { background: #343a43; color: #fff; box-shadow: 0 5px 14px rgba(52,58,67,.14); }

@media (max-width: 860px) {
    html.theme-light .hero { height: auto; min-height: 680px; }
    html.theme-light .hero-slide-inner { padding: 48px 24px 72px; flex-direction: column; align-items: flex-start; justify-content: center; }
    html.theme-light .hero-visual { width: 100%; min-height: 250px; justify-content: center; }
    html.theme-light .hero-visual img { max-width: 78vw; max-height: 300px; }
    html.theme-light .feature-card { grid-template-columns: 1fr; }
    html.theme-light .feature-card:nth-of-type(3) .feature-visual,
    html.theme-light .feature-card:nth-of-type(3) .feature-info { order: initial; }
    html.theme-light .feature-visual { min-height: 300px; }
    html.theme-light .feature-info { padding: 42px 32px 46px; }
    html.theme-light .manual-center { padding: 26px 20px; }
}

/* ===== Apple 首页骨架：促销条 / 产品分类 / 产品舞台 ===== */
html.theme-light .apple-promo-strip {
    position: relative;
    z-index: 4;
    margin-top: var(--header-h);
    min-height: 38px;
    padding: 10px 20px;
    background: #f5f5f7;
    color: #69727d;
    border-bottom: 1px solid rgba(57,67,78,.08);
    text-align: center;
    font-size: 12px;
    letter-spacing: .01em;
}
html.theme-light .apple-promo-strip a { color: #2f79bd; margin-left: 5px; }
html.theme-light .apple-promo-strip a:hover { color: #174f83; text-decoration: underline; }
html.theme-light .apple-product-nav {
    position: absolute;
    z-index: 8;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: clamp(24px, 4vw, 54px);
    width: min(1080px, calc(100% - 48px));
    padding: 23px 0 14px;
}
html.theme-light .apple-product-item {
    display: inline-flex;
    min-width: 70px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #535d69;
    font-size: 11px;
    line-height: 1.2;
    white-space: nowrap;
    transition: color .2s ease, transform .2s ease;
}
html.theme-light .apple-product-item:hover { color: #1f5f96; transform: translateY(-2px); }
html.theme-light .apple-product-item.active { color: #303943; }
html.theme-light .apple-product-glyph {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    background: #fff;
    color: #303943;
    border: 1px solid rgba(54,65,77,.10);
    box-shadow: 0 4px 10px rgba(50,62,74,.08), inset 0 1px 0 rgba(255,255,255,.9);
    font-size: 18px;
    font-weight: 600;
}
html.theme-light .apple-product-glyph img { width: 24px; height: 24px; object-fit: contain; }
html.theme-light .apple-product-item.active .apple-product-glyph img { filter: brightness(0) invert(1); }
html.theme-light .apple-product-item.active .apple-product-glyph { background: #303943; color: #fff; border-color: #303943; }
html.theme-light .apple-product-glyph.glyph-flash { color: #de7453; }
html.theme-light .apple-product-glyph.glyph-meta { color: #795fd0; }
html.theme-light .apple-product-glyph.glyph-lab { color: #138f7d; }
html.theme-light .apple-product-glyph.glyph-manual { color: #477dad; }
html.theme-light .apple-product-item.active .apple-product-glyph.glyph-display { color: #fff; }
html.theme-light .hero { margin-top: 0; padding-top: 126px; }
html.theme-light .hero-content { padding-top: 36px; }
html.theme-light .hero-visual { padding-top: 42px; }
html.theme-light .hero-slide-inner { min-height: 100%; }
@media (max-width: 680px) {
    html.theme-light .apple-promo-strip { font-size: 11px; padding: 9px 14px; }
    html.theme-light .apple-product-nav { gap: 11px; width: calc(100% - 24px); padding-top: 16px; overflow-x: auto; justify-content: flex-start; scrollbar-width: none; }
    html.theme-light .apple-product-nav::-webkit-scrollbar { display: none; }
    html.theme-light .apple-product-item { min-width: 62px; font-size: 10px; }
    html.theme-light .apple-product-glyph { width: 32px; height: 32px; border-radius: 10px; font-size: 15px; }
    html.theme-light .hero { padding-top: 100px; }
}

/* ===== 重新建立 Apple 产品页式主视觉（不再沿用旧的全屏科技轮播） ===== */
html.theme-light .hero {
    height: auto !important;
    min-height: 0 !important;
    padding: 42px 0 96px !important;
    background: #fff !important;
    overflow: visible;
}
html.theme-light .apple-page-title {
    width: min(1240px, calc(100% - 56px));
    margin: 0 auto 24px;
    color: #1f252c;
    font-size: clamp(48px, 6vw, 84px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.065em;
}
html.theme-light .apple-product-nav {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: min(1240px, calc(100% - 56px));
    margin: 0 auto 34px;
    padding: 0 4px 4px;
    justify-content: flex-start;
    gap: clamp(30px, 4.2vw, 62px);
}
html.theme-light .apple-product-item { min-width: 80px; color: #5d6670; font-size: 12px; }
html.theme-light .apple-product-glyph { width: 48px; height: 48px; border-radius: 14px; box-shadow: none; background: #f5f5f7; }
html.theme-light .apple-product-item.active .apple-product-glyph { background: #1f252c; }
html.theme-light #heroCarousel { position: relative; width: min(1240px, calc(100% - 56px)); margin: 0 auto; }
html.theme-light .hero-slide,
html.theme-light .hero-slide.active {
    position: relative;
    inset: auto;
    display: none;
    opacity: 1 !important;
    transform: none !important;
    transition: none;
    pointer-events: none;
}
html.theme-light .hero-slide.active { display: block; pointer-events: auto; }
html.theme-light .hero-slide-inner {
    display: grid;
    grid-template-columns: minmax(320px, .68fr) minmax(0, 1.32fr);
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: none;
    min-height: 640px;
    padding: 0;
    border-radius: 34px;
    overflow: hidden;
    background: #f5f5f7;
    box-shadow: 0 18px 46px rgba(46,57,69,.08);
}
html.theme-light .hero-slide[data-tone="sky"] .hero-slide-inner { background: #edf6ff; }
html.theme-light .hero-slide[data-tone="violet"] .hero-slide-inner { background: #f4efff; }
html.theme-light .hero-slide[data-tone="gold"] .hero-slide-inner { background: #fff4e7; }
html.theme-light .hero-slide[data-tone="teal"] .hero-slide-inner { background: #eaf9f5; }
html.theme-light .hero-slide[data-tone="rose"] .hero-slide-inner { background: #fff0f1; }
html.theme-light .hero-scrim { display: none; }
html.theme-light .hero-content {
    order: 1;
    align-items: flex-start;
    justify-content: center;
    max-width: none;
    padding: 70px 48px 64px;
    gap: 18px;
}
html.theme-light .hero-badge { align-self: flex-start; }
html.theme-light .hero-content h1 { font-size: clamp(40px, 4.2vw, 66px); color: #1f252c !important; }
html.theme-light .hero-content p { color: #68727d !important; font-size: 14px; }
html.theme-light .hero-content h1 .accent { color: var(--hero-accent, #2f79bd) !important; -webkit-text-fill-color: var(--hero-accent, #2f79bd); }
html.theme-light .hero-actions { margin-top: 12px; gap: 20px; align-items: center; }
html.theme-light .hero-cta:not(.ghost) {
    min-height: 40px;
    padding: 10px 20px;
    border-radius: 999px;
    background: #087fe5 !important;
    border: 0 !important;
    box-shadow: 0 5px 14px rgba(8,127,229,.20) !important;
}
html.theme-light .hero-cta.ghost {
    padding: 10px 0;
    border: 0 !important;
    background: transparent !important;
    color: #087fe5 !important;
    box-shadow: none !important;
}
html.theme-light .hero-visual {
    order: 2;
    min-height: 640px;
    align-self: stretch;
    padding: 38px 44px;
    background: rgba(255,255,255,.38);
}
html.theme-light .hero-visual img {
    width: 100%;
    max-width: 680px;
    max-height: 560px;
    transform: none;
    filter: drop-shadow(0 24px 34px rgba(41,50,60,.17));
    animation: none !important;
}
html.theme-light .hc-arrow {
    top: 50%;
    width: 38px;
    height: 38px;
    background: rgba(255,255,255,.88);
}
html.theme-light .hc-prev { left: -18px; }
html.theme-light .hc-next { right: -18px; }
html.theme-light .hc-dots { position: relative; bottom: auto; margin-top: 24px; }
@media (max-width: 840px) {
    html.theme-light .apple-page-title,
    html.theme-light .apple-product-nav,
    html.theme-light #heroCarousel { width: calc(100% - 36px); }
    html.theme-light .hero-slide-inner { grid-template-columns: 1fr; min-height: 0; }
    html.theme-light .hero-content { padding: 46px 32px 34px; }
    html.theme-light .hero-visual { min-height: 340px; padding: 20px 26px 34px; }
    html.theme-light .hero-visual img { max-height: 330px; }
    html.theme-light .hc-prev { left: 8px; }
    html.theme-light .hc-next { right: 8px; }
}

/* ===== 首页轮播恢复原版版心与切换方式 =====
 * 浅色主题继续保留，但不再使用后来追加的“产品页式主视觉”收窄轮播。
 * 这里与 index.html 原有 .hero 系列尺寸保持一致，确保左右内容重新对齐。
 */
html.theme-light .hero {
    margin-top: var(--header-h) !important;
    height: clamp(520px, 62vh, 640px) !important;
    min-height: 520px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--bg) !important;
}
html.theme-light .hero::before { display: block !important; opacity: .12; }
html.theme-light #heroCarousel { position: static !important; width: auto !important; margin: 0 !important; }
html.theme-light .hero-slide {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transform: translateX(60px) scale(.99) !important;
    transition: opacity .8s ease, transform .8s cubic-bezier(.3,1.1,.4,1) !important;
    pointer-events: none !important;
}
html.theme-light .hero-slide.active {
    display: flex !important;
    opacity: 1 !important;
    transform: translateX(0) scale(1) !important;
    pointer-events: auto !important;
}
html.theme-light .hero-slide-inner {
    width: 100% !important;
    max-width: 85% !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.theme-light .hero-content {
    order: initial !important;
    flex: 1 1 48% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    text-align: left !important;
}
html.theme-light .hero-visual {
    order: initial !important;
    flex: 0 1 50% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 620px !important;
    min-height: 0 !important;
    height: 86% !important;
    padding: 0 !important;
    align-self: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    background: transparent !important;
}
html.theme-light .hero-visual img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    transform: none !important;
    animation: heroFloat 5.2s ease-in-out infinite !important;
}
html.theme-light .hc-arrow {
    width: 52px !important;
    height: 52px !important;
    background: rgba(var(--bg-rgb), .55) !important;
    box-shadow: none !important;
}
html.theme-light .hc-prev { left: 28px !important; }
html.theme-light .hc-next { right: 28px !important; }
html.theme-light .hc-dots {
    position: absolute !important;
    bottom: 30px !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
}

@media (max-width: 1080px) and (min-width: 721px) {
    html.theme-light .hero { height: clamp(480px, 58vh, 580px) !important; min-height: 0 !important; }
    html.theme-light .hero-slide-inner { gap: 30px !important; }
    html.theme-light .hero-content h1 { font-size: 34px !important; }
    html.theme-light .hero-visual { max-width: 460px !important; height: 80% !important; }
}
@media (max-width: 720px) {
    html.theme-light .hero {
        height: auto !important;
        min-height: 0 !important;
        margin-top: var(--header-h) !important;
        padding: 0 0 8px !important;
    }
    html.theme-light .hero-slide {
        position: relative !important;
        inset: auto !important;
        display: none !important;
        height: auto !important;
        transform: none !important;
        opacity: 1 !important;
    }
    html.theme-light .hero-slide.active { display: flex !important; animation: mFade .45s ease !important; }
    html.theme-light .hero-slide-inner {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        max-width: 100% !important;
        padding: 10px 16px 6px !important;
        gap: 4px !important;
        text-align: center !important;
        height: auto !important;
    }
    html.theme-light .hero-visual {
        order: -1 !important;
        flex: 0 1 auto !important;
        max-width: 82% !important;
        width: auto !important;
        height: auto !important;
        justify-content: center !important;
        margin: 4px 0 2px !important;
    }
    html.theme-light .hero-visual img { max-height: 200px !important; }
    html.theme-light .hero-content {
        order: 1 !important;
        align-items: center !important;
        text-align: center !important;
        padding-top: 0 !important;
        gap: 8px !important;
        width: 100% !important;
    }
    html.theme-light .hero-content h1 { font-size: 24px !important; }
    html.theme-light .hero-content p { font-size: 12px !important; line-height: 1.55 !important; }
    html.theme-light .hero-actions { justify-content: center !important; margin-top: 2px !important; }
    html.theme-light .hc-dots {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        justify-content: center !important;
        margin: 10px auto 4px !important;
    }
    html.theme-light .hc-arrow { display: none !important; }
}

/* ===== 2026-09-23 统一搜索图标与双主题悬浮开关 =====
   搜索图标固定为参考图的白色圆角方块 + 深色线性放大镜；收起、展开、天梯榜三处共用同一视觉，
   不再使用彩色镜片和外围发光圈。 */
html.theme-light .nav-icon#niSearch,
html.theme-light .rs-toggle {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    border-radius: 16px !important;
    border: 1px solid #dbe1ea !important;
    background: #fff !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    box-shadow: 0 5px 14px rgba(30, 45, 70, .10) !important;
    overflow: hidden !important;
}
html.theme-light .nav-icon#niSearch:hover,
html.theme-light .rs-toggle:hover {
    background: #fff !important;
    border-color: #c5cfdd !important;
    box-shadow: 0 7px 18px rgba(30, 45, 70, .14) !important;
    transform: translateY(-1px) !important;
}
html.theme-light .nav-icon#niSearch::before,
html.theme-light .rs-icon::before {
    content: "" !important;
    position: absolute !important;
    width: 22px !important;
    height: 22px !important;
    left: 50% !important;
    top: 50% !important;
    margin: -13px 0 0 -13px !important;
    box-sizing: border-box !important;
    border: 2px solid #263247 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.theme-light .nav-icon#niSearch::after,
html.theme-light .rs-icon::after {
    content: "" !important;
    position: absolute !important;
    width: 11px !important;
    height: 2px !important;
    left: 50% !important;
    top: 50% !important;
    margin: 7px 0 0 6px !important;
    border-radius: 2px !important;
    background: #263247 !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
    box-shadow: none !important;
}
html.theme-light .rs-icon {
    position: relative !important;
    display: block !important;
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
html.theme-light .ns-mini {
    min-width: 56px !important;
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
html.theme-light .ns-mini.open {
    width: min(320px, 34vw) !important;
    min-width: 240px !important;
    height: 64px !important;
    padding: 4px !important;
    gap: 6px !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(30, 45, 70, .14) !important;
    overflow: hidden !important;
}
html.theme-light .ns-mini.open #niSearch {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    border: 1px solid #dbe1ea !important;
    box-shadow: 0 4px 12px rgba(30,45,70,.09) !important;
}
html.theme-light .ns-mini input,
html.theme-light .ns-mini.open #nsInput {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    height: 54px !important;
    padding: 0 10px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #3e4a5f !important;
    font-size: 14px !important;
    line-height: 54px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    opacity: 0 !important;
}
html.theme-light .ns-mini.open #nsInput { opacity: 1 !important; }
html.theme-light .ns-mini input::placeholder { color: #7d8797 !important; opacity: 1 !important; }
html.theme-light .rank-search {
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    padding: 4px !important;
    gap: 0 !important;
    justify-content: center !important;
    border-radius: 20px !important;
    background: #fff !important;
    border: 1px solid #dbe1ea !important;
    box-shadow: 0 8px 20px rgba(30,45,70,.11) !important;
}
html.theme-light .rank-search.expanded {
    width: 300px !important;
    min-width: 300px !important;
    height: 64px !important;
    padding: 4px 7px !important;
    gap: 6px !important;
    justify-content: flex-start !important;
    background: #fff !important;
    border: 1px solid #dbe1ea !important;
    box-shadow: 0 10px 28px rgba(30,45,70,.14) !important;
}
html.theme-light .rank-search input,
html.theme-light .rank-search.expanded input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 0 !important;
    height: 54px !important;
    padding: 0 6px !important;
    color: #3e4a5f !important;
    font-size: 14px !important;
    line-height: 54px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
html.theme-light .rank-search.expanded input { width: auto !important; opacity: 1 !important; }
html.theme-light .rank-search input::placeholder { color: #7d8797 !important; opacity: 1 !important; }
html.theme-light .rank-search .rs-count { max-width: 90px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

/* 双开主题的切换按钮：与留言/🚀保持同一列，按钮间距对称。 */
.theme-toggle-fab {
    position: fixed;
    right: 18px;
    top: calc(50% - 112px);
    z-index: 1501;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--grad);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 10px 30px var(--sky-glow);
    transition: transform .28s cubic-bezier(.34,1.56,.64,1), box-shadow .25s;
}
.theme-toggle-fab[hidden] { display: none !important; }
.theme-toggle-fab:hover { transform: translateY(-4px) scale(1.08); box-shadow: 0 16px 42px var(--sky-glow); }
.theme-toggle-fab:active { transform: translateY(0) scale(.96); }
.theme-toggle-glyph {
    width: 22px;
    height: 22px;
    border: 2px solid rgba(255,255,255,.96);
    border-radius: 50%;
    background: linear-gradient(90deg, #fff 0 50%, #182238 50% 100%);
    box-shadow: 0 1px 3px rgba(0,0,0,.24);
}
.theme-toggle-fab .dock-tip { background: rgba(37,99,235,.96); }
.theme-toggle-fab .dock-tip::after { border-left-color: rgba(37,99,235,.96); }
@media (max-width: 720px) {
    html.theme-light .ns-mini.open { width: min(290px, calc(100vw - 88px)) !important; min-width: 0 !important; }
    html.theme-light .rank-search.expanded { width: min(100%, calc(100vw - 36px)) !important; min-width: 0 !important; }
    .theme-toggle-fab { right: 12px; top: calc(50% - 100px); width: 44px; height: 44px; }
}

/* ===== 其余首页区块恢复原版排版 ===== */
html.theme-light .feature-showcase {
    padding: 0 0 90px !important;
}
html.theme-light .feature-card {
    min-height: 0 !important;
    grid-template-columns: .9fr 1.1fr !important;
    margin-bottom: 20px !important;
    border: 1px solid var(--line-soft) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}
html.theme-light .feature-card:nth-of-type(3) .feature-visual,
html.theme-light .feature-card:nth-of-type(3) .feature-info {
    order: initial !important;
}
html.theme-light .feature-visual {
    min-height: 320px !important;
    padding: 40px !important;
}
html.theme-light .feature-info { padding: 45px 50px !important; }
html.theme-light .feature-info h3 {
    font-size: 26px !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
}
html.theme-light .feature-info p { font-size: 13.5px !important; line-height: 1.9 !important; }
html.theme-light .feature-list li { padding: 6px 0 !important; }
html.theme-light .feature-list li::before { width: 14px !important; height: 14px !important; }

html.theme-light .ladder-section {
    padding: 25px 0 !important;
}
html.theme-light .fw-section {
    padding: 40px 0 60px !important;
}
html.theme-light .ladder-section .section-header,
html.theme-light .fw-section .section-header { margin-bottom: 28px !important; }
html.theme-light .ladder-controls {
    max-width: calc(85% - 48px) !important;
    margin: 0 auto 34px !important;
}
html.theme-light .rank-board {
    max-width: calc(85% - 48px) !important;
    margin: 0 auto !important;
    border-radius: var(--radius) !important;
    padding: 30px 34px !important;
}
html.theme-light .manual-center {
    max-width: calc(85% - 48px) !important;
    padding: 0 !important;
    margin: 18px auto 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html.theme-light .manual-center-title { font-size: clamp(28px, 3.8vw, 48px) !important; }
html.theme-light .manual-center-search { margin-top: 24px !important; }
html.theme-light .manual-center-card {
    min-height: 205px !important;
    padding: 18px !important;
    border-radius: 16px !important;
}

@media (max-width: 1080px) and (min-width: 721px) {
    html.theme-light .ladder-controls,
    html.theme-light .rank-board,
    html.theme-light .manual-center { max-width: calc(85% - 48px) !important; }
}
@media (max-width: 720px) {
    html.theme-light .feature-card { grid-template-columns: 1fr !important; }
    html.theme-light .feature-card:nth-of-type(3) .feature-visual,
    html.theme-light .feature-card:nth-of-type(3) .feature-info { order: initial !important; }
    html.theme-light .feature-visual { min-height: 220px !important; }
    html.theme-light .feature-info { padding: 26px 22px !important; }
    html.theme-light .ladder-controls,
    html.theme-light .rank-board,
    html.theme-light .manual-center { max-width: 100% !important; }
    html.theme-light .rank-board { padding: 12px !important; }
    html.theme-light .manual-center { padding: 0 16px !important; }
}

/* ===== 浅色主题统一回原版科技蓝 ===== */
html.theme-light {
    --sky: #38bdf8;
    --sky-bright: #7dd3fc;
    --sky-deep: #0284c7;
    --sky-tint: rgba(56, 189, 248, .10);
    --sky-glow: rgba(56, 189, 248, .35);
    --grad: linear-gradient(135deg, #38bdf8, #2563eb);
}
html.theme-light .hero-slide[data-tone="sky"],
html.theme-light .hero-slide[data-tone="violet"],
html.theme-light .hero-slide[data-tone="gold"],
html.theme-light .hero-slide[data-tone="teal"],
html.theme-light .hero-slide[data-tone="rose"] {
    --hero-accent: #38bdf8;
    --hero-pale: rgba(56, 189, 248, .10);
    background: radial-gradient(ellipse 900px 560px at 82% 22%, rgba(56,189,248,.12), transparent 65%), #eef1f5 !important;
}
html.theme-light .feature-card:nth-of-type(2),
html.theme-light .feature-card:nth-of-type(3),
html.theme-light .feature-card:nth-of-type(4) {
    --feature-accent: #38bdf8;
    --feature-pale: rgba(56, 189, 248, .10);
}
html.theme-light .manual-center-title span,
html.theme-light .manual-center-pdf,
html.theme-light .apple-product-glyph.glyph-flash,
html.theme-light .apple-product-glyph.glyph-meta,
html.theme-light .apple-product-glyph.glyph-lab,
html.theme-light .apple-product-glyph.glyph-manual {
    color: #0284c7 !important;
}
html.theme-light .manual-center-pdf {
    background: rgba(56,189,248,.10) !important;
    border-color: rgba(56,189,248,.32) !important;
}
html.theme-light .hero-content h1 .accent,
html.theme-light .section-title .accent,
html.theme-light .big-num {
    background: linear-gradient(90deg, #38bdf8, #2563eb) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

/* ===== 浅色主题文字对比度：标题该黑就黑，正文不再发灰 ===== */
html.theme-light {
    --txt: #1d1d1f;
    --sub: #424245;
    --mut: #6e6e73;
    --white: #1d1d1f;
    --white-rgb: 29, 29, 31;
}
html.theme-light body { color: #1d1d1f !important; }
html.theme-light h1,
html.theme-light h2,
html.theme-light h3,
html.theme-light h4,
html.theme-light h5,
html.theme-light h6,
html.theme-light .hero-content h1,
html.theme-light .section-title,
html.theme-light .feature-info h3,
html.theme-light .product-name,
html.theme-light .fw-model,
html.theme-light .fw-model-ps,
html.theme-light .rank-model,
html.theme-light .rm-title,
html.theme-light .pd-model,
html.theme-light .pd-title,
html.theme-light .software-info h1,
html.theme-light .sdc-detail h1,
html.theme-light .sdc-detail h2,
html.theme-light .manual-center-title {
    color: #1d1d1f !important;
}
html.theme-light .hero-content p,
html.theme-light .section-sub,
html.theme-light .product-desc,
html.theme-light .feature-info p,
html.theme-light .fw-spec,
html.theme-light .fw-desc-ps,
html.theme-light .fw-date,
html.theme-light .rank-sub,
html.theme-light .pd-desc,
html.theme-light .software-info .sub,
html.theme-light .software-info .compat,
html.theme-light .manual-center-copy,
html.theme-light .manual-center-result,
html.theme-light .manual-center-spec,
html.theme-light .feature-list li {
    color: #424245 !important;
}
html.theme-light .manual-center-kicker,
html.theme-light .manual-center-search svg,
html.theme-light .manual-center-search input,
html.theme-light .apple-product-item,
html.theme-light .fw-brand,
html.theme-light .fw-ver {
    color: #1d1d1f !important;
}
html.theme-light .manual-center-search input::placeholder,
html.theme-light input::placeholder,
html.theme-light textarea::placeholder {
    color: #6e6e73 !important;
    opacity: 1;
}

/* ===== 说明书、天梯与后台共用文字的最终可读性收口 ===== */
html.theme-light .manual-center-kicker,
html.theme-light .manual-center-brand,
html.theme-light .manual-center-meta span:first-child,
html.theme-light .manual-center-tab:hover {
    color: #0071e3 !important;
    font-weight: 600;
}
html.theme-light .manual-center-copy,
html.theme-light .manual-center-spec,
html.theme-light .manual-center-meta span,
html.theme-light .manual-center-result,
html.theme-light .manual-center-tab,
html.theme-light .manual-center-page-status,
html.theme-light .manual-center-page-ellipsis,
html.theme-light .rank-sub,
html.theme-light .rank-dir,
html.theme-light .rank-chip,
html.theme-light .ladder-tab,
html.theme-light .pg-info,
html.theme-light .fw-date,
html.theme-light .fw-spec,
html.theme-light .fw-desc-ps,
html.theme-light .product-desc,
html.theme-light .section-sub,
html.theme-light .footer p,
html.theme-light .footer a.footer-beian {
    color: #424245 !important;
}
html.theme-light .manual-center-spec,
html.theme-light .rank-table td,
html.theme-light .rank-table th,
html.theme-light .fwdt-hist-table td,
html.theme-light .fwdt-hist-table th,
html.theme-light .manual-center-result strong,
html.theme-light .rank-model,
html.theme-light .rm-title,
html.theme-light .manual-center-model,
html.theme-light .manual-center-empty strong {
    color: #1d1d1f !important;
}
html.theme-light .manual-center-brand { font-size: 11px !important; }
html.theme-light .manual-center-meta span { font-size: 10px !important; }
html.theme-light .manual-center-spec { font-size: 12px !important; font-weight: 500; }
html.theme-light .manual-center-search input { font-size: 14px !important; }
html.theme-light .manual-center-search input::placeholder { font-size: 14px !important; }
html.theme-light .rank-table th,
html.theme-light .fwdt-hist-table th { font-weight: 700 !important; }
html.theme-light .rank-table td,
html.theme-light .fwdt-hist-table td { font-weight: 500; }

/* ===== 科技蓝立体按钮 ===== */
html.theme-light .btn-primary,
html.theme-light .hero-cta:not(.ghost),
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-download,
html.theme-light .manual-center-page-btn.active,
html.theme-light .rs-toggle,
html.theme-light .ladder-tab {
    background: linear-gradient(180deg, #55caff 0%, #2c8cf2 46%, #155bd1 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(9, 83, 187, .78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.68),
        inset 0 -2px 0 rgba(5,54,145,.30),
        0 7px 16px rgba(24,112,220,.28),
        0 0 0 1px rgba(56,189,248,.10) !important;
    text-shadow: 0 1px 1px rgba(0,36,102,.28);
}
html.theme-light .btn-primary:hover,
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .fw-brand-tab.active:hover,
html.theme-light .cart-checkout:hover,
html.theme-light .co-submit:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-download:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .rs-toggle:hover,
html.theme-light .ladder-tab:hover {
    background: linear-gradient(180deg, #76d8ff 0%, #3b9bff 46%, #1c69e2 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -2px 0 rgba(5,54,145,.24),
        0 12px 26px rgba(24,112,220,.38),
        0 0 18px rgba(56,189,248,.24) !important;
}
html.theme-light .btn-primary:active,
html.theme-light .hero-cta:not(.ghost):active,
html.theme-light .fw-btn.dl:active,
html.theme-light .fw-btn.ps-fw:not(.cs):active,
html.theme-light .fw-btn.ps-buy:active,
html.theme-light .rank-more-btn:active,
html.theme-light .manual-center-download:active,
html.theme-light .rs-toggle:active,
html.theme-light .ladder-tab:active {
    transform: translateY(1px) scale(.985) !important;
    box-shadow:
        inset 0 2px 4px rgba(0,37,105,.34),
        0 2px 5px rgba(24,112,220,.20) !important;
}
html.theme-light .manual-center-page-btn:not(.active),
html.theme-light .pg-btn:not(.active) {
    color: #0068c9 !important;
    background: linear-gradient(180deg, #fff 0%, #edf7ff 100%) !important;
    border-color: rgba(0,126,224,.30) !important;
    box-shadow: inset 0 1px 0 #fff, 0 3px 8px rgba(24,112,220,.10) !important;
}
html.theme-light .manual-center-page-btn:not(.active):hover,
html.theme-light .pg-btn:not(.active):hover {
    color: #fff !important;
    background: linear-gradient(180deg, #55caff, #1d70df) !important;
    border-color: #0e62d5 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 9px 20px rgba(24,112,220,.28) !important;
}
html.theme-light .manual-center-tab.active {
    background: linear-gradient(180deg, #55caff, #1761d4) !important;
    color: #fff !important;
    border-color: #0e62d5 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 8px 18px rgba(24,112,220,.28) !important;
}

/* ===== 全站统一图标按钮：iOS 式圆角方形、顶部高光与立体阴影 ===== */
html.theme-light .btn-primary,
html.theme-light .hero-cta:not(.ghost),
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-download,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab {
    border-radius: 14px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 44%),
        linear-gradient(180deg, #159be5 0%, #086bd4 48%, #03469e 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -2px 0 rgba(5,54,145,.32),
        0 8px 16px rgba(8,79,174,.30),
        0 0 0 1px rgba(52,183,240,.16) !important;
}
html.theme-light .btn-primary:hover,
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-download:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,0) 44%),
        linear-gradient(180deg, #42b9ef 0%, #1484e8 48%, #0758bb 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -2px 0 rgba(5,54,145,.25),
        0 13px 28px rgba(8,79,174,.42),
        0 0 20px rgba(52,183,240,.30) !important;
}

/* 纯图标按钮统一成小型图标方块，避免圆形、扁平和透明状态混杂。 */
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x {
    border-radius: 13px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 46%),
        linear-gradient(180deg, #159be5 0%, #086bd4 50%, #03469e 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(9,83,187,.78) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -2px 0 rgba(5,54,145,.28),
        0 7px 16px rgba(8,79,174,.30),
        0 0 0 1px rgba(52,183,240,.16) !important;
}
html.theme-light .nav-icon:hover,
html.theme-light .mnav-toggle:hover,
html.theme-light .rs-toggle:hover,
html.theme-light .hc-arrow:hover,
html.theme-light .back-to-top:hover,
html.theme-light .msg-fab:hover,
html.theme-light .am-close:hover,
html.theme-light .cart-close:hover,
html.theme-light .co-close:hover,
html.theme-light .pd-close:hover,
html.theme-light .fw-close:hover,
html.theme-light .mm-close:hover,
html.theme-light .modal-x:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 46%),
        linear-gradient(180deg, #42b9ef 0%, #1484e8 50%, #0758bb 100%) !important;
    color: #fff !important;
    transform: translateY(-2px) scale(1.04) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        inset 0 -2px 0 rgba(5,54,145,.22),
        0 13px 28px rgba(8,79,174,.44),
        0 0 22px rgba(52,183,240,.32) !important;
}
html.theme-light .nav-icon:active,
html.theme-light .mnav-toggle:active,
html.theme-light .rs-toggle:active,
html.theme-light .hc-arrow:active,
html.theme-light .back-to-top:active,
html.theme-light .msg-fab:active,
html.theme-light .am-close:active,
html.theme-light .cart-close:active,
html.theme-light .co-close:active,
html.theme-light .pd-close:active,
html.theme-light .fw-close:active,
html.theme-light .mm-close:active,
html.theme-light .modal-x:active {
    transform: translateY(1px) scale(.96) !important;
    box-shadow: inset 0 2px 4px rgba(0,37,105,.34), 0 2px 5px rgba(24,112,220,.20) !important;
}
html.theme-light .hc-arrow:hover { transform: translateY(-50%) scale(1.04) !important; }
html.theme-light .msg-fab:hover { transform: translateY(-50%) scale(1.06) !important; }
html.theme-light .back-to-top:hover { transform: translateY(-4px) scale(1.12) !important; }
html.theme-light .hc-arrow:active { transform: translateY(-50%) scale(.96) !important; }
html.theme-light .msg-fab:active { transform: translateY(-50%) scale(.96) !important; }

/* 内容型功能图标也使用同一块圆角底，保持整站视觉一致。 */
html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    display: inline-grid !important;
    width: 44px !important;
    height: 44px !important;
    place-items: center !important;
    margin: 0 0 10px !important;
    border-radius: 13px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 46%),
        linear-gradient(180deg, #159be5 0%, #086bd4 50%, #03469e 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(9,83,187,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74), inset 0 -2px 0 rgba(4,49,130,.32), 0 7px 15px rgba(8,79,174,.24) !important;
    text-shadow: 0 1px 1px rgba(0,36,102,.28);
}

/* ===== 玻璃质感校准：保留毛玻璃，但恢复科技蓝的饱和度与对比度 ===== */
html.theme-light .btn-primary,
html.theme-light .hero-cta:not(.ghost),
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-download,
html.theme-light .manual-center-page-btn.active {
    background:
        linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.025) 44%, rgba(3,70,158,.20) 100%),
        linear-gradient(180deg, rgba(21,155,229,.99) 0%, rgba(8,107,212,.98) 52%, rgba(3,70,158,.99) 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.66) !important;
    backdrop-filter: blur(14px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(135%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -1px 0 rgba(24,92,155,.18),
        0 7px 18px rgba(8,79,174,.30),
        0 0 0 1px rgba(52,183,240,.14) !important;
    text-shadow: 0 1px 1px rgba(18,73,117,.18) !important;
}
html.theme-light .btn-primary:hover,
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-download:hover,
html.theme-light .manual-center-page-btn.active:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.05) 44%, rgba(3,70,158,.22) 100%),
        linear-gradient(180deg, rgba(66,185,239,.99) 0%, rgba(20,132,232,.98) 52%, rgba(7,88,187,.99) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.84),
        inset 0 -1px 0 rgba(24,92,155,.14),
        0 11px 24px rgba(8,79,174,.40),
        0 0 18px rgba(52,183,240,.24) !important;
}

html.theme-light .ladder-tab {
    background:
        linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.34)) !important;
    color: #236b9d !important;
    border: 1px solid rgba(91,164,208,.26) !important;
    backdrop-filter: blur(14px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 5px 14px rgba(51,113,157,.10) !important;
    text-shadow: none !important;
}

/* ===== 末尾覆盖：确保主题层之后仍使用加深后的科技蓝 ===== */
html.theme-light .hero-cta:not(.ghost),
html.theme-light .manual-center-download,
html.theme-light .btn-primary,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab.active {
    background:
        linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.025) 44%, rgba(3,70,158,.20) 100%),
        linear-gradient(180deg, #159be5 0%, #086bd4 52%, #03469e 100%) !important;
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.62),
        inset 0 -2px 0 rgba(2,49,130,.34),
        0 8px 18px rgba(3,70,158,.32),
        0 0 0 1px rgba(21,155,229,.16) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .manual-center-download:hover,
html.theme-light .btn-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab.active:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.05) 44%, rgba(3,70,158,.22) 100%),
        linear-gradient(180deg, #42b9ef 0%, #1484e8 52%, #0758bb 100%) !important;
}
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x,
html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    background:
        linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 46%),
        linear-gradient(180deg, #159be5 0%, #086bd4 52%, #03469e 100%) !important;
    color: #fff !important;
}

/* ===== 参考色阶：Geist 的克制蓝 + Apple 的浅色留白 =====
   以单一中蓝作为操作色，取消过深海军蓝与高饱和青色的跳变。 */
html.theme-light {
    --studio-blue: #2f7fc7 !important;
    --studio-blue-deep: #235f9b !important;
    --studio-cyan: #72b5da !important;
}
html.theme-light .hero-cta:not(.ghost),
html.theme-light .manual-center-download,
html.theme-light .btn-primary,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab.active {
    background:
        linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.04) 48%, rgba(35,95,155,.08) 100%),
        linear-gradient(180deg, #4b9bdd 0%, #2f7fc7 100%) !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -1px 0 rgba(35,95,155,.20),
        0 7px 18px rgba(35,95,155,.18),
        0 0 0 1px rgba(47,127,199,.10) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .manual-center-download:hover,
html.theme-light .btn-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab.active:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.07) 48%, rgba(35,95,155,.10) 100%),
        linear-gradient(180deg, #67afe7 0%, #3b8ed3 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -1px 0 rgba(35,95,155,.18),
        0 11px 24px rgba(35,95,155,.24),
        0 0 16px rgba(114,181,218,.18) !important;
}
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x,
html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    background:
        linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.02) 50%),
        linear-gradient(180deg, #4b9bdd 0%, #2f7fc7 100%) !important;
    border-color: rgba(255,255,255,.64) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        inset 0 -1px 0 rgba(35,95,155,.18),
        0 6px 15px rgba(35,95,155,.20) !important;
}

/* ===== 最终优先级：页面所有主操作统一采用参考中蓝 ===== */
html.theme-light .hero-cta:not(.ghost),
html.theme-light .manual-center-download,
html.theme-light .btn-primary,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab.active {
    background: linear-gradient(180deg, #4b9bdd 0%, #2f7fc7 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), inset 0 -1px 0 rgba(35,95,155,.20), 0 7px 18px rgba(35,95,155,.18) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .manual-center-download:hover,
html.theme-light .btn-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab.active:hover {
    background: linear-gradient(180deg, #67afe7 0%, #3b8ed3 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 11px 24px rgba(35,95,155,.24), 0 0 16px rgba(114,181,218,.18) !important;
}
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x,
html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    background: linear-gradient(180deg, #4b9bdd 0%, #2f7fc7 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.64) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 6px 15px rgba(35,95,155,.20) !important;
}
html.theme-light .nav-icon:hover,
html.theme-light .mnav-toggle:hover,
html.theme-light .rs-toggle:hover,
html.theme-light .hc-arrow:hover,
html.theme-light .back-to-top:hover,
html.theme-light .msg-fab:hover,
html.theme-light .am-close:hover,
html.theme-light .cart-close:hover,
html.theme-light .co-close:hover,
html.theme-light .pd-close:hover,
html.theme-light .fw-close:hover,
html.theme-light .mm-close:hover,
html.theme-light .modal-x:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.05) 50%),
        linear-gradient(180deg, #68b0e7 0%, #3a8cd1 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        0 10px 22px rgba(35,95,155,.26),
        0 0 16px rgba(114,181,218,.20) !important;
}
html.theme-light .rank-bar-fill {
    background: linear-gradient(90deg, #2f7fc7, #72b5da) !important;
    box-shadow: 0 0 9px rgba(47,127,199,.22) !important;
}

/* ===== 最终科技蓝校准：覆盖旧的浅蓝回退规则 ===== */
html.theme-light {
    --studio-blue: #1679d6;
    --studio-blue-deep: #0f63b5;
    --studio-cyan: #61bceb;
}
html.theme-light .hero-badge,
html.theme-light .section-tag,
html.theme-light .feature-label,
html.theme-light .manual-center-kicker {
    color: var(--studio-blue) !important;
}
html.theme-light .hero-badge {
    border-color: rgba(11,103,209,.30) !important;
}
html.theme-light .hero-cta:not(.ghost),
html.theme-light .btn-primary,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-download,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab.active {
    background:
        linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.04) 48%, rgba(35,95,155,.08) 100%),
        linear-gradient(180deg, #4b9bdd 0%, #2f7fc7 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.56) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.62),
        inset 0 -1px 0 rgba(35,95,155,.20),
        0 7px 18px rgba(35,95,155,.18),
        0 0 0 1px rgba(47,127,199,.10) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .btn-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-download:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab.active:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.07) 48%, rgba(35,95,155,.10) 100%),
        linear-gradient(180deg, #67afe7 0%, #3b8ed3 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -1px 0 rgba(35,95,155,.18),
        0 11px 24px rgba(35,95,155,.24),
        0 0 16px rgba(114,181,218,.18) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        inset 0 -2px 0 rgba(2,49,130,.28),
        0 13px 28px rgba(3,70,158,.44),
        0 0 20px rgba(21,155,229,.26) !important;
}
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x,
html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    background:
        linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 48%),
        linear-gradient(180deg, #3d9ce8 0%, #257fd3 100%) !important;
    color: #fff !important;
    border-color: rgba(3,70,158,.54) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.68),
        inset 0 -2px 0 rgba(2,49,130,.30),
        0 7px 16px rgba(3,70,158,.30) !important;
}
html.theme-light .nav-icon:hover,
html.theme-light .mnav-toggle:hover,
html.theme-light .rs-toggle:hover,
html.theme-light .hc-arrow:hover,
html.theme-light .back-to-top:hover,
html.theme-light .msg-fab:hover,
html.theme-light .am-close:hover,
html.theme-light .cart-close:hover,
html.theme-light .co-close:hover,
html.theme-light .pd-close:hover,
html.theme-light .fw-close:hover,
html.theme-light .mm-close:hover,
html.theme-light .modal-x:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.26) 0%, rgba(255,255,255,0) 46%),
        linear-gradient(180deg, #42b9ef 0%, #1484e8 52%, #0758bb 100%) !important;
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        0 12px 26px rgba(3,70,158,.44),
        0 0 18px rgba(21,155,229,.24) !important;
}
html.theme-light .manual-center-pdf {
    color: var(--studio-blue) !important;
    background: rgba(21,155,229,.14) !important;
    border-color: rgba(11,103,209,.34) !important;
}
html.theme-light .feature-list li::before {
    background: var(--studio-blue) !important;
    box-shadow: 0 0 8px rgba(11,103,209,.34) !important;
}
html.theme-light .rank-bar-fill {
    background: linear-gradient(90deg, #086bd4, #4cc3ea) !important;
    box-shadow: 0 0 10px rgba(11,103,209,.32) !important;
}

/* =====================================================================
   FRONTEND-DESIGN STUDIO PASS · 光魂「校准实验室」
   展示层重构：保留现有数据和交互，只统一视觉结构。
   ===================================================================== */
html.theme-light {
    --studio-bg: #f4f7fb;
    --studio-surface: rgba(255,255,255,.78);
    --studio-surface-solid: #ffffff;
    --studio-ink: #111820;
    --studio-body: #344350;
    --studio-muted: #607181;
    --studio-blue: #1268c8;
    --studio-blue-deep: #0a4f9e;
    --studio-cyan: #47a9dc;
    --studio-line: #d8e3eb;
    --studio-line-strong: #b7ccda;
    --studio-shadow: 0 18px 44px rgba(30,67,96,.09);
}

html.theme-light,
html.theme-light body { background: var(--studio-bg) !important; color: var(--studio-ink) !important; }
html.theme-light body { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif; }
html.theme-light .header,
html.theme-light .header.scrolled {
    background: rgba(248,251,253,.76) !important;
    border-bottom: 1px solid rgba(38,73,99,.12) !important;
    box-shadow: 0 8px 24px rgba(41,76,103,.06) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
}
html.theme-light .nav-links a,
html.theme-light .acct-name,
html.theme-light .logo-text { color: var(--studio-ink) !important; }
html.theme-light .nav-links a:hover,
html.theme-light .nav-links a.active { color: var(--studio-blue) !important; }
html.theme-light .nav-links a::after { background: var(--studio-blue) !important; box-shadow: none !important; }

/* Hero：把产品图当成仪器本体，底部单条蓝线承载全页的校准语言。 */
html.theme-light .hero {
    background: linear-gradient(180deg, #f8fbfe 0%, #eef4f8 100%) !important;
}
html.theme-light .hero::before {
    opacity: .20 !important;
    background-image:
        linear-gradient(rgba(22,119,210,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(22,119,210,.055) 1px, transparent 1px) !important;
    background-size: 72px 72px !important;
}
html.theme-light .hero::after {
    content: '';
    position: absolute;
    z-index: 4;
    left: 7.5%; right: 7.5%; bottom: 55px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(22,119,210,.50) 14%, rgba(101,198,230,.84) 50%, rgba(22,119,210,.50) 86%, transparent);
    box-shadow: 0 0 16px rgba(22,119,210,.18);
    pointer-events: none;
}
html.theme-light .hero-slide[data-tone="sky"],
html.theme-light .hero-slide[data-tone="violet"],
html.theme-light .hero-slide[data-tone="gold"],
html.theme-light .hero-slide[data-tone="teal"],
html.theme-light .hero-slide[data-tone="rose"] {
    background: radial-gradient(ellipse 720px 500px at 78% 38%, rgba(101,198,230,.16), transparent 68%), transparent !important;
}
html.theme-light .hero-slide-inner { max-width: 85% !important; gap: clamp(32px, 5vw, 86px) !important; }
html.theme-light .hero-content { max-width: 640px !important; gap: 18px !important; }
html.theme-light .hero-badge {
    padding: 7px 12px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.62) !important;
    border: 1px solid rgba(22,119,210,.20) !important;
    color: var(--studio-blue) !important;
    letter-spacing: .5px !important;
    backdrop-filter: blur(12px) !important;
}
html.theme-light .hero-content h1 {
    color: var(--studio-ink) !important;
    font-size: clamp(40px, 5vw, 68px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.065em !important;
    text-shadow: none !important;
}
html.theme-light .hero-content h1 .accent {
    color: var(--studio-blue) !important;
    -webkit-text-fill-color: var(--studio-blue) !important;
    background: none !important;
}
html.theme-light .hero-content p {
    color: var(--studio-body) !important;
    max-width: 540px !important;
    font-size: 15px !important;
    line-height: 1.85 !important;
    text-shadow: none !important;
}
html.theme-light .hero-actions { gap: 10px !important; margin-top: 10px !important; }
html.theme-light .hero-cta:not(.ghost) {
    border-radius: 10px !important;
    padding: 12px 20px !important;
    background: linear-gradient(180deg, rgba(91,185,231,.88), rgba(22,119,210,.84)) !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.56), 0 8px 20px rgba(22,119,210,.18) !important;
}
html.theme-light .hero-cta.ghost {
    border-radius: 10px !important;
    padding: 12px 18px !important;
    background: rgba(255,255,255,.58) !important;
    color: var(--studio-blue-deep) !important;
    border: 1px solid rgba(22,119,210,.22) !important;
    backdrop-filter: blur(12px) !important;
}
html.theme-light .hero-visual {
    position: relative;
    border-left: 1px solid rgba(22,119,210,.12);
    background: radial-gradient(circle at 48% 42%, rgba(255,255,255,.92), rgba(255,255,255,.16) 62%, transparent 76%) !important;
}
html.theme-light .hero-visual::before {
    content: '';
    position: absolute;
    left: 18%; right: 8%; bottom: 10%;
    height: 18%;
    border-top: 1px solid rgba(22,119,210,.24);
    border-radius: 50%;
    transform: skewX(-18deg);
    pointer-events: none;
}
html.theme-light .hero-visual img { filter: drop-shadow(0 26px 34px rgba(32,71,101,.20)) !important; }

/* 一级区块：左对齐标题，减少模板式居中标题堆叠。 */
html.theme-light .section > .section-header,
html.theme-light .feature-showcase .section-header {
    text-align: left !important;
    max-width: calc(85% - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
html.theme-light .section-tag {
    color: var(--studio-blue) !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    letter-spacing: .12em !important;
}
html.theme-light .section-title {
    color: var(--studio-ink) !important;
    font-size: clamp(30px, 3.6vw, 52px) !important;
    letter-spacing: -.055em !important;
}
html.theme-light .section-title .accent { color: var(--studio-blue) !important; -webkit-text-fill-color: var(--studio-blue) !important; background: none !important; }
html.theme-light .section-sub { color: var(--studio-muted) !important; }

/* 特色卡：用不对称的顶部标尺与细边框，避免一排同质圆角卡片。 */
html.theme-light .feature-showcase { background: transparent !important; }
html.theme-light .feature-card {
    background: rgba(255,255,255,.68) !important;
    border: 1px solid var(--studio-line) !important;
    border-top: 2px solid rgba(22,119,210,.54) !important;
    border-radius: 18px 18px 5px 5px !important;
    box-shadow: 0 12px 30px rgba(30,67,96,.07) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}
html.theme-light .feature-card:hover { transform: translateY(-2px) !important; box-shadow: var(--studio-shadow) !important; }
html.theme-light .feature-visual {
    background: linear-gradient(145deg, rgba(232,246,253,.82), rgba(255,255,255,.30)) !important;
    border-right: 1px solid rgba(22,119,210,.11);
}
html.theme-light .big-num,
html.theme-light .big-unit { color: var(--studio-blue) !important; -webkit-text-fill-color: var(--studio-blue) !important; background: none !important; }
html.theme-light .feature-info h3 { color: var(--studio-ink) !important; }
html.theme-light .feature-info p,
html.theme-light .feature-list li { color: var(--studio-body) !important; }
html.theme-light .feature-label { color: var(--studio-blue) !important; background: rgba(22,119,210,.08) !important; border-color: rgba(22,119,210,.20) !important; }
html.theme-light .feature-list li::before { background: var(--studio-blue) !important; box-shadow: 0 0 8px rgba(22,119,210,.24) !important; }

/* 天梯：白底仪表盘，不再让整个榜单变成一块浮动卡片。 */
html.theme-light .ladder-section,
html.theme-light .fw-section { background: rgba(255,255,255,.44) !important; }
html.theme-light .rank-board,
html.theme-light .manual-center {
    background: rgba(255,255,255,.68) !important;
    border: 1px solid var(--studio-line) !important;
    border-radius: 18px 18px 4px 4px !important;
    box-shadow: 0 12px 30px rgba(30,67,96,.07) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}
html.theme-light .rank-table { background: rgba(246,250,253,.82) !important; }
html.theme-light .rank-table th { background: rgba(226,239,247,.72) !important; color: var(--studio-ink) !important; }
html.theme-light .rank-table td { color: var(--studio-body) !important; }
html.theme-light .rank-table tbody tr:hover td { background: rgba(214,239,250,.52) !important; }
html.theme-light .rank-bar { background: rgba(78,126,160,.12) !important; }
html.theme-light .rank-bar-fill { background: linear-gradient(90deg, #1677d2, #65c6e6) !important; box-shadow: 0 0 10px rgba(22,119,210,.22) !important; }
html.theme-light .ladder-note {
    max-width: calc(85% - 48px) !important;
    margin: 22px auto 0 !important;
    color: var(--studio-muted) !important;
    background: rgba(235,246,251,.62) !important;
    border: 1px solid rgba(101,198,230,.24) !important;
    border-radius: 4px 16px 4px 16px !important;
}

/* 说明书工作台：搜索是主入口，结果卡片只保留必要的信息层级。 */
html.theme-light .manual-center { padding: 34px !important; }
html.theme-light .manual-center-head { border-left: 3px solid var(--studio-blue); padding-left: 20px; }
html.theme-light .manual-center-kicker { color: var(--studio-blue) !important; letter-spacing: .14em !important; }
html.theme-light .manual-center-title { color: var(--studio-ink) !important; font-size: clamp(32px, 4vw, 56px) !important; }
html.theme-light .manual-center-title span { color: var(--studio-blue) !important; }
html.theme-light .manual-center-copy { color: var(--studio-body) !important; }
html.theme-light .manual-center-search {
    background: rgba(255,255,255,.60) !important;
    border: 1px solid rgba(22,119,210,.28) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(30,67,96,.07) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
}
html.theme-light .manual-center-search input { color: var(--studio-ink) !important; }
html.theme-light .manual-center-card {
    background: rgba(255,255,255,.74) !important;
    border: 1px solid var(--studio-line) !important;
    border-left: 3px solid rgba(22,119,210,.62) !important;
    border-radius: 4px 14px 4px 14px !important;
    box-shadow: 0 8px 22px rgba(30,67,96,.06) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}
html.theme-light .manual-center-card:hover { border-left-color: var(--studio-blue) !important; transform: translateY(-2px) !important; }
html.theme-light .manual-center-model { color: var(--studio-ink) !important; }
html.theme-light .manual-center-brand { color: var(--studio-blue) !important; }
html.theme-light .manual-center-spec { background: rgba(230,241,247,.60) !important; color: var(--studio-body) !important; }
html.theme-light .manual-center-pdf { color: var(--studio-blue) !important; background: rgba(101,198,230,.14) !important; border-color: rgba(22,119,210,.24) !important; }
html.theme-light .manual-center-download {
    background: rgba(255,255,255,.54) !important;
    color: var(--studio-blue-deep) !important;
    border: 1px solid rgba(22,119,210,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 6px 16px rgba(30,67,96,.10) !important;
}

@media (max-width: 720px) {
    html.theme-light .section > .section-header,
    html.theme-light .feature-showcase .section-header,
    html.theme-light .ladder-note { max-width: calc(100% - 32px) !important; }
    html.theme-light .manual-center { padding: 24px 18px !important; }
    html.theme-light .manual-center-head { padding-left: 14px; }
    html.theme-light .hero::after { left: 16px; right: 16px; bottom: 34px; }
}
html.theme-light .ladder-tab.active,
html.theme-light .ladder-tab.active:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,.06)),
        linear-gradient(180deg, rgba(118,197,239,.82), rgba(67,153,218,.78)) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 8px 20px rgba(41,113,169,.20) !important;
}
html.theme-light .ladder-tab:hover {
    background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(220,241,251,.54)) !important;
    color: #165f91 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 8px 20px rgba(51,113,157,.15) !important;
}

html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x {
    background:
        linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.24)),
        linear-gradient(180deg, rgba(126,202,240,.62), rgba(69,153,215,.56)) !important;
    color: #175e91 !important;
    border-color: rgba(255,255,255,.72) !important;
    backdrop-filter: blur(14px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -1px 0 rgba(35,103,150,.14),
        0 7px 18px rgba(43,104,150,.16) !important;
    text-shadow: none !important;
}
html.theme-light .nav-icon:hover,
html.theme-light .mnav-toggle:hover,
html.theme-light .rs-toggle:hover,
html.theme-light .hc-arrow:hover,
html.theme-light .back-to-top:hover,
html.theme-light .msg-fab:hover,
html.theme-light .am-close:hover,
html.theme-light .cart-close:hover,
html.theme-light .co-close:hover,
html.theme-light .pd-close:hover,
html.theme-light .fw-close:hover,
html.theme-light .mm-close:hover,
html.theme-light .modal-x:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.30)),
        linear-gradient(180deg, rgba(143,211,244,.72), rgba(77,165,225,.64)) !important;
    color: #0c5486 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 11px 24px rgba(43,104,150,.22), 0 0 16px rgba(91,174,224,.15) !important;
}

html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    background:
        linear-gradient(180deg, rgba(255,255,255,.76), rgba(255,255,255,.22)),
        linear-gradient(180deg, rgba(126,202,240,.60), rgba(69,153,215,.52)) !important;
    color: #175e91 !important;
    border-color: rgba(255,255,255,.74) !important;
    backdrop-filter: blur(12px) saturate(125%) !important;
    -webkit-backdrop-filter: blur(12px) saturate(125%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 7px 16px rgba(43,104,150,.14) !important;
    text-shadow: none !important;
}

/* ===== 最终参考色覆盖：只保留清透中蓝，避免主题层重复叠加 ===== */
html.theme-light .hero-cta:not(.ghost),
html.theme-light .manual-center-download,
html.theme-light .btn-primary,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab.active {
    background:
        linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.04) 48%, rgba(35,95,155,.08) 100%),
        linear-gradient(180deg, #4b9bdd 0%, #2f7fc7 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -1px 0 rgba(35,95,155,.20),
        0 7px 18px rgba(35,95,155,.18),
        0 0 0 1px rgba(47,127,199,.10) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .manual-center-download:hover,
html.theme-light .btn-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab.active:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.28) 0%, rgba(255,255,255,.07) 48%, rgba(35,95,155,.10) 100%),
        linear-gradient(180deg, #67afe7 0%, #3b8ed3 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.82),
        inset 0 -1px 0 rgba(35,95,155,.18),
        0 11px 24px rgba(35,95,155,.24),
        0 0 16px rgba(114,181,218,.18) !important;
}
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x,
html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    background:
        linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.02) 50%),
        linear-gradient(180deg, #4b9bdd 0%, #2f7fc7 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.64) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        inset 0 -1px 0 rgba(35,95,155,.18),
        0 6px 15px rgba(35,95,155,.20) !important;
}
html.theme-light .nav-icon:hover,
html.theme-light .mnav-toggle:hover,
html.theme-light .rs-toggle:hover,
html.theme-light .hc-arrow:hover,
html.theme-light .back-to-top:hover,
html.theme-light .msg-fab:hover,
html.theme-light .am-close:hover,
html.theme-light .cart-close:hover,
html.theme-light .co-close:hover,
html.theme-light .pd-close:hover,
html.theme-light .fw-close:hover,
html.theme-light .mm-close:hover,
html.theme-light .modal-x:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.32) 0%, rgba(255,255,255,.05) 50%),
        linear-gradient(180deg, #68b0e7 0%, #3a8cd1 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.86),
        0 10px 22px rgba(35,95,155,.26),
        0 0 16px rgba(114,181,218,.20) !important;
}
html.theme-light .rank-bar-fill {
    background: linear-gradient(90deg, #2f7fc7, #72b5da) !important;
    box-shadow: 0 0 9px rgba(47,127,199,.22) !important;
}

/* ===== 末尾覆盖：确保主题层之后仍使用加深后的科技蓝 ===== */
html.theme-light .hero-cta:not(.ghost),
html.theme-light .manual-center-download,
html.theme-light .btn-primary,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab.active {
    background:
        linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.03) 48%, rgba(37,127,211,.10) 100%),
        linear-gradient(180deg, #3d9ce8 0%, #257fd3 100%) !important;
    color: #fff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.62),
        inset 0 -2px 0 rgba(2,49,130,.34),
        0 8px 18px rgba(37,127,211,.20),
        0 0 0 1px rgba(61,156,232,.14) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .manual-center-download:hover,
html.theme-light .btn-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab.active:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.05) 48%, rgba(37,127,211,.12) 100%),
        linear-gradient(180deg, #63b7f1 0%, #318fe1 100%) !important;
}
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x,
html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    background:
        linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.02) 50%),
        linear-gradient(180deg, #4b9bdd 0%, #2f7fc7 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.64) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.78),
        inset 0 -1px 0 rgba(35,95,155,.18),
        0 6px 15px rgba(35,95,155,.20) !important;
}

/* ===== 最末端参考色：覆盖历史渐变，统一清透中蓝 ===== */
html.theme-light {
    --studio-blue: #488ff7 !important;
    --studio-blue-deep: #2c6dee !important;
    --studio-cyan: #79b8ff !important;
}
/* 轮播保持原来的整宽版式：只调整颜色，不再套窄卡片。 */
html.theme-light #heroCarousel {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}
html.theme-light .hero-slide-inner {
    width: 100% !important;
    max-width: 85% !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    align-items: flex-start !important;
    padding-top: clamp(28px, 4vh, 52px) !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.theme-light .hero-slide[data-tone="sky"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="violet"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="gold"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="teal"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="rose"] .hero-slide-inner {
    background: transparent !important;
}
html.theme-light .hero-visual { align-self: flex-start !important; }
@media (max-width: 720px) {
    html.theme-light #heroCarousel { width: auto !important; }
    html.theme-light .hero-slide-inner {
        max-width: 100% !important;
        padding: 10px 16px 6px !important;
        align-items: center !important;
        gap: 4px !important;
        text-align: center !important;
    }
    html.theme-light .hero-visual { align-self: auto !important; }
}
html.theme-light .hero-cta:not(.ghost),
html.theme-light .manual-center-download,
html.theme-light .btn-primary,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab.active {
    background: linear-gradient(135deg, #488ff7 0%, #2c6dee 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74), inset 0 -1px 0 rgba(44,109,238,.22), 0 7px 18px rgba(44,109,238,.22) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .manual-center-download:hover,
html.theme-light .btn-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab.active:hover {
    background: linear-gradient(135deg, #63a5ff 0%, #3c7df6 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 11px 24px rgba(44,109,238,.28), 0 0 16px rgba(72,143,247,.22) !important;
}
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .am-close,
html.theme-light .cart-close,
html.theme-light .co-close,
html.theme-light .pd-close,
html.theme-light .fw-close,
html.theme-light .mm-close,
html.theme-light .modal-x,
html.theme-light .panel-icon,
html.theme-light .adv-icon,
html.theme-light .fw-tip-icon {
    background: linear-gradient(135deg, #488ff7 0%, #2c6dee 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.64) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.80), 0 6px 15px rgba(44,109,238,.24) !important;
}

/* ===== 辅助控件去蓝：保留品牌蓝给主操作，工具按钮回到浅色玻璃中性 ===== */
html.theme-light .nav-icon,
html.theme-light .mnav-toggle,
html.theme-light .rs-toggle,
html.theme-light .hc-arrow,
html.theme-light .back-to-top,
html.theme-light .msg-fab,
html.theme-light .pg-btn,
html.theme-light .manual-center-page-btn {
    background: rgba(248,250,253,.88) !important;
    color: #4b5563 !important;
    border: 1px solid rgba(148,163,184,.40) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 6px 16px rgba(31,41,55,.10) !important;
    backdrop-filter: blur(14px) saturate(118%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(118%) !important;
}
html.theme-light .pg-btn.active,
html.theme-light .manual-center-page-btn.active {
    background: linear-gradient(180deg, #697583 0%, #515d69 100%) !important;
    color: #fff !important;
    border-color: rgba(71,85,105,.56) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 7px 16px rgba(31,41,55,.18) !important;
}
html.theme-light .nav-icon:hover,
html.theme-light .mnav-toggle:hover,
html.theme-light .rs-toggle:hover,
html.theme-light .hc-arrow:hover,
html.theme-light .back-to-top:hover,
html.theme-light .msg-fab:hover,
html.theme-light .pg-btn:hover:not(:disabled),
html.theme-light .manual-center-page-btn:hover {
    background: rgba(255,255,255,.98) !important;
    color: #1f2937 !important;
    border-color: rgba(100,116,139,.48) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 9px 20px rgba(31,41,55,.14) !important;
}
html.theme-light .pg-btn.active:hover,
html.theme-light .manual-center-page-btn.active:hover {
    background: linear-gradient(180deg, #7b8794 0%, #5b6673 100%) !important;
    color: #fff !important;
}

/* ===== 全部按钮恢复白底黑字 ===== */
html.theme-light .hero-cta:not(.ghost),
html.theme-light .manual-center-download,
html.theme-light .btn-primary,
html.theme-light .btn-outline,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-page-btn,
html.theme-light .ladder-tab.active {
    background: rgba(255,255,255,.94) !important;
    color: #111827 !important;
    border: 1px solid rgba(15,23,42,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 6px 16px rgba(15,23,42,.09) !important;
}
html.theme-light .hero-cta.ghost {
    background: rgba(255,255,255,.94) !important;
    color: #111827 !important;
    border: 1px solid rgba(15,23,42,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 6px 16px rgba(15,23,42,.07) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .hero-cta.ghost:hover,
html.theme-light .manual-center-download:hover,
html.theme-light .btn-primary:hover,
html.theme-light .btn-outline:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .fw-brand-tab.active:hover,
html.theme-light .pg-btn:hover:not(:disabled),
html.theme-light .cart-checkout:hover,
html.theme-light .co-submit:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-page-btn:hover,
html.theme-light .ladder-tab.active:hover {
    background: #f1f3f5 !important;
    color: #000 !important;
    border-color: rgba(15,23,42,.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 9px 20px rgba(15,23,42,.13) !important;
}

/* ===== 排行榜专用暖色渐变：与品牌蓝分离 ===== */
html.theme-light .rank-bar {
    background: rgba(148,163,184,.16) !important;
}
html.theme-light .rank-bar-fill,
html.theme-light tr.top3 .rank-bar-fill {
    background: linear-gradient(90deg, #f4b860 0%, #ef8f62 52%, #dc6a87 100%) !important;
    box-shadow: 0 0 10px rgba(220,106,135,.24) !important;
}
html.theme-light .rank-float {
    border-color: rgba(239,143,98,.72) !important;
    box-shadow: 0 22px 60px rgba(15,23,42,.30), 0 0 22px rgba(239,143,98,.18) !important;
}
html.theme-light .rank-float .rf-title { color: #d97757 !important; }
html.theme-light tr.brand td { background: rgba(239,143,98,.08) !important; }
html.theme-light tr.brand .rank-model { color: #c96d54 !important; }

/* ===== 恢复上一版蓝色主按钮；辅助控件与排行榜颜色保持独立 ===== */
html.theme-light .hero-cta:not(.ghost),
html.theme-light .manual-center-download,
html.theme-light .btn-primary,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw:not(.cs),
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .fw-brand-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .cart-checkout,
html.theme-light .co-submit,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .manual-center-page-btn.active,
html.theme-light .ladder-tab.active {
    background: linear-gradient(135deg, #488ff7 0%, #2c6dee 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74), inset 0 -1px 0 rgba(44,109,238,.22), 0 7px 18px rgba(44,109,238,.22) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .manual-center-download:hover,
html.theme-light .btn-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:not(.cs):hover,
html.theme-light .fw-btn.ps-buy:hover,
html.theme-light .rank-more-btn:hover,
html.theme-light .dl-primary:hover,
html.theme-light .manual-center-page-btn.active:hover,
html.theme-light .ladder-tab.active:hover {
    background: linear-gradient(135deg, #63a5ff 0%, #3c7df6 100%) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 11px 24px rgba(44,109,238,.28), 0 0 16px rgba(72,143,247,.22) !important;
}
html.theme-light .fw-brand-tab.active:hover,
html.theme-light .cart-checkout:hover,
html.theme-light .co-submit:hover {
    background: linear-gradient(135deg, #63a5ff 0%, #3c7df6 100%) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.70) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 11px 24px rgba(44,109,238,.28), 0 0 16px rgba(72,143,247,.22) !important;
}

/* ===== 浅蓝背景改为主白 + 灰白分层 ===== */
html.theme-light {
    --studio-bg: #ffffff !important;
    --studio-surface: rgba(255,255,255,.92) !important;
    --studio-surface-solid: #ffffff !important;
}
html.theme-light,
html.theme-light body {
    background: #ffffff !important;
}
html.theme-light .hero,
html.theme-light .feature-showcase,
html.theme-light .ladder-section,
html.theme-light .fw-section {
    background: #ffffff !important;
}
html.theme-light .hero::before {
    background-image:
        linear-gradient(rgba(15,23,42,.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15,23,42,.032) 1px, transparent 1px) !important;
}
html.theme-light .hero-slide[data-tone="sky"],
html.theme-light .hero-slide[data-tone="violet"],
html.theme-light .hero-slide[data-tone="gold"],
html.theme-light .hero-slide[data-tone="teal"],
html.theme-light .hero-slide[data-tone="rose"],
html.theme-light .hero-slide[data-tone="sky"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="violet"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="gold"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="teal"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="rose"] .hero-slide-inner {
    background: transparent !important;
}
html.theme-light .hero-visual {
    background: radial-gradient(circle at 48% 42%, rgba(255,255,255,.98), rgba(247,248,250,.70) 62%, transparent 76%) !important;
}
html.theme-light .feature-card,
html.theme-light .rank-board,
html.theme-light .manual-center,
html.theme-light .manual-center-card {
    background: rgba(255,255,255,.94) !important;
}
html.theme-light .rank-table {
    background: #ffffff !important;
}
html.theme-light .rank-table th {
    background: #f3f4f6 !important;
}
html.theme-light .rank-table tbody tr:hover td {
    background: #fafafa !important;
}
html.theme-light .ladder-note {
    background: #f7f7f8 !important;
    border-color: rgba(15,23,42,.10) !important;
}
html.theme-light .manual-center-spec {
    background: #f5f5f6 !important;
}
/* 特色展示左右面板统一同一张白底，不再一半浅蓝一半白。 */
html.theme-light .feature-card,
html.theme-light .feature-card .feature-visual,
html.theme-light .feature-card .feature-info,
html.theme-light .feature-visual {
    background: #ffffff !important;
}
html.theme-light .feature-card {
    border-top-color: rgba(15,23,42,.12) !important;
}
html.theme-light .feature-visual {
    border-right-color: rgba(15,23,42,.08) !important;
}
/* 搜索控件图标放大，填满圆形按钮的可视区域。 */
html.theme-light .rs-toggle .rs-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 24px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    transform: scale(1.08) !important;
}

/* ===== 闪电500 · VGN式双满屏产品海报 ===== */
html.theme-light #home {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: #fff !important;
}

/* 保留原轮播数据和交互代码，但首页视觉改为两个连续的产品海报。 */
html.theme-light #home > #heroCarousel,
html.theme-light #home > .hc-arrow,
html.theme-light #home > .hc-dots {
    display: none !important;
}

html.theme-light .flash500-poster-duo {
    display: grid;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

html.theme-light .flash500-poster {
    position: relative;
    isolation: isolate;
    min-height: calc(100svh - 68px);
    padding: clamp(72px, 10vh, 136px) clamp(7vw, 12vw, 190px) clamp(64px, 9vh, 116px);
    display: grid;
    grid-template-columns: minmax(360px, .9fr) minmax(440px, 1.1fr);
    align-items: center;
    gap: clamp(24px, 4vw, 100px);
    overflow: hidden;
    background: #f7f8fa;
    color: #14171d;
}

html.theme-light .flash500-poster::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(circle at 76% 48%, rgba(67,137,248,.13), transparent 30%),
        linear-gradient(120deg, rgba(255,255,255,.94) 0%, rgba(247,248,250,.92) 52%, rgba(241,244,248,.96) 100%);
}

html.theme-light .flash500-poster--speed {
    grid-template-columns: minmax(440px, 1.05fr) minmax(360px, .95fr);
    background: #fff;
    border-top: 1px solid rgba(15,23,42,.08);
}

html.theme-light .flash500-poster--speed::before {
    background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(247,248,250,.95) 52%, rgba(235,239,245,.92) 100%);
}

html.theme-light .flash500-poster-copy {
    position: relative;
    z-index: 2;
    max-width: 680px;
}

html.theme-light .flash500-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 11px;
    border: 1px solid rgba(58,130,246,.24);
    border-radius: 999px;
    color: #367ff1;
    background: rgba(255,255,255,.62);
    box-shadow: 0 5px 18px rgba(59,130,246,.08);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
}

html.theme-light .flash500-overline {
    margin: clamp(24px, 4vh, 42px) 0 12px;
    color: #737b88;
    font-size: clamp(14px, 1.2vw, 18px);
    font-weight: 700;
    letter-spacing: .12em;
}

html.theme-light .flash500-poster h2 {
    margin: 0;
    color: #11151c;
    font-size: clamp(58px, 8vw, 142px);
    font-weight: 850;
    line-height: .94;
    letter-spacing: -.075em;
}

html.theme-light .flash500-poster h2 span { color: #3f87f4; }

html.theme-light .flash500-model {
    margin: clamp(24px, 4vh, 42px) 0 0;
    color: #161a22;
    font-size: clamp(22px, 2.4vw, 38px);
    font-weight: 800;
    letter-spacing: -.04em;
}

html.theme-light .flash500-lede {
    max-width: 560px;
    margin: 14px 0 0;
    color: #697381;
    font-size: clamp(14px, 1.22vw, 18px);
    line-height: 1.75;
}

html.theme-light .flash500-cta {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin-top: clamp(28px, 5vh, 52px);
    min-height: 50px;
    padding: 0 22px 0 24px;
    border-radius: 999px;
    color: #fff !important;
    background: linear-gradient(135deg, #4d91f8 0%, #2c6dee 100%);
    box-shadow: 0 10px 24px rgba(45,108,238,.26), inset 0 1px 0 rgba(255,255,255,.36);
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
}

html.theme-light .flash500-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(45,108,238,.32), inset 0 1px 0 rgba(255,255,255,.42);
}

html.theme-light .flash500-text-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: clamp(28px, 5vh, 52px);
    color: #2f78ea !important;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

html.theme-light .flash500-stats {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(22px, 3vw, 44px);
    margin-top: clamp(30px, 5vh, 54px);
}

html.theme-light .flash500-stats span {
    display: flex;
    align-items: baseline;
    gap: 5px;
    color: #626b78;
    font-size: 13px;
}

html.theme-light .flash500-stats strong {
    color: #14171d;
    font-size: clamp(30px, 3.6vw, 56px);
    font-weight: 850;
    letter-spacing: -.06em;
}

html.theme-light .flash500-stats small {
    color: #3e84f1;
    font-size: 14px;
    font-weight: 800;
}

html.theme-light .flash500-poster-art {
    position: relative;
    z-index: 1;
    min-height: min(72vh, 760px);
    display: flex;
    align-items: center;
    justify-content: center;
}

html.theme-light .flash500-poster-art img {
    position: relative;
    z-index: 2;
    width: min(100%, 760px);
    height: auto;
    max-height: 78vh;
    object-fit: contain;
    filter: drop-shadow(0 34px 32px rgba(14,20,31,.24));
    transform: translateY(1%);
}

html.theme-light .flash500-halo {
    position: absolute;
    width: min(42vw, 580px);
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(67,137,248,.20) 0%, rgba(67,137,248,.08) 36%, rgba(67,137,248,0) 70%);
    filter: blur(4px);
}

html.theme-light .flash500-halo--speed {
    width: min(54vw, 740px);
    background: radial-gradient(circle, rgba(54,127,243,.18) 0%, rgba(54,127,243,.05) 38%, rgba(54,127,243,0) 70%);
}

html.theme-light .flash500-poster-art--speed { min-height: min(78vh, 820px); }

html.theme-light .flash500-poster-art--speed img {
    width: min(100%, 680px);
    transform: translate(9%, 1%) scale(1.08);
    filter: drop-shadow(0 34px 36px rgba(14,20,31,.28)) saturate(1.06);
}

html.theme-light .flash500-grid {
    position: absolute;
    inset: -22% -8% -20% 14%;
    opacity: .48;
    background-image:
        linear-gradient(rgba(58,112,190,.12) 1px, transparent 1px),
        linear-gradient(90deg, rgba(58,112,190,.12) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 70%, transparent 100%);
    transform: perspective(480px) rotateY(-18deg) rotateX(58deg) translateY(12%);
}

html.theme-light .flash500-index {
    position: absolute;
    right: clamp(7vw, 12vw, 190px);
    bottom: clamp(22px, 4vh, 46px);
    color: #87919f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .18em;
}

@media (max-width: 900px) {
    html.theme-light .flash500-poster,
    html.theme-light .flash500-poster--speed {
        min-height: calc(100svh - 56px);
        padding: 76px 28px 68px;
        grid-template-columns: 1fr;
        gap: 12px;
    }
    html.theme-light .flash500-poster-copy { max-width: 640px; }
    html.theme-light .flash500-poster h2 { font-size: clamp(56px, 15vw, 100px); }
    html.theme-light .flash500-poster-art,
    html.theme-light .flash500-poster-art--speed { min-height: 42vh; }
    html.theme-light .flash500-poster-art img,
    html.theme-light .flash500-poster-art--speed img { width: min(92vw, 520px); max-height: 48vh; transform: none; }
    html.theme-light .flash500-index { right: 28px; }
}

@media (max-width: 520px) {
    html.theme-light .flash500-poster,
    html.theme-light .flash500-poster--speed { padding: 64px 20px 58px; }
    html.theme-light .flash500-poster h2 { font-size: clamp(48px, 16vw, 76px); }
    html.theme-light .flash500-lede { font-size: 14px; }
    html.theme-light .flash500-stats { gap: 20px; }
}

/* ===== 闪电500海报重制：电影感产品大片，不沿用旧卡片/旧蓝色按钮 ===== */
html.theme-light #home,
html.theme-light .flash500-poster-duo,
html.theme-light .flash500-poster {
    background: #050608 !important;
}

html.theme-light .flash500-poster-duo {
    color: #f7f8fb;
}

html.theme-light .flash500-poster {
    display: block;
    min-height: max(720px, calc(100svh - 64px));
    padding: 0;
    text-align: center;
    border: 0;
    color: #f7f8fb;
}

html.theme-light .flash500-poster::before {
    z-index: -3;
    background:
        radial-gradient(ellipse at 50% 88%, rgba(46,90,178,.25) 0%, rgba(13,18,33,.08) 28%, transparent 59%),
        radial-gradient(ellipse at 70% 35%, rgba(177,41,142,.15) 0%, transparent 35%),
        linear-gradient(180deg, #030406 0%, #090b11 58%, #020305 100%);
}

html.theme-light .flash500-poster::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 8%;
    right: 8%;
    bottom: 13%;
    height: 17%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(159,190,255,.35) 0%, rgba(41,77,134,.18) 30%, rgba(0,0,0,0) 72%);
    filter: blur(16px);
    pointer-events: none;
}

html.theme-light .flash500-poster--speed {
    min-height: max(720px, calc(100svh - 64px));
    display: block;
    border-top: 1px solid rgba(255,255,255,.12);
}

html.theme-light .flash500-poster--speed::before {
    background:
        radial-gradient(ellipse at 30% 47%, rgba(44,116,255,.22) 0%, transparent 33%),
        radial-gradient(ellipse at 78% 28%, rgba(220,56,170,.13) 0%, transparent 30%),
        linear-gradient(112deg, #020305 0%, #080a10 48%, #030405 100%);
}

html.theme-light .flash500-poster--speed::after {
    left: 20%;
    right: 20%;
    bottom: 11%;
    background: radial-gradient(ellipse, rgba(39,131,255,.33) 0%, rgba(30,61,112,.14) 33%, transparent 73%);
}

html.theme-light .flash500-poster-copy {
    position: absolute;
    z-index: 5;
    top: clamp(60px, 10vh, 120px);
    left: 50%;
    width: min(92vw, 900px);
    max-width: none;
    transform: translateX(-50%);
    text-align: center;
}

html.theme-light .flash500-poster--speed .flash500-poster-copy {
    top: clamp(74px, 12vh, 138px);
    left: clamp(6vw, 10vw, 160px);
    width: min(44vw, 660px);
    transform: none;
    text-align: left;
}

html.theme-light .flash500-kicker {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: rgba(255,255,255,.62);
    background: transparent;
    box-shadow: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .25em;
}

html.theme-light .flash500-overline {
    margin: 22px 0 14px;
    color: rgba(255,255,255,.62);
    font-size: clamp(13px, 1.05vw, 16px);
    font-weight: 500;
    letter-spacing: .14em;
}

html.theme-light .flash500-poster h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(58px, 7vw, 112px);
    font-weight: 760;
    line-height: .96;
    letter-spacing: -.075em;
    text-shadow: 0 6px 30px rgba(0,0,0,.42);
}

html.theme-light .flash500-poster h2 span {
    color: #fff;
    background: linear-gradient(100deg, #fff 5%, #b7caff 45%, #e6b7dc 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html.theme-light .flash500-model {
    margin: 19px 0 0;
    color: rgba(255,255,255,.72);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2em;
}

html.theme-light .flash500-lede {
    max-width: none;
    margin: 15px 0 0;
    color: rgba(255,255,255,.58);
    font-size: clamp(13px, 1vw, 16px);
    line-height: 1.7;
}

html.theme-light .flash500-poster--speed .flash500-lede {
    max-width: 410px;
}

html.theme-light .flash500-cta {
    min-height: 38px;
    margin-top: 25px;
    padding: 0 17px 0 19px;
    border: 1px solid rgba(255,255,255,.46);
    border-radius: 999px;
    color: #fff !important;
    background: rgba(255,255,255,.07);
    box-shadow: 0 6px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.15);
    font-size: 13px;
    font-weight: 700;
    backdrop-filter: blur(12px);
}

html.theme-light .flash500-cta:hover {
    background: rgba(255,255,255,.15);
    box-shadow: 0 8px 30px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.22);
}

html.theme-light .flash500-text-link {
    margin-top: 26px;
    color: rgba(255,255,255,.8) !important;
    font-size: 14px;
    font-weight: 650;
}

html.theme-light .flash500-stats {
    gap: 28px;
    margin-top: 30px;
}

html.theme-light .flash500-stats span {
    display: block;
    min-width: 72px;
    color: rgba(255,255,255,.52);
    font-size: 11px;
    letter-spacing: .08em;
}

html.theme-light .flash500-stats strong {
    display: inline-block;
    color: #fff;
    font-size: clamp(30px, 3.2vw, 48px);
    font-weight: 700;
    letter-spacing: -.06em;
}

html.theme-light .flash500-stats small {
    color: rgba(255,255,255,.66);
    font-size: 12px;
    font-weight: 500;
}

html.theme-light .flash500-poster-art,
html.theme-light .flash500-poster-art--speed {
    position: absolute;
    z-index: 2;
    inset: 15% 2% 3%;
    min-height: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
}

html.theme-light .flash500-poster-art::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 9%;
    right: 9%;
    bottom: 13%;
    height: 48%;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(130,175,255,.20) 0%, rgba(41,87,166,.12) 38%, transparent 72%);
    filter: blur(20px);
}

html.theme-light .flash500-poster-art img,
html.theme-light .flash500-poster-art--speed img {
    position: relative;
    z-index: 2;
    width: min(72vw, 970px);
    max-height: 80vh;
    object-fit: contain;
    transform: translateY(3%);
    filter: drop-shadow(0 35px 35px rgba(0,0,0,.62)) saturate(1.04);
}

html.theme-light .flash500-poster-art--speed {
    inset: 14% -6% 0 24%;
    align-items: flex-end;
    justify-content: flex-end;
}

html.theme-light .flash500-poster-art--speed img {
    width: min(74vw, 1050px);
    max-height: 88vh;
    transform: translate(9%, 4%) scale(1.18);
}

html.theme-light .flash500-halo,
html.theme-light .flash500-halo--speed {
    z-index: 1;
    width: min(62vw, 880px);
    background: radial-gradient(circle, rgba(36,127,255,.30) 0%, rgba(25,65,140,.12) 38%, transparent 70%);
    filter: blur(10px);
}

html.theme-light .flash500-halo--speed {
    width: min(70vw, 980px);
    background: radial-gradient(circle, rgba(66,101,255,.23) 0%, rgba(195,31,155,.13) 37%, transparent 70%);
}

html.theme-light .flash500-grid {
    z-index: 0;
    inset: 0 -8% 8% 4%;
    opacity: .16;
    background-image:
        linear-gradient(rgba(136,168,240,.34) 1px, transparent 1px),
        linear-gradient(90deg, rgba(136,168,240,.34) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: radial-gradient(ellipse at 55% 46%, #000 0%, transparent 70%);
    transform: perspective(800px) rotateX(66deg) translateY(28%);
}

html.theme-light .flash500-index {
    right: clamp(28px, 5vw, 80px);
    bottom: 36px;
    z-index: 6;
    color: rgba(255,255,255,.48);
    letter-spacing: .2em;
}

@media (max-width: 900px) {
    html.theme-light .flash500-poster,
    html.theme-light .flash500-poster--speed { min-height: max(680px, calc(100svh - 56px)); }
    html.theme-light .flash500-poster-copy,
    html.theme-light .flash500-poster--speed .flash500-poster-copy {
        top: 78px;
        left: 20px;
        width: calc(100% - 40px);
        transform: none;
        text-align: center;
    }
    html.theme-light .flash500-poster--speed .flash500-poster-copy { text-align: center; }
    html.theme-light .flash500-poster-art,
    html.theme-light .flash500-poster-art--speed { inset: 30% -8% 4%; }
    html.theme-light .flash500-poster-art img,
    html.theme-light .flash500-poster-art--speed img { width: min(108vw, 680px); max-height: 63vh; transform: none; }
    html.theme-light .flash500-stats { justify-content: center; }
}

@media (max-width: 520px) {
    html.theme-light .flash500-poster h2 { font-size: clamp(48px, 15vw, 76px); }
    html.theme-light .flash500-poster-art,
    html.theme-light .flash500-poster-art--speed { inset: 34% -18% 4%; }
    html.theme-light .flash500-poster-art img,
    html.theme-light .flash500-poster-art--speed img { width: 125vw; max-height: 58vh; }
    html.theme-light .flash500-model { font-size: 12px; }
}

/* ===== 截图验收修正：标题、按钮与产品彻底分层 ===== */
html.theme-light .flash500-poster-copy,
html.theme-light .flash500-poster--speed .flash500-poster-copy {
    top: clamp(42px, 5.5vh, 74px) !important;
}

html.theme-light .flash500-poster h2 {
    color: #fff !important;
    font-size: clamp(52px, 5.3vw, 88px) !important;
    line-height: 1.02 !important;
    letter-spacing: -.065em !important;
    text-shadow: 0 5px 24px rgba(0,0,0,.34) !important;
}

html.theme-light .flash500-overline {
    margin: 16px 0 10px !important;
}

html.theme-light .flash500-model {
    margin-top: 11px !important;
}

html.theme-light .flash500-lede {
    margin-top: 9px !important;
}

html.theme-light .flash500-cta,
html.theme-light .flash500-text-link {
    margin-top: 16px !important;
}

html.theme-light .flash500-poster-art {
    inset: 31% 3% 2% !important;
}

html.theme-light .flash500-poster-art img {
    width: min(66vw, 880px) !important;
    max-height: 66vh !important;
    transform: translateY(3%) !important;
}

html.theme-light .flash500-poster-art--speed {
    inset: 28% -3% 1% 23% !important;
}

html.theme-light .flash500-poster-art--speed img {
    width: min(70vw, 950px) !important;
    max-height: 70vh !important;
    transform: translate(8%, 3%) scale(1.08) !important;
}

@media (max-width: 900px) {
    html.theme-light .flash500-poster-copy,
    html.theme-light .flash500-poster--speed .flash500-poster-copy {
        top: 54px !important;
    }
    html.theme-light .flash500-poster-art,
    html.theme-light .flash500-poster-art--speed {
        inset: 34% -8% 3% !important;
    }
    html.theme-light .flash500-poster-art img,
    html.theme-light .flash500-poster-art--speed img {
        width: min(102vw, 640px) !important;
        max-height: 61vh !important;
        transform: none !important;
    }
}

/* 采购合作页：恢复黑色版内层标题的 inline 尺寸与优势图标的原始行高。 */
html.theme-light:has(#b2b) #b2b > .b2b-container .section-title {
    font-size: 30px !important;
    line-height: 1.25 !important;
}
html.theme-light:has(#b2b) .b2b-advantages .adv-icon {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    line-height: 48px !important;
}
html.theme-light:has(#b2b) .b2b-container > .ladder-note {
    width: auto !important;
    max-width: none !important;
    margin: 0 0 6px !important;
}

/* 控制中心页面：共享 .hero 名称，但几何必须沿用控制页黑色基准，不能套首页轮播尺寸。 */
html.theme-light:has(#sdcHero) #sdcHero {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding: clamp(48px, 5vw, 80px) clamp(16px, 3vw, 32px) clamp(48px, 4vw, 60px) !important;
    overflow: visible !important;
}
html.theme-light:has(#sdcHero) #sdcHero .hero-grid {
    align-items: stretch !important;
}
html.theme-light:has(#sdcHero) #sdcHero .software-info {
    display: flex !important;
    flex-direction: column !important;
    padding-block: 28px !important;
    overflow: visible !important;
}
html.theme-light:has(#sdcHero) #sdcHero .sdc-hero-visual {
    position: relative !important;
    border-left: 0 !important;
}
html.theme-light:has(#sdcHero) #sdcHero .software-info h1,
html.theme-light:has(#sdcHero) .sdc-detail h1,
html.theme-light:has(#sdcHero) .sdc-detail h2 {
    font-weight: 900 !important;
    letter-spacing: -1.2px !important;
}
html.theme-light:has(#sdcHero) .panel-icon {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    border-width: 0 !important;
}
html.theme-light:has(#sdcHero) .sdc-panel-card h4 {
    font-weight: 700 !important;
}
html.theme-light:has(#sdcHero) #nsMini {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    gap: 0 !important;
}
html.theme-light:has(#sdcHero) #nsMini #niSearch {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    margin-left: 0 !important;
}

@media (max-width: 980px) {
    html.theme-light:has(#sdcHero) #sdcHero {
        padding: 48px 18px 48px !important;
    }
}

@media (max-width: 520px) {
    html.theme-light .flash500-poster-copy,
    html.theme-light .flash500-poster--speed .flash500-poster-copy {
        top: 42px !important;
    }
    html.theme-light .flash500-poster h2 {
        font-size: clamp(46px, 14vw, 72px) !important;
    }
    html.theme-light .flash500-poster-art,
    html.theme-light .flash500-poster-art--speed {
        inset: 38% -15% 2% !important;
    }
    html.theme-light .flash500-poster-art img,
    html.theme-light .flash500-poster-art--speed img {
        width: 118vw !important;
        max-height: 56vh !important;
    }
}

/* ===== 双海报最终构图：不对称性能叙事 + 留白技术叙事 ===== */
html.theme-light .flash500-poster--intro,
html.theme-light .flash500-poster--speed {
    min-height: max(720px, calc(100svh - 64px)) !important;
    overflow: hidden !important;
}

html.theme-light .flash500-poster--intro {
    background: #07090d !important;
    color: #f7f8fb !important;
}

html.theme-light .flash500-poster--intro::before {
    background:
        radial-gradient(ellipse at 72% 60%, rgba(56,117,255,.26) 0%, rgba(32,54,112,.10) 26%, transparent 58%),
        radial-gradient(ellipse at 90% 18%, rgba(216,54,159,.14) 0%, transparent 30%),
        linear-gradient(118deg, #050608 0%, #0c111b 52%, #050609 100%) !important;
}

html.theme-light .flash500-poster--intro::after {
    content: "500" !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: auto 2% -14% auto !important;
    color: transparent !important;
    font-size: clamp(280px, 34vw, 660px) !important;
    font-weight: 850 !important;
    line-height: .8 !important;
    letter-spacing: -.12em !important;
    -webkit-text-stroke: 1px rgba(180,197,232,.16) !important;
    text-shadow: 0 0 100px rgba(76,129,255,.12) !important;
    pointer-events: none !important;
}

html.theme-light .flash500-poster--intro .flash500-poster-copy {
    top: 50% !important;
    left: clamp(44px, 9vw, 180px) !important;
    width: min(42vw, 680px) !important;
    transform: translateY(-50%) !important;
    text-align: left !important;
}

html.theme-light .flash500-poster--intro .flash500-kicker {
    color: rgba(255,255,255,.66) !important;
    letter-spacing: .22em !important;
}

html.theme-light .flash500-poster--intro .flash500-overline {
    margin-top: 25px !important;
    color: rgba(255,255,255,.55) !important;
    letter-spacing: .12em !important;
}

html.theme-light .flash500-poster--intro h2 {
    max-width: 680px !important;
    color: #fff !important;
    font-size: clamp(54px, 5.65vw, 108px) !important;
    line-height: .98 !important;
    letter-spacing: -.075em !important;
}

html.theme-light .flash500-poster--intro h2 span {
    background: linear-gradient(98deg, #fff 4%, #b9ceff 48%, #e8b9df 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html.theme-light .flash500-poster--intro .flash500-model {
    margin-top: 27px !important;
    color: rgba(255,255,255,.84) !important;
    font-size: 15px !important;
    letter-spacing: .18em !important;
}

html.theme-light .flash500-poster--intro .flash500-lede {
    max-width: 500px !important;
    margin-top: 12px !important;
    color: rgba(255,255,255,.58) !important;
}

html.theme-light .flash500-poster--intro .flash500-cta {
    margin-top: 30px !important;
    border-color: rgba(255,255,255,.48) !important;
    background: rgba(255,255,255,.08) !important;
}

html.theme-light .flash500-poster--intro .flash500-poster-art {
    inset: 9% 1% 2% 42% !important;
    align-items: flex-end !important;
    justify-content: center !important;
}

html.theme-light .flash500-poster--intro .flash500-poster-art::before {
    left: 2% !important;
    right: 2% !important;
    bottom: 8% !important;
    height: 35% !important;
    background: radial-gradient(ellipse, rgba(92,153,255,.28) 0%, rgba(45,67,130,.14) 34%, transparent 73%) !important;
    filter: blur(25px) !important;
}

html.theme-light .flash500-poster--intro .flash500-poster-art::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(146,184,255,.58), transparent);
    box-shadow: 0 0 32px rgba(74,129,255,.46);
}

html.theme-light .flash500-poster--intro .flash500-poster-art img {
    width: min(56vw, 860px) !important;
    max-height: 84vh !important;
    transform: translate(4%, 2%) !important;
    filter: drop-shadow(0 40px 34px rgba(0,0,0,.66)) saturate(1.06) !important;
}

html.theme-light .flash500-poster--intro .flash500-halo {
    width: min(48vw, 720px) !important;
    background: radial-gradient(circle, rgba(47,123,255,.30) 0%, rgba(34,68,145,.11) 39%, transparent 71%) !important;
}

html.theme-light .flash500-poster--speed {
    background: #f1f2f4 !important;
    color: #13161c !important;
    border-top: 1px solid rgba(17,24,39,.15) !important;
}

html.theme-light .flash500-poster--speed::before {
    background:
        radial-gradient(ellipse at 74% 46%, rgba(105,125,180,.16) 0%, transparent 33%),
        linear-gradient(122deg, #f7f8fa 0%, #eceef2 57%, #dde2e9 100%) !important;
}

html.theme-light .flash500-poster--speed::after {
    content: "0.03" !important;
    position: absolute !important;
    z-index: -1 !important;
    inset: auto auto -10% 5% !important;
    color: transparent !important;
    font-size: clamp(240px, 30vw, 580px) !important;
    font-weight: 850 !important;
    line-height: .8 !important;
    letter-spacing: -.12em !important;
    -webkit-text-stroke: 1px rgba(46,57,78,.13) !important;
    pointer-events: none !important;
}

html.theme-light .flash500-poster--speed .flash500-poster-copy {
    top: 50% !important;
    left: clamp(44px, 9vw, 180px) !important;
    width: min(40vw, 600px) !important;
    transform: translateY(-50%) !important;
    text-align: left !important;
}

html.theme-light .flash500-poster--speed .flash500-kicker {
    color: #536175 !important;
    border: 0 !important;
}

html.theme-light .flash500-poster--speed .flash500-overline {
    margin-top: 25px !important;
    color: #687486 !important;
}

html.theme-light .flash500-poster--speed h2 {
    color: #11151c !important;
    font-size: clamp(54px, 5.45vw, 104px) !important;
    text-shadow: none !important;
}

html.theme-light .flash500-poster--speed h2 span {
    background: linear-gradient(98deg, #121925 0%, #516a9a 55%, #9e5b91 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html.theme-light .flash500-poster--speed .flash500-lede {
    max-width: 420px !important;
    color: #667184 !important;
}

html.theme-light .flash500-poster--speed .flash500-stats {
    justify-content: flex-start !important;
    gap: 28px !important;
    margin-top: 30px !important;
}

html.theme-light .flash500-poster--speed .flash500-stats span { color: #697587 !important; }
html.theme-light .flash500-poster--speed .flash500-stats strong { color: #161a22 !important; }
html.theme-light .flash500-poster--speed .flash500-stats small { color: #576d9d !important; }

html.theme-light .flash500-poster--speed .flash500-text-link {
    color: #313e58 !important;
    border-bottom: 1px solid rgba(49,62,88,.35);
    padding-bottom: 5px;
}

html.theme-light .flash500-poster--speed .flash500-poster-art {
    inset: 8% 0 0 39% !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
}

html.theme-light .flash500-poster--speed .flash500-poster-art::before {
    left: 7% !important;
    right: 0 !important;
    bottom: 12% !important;
    height: 47% !important;
    background: radial-gradient(ellipse, rgba(70,101,158,.18) 0%, rgba(62,84,122,.08) 38%, transparent 73%) !important;
}

html.theme-light .flash500-poster--speed .flash500-poster-art img {
    width: min(60vw, 920px) !important;
    max-height: 86vh !important;
    transform: translate(7%, 2%) scale(1.08) !important;
    filter: drop-shadow(0 34px 28px rgba(26,31,41,.33)) saturate(.98) !important;
}

html.theme-light .flash500-poster--speed .flash500-halo {
    width: min(46vw, 700px) !important;
    background: radial-gradient(circle, rgba(74,112,191,.18) 0%, rgba(72,89,137,.07) 39%, transparent 72%) !important;
}

html.theme-light .flash500-poster--speed .flash500-grid { display: none !important; }

@media (max-width: 900px) {
    html.theme-light .flash500-poster--intro .flash500-poster-copy,
    html.theme-light .flash500-poster--speed .flash500-poster-copy {
        top: 58px !important;
        left: 24px !important;
        width: calc(100% - 48px) !important;
        transform: none !important;
        text-align: center !important;
    }
    html.theme-light .flash500-poster--intro h2,
    html.theme-light .flash500-poster--speed h2 { font-size: clamp(46px, 10vw, 78px) !important; }
    html.theme-light .flash500-poster--intro .flash500-poster-art,
    html.theme-light .flash500-poster--speed .flash500-poster-art { inset: 35% -8% 2% !important; }
    html.theme-light .flash500-poster--intro .flash500-poster-art img,
    html.theme-light .flash500-poster--speed .flash500-poster-art img {
        width: min(104vw, 660px) !important;
        max-height: 64vh !important;
        transform: none !important;
    }
    html.theme-light .flash500-poster--speed .flash500-stats { justify-content: center !important; }
}

@media (max-width: 520px) {
    html.theme-light .flash500-poster--intro h2,
    html.theme-light .flash500-poster--speed h2 { font-size: clamp(42px, 12.5vw, 66px) !important; }
    html.theme-light .flash500-poster--intro .flash500-poster-art,
    html.theme-light .flash500-poster--speed .flash500-poster-art { inset: 39% -16% 2% !important; }
    html.theme-light .flash500-poster--intro .flash500-poster-art img,
    html.theme-light .flash500-poster--speed .flash500-poster-art img { width: 120vw !important; max-height: 58vh !important; }
}

/* ===== 2026-09-22 渐变色系统：白底承托、彩色只做层次 =====
   只改变主题色与表面质感，不改变轮播图尺寸、对齐和交互结构。 */
html.theme-light {
    --bg: #fbfbfd;
    --bg2: #f5f6f8;
    --card: #ffffff;
    --card2: #f7f8fa;
    --line: rgba(39, 49, 70, .13);
    --line-soft: rgba(39, 49, 70, .085);
    --txt: #17191e;
    --sub: #5f6672;
    --mut: #8a919c;
    --white: #17191e;
    --white-rgb: 23, 25, 30;
    --bg-rgb: 251, 251, 253;
    --sky: #526fe8;
    --sky-bright: #4264dd;
    --sky-deep: #3b4fc2;
    --sky-tint: rgba(82, 111, 232, .10);
    --sky-glow: rgba(82, 111, 232, .20);
    --grad: linear-gradient(135deg, #526fe8 0%, #68c7f5 100%);
    --grad-sunset: linear-gradient(135deg, #ff7856 0%, #f3b64f 100%);
    --grad-plum: linear-gradient(135deg, #8b2bb3 0%, #e86188 100%);
    --grad-mint: linear-gradient(135deg, #3fae85 0%, #20d0b7 100%);
    --grad-rose: linear-gradient(135deg, #d95d7d 0%, #ffcf8c 100%);
    --grad-lime: linear-gradient(135deg, #36a84f 0%, #e5ed25 100%);
    --shadow: 0 18px 46px rgba(35, 44, 61, .085);
}

html.theme-light,
html.theme-light body { background: var(--bg) !important; color: var(--txt) !important; }

/* 导航保持白色毛玻璃，彩色只作为极细的状态线 */
html.theme-light .header,
html.theme-light .header.scrolled {
    background: rgba(255,255,255,.78) !important;
    border-bottom: 1px solid rgba(25,31,43,.08) !important;
    box-shadow: 0 10px 30px rgba(35,44,61,.055) !important;
    backdrop-filter: saturate(175%) blur(22px) !important;
    -webkit-backdrop-filter: saturate(175%) blur(22px) !important;
}
html.theme-light .header::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -1px; height: 2px;
    background: linear-gradient(90deg, transparent 0%, #7a8cf2 28%, #63c9ed 50%, #ec7f9b 72%, transparent 100%);
    opacity: .65;
    pointer-events: none;
}
html.theme-light .nav-links a,
html.theme-light .acct-name,
html.theme-light .logo-text { color: #17191e !important; }
html.theme-light .nav-links a.active,
html.theme-light .nav-links a:hover { color: #485ed1 !important; text-shadow: none !important; }
html.theme-light .nav-links a::after { background: var(--grad) !important; box-shadow: 0 0 12px rgba(82,111,232,.25) !important; }
html.theme-light .nav-icon { color: #242832 !important; }
html.theme-light .nav-icon:hover { background: linear-gradient(135deg, rgba(82,111,232,.12), rgba(104,199,245,.16)) !important; color: #465ed2 !important; }

/* 首屏：保留原轮播的几何关系，只把氛围从单一浅蓝改成柔和彩色光晕 */
html.theme-light .hero,
html.theme-light .section,
html.theme-light .feature-showcase { background: #fbfbfd !important; }
html.theme-light .hero::before {
    background-image:
        linear-gradient(rgba(65,77,105,.038) 1px, transparent 1px),
        linear-gradient(90deg, rgba(65,77,105,.038) 1px, transparent 1px) !important;
    opacity: .72 !important;
}
html.theme-light .hero-slide[data-tone="sky"] {
    background:
        radial-gradient(ellipse 900px 560px at 82% 18%, rgba(104,199,245,.18), transparent 66%),
        radial-gradient(ellipse 680px 480px at 8% 90%, rgba(82,111,232,.12), transparent 68%),
        #fbfbfd !important;
}
html.theme-light .hero-slide[data-tone="violet"] {
    background:
        radial-gradient(ellipse 900px 560px at 80% 22%, rgba(232,97,136,.14), transparent 66%),
        radial-gradient(ellipse 680px 480px at 8% 90%, rgba(139,43,179,.10), transparent 68%),
        #fbfbfd !important;
}
html.theme-light .hero-slide[data-tone="gold"] {
    background:
        radial-gradient(ellipse 900px 560px at 82% 22%, rgba(243,182,79,.18), transparent 65%),
        radial-gradient(ellipse 680px 480px at 8% 90%, rgba(255,120,86,.09), transparent 68%),
        #fbfbfd !important;
}
html.theme-light .hero-slide[data-tone="teal"] {
    background:
        radial-gradient(ellipse 900px 560px at 80% 22%, rgba(32,208,183,.16), transparent 65%),
        radial-gradient(ellipse 680px 480px at 8% 90%, rgba(63,174,133,.10), transparent 68%),
        #fbfbfd !important;
}
html.theme-light .hero-slide[data-tone="rose"] {
    background:
        radial-gradient(ellipse 900px 560px at 80% 22%, rgba(255,126,155,.16), transparent 65%),
        radial-gradient(ellipse 680px 480px at 8% 90%, rgba(139,43,179,.08), transparent 68%),
        #fbfbfd !important;
}
html.theme-light .hero-scrim {
    background: linear-gradient(90deg, rgba(251,251,253,.96) 0%, rgba(251,251,253,.78) 43%, rgba(251,251,253,.20) 82%, rgba(251,251,253,0) 100%) !important;
}
html.theme-light .hero-content h1,
html.theme-light .section-title,
html.theme-light .feature-info h3 { color: #17191e !important; }
html.theme-light .hero-content p,
html.theme-light .section-sub,
html.theme-light .feature-info p { color: #5f6672 !important; }
html.theme-light .hero-content h1 .accent,
html.theme-light .section-title .accent {
    background: linear-gradient(100deg, #526fe8 4%, #43a9ec 42%, #c05ab7 82%);
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
html.theme-light .hero-badge,
html.theme-light .section-tag,
html.theme-light .feature-label {
    color: #4b61d0 !important;
    background: linear-gradient(110deg, rgba(82,111,232,.11), rgba(104,199,245,.14), rgba(232,97,136,.08)) !important;
    border-color: rgba(82,111,232,.22) !important;
}
html.theme-light .hero-cta:not(.ghost),
html.theme-light .btn-primary,
html.theme-light .nav-cta,
html.theme-light .dl-primary,
html.theme-light .dl-primary.sdc,
html.theme-light .dl-primary.vhub,
html.theme-light .dl-primary.featured-dl,
html.theme-light .fw-btn.dl,
html.theme-light .fw-btn.ps-fw,
html.theme-light .fw-btn.ps-buy,
html.theme-light .rank-more-btn,
html.theme-light .co-submit,
html.theme-light .cart-checkout {
    background: var(--grad) !important;
    color: #fff !important;
    border: 1px solid rgba(63,93,207,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.30), 0 9px 22px rgba(82,111,232,.22) !important;
    text-shadow: 0 1px 1px rgba(32,47,122,.18) !important;
}
html.theme-light .hero-cta:not(.ghost):hover,
html.theme-light .btn-primary:hover,
html.theme-light .nav-cta:hover,
html.theme-light .dl-primary:hover,
html.theme-light .fw-btn.dl:hover,
html.theme-light .fw-btn.ps-fw:hover,
html.theme-light .fw-btn.ps-buy:hover { filter: saturate(1.08) brightness(1.03); box-shadow: inset 0 1px 0 rgba(255,255,255,.38), 0 13px 28px rgba(82,111,232,.28) !important; }
html.theme-light .hero-cta.ghost,
html.theme-light .btn-outline { background: rgba(255,255,255,.78) !important; color: #232833 !important; border-color: rgba(35,44,61,.15) !important; box-shadow: 0 7px 20px rgba(35,44,61,.06) !important; }
html.theme-light .hero-cta.ghost:hover,
html.theme-light .btn-outline:hover { background: linear-gradient(110deg, rgba(82,111,232,.09), rgba(104,199,245,.12)) !important; color: #4358c8 !important; border-color: rgba(82,111,232,.32) !important; }

/* 轮播控制：白色玻璃底，彩色仅用于激活态 */
html.theme-light .hc-arrow {
    background: rgba(255,255,255,.72) !important;
    border-color: rgba(34,43,59,.12) !important;
    color: #252b36 !important;
    box-shadow: 0 10px 24px rgba(35,44,61,.10) !important;
}
html.theme-light .hc-arrow:hover { background: var(--grad) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 14px 28px rgba(82,111,232,.26) !important; }
html.theme-light .hc-dot { background: rgba(75,86,104,.23) !important; }
html.theme-light .hc-dot.active { background: var(--grad) !important; box-shadow: 0 0 14px rgba(82,111,232,.30) !important; }

/* 产品卡与特色模块：每一组使用一条独立渐变，白底仍是主角 */
html.theme-light .product-card,
html.theme-light .feature-card,
html.theme-light .fw-card,
html.theme-light .manual-center-card,
html.theme-light .manual-card,
html.theme-light .rank-board,
html.theme-light .co-box,
html.theme-light .pd-box {
    background: #fff !important;
    border-color: rgba(35,44,61,.10) !important;
    box-shadow: 0 14px 34px rgba(35,44,61,.065) !important;
}
html.theme-light .product-card:hover,
html.theme-light .feature-card:hover,
html.theme-light .fw-card:hover,
html.theme-light .manual-center-card:hover { border-color: rgba(82,111,232,.28) !important; box-shadow: 0 20px 44px rgba(35,44,61,.11) !important; }
html.theme-light .product-img { background: linear-gradient(145deg, #fff5ec 0%, #fffaf6 46%, #eef2ff 100%) !important; }
html.theme-light .product-card:nth-child(4n+2) .product-img { background: linear-gradient(145deg, #f7eaff 0%, #fff5f8 100%) !important; }
html.theme-light .product-card:nth-child(4n+3) .product-img { background: linear-gradient(145deg, #e8fbf4 0%, #f7fffd 100%) !important; }
html.theme-light .product-card:nth-child(4n+4) .product-img { background: linear-gradient(145deg, #eef1ff 0%, #eaf9ff 100%) !important; }
html.theme-light .product-badge { background: var(--grad-plum) !important; box-shadow: 0 8px 18px rgba(139,43,179,.20) !important; }
html.theme-light .spec-tag.red { background: linear-gradient(100deg, rgba(255,120,86,.12), rgba(243,182,79,.18)) !important; color: #bd5e3f !important; border-color: rgba(255,120,86,.23) !important; }
html.theme-light .spec-tag.gold { background: linear-gradient(100deg, rgba(243,182,79,.18), rgba(229,237,37,.16)) !important; color: #98721b !important; border-color: rgba(216,164,44,.25) !important; }
html.theme-light .buy-btn:hover { background: var(--grad-mint) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 9px 22px rgba(32,208,183,.24) !important; }
html.theme-light .feature-visual { background: linear-gradient(145deg, #eff3ff 0%, #f9f3ff 48%, #fff7ef 100%) !important; }
html.theme-light .feature-card:nth-of-type(2) .feature-visual { background: linear-gradient(145deg, #fff0eb 0%, #fffaf0 100%) !important; }
html.theme-light .feature-card:nth-of-type(3) .feature-visual { background: linear-gradient(145deg, #f7eaff 0%, #edf4ff 100%) !important; }
html.theme-light .feature-card:nth-of-type(4) .feature-visual { background: linear-gradient(145deg, #e7fbf4 0%, #f4fffe 100%) !important; }
html.theme-light .big-num { background: linear-gradient(100deg, #526fe8, #be64c5 62%, #f18d78) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html.theme-light .feature-list li::before { background: var(--grad-mint) !important; box-shadow: 0 0 12px rgba(32,208,183,.26) !important; }

/* 天梯榜/进度条：从单一科技蓝改成清爽的海洋与薄荷渐变 */
html.theme-light .ladder-section,
html.theme-light .b2b-section,
html.theme-light .control-shell,
html.theme-light .download-section,
html.theme-light .support-section,
html.theme-light .shop-section { background: #f7f8fa !important; }
html.theme-light .ladder-tab.active,
html.theme-light .pg-btn.active,
html.theme-light .manual-center-page-btn.active { background: var(--grad) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 8px 20px rgba(82,111,232,.22) !important; }
html.theme-light .ladder-tab:hover,
html.theme-light .pg-btn:hover:not(:disabled),
html.theme-light .manual-center-page-btn:hover:not(.active) { background: linear-gradient(105deg, rgba(82,111,232,.09), rgba(104,199,245,.12)) !important; color: #4358c8 !important; border-color: rgba(82,111,232,.28) !important; }
html.theme-light .rank-table th { background: linear-gradient(100deg, #fff5ed, #f5f0ff 48%, #eef8ff) !important; color: #3f50a7 !important; }
html.theme-light .rank-table tbody tr:hover td { background: linear-gradient(90deg, rgba(82,111,232,.045), rgba(104,199,245,.06)) !important; }
html.theme-light .rank-bar { background: #edf0f4 !important; }
html.theme-light .rank-bar-fill { background: linear-gradient(90deg, #526fe8 0%, #45a7eb 48%, #62d3c1 100%) !important; box-shadow: 0 0 12px rgba(82,111,232,.24) !important; }
html.theme-light tr.top3 .rank-bar-fill { background: var(--grad-sunset) !important; box-shadow: 0 0 12px rgba(255,120,86,.24) !important; }
html.theme-light tr.brand td { background: linear-gradient(90deg, rgba(82,111,232,.07), rgba(104,199,245,.08)) !important; }

/* 说明书中心：渐变只放在卡片边缘、PDF 标签和操作按钮 */
html.theme-light .manual-center { background: #fff !important; box-shadow: 0 16px 38px rgba(35,44,61,.07) !important; }
html.theme-light .manual-center-title span { background: linear-gradient(100deg, #526fe8, #c05ab7 70%, #e67b86) !important; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html.theme-light .manual-center-search { background: #fff !important; border-color: rgba(35,44,61,.16) !important; box-shadow: 0 8px 22px rgba(35,44,61,.05) !important; }
html.theme-light .manual-center-card::before,
html.theme-light .manual-card::before { content: ""; display: block; height: 3px; background: linear-gradient(90deg, #526fe8, #68c7f5 42%, #e86188 78%, #f3b64f); opacity: .82; }
html.theme-light .manual-center-pdf { color: #526fe8 !important; background: linear-gradient(135deg, rgba(82,111,232,.10), rgba(104,199,245,.15)) !important; border-color: rgba(82,111,232,.22) !important; }
html.theme-light .manual-center-download { background: var(--grad-plum) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 8px 18px rgba(139,43,179,.20) !important; }
html.theme-light .manual-center-download:hover { filter: saturate(1.08) brightness(1.04); box-shadow: 0 12px 24px rgba(139,43,179,.28) !important; }

/* 浮动按钮不再是孤零零的纯蓝块 */
html.theme-light .back-to-top,
html.theme-light .msg-fab { background: rgba(255,255,255,.82) !important; color: #3f50a7 !important; border-color: rgba(82,111,232,.22) !important; box-shadow: 0 10px 24px rgba(35,44,61,.12) !important; backdrop-filter: blur(14px); }
html.theme-light .back-to-top:hover,
html.theme-light .msg-fab:hover { background: var(--grad-plum) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 14px 28px rgba(139,43,179,.24) !important; }

@media (prefers-reduced-motion: reduce) {
    html.theme-light .hero-cta,
    html.theme-light .btn-primary,
    html.theme-light .product-card,
    html.theme-light .feature-card { transition: none !important; }
}

/* ===== 2026-09-22 二次视觉校正：湖水蓝、无色块、统一双海报 =====
   轮播仍保持原有尺寸与左右结构；这里只清理表面风格，避免一屏黑、一屏白和文字被矩形色块压住。 */
html.theme-light {
    --sky: #4F6DEE;
    --sky-bright: #4F6DEE;
    --sky-deep: #4058d4;
    --sky-tint: rgba(79,109,238,.10);
    --sky-glow: rgba(79,109,238,.22);
    --grad: linear-gradient(135deg, #4F6DEE 0%, #67BDF9 100%);
}

/* 特色卡的视觉区改为整面柔光，不再给大字生成一块矩形背景。 */
html.theme-light .feature-visual {
    position: relative;
    background:
        radial-gradient(circle at 26% 28%, rgba(79,109,238,.14), transparent 30%),
        radial-gradient(circle at 78% 76%, rgba(103,189,249,.12), transparent 36%),
        #fff !important;
}
html.theme-light .feature-card:nth-of-type(2) .feature-visual {
    background:
        radial-gradient(circle at 26% 28%, rgba(255,140,103,.13), transparent 30%),
        radial-gradient(circle at 78% 76%, rgba(246,190,87,.12), transparent 36%),
        #fff !important;
}
html.theme-light .feature-card:nth-of-type(3) .feature-visual {
    background:
        radial-gradient(circle at 26% 28%, rgba(139,43,179,.11), transparent 30%),
        radial-gradient(circle at 78% 76%, rgba(232,97,136,.10), transparent 36%),
        #fff !important;
}
html.theme-light .feature-visual-text {
    position: relative;
    z-index: 1;
    background: transparent !important;
    box-shadow: none !important;
}
html.theme-light .big-num {
    background: none !important;
    color: #4F6DEE !important;
    -webkit-text-fill-color: #4F6DEE !important;
    text-shadow: 0 16px 38px rgba(79,109,238,.13) !important;
}
html.theme-light .feature-card:nth-of-type(2) .big-num { color: #e87858 !important; -webkit-text-fill-color: #e87858 !important; text-shadow: 0 16px 38px rgba(232,120,88,.13) !important; }
html.theme-light .feature-card:nth-of-type(3) .big-num { color: #8b2bb3 !important; -webkit-text-fill-color: #8b2bb3 !important; text-shadow: 0 16px 38px rgba(139,43,179,.13) !important; }
html.theme-light .big-unit { color: #66707c !important; }

/* 闪电500双海报统一为同一套白底材质，保留两张海报的构图和图片比例。 */
html.theme-light #flash500Showcase,
html.theme-light .flash500-poster-duo,
html.theme-light .flash500-poster,
html.theme-light .flash500-poster--intro,
html.theme-light .flash500-poster--speed {
    background: #fbfbfd !important;
    color: #17191e !important;
}
html.theme-light .flash500-poster--intro,
html.theme-light .flash500-poster--speed {
    border-top: 1px solid rgba(39,49,70,.09) !important;
}
html.theme-light .flash500-poster--intro::before,
html.theme-light .flash500-poster--speed::before {
    background:
        radial-gradient(ellipse at 72% 56%, rgba(103,189,249,.18) 0%, transparent 38%),
        radial-gradient(ellipse at 27% 24%, rgba(79,109,238,.10) 0%, transparent 32%),
        linear-gradient(118deg, #ffffff 0%, #f6f8ff 52%, #fbfbfd 100%) !important;
}
html.theme-light .flash500-poster--intro::after,
html.theme-light .flash500-poster--speed::after {
    background: radial-gradient(ellipse, rgba(79,109,238,.16) 0%, rgba(103,189,249,.08) 38%, transparent 74%) !important;
    filter: blur(24px) !important;
}
html.theme-light .flash500-poster--intro .flash500-kicker,
html.theme-light .flash500-poster--speed .flash500-kicker,
html.theme-light .flash500-poster--intro .flash500-overline,
html.theme-light .flash500-poster--speed .flash500-overline { color: #596475 !important; }
html.theme-light .flash500-poster--intro h2,
html.theme-light .flash500-poster--speed h2 {
    color: #17191e !important;
    text-shadow: none !important;
}
html.theme-light .flash500-poster--intro h2 span,
html.theme-light .flash500-poster--speed h2 span {
    background: linear-gradient(100deg, #4F6DEE 0%, #67BDF9 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html.theme-light .flash500-poster--intro .flash500-model,
html.theme-light .flash500-poster--speed .flash500-model { color: #313b4a !important; }
html.theme-light .flash500-poster--intro .flash500-lede,
html.theme-light .flash500-poster--speed .flash500-lede { color: #657080 !important; }
html.theme-light .flash500-poster--intro .flash500-cta {
    color: #fff !important;
    background: var(--grad) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(79,109,238,.22), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
html.theme-light .flash500-poster--intro .flash500-cta:hover { filter: saturate(1.08) brightness(1.04); }
html.theme-light .flash500-poster--speed .flash500-stats span,
html.theme-light .flash500-poster--speed .flash500-stats small { color: #687487 !important; }
html.theme-light .flash500-poster--speed .flash500-stats strong { color: #17191e !important; }
html.theme-light .flash500-poster--speed .flash500-text-link { color: #4F6DEE !important; border-color: rgba(79,109,238,.30) !important; }
html.theme-light .flash500-poster-art::before,
html.theme-light .flash500-poster-art--speed::before { background: radial-gradient(ellipse, rgba(103,189,249,.18), rgba(79,109,238,.08) 38%, transparent 72%) !important; }
html.theme-light .flash500-poster-art img,
html.theme-light .flash500-poster-art--speed img { filter: drop-shadow(0 34px 30px rgba(31,44,70,.22)) saturate(1.02) !important; }
html.theme-light .flash500-halo,
html.theme-light .flash500-halo--speed { background: radial-gradient(circle, rgba(79,109,238,.18) 0%, rgba(103,189,249,.08) 38%, transparent 72%) !important; }
html.theme-light .flash500-grid { display: none !important; }

/* 新图标语言：细线、圆角、玻璃底；去掉彩色方块和 emoji 视觉噪音。 */
html.theme-light .nav-icon {
    width: 40px !important;
    height: 40px !important;
    border: 1px solid rgba(37,49,72,.14) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.74) !important;
    color: #2c3545 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 8px 20px rgba(35,44,61,.08) !important;
    font-size: 0 !important;
}
html.theme-light .nav-icon:hover { background: linear-gradient(135deg, rgba(79,109,238,.12), rgba(103,189,249,.18)) !important; color: #4F6DEE !important; transform: translateY(-2px) !important; }
html.theme-light #niSearch::before {
    content: ""; width: 14px; height: 14px; border: 1.8px solid currentColor; border-radius: 50%; position: absolute; top: 10px; left: 10px;
}
html.theme-light #niSearch::after {
    content: ""; width: 7px; height: 1.8px; border-radius: 2px; background: currentColor; position: absolute; top: 25px; left: 24px; transform: rotate(45deg); transform-origin: left center;
}
html.theme-light #niUser2::before {
    content: ""; width: 9px; height: 9px; border: 1.7px solid currentColor; border-radius: 50%; position: absolute; top: 8px; left: 14px;
}
html.theme-light #niUser2::after {
    content: ""; width: 17px; height: 9px; border: 1.7px solid currentColor; border-bottom: 0; border-radius: 12px 12px 0 0; position: absolute; bottom: 9px; left: 11px;
}
html.theme-light #niCart::before,
html.theme-light #niOrders::before {
    content: ""; width: 19px; height: 19px; display: block; background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h2l2.1 10.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6L20 8H6'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E") center/contain no-repeat;
}
html.theme-light #niOrders::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='16' rx='2'/%3E%3Cpath d='M9 4.5V3h6v1.5M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E"); }
html.theme-light .cart-badge { font-size: 10px !important; background: linear-gradient(135deg,#e87858,#e86188) !important; color: #fff !important; border-color: #fff !important; }
html.theme-light .msg-fab {
    width: 46px !important; height: 46px !important; border-radius: 15px !important;
    background: rgba(255,255,255,.80) !important; color: #4F6DEE !important; border: 1px solid rgba(79,109,238,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 24px rgba(35,44,61,.12) !important;
}
html.theme-light .msg-fab-icon { font-size: 0 !important; position: relative; width: 20px !important; height: 16px !important; border: 1.8px solid currentColor; border-radius: 6px; }
html.theme-light .msg-fab-icon::after { content: ""; position: absolute; left: 3px; bottom: -5px; width: 6px; height: 6px; border-left: 1.8px solid currentColor; transform: skewY(-35deg); background: transparent; }
html.theme-light .msg-fab:hover { background: var(--grad) !important; color: #fff !important; border-color: transparent !important; }
html.theme-light .back-to-top { width: 46px !important; height: 46px !important; border-radius: 15px !important; background: rgba(255,255,255,.80) !important; color: #4F6DEE !important; border-color: rgba(79,109,238,.22) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 10px 24px rgba(35,44,61,.12) !important; }
html.theme-light .back-to-top .rocket-svg,
html.theme-light .back-to-top .flame { display: none !important; }
html.theme-light .back-to-top .rocket::before { content: "↑"; font-size: 22px; font-weight: 700; line-height: 1; }
html.theme-light .back-to-top:hover { background: var(--grad) !important; color: #fff !important; border-color: transparent !important; }

/* ===== 2026-09-22 天梯榜可读性与动效修正 ===== */
html.theme-light .rank-float {
    background: rgba(255,255,255,.97) !important;
    color: #17191e !important;
    border: 1px solid rgba(79,109,238,.30) !important;
    box-shadow: 0 24px 58px rgba(28,39,61,.18), 0 0 0 1px rgba(103,189,249,.10) !important;
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
    animation: rankFloatIn .22s cubic-bezier(.22,.8,.32,1) both !important;
}
html.theme-light .rank-float .rf-title {
    color: #4F6DEE !important;
    border-bottom-color: rgba(79,109,238,.16) !important;
    font-weight: 750 !important;
}
html.theme-light .rank-float .rf-row {
    color: #596474 !important;
    border-radius: 7px;
    padding: 5px 7px !important;
    transition: background .18s ease, transform .18s ease;
}
html.theme-light .rank-float .rf-row:hover { background: rgba(79,109,238,.07); transform: translateX(2px); }
html.theme-light .rank-float .rf-name { color: #606b7b !important; }
html.theme-light .rank-float .rf-val { color: #17191e !important; font-weight: 750 !important; font-variant-numeric: tabular-nums; }

/* 进度条高度扩大约一倍，并增加“填充 + 流光 + 呼吸”三段式动画。 */
html.theme-light .rank-bar {
    height: 26px !important;
    border-radius: 999px !important;
    background: #e9edf4 !important;
    box-shadow: inset 0 1px 2px rgba(29,42,65,.08), 0 1px 0 rgba(255,255,255,.92) !important;
    overflow: hidden !important;
}
html.theme-light .rank-bar-fill,
html.theme-light tr.top3 .rank-bar-fill {
    position: relative;
    height: 100% !important;
    min-width: 18px;
    border-radius: inherit !important;
    background: linear-gradient(100deg, #4F6DEE 0%, #4f92f1 42%, #67BDF9 72%, #78d5c1 100%) !important;
    background-size: 220% 100% !important;
    box-shadow: 0 0 14px rgba(79,109,238,.24), inset 0 1px 0 rgba(255,255,255,.35) !important;
    animation: rankBarGrow .82s cubic-bezier(.22,1.25,.32,1) both, rankBarFlow 3.2s linear infinite, rankBarBreath 2.6s ease-in-out infinite !important;
    will-change: width, background-position, filter;
}
html.theme-light tr.top3 .rank-bar-fill {
    background: linear-gradient(100deg, #ffbf5b 0%, #ff956b 46%, #e96b88 100%) !important;
    box-shadow: 0 0 16px rgba(233,107,136,.25), inset 0 1px 0 rgba(255,255,255,.38) !important;
}
html.theme-light .rank-bar-fill::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,.72) 50%, rgba(255,255,255,0) 66%, transparent 100%);
    transform: translateX(-110%);
    animation: rankBarSheen 2.8s cubic-bezier(.45,0,.55,1) infinite;
    pointer-events: none;
}
@keyframes rankFloatIn {
    from { opacity: 0; transform: translateY(7px) scale(.975); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes rankBarGrow { from { width: 0; } }
@keyframes rankBarFlow { from { background-position: 0% 0; } to { background-position: 220% 0; } }
@keyframes rankBarSheen { 0%, 18% { transform: translateX(-110%); } 62%, 100% { transform: translateX(110%); } }
@keyframes rankBarBreath { 0%, 100% { filter: saturate(1) brightness(1); } 50% { filter: saturate(1.08) brightness(1.04); } }
@media (prefers-reduced-motion: reduce) {
    html.theme-light .rank-float,
    html.theme-light .rank-bar-fill,
    html.theme-light .rank-bar-fill::after { animation: none !important; }
}

/* ===== 2026-09-22 天梯榜统一规则：前三名不特殊，所有指标同一渐变 ===== */
html.theme-light tr.top3,
html.theme-light tr.top3 td,
html.theme-light tr.brand td {
    background: transparent !important;
}
html.theme-light tr.top3 .rank-no,
html.theme-light tr.top3 .rank-model,
html.theme-light tr.top3 .rank-val,
html.theme-light tr.brand .rank-model {
    color: #17191e !important;
}
html.theme-light tr.top3 .rank-no::before,
html.theme-light tr.top3:nth-child(1) .rank-no::before,
html.theme-light tr.top3:nth-child(2) .rank-no::before,
html.theme-light tr.top3:nth-child(3) .rank-no::before {
    content: none !important;
    display: none !important;
}
html.theme-light .rank-bar-fill,
html.theme-light tr.top3 .rank-bar-fill {
    background: linear-gradient(100deg, #4F6DEE 0%, #4f92f1 46%, #67BDF9 100%) !important;
    box-shadow: 0 0 14px rgba(79,109,238,.24), inset 0 1px 0 rgba(255,255,255,.35) !important;
}
html.theme-light .rank-float { border-color: rgba(79,109,238,.30) !important; }
html.theme-light .rank-float .rf-title { color: #4F6DEE !important; }

/* ===== 2026-09-22 指标分色：每个榜单一套颜色，同榜单内保持一致 ===== */
html.theme-light #rankTable[data-rank="gamut"] .rank-bar-fill,
html.theme-light #rankTable[data-rank="gamut"] tr.top3 .rank-bar-fill,
html.theme-light .ladder-tab[data-rank="gamut"].active {
    background: linear-gradient(100deg, #4F6DEE 0%, #4F92F1 48%, #67BDF9 100%) !important;
}
html.theme-light #rankTable[data-rank="sdr"] .rank-bar-fill,
html.theme-light #rankTable[data-rank="sdr"] tr.top3 .rank-bar-fill,
html.theme-light .ladder-tab[data-rank="sdr"].active {
    background: linear-gradient(100deg, #F29A55 0%, #F6B85E 52%, #FFE08A 100%) !important;
}
html.theme-light #rankTable[data-rank="response"] .rank-bar-fill,
html.theme-light #rankTable[data-rank="response"] tr.top3 .rank-bar-fill,
html.theme-light .ladder-tab[data-rank="response"].active {
    background: linear-gradient(100deg, #7B55E8 0%, #A66BEA 48%, #E77DB2 100%) !important;
}
html.theme-light #rankTable[data-rank="uniformity"] .rank-bar-fill,
html.theme-light #rankTable[data-rank="uniformity"] tr.top3 .rank-bar-fill,
html.theme-light .ladder-tab[data-rank="uniformity"].active {
    background: linear-gradient(100deg, #279C72 0%, #3DC2A5 50%, #8DE1C8 100%) !important;
}
html.theme-light #rankTable[data-rank="contrast"] .rank-bar-fill,
html.theme-light #rankTable[data-rank="contrast"] tr.top3 .rank-bar-fill,
html.theme-light .ladder-tab[data-rank="contrast"].active {
    background: linear-gradient(100deg, #D95768 0%, #EB7B68 50%, #FFC07C 100%) !important;
}
html.theme-light #rankTable[data-rank="hdr"] .rank-bar-fill,
html.theme-light #rankTable[data-rank="hdr"] tr.top3 .rank-bar-fill,
html.theme-light .ladder-tab[data-rank="hdr"].active {
    background: linear-gradient(100deg, #5C58D8 0%, #7E79EC 48%, #B8B1FF 100%) !important;
}
html.theme-light #rankTable[data-rank="bet"] .rank-bar-fill,
html.theme-light #rankTable[data-rank="bet"] tr.top3 .rank-bar-fill,
html.theme-light .ladder-tab[data-rank="bet"].active {
    background: linear-gradient(100deg, #2F7FD6 0%, #35AFC7 50%, #78D9C6 100%) !important;
}

/* 让不同指标的激活标签保留同一套玻璃结构，只更换对应色系。 */
html.theme-light .ladder-tab[data-rank].active {
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(53,84,150,.20), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

/* ===== 2026-09-22 说明书卡片：红/紫强调色回归品牌蓝 =====
   保留卡片白底与灰白信息区，仅收回截图中可见的红色强调线和按钮。 */
html.theme-light .manual-center-title span {
    background: linear-gradient(100deg, #4F6DEE 0%, #4F92F1 52%, #67BDF9 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html.theme-light .manual-center-card::before,
html.theme-light .manual-card::before {
    background: linear-gradient(90deg, #4F6DEE 0%, #4F92F1 52%, #67BDF9 100%) !important;
}
html.theme-light .manual-center-download {
    background: linear-gradient(135deg, #4F6DEE 0%, #67BDF9 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px rgba(79,109,238,.24) !important;
}
html.theme-light .manual-center-download:hover {
    background: linear-gradient(135deg, #5D7CF2 0%, #78C8FA 100%) !important;
    box-shadow: 0 12px 24px rgba(79,109,238,.30) !important;
}

/* ===== 2026-09-22 首页轮播恢复：深色主视觉 + 左文案右产品图 ===== */
html.theme-light .hero {
    background: #070b14 !important;
}
html.theme-light .hero::before {
    opacity: .72 !important;
    background-image:
        linear-gradient(rgba(56,189,248,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(56,189,248,.045) 1px, transparent 1px) !important;
    background-size: 56px 56px !important;
}
html.theme-light .hero::after { display: none !important; }
html.theme-light .hero-slide[data-tone="sky"] {
    background:
        radial-gradient(ellipse 900px 560px at 82% 22%, rgba(56,189,248,.18), transparent 65%),
        radial-gradient(ellipse 640px 460px at 6% 90%, rgba(37,99,235,.16), transparent 65%),
        #070b14 !important;
}
html.theme-light .hero-slide[data-tone="violet"] {
    background:
        radial-gradient(ellipse 900px 560px at 80% 25%, rgba(139,92,246,.16), transparent 65%),
        radial-gradient(ellipse 640px 460px at 10% 88%, rgba(56,189,248,.10), transparent 65%),
        #070b14 !important;
}
html.theme-light .hero-slide[data-tone="gold"] {
    background:
        radial-gradient(ellipse 900px 560px at 80% 25%, rgba(255,209,102,.12), transparent 65%),
        radial-gradient(ellipse 640px 460px at 8% 88%, rgba(245,158,11,.10), transparent 65%),
        #070b14 !important;
}
html.theme-light .hero-slide[data-tone="teal"] {
    background:
        radial-gradient(ellipse 900px 560px at 80% 25%, rgba(45,212,191,.14), transparent 65%),
        radial-gradient(ellipse 640px 460px at 8% 88%, rgba(16,185,129,.10), transparent 65%),
        #070b14 !important;
}
html.theme-light .hero-slide[data-tone="rose"] {
    background:
        radial-gradient(ellipse 900px 560px at 80% 25%, rgba(251,113,133,.13), transparent 65%),
        radial-gradient(ellipse 640px 460px at 8% 88%, rgba(217,70,239,.10), transparent 65%),
        #070b14 !important;
}
html.theme-light .hero-slide[data-tone="sky"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="violet"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="gold"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="teal"] .hero-slide-inner,
html.theme-light .hero-slide[data-tone="rose"] .hero-slide-inner {
    background: transparent !important;
}
html.theme-light .hero-scrim {
    background: linear-gradient(90deg, rgba(5,8,16,.30) 0%, rgba(5,8,16,.10) 48%, rgba(5,8,16,.02) 100%) !important;
}
html.theme-light .hero-content h1 { color: #f5f7fb !important; text-shadow: 0 2px 20px rgba(0,0,0,.55) !important; }
html.theme-light .hero-content h1 .accent {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background: linear-gradient(90deg, #7dd3fc, #38bdf8, #4f8cff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
html.theme-light .hero-content p { color: rgba(230,237,248,.82) !important; text-shadow: 0 1px 10px rgba(0,0,0,.5) !important; }
html.theme-light .hero-badge {
    padding: 7px 16px !important;
    border-radius: 9999px !important;
    background: rgba(56,189,248,.12) !important;
    border-color: rgba(56,189,248,.42) !important;
    color: #7dd3fc !important;
}
html.theme-light .hero-cta:not(.ghost) {
    border-radius: 9999px !important;
    background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 8px 26px rgba(37,99,235,.30) !important;
}
html.theme-light .hero-cta.ghost {
    border-radius: 9999px !important;
    background: rgba(148,163,184,.18) !important;
    color: #e6edf8 !important;
    border-color: rgba(255,255,255,.20) !important;
    backdrop-filter: blur(8px) !important;
}
html.theme-light .hero-visual {
    border-left: 1px solid rgba(56,189,248,.14) !important;
    background: radial-gradient(circle at 48% 42%, rgba(56,189,248,.12), rgba(7,11,20,.02) 62%, transparent 76%) !important;
}
html.theme-light .hero-visual::before {
    border-top-color: rgba(56,189,248,.22) !important;
}
html.theme-light .hero-visual img { filter: drop-shadow(0 28px 60px rgba(0,0,0,.55)) !important; }
html.theme-light .hc-arrow {
    background: rgba(7,13,25,.55) !important;
    border-color: rgba(56,189,248,.24) !important;
    color: #7dd3fc !important;
    box-shadow: 0 0 22px rgba(37,99,235,.12) !important;
}
html.theme-light .hc-arrow:hover {
    background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 0 22px rgba(37,99,235,.38) !important;
}
html.theme-light .hc-dot { background: rgba(143,163,194,.35) !important; }
html.theme-light .hc-dot.active {
    background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
    box-shadow: 0 0 14px rgba(37,99,235,.42) !important;
}

/* 轮播结构兜底：确保桌面端有真实高度，绝对定位的幻灯片不会塌成 0px。 */
html.theme-light #home > #heroCarousel {
    display: block !important;
}
html.theme-light #home > .hc-dots {
    display: flex !important;
}
@media (min-width: 721px) {
    html.theme-light #home {
        height: clamp(520px, 62vh, 640px) !important;
        min-height: 520px !important;
        margin-top: var(--header-h) !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #07090d !important;
    }
    html.theme-light #home > #heroCarousel {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        height: 100% !important;
    }
    html.theme-light #home > .hc-arrow {
        display: flex !important;
    }
    html.theme-light #home > .hc-dots {
        display: flex !important;
    }
    html.theme-light .hero-slide {
        position: absolute !important;
        inset: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 0 !important;
        transform: translateX(60px) scale(.99) !important;
        pointer-events: none !important;
    }
    html.theme-light .hero-slide.active {
        opacity: 1 !important;
        transform: translateX(0) scale(1) !important;
        pointer-events: auto !important;
    }
    html.theme-light .hero-slide-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 85% !important;
        height: 100% !important;
        min-height: 0 !important;
        padding: 0 24px !important;
        gap: 40px !important;
    }
}

/* ===== 轮播最终验收：纯白背景 + 单张可见，切换不叠影 ===== */
html.theme-light #home,
html.theme-light .hero {
    background: #ffffff !important;
}
html.theme-light .hero::before {
    opacity: .36 !important;
    background-image:
        linear-gradient(rgba(33,52,82,.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(33,52,82,.026) 1px, transparent 1px) !important;
    background-size: 56px 56px !important;
}
html.theme-light .hero-slide[data-tone="sky"],
html.theme-light .hero-slide[data-tone="violet"],
html.theme-light .hero-slide[data-tone="gold"],
html.theme-light .hero-slide[data-tone="teal"],
html.theme-light .hero-slide[data-tone="rose"] {
    background: #ffffff !important;
}
html.theme-light .hero-scrim {
    background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.84) 44%, rgba(255,255,255,.28) 82%, rgba(255,255,255,0) 100%) !important;
}
html.theme-light .hero-content h1 {
    color: #141a24 !important;
    text-shadow: none !important;
}
html.theme-light .hero-content h1 .accent {
    background: linear-gradient(100deg, #4f6dee 0%, #3f9cf2 56%, #64c2ed 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}
html.theme-light .hero-content p {
    color: #5f6c7d !important;
    text-shadow: none !important;
}
html.theme-light .hero-badge {
    background: #f4f8ff !important;
    border-color: rgba(79,109,238,.25) !important;
    color: #4f6dee !important;
}
html.theme-light .hero-cta.ghost {
    background: #ffffff !important;
    border: 1px solid rgba(79,109,238,.22) !important;
    color: #34445c !important;
    box-shadow: 0 6px 16px rgba(31,47,82,.08) !important;
    backdrop-filter: none !important;
}
html.theme-light .hero-cta.ghost:hover {
    background: #f4f8ff !important;
    color: #4f6dee !important;
    border-color: rgba(79,109,238,.38) !important;
}
html.theme-light .hero-visual {
    border-left-color: rgba(79,109,238,.10) !important;
    background: radial-gradient(circle at 48% 42%, rgba(79,109,238,.08), rgba(255,255,255,0) 68%) !important;
}
html.theme-light .hero-visual img {
    filter: drop-shadow(0 24px 42px rgba(31,47,82,.18)) !important;
}
html.theme-light .hc-arrow {
    background: #ffffff !important;
    border-color: rgba(79,109,238,.20) !important;
    color: #4f6dee !important;
    box-shadow: 0 8px 22px rgba(31,47,82,.10) !important;
}
html.theme-light .hc-dot { background: #c9d2df !important; }
html.theme-light .hc-dot.active {
    background: linear-gradient(135deg, #4f6dee, #67bdf9) !important;
    box-shadow: 0 0 14px rgba(79,109,238,.28) !important;
}
@media (min-width: 721px) {
    html.theme-light .hero-slide {
        visibility: hidden !important;
        opacity: 0 !important;
        transform: none !important;
        transition: none !important;
    }
    html.theme-light .hero-slide.active {
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* ===== 全站页脚：关于我们 / 快速导航 / 服务支持 ===== */
.site-footer {
    position: relative;
    margin-top: clamp(64px, 8vw, 112px);
    padding: 0 24px 26px;
    background: #0b1120;
    color: #e6edf8;
    border-top: 1px solid rgba(56,189,248,.18);
}
.site-footer::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #4f6dee 26%, #67bdf9 52%, #8b5cf6 78%, transparent);
    opacity: .72;
}
.site-footer-grid {
    display: grid;
    grid-template-columns: minmax(280px, 1.35fr) minmax(150px, .75fr) minmax(210px, 1fr);
    gap: clamp(36px, 7vw, 112px);
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 58px 0 46px;
}
.site-footer-about,
.site-footer-links,
.site-footer-support { min-width: 0; }
.site-footer-kicker {
    margin-bottom: 14px;
    color: #67bdf9;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .12em;
}
.site-footer h2,
.site-footer h3 { margin: 0; }
.site-footer h2 {
    color: inherit;
    font-size: clamp(25px, 3vw, 34px);
    font-weight: 780;
    letter-spacing: -.04em;
}
.site-footer-about > p:not(.site-footer-note) {
    margin: 14px 0 0;
    color: #b5c3d9;
    font-size: 15px;
    font-weight: 650;
}
.site-footer-note {
    max-width: 330px;
    margin: 14px 0 0;
    color: #8192ae;
    font-size: 13px;
    line-height: 1.8;
}
.site-footer h3 {
    margin-bottom: 18px;
    color: #f5f7fb;
    font-size: 14px;
    font-weight: 750;
}
.site-footer-links,
.site-footer-support {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}
.site-footer a {
    color: #9eb0ca;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}
.site-footer a:hover,
.site-footer a:focus-visible {
    color: #67bdf9;
    transform: translateX(3px);
}
.site-footer a:focus-visible { outline: 2px solid #67bdf9; outline-offset: 4px; border-radius: 3px; }
.site-footer-support span {
    margin-top: 8px;
    color: #70829e;
    font-size: 12px;
    line-height: 1.6;
}
.site-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: min(1180px, 100%);
    margin: 0 auto;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.10);
    color: #70829e;
    font-size: 11px;
    line-height: 1.6;
}
.site-footer-records { display: inline-flex; align-items: center; gap: 8px; }
.site-footer-records a:last-child { display: inline-flex; align-items: center; transform: none; }
.site-footer-records a:last-child:hover { transform: none; }
.site-footer-records img { display: block; width: 20px; height: 20px; object-fit: contain; }
.site-footer-top { white-space: nowrap; color: #67bdf9 !important; }

html.theme-light .site-footer {
    background: #ffffff;
    color: #17191e;
    border-top-color: rgba(79,109,238,.16);
}
html.theme-light .site-footer::before {
    background: linear-gradient(90deg, transparent, #4f6dee 26%, #67bdf9 52%, #c05ab7 78%, transparent);
}
html.theme-light .site-footer-kicker { color: #4f6dee; }
html.theme-light .site-footer-about > p:not(.site-footer-note) { color: #33445d; }
html.theme-light .site-footer-note { color: #68778c; }
html.theme-light .site-footer h3 { color: #263247; }
html.theme-light .site-footer a { color: #53647d; }
html.theme-light .site-footer a:hover,
html.theme-light .site-footer a:focus-visible { color: #4f6dee; }
html.theme-light .site-footer a:focus-visible { outline-color: #4f6dee; }
html.theme-light .site-footer-support span { color: #7a8798; }
html.theme-light .site-footer-bottom { border-top-color: rgba(31,47,82,.10); color: #7a8798; }
html.theme-light .site-footer-top { color: #4f6dee !important; }

@media (max-width: 720px) {
    .site-footer { margin-top: 56px; padding: 0 18px 20px; }
    .site-footer-grid { grid-template-columns: 1fr 1fr; gap: 34px 24px; padding: 44px 0 34px; }
    .site-footer-about { grid-column: 1 / -1; }
    .site-footer-bottom { align-items: flex-start; flex-direction: column; gap: 10px; }
    .site-footer-records { order: 2; }
    .site-footer-top { order: 3; }
}

/* ===== 2026-09-23 悬浮控件造型统一 =====
   页面主体保持白色；背景切换、留言与返回顶部使用同尺寸圆形渐变按钮。 */
html.theme-light .msg-fab,
html.theme-light .back-to-top,
html.theme-light .theme-toggle-fab {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: var(--grad) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 10px 30px var(--sky-glow) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html.theme-light .msg-fab-icon {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    font-size: 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
}
html.theme-light .msg-fab-icon::after {
    content: none !important;
    display: none !important;
}
html.theme-light .back-to-top .rocket-svg,
html.theme-light .back-to-top .flame { display: block !important; }
html.theme-light .back-to-top .rocket::before { content: none !important; }

@media (max-width: 720px) {
    html.theme-light .msg-fab,
    html.theme-light .back-to-top,
    html.theme-light .theme-toggle-fab { width: 44px !important; height: 44px !important; }
}

/* ===== 2026-09-23 轮播标题保持整行 =====
   产品型号与卖点是一个完整视觉单元，桌面端不在短语中间断行。 */
@media (min-width: 721px) {
    html.theme-light .hero-content h1 {
        max-width: none !important;
        white-space: nowrap !important;
        font-size: clamp(30px, 3.5vw, 52px) !important;
        line-height: 1.04 !important;
    }
}

/* ===== 2026-09-23 栏目标签与路由过渡收口 =====
   斜切装饰不能再贴着文字裁切；路由内容每次切换都重新播放入场动画。 */
html.theme-light .section-tag {
    display: inline-block !important;
    padding: 5px 14px !important;
    line-height: 1.35 !important;
    overflow: visible !important;
    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%) !important;
}

#pageContent.route-swap-enter,
section.route-swap-enter {
    animation: routeSwapEnter .54s cubic-bezier(.22, .8, .32, 1) both !important;
}

@keyframes routeSwapEnter {
    from { opacity: 0; transform: translateY(20px) scale(.992); }
    64% { opacity: 1; transform: translateY(-2px) scale(1.001); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    #pageContent.route-swap-enter,
    section.route-swap-enter { animation: none !important; }
}

/* ===== 2026-09-23 搜索控件统一视觉 =====
   收起态与展开态使用同一枚彩色镜片图标；展开后的文字被限制在胶囊内部。 */
html.theme-light .nav-icon#niSearch,
html.theme-light .rs-toggle {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: transparent !important;
    border: 1px solid rgba(63, 76, 118, .20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 9px 22px rgba(42,57,91,.16) !important;
    overflow: visible !important;
}
html.theme-light .nav-icon#niSearch:hover,
html.theme-light .rs-toggle:hover {
    background: linear-gradient(145deg, #ffffff 0%, #f1f8ff 100%) !important;
    border-color: rgba(79,109,238,.34) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 12px 26px rgba(79,109,238,.20) !important;
}

/* 顶部搜索按钮的彩色镜片 */
html.theme-light .nav-icon#niSearch::before {
    content: "" !important;
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    left: 11px !important;
    top: 9px !important;
    border: 2px solid #4d4e89 !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #79e2e4 0%, #57c7ef 100%) !important;
    box-shadow: inset 0 1px 2px rgba(255,255,255,.72), 0 1px 2px rgba(66,63,127,.22) !important;
}
html.theme-light .nav-icon#niSearch::after {
    content: "" !important;
    position: absolute !important;
    width: 12px !important;
    height: 7px !important;
    left: 28px !important;
    top: 28px !important;
    border-radius: 2px 8px 8px 2px !important;
    background: linear-gradient(135deg, #684b90 0%, #b55c9a 100%) !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
    box-shadow: 0 1px 2px rgba(72,48,107,.24) !important;
}

/* 天梯榜搜索按钮中的同款彩色镜片 */
html.theme-light .rs-icon {
    position: relative !important;
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
html.theme-light .rs-icon::before {
    content: "" !important;
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    left: 4px !important;
    top: 4px !important;
    border: 2px solid #4d4e89 !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #79e2e4 0%, #57c7ef 100%) !important;
    box-shadow: inset 0 1px 2px rgba(255,255,255,.72), 0 1px 2px rgba(66,63,127,.22) !important;
}
html.theme-light .rs-icon::after {
    content: "" !important;
    position: absolute !important;
    width: 12px !important;
    height: 7px !important;
    left: 20px !important;
    top: 20px !important;
    border-radius: 2px 8px 8px 2px !important;
    background: linear-gradient(135deg, #684b90 0%, #b55c9a 100%) !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
    box-shadow: 0 1px 2px rgba(72,48,107,.24) !important;
}

/* 顶部搜索：白色长胶囊，图标与输入内容在同一轴线上。 */
html.theme-light .ns-mini {
    min-width: 46px !important;
    height: 48px !important;
    padding: 0 !important;
    gap: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    overflow: hidden !important;
    transition: width .38s cubic-bezier(.22,.8,.32,1), border-color .24s ease, box-shadow .24s ease, background .24s ease !important;
}
html.theme-light .ns-mini.open {
    width: min(300px, 32vw) !important;
    min-width: 220px !important;
    padding: 4px !important;
    gap: 4px !important;
    background: #ffffff !important;
    border: 2px solid #4F6DEE !important;
    box-shadow: 0 0 0 5px rgba(103,189,249,.18), 0 14px 32px rgba(42,57,91,.18) !important;
}
html.theme-light .ns-mini.open #niSearch {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border: 0 !important;
    box-shadow: none !important;
}
html.theme-light .ns-mini input,
html.theme-light .ns-mini.open #nsInput {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 0 !important;
    height: 40px !important;
    padding: 0 8px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #5f6878 !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 40px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    opacity: 0 !important;
}
html.theme-light .ns-mini.open #nsInput { width: auto !important; opacity: 1 !important; }
html.theme-light .ns-mini input::placeholder { color: #7a8492 !important; opacity: 1 !important; }

/* 天梯榜搜索：收起时是圆形图标，展开时变成同款长框。 */
html.theme-light .rank-search {
    width: 58px !important;
    min-width: 58px !important;
    height: 58px !important;
    padding: 5px !important;
    gap: 0 !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid rgba(63,76,118,.20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), 0 12px 28px rgba(42,57,91,.16) !important;
}
html.theme-light .rank-search.expanded {
    width: min(420px, 42vw) !important;
    min-width: 300px !important;
    height: 58px !important;
    padding: 5px 7px !important;
    gap: 4px !important;
    justify-content: flex-start !important;
    background: #ffffff !important;
    border: 2px solid #4F6DEE !important;
    box-shadow: 0 0 0 5px rgba(103,189,249,.18), 0 14px 34px rgba(42,57,91,.18) !important;
}
html.theme-light .rank-search input,
html.theme-light .rank-search.expanded input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: 0 !important;
    height: 46px !important;
    padding: 0 6px !important;
    color: #5f6878 !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    line-height: 46px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
html.theme-light .rank-search.expanded input { width: auto !important; opacity: 1 !important; }
html.theme-light .rank-search input::placeholder { color: #7a8492 !important; opacity: 1 !important; }
html.theme-light .rank-search .rs-count {
    flex: 0 1 auto !important;
    max-width: 86px !important;
    min-width: 0 !important;
    margin-left: 2px !important;
    padding: 4px 9px !important;
    color: #4F6DEE !important;
    background: linear-gradient(135deg, rgba(79,109,238,.10), rgba(103,189,249,.16)) !important;
    border: 1px solid rgba(79,109,238,.18) !important;
    font-size: 11px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
html.theme-light .rank-search:not(.expanded) .rs-count { display: none !important; }

@media (max-width: 720px) {
    html.theme-light .ns-mini.open {
        width: min(280px, calc(100vw - 92px)) !important;
        min-width: 0 !important;
    }
    html.theme-light .rank-search.expanded {
        width: min(100%, calc(100vw - 36px)) !important;
        min-width: 0 !important;
    }
}

/* 最终覆盖：浅色主题也必须使用同一枚方形深色线稿搜索图标，不保留旧的彩色外圈。 */
html.theme-light .nav-icon#niSearch,
html.theme-light .rs-toggle {
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px !important;
    border-radius: 16px !important;
    border: 1px solid #dbe1ea !important;
    background: #fff !important;
    box-shadow: 0 5px 14px rgba(30,45,70,.10) !important;
    overflow: hidden !important;
    transform: none !important;
}
html.theme-light .nav-icon#niSearch:hover,
html.theme-light .rs-toggle:hover {
    border-color: #c5cfdd !important;
    background: #fff !important;
    box-shadow: 0 7px 18px rgba(30,45,70,.14) !important;
    transform: translateY(-1px) !important;
}
html.theme-light .nav-icon#niSearch::before,
html.theme-light .rs-icon::before {
    width: 22px !important;
    height: 22px !important;
    left: 50% !important;
    top: 50% !important;
    margin: -13px 0 0 -13px !important;
    border: 2px solid #263247 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.theme-light .nav-icon#niSearch::after,
html.theme-light .rs-icon::after {
    width: 11px !important;
    height: 2px !important;
    left: 50% !important;
    top: 50% !important;
    margin: 7px 0 0 6px !important;
    border-radius: 2px !important;
    background: #263247 !important;
    box-shadow: none !important;
}
html.theme-light .rs-icon {
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px !important;
    margin: 0 !important;
}
html.theme-light .ns-mini {
    width: 56px !important;
    min-width: 56px !important;
    height: 56px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
html.theme-light .ns-mini.open {
    width: min(320px, 34vw) !important;
    min-width: 240px !important;
    height: 64px !important;
    padding: 4px !important;
    gap: 6px !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(30,45,70,.14) !important;
    overflow: hidden !important;
}
html.theme-light .ns-mini.open #niSearch {
    width: 56px !important;
    height: 56px !important;
    flex: 0 0 56px !important;
    border: 1px solid #dbe1ea !important;
    box-shadow: 0 4px 12px rgba(30,45,70,.09) !important;
}
html.theme-light .ns-mini input,
html.theme-light .ns-mini.open #nsInput {
    width: auto !important;
    height: 54px !important;
    padding: 0 10px !important;
    color: #3e4a5f !important;
    font-size: 14px !important;
    line-height: 54px !important;
}
html.theme-light .ns-mini input { opacity: 0 !important; }
html.theme-light .ns-mini.open #nsInput { opacity: 1 !important; }
html.theme-light .rank-search {
    width: 64px !important;
    min-width: 64px !important;
    height: 64px !important;
    padding: 4px !important;
    border-radius: 20px !important;
    border: 1px solid #dbe1ea !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(30,45,70,.11) !important;
}
html.theme-light .rank-search.expanded {
    width: 300px !important;
    min-width: 300px !important;
    height: 64px !important;
    padding: 4px 7px !important;
    gap: 6px !important;
    border: 1px solid #dbe1ea !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(30,45,70,.14) !important;
}
html.theme-light .rank-search input,
html.theme-light .rank-search.expanded input {
    height: 54px !important;
    padding: 0 6px !important;
    color: #3e4a5f !important;
    font-size: 14px !important;
    line-height: 54px !important;
}
html.theme-light .rank-search .rs-count { max-width: 90px !important; }
@media (max-width: 720px) {
    html.theme-light .ns-mini.open { width: min(290px, calc(100vw - 88px)) !important; min-width: 0 !important; }
    html.theme-light .rank-search.expanded { width: min(100%, calc(100vw - 36px)) !important; min-width: 0 !important; }
}

/* ===== 2026-09-23 搜索图标最终对齐 =====
   搜索按钮与登录按钮统一 40px；搜索控件不再套额外光圈/外圈。
   浅色背景使用深色线稿，深色背景恢复原来的彩色 🔍 图标。 */
html.theme-light .nav-icon#niSearch,
html.theme-light .rs-toggle {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
}
html.theme-light .nav-icon#niSearch:hover,
html.theme-light .rs-toggle:hover {
    border-color: #c5cfdd !important;
    background: #fff !important;
    color: transparent !important;
    box-shadow: none !important;
    transform: translateY(-1px) !important;
}
html.theme-light .nav-icon#niSearch::before,
html.theme-light .rs-icon::before {
    content: "" !important;
    position: absolute !important;
    width: 20px !important;
    height: 20px !important;
    left: 50% !important;
    top: 50% !important;
    margin: -12px 0 0 -12px !important;
    border: 2px solid #263247 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.theme-light .nav-icon#niSearch::after,
html.theme-light .rs-icon::after {
    content: "" !important;
    position: absolute !important;
    width: 10px !important;
    height: 2px !important;
    left: 50% !important;
    top: 50% !important;
    margin: 7px 0 0 6px !important;
    border-radius: 2px !important;
    background: #263247 !important;
    box-shadow: none !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
}
html.theme-light .rs-icon {
    position: relative !important;
    display: block !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    margin: 0 !important;
    font-size: 0 !important;
    opacity: 1 !important;
}
html.theme-light .ns-mini {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
html.theme-light .ns-mini.open {
    width: min(320px, 34vw) !important;
    min-width: 240px !important;
    height: 48px !important;
    padding: 4px !important;
    gap: 4px !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}
html.theme-light .ns-mini.open #niSearch {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border: 1px solid #dbe1ea !important;
    box-shadow: none !important;
}
html.theme-light .ns-mini input,
html.theme-light .ns-mini.open #nsInput {
    width: auto !important;
    height: 40px !important;
    padding: 0 8px !important;
    color: #3e4a5f !important;
    font-size: 14px !important;
    line-height: 40px !important;
    box-shadow: none !important;
}
html.theme-light .ns-mini input { opacity: 0 !important; }
html.theme-light .ns-mini.open #nsInput { opacity: 1 !important; }
html.theme-light .rank-search {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.theme-light .rank-search.expanded {
    width: 300px !important;
    min-width: 300px !important;
    height: 48px !important;
    padding: 4px !important;
    gap: 4px !important;
    border: 1px solid #dbe1ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
}
html.theme-light .rank-search.expanded .rs-toggle {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    border: 1px solid #dbe1ea !important;
    box-shadow: none !important;
}
html.theme-light .rank-search input,
html.theme-light .rank-search.expanded input {
    height: 40px !important;
    line-height: 40px !important;
    box-shadow: none !important;
}
html.theme-light .ns-mini.open,
html.theme-light .rank-search:focus-within { box-shadow: none !important; }

/* 深色主题跟随线上公开页：透明导航图标、42px 圆角搜索胶囊和线上阴影。 */
html:not(.theme-light) .nav-icon#niSearch,
html:not(.theme-light) .rs-toggle {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--txt) !important;
}
html:not(.theme-light) .nav-icon#niSearch:hover,
html:not(.theme-light) .rs-toggle:hover {
    background: rgba(56,189,248,.10) !important;
    color: var(--sky-bright) !important;
    box-shadow: none !important;
    transform: translateY(-2px) !important;
}
html:not(.theme-light) .rs-icon {
    font-size: 15px !important;
    line-height: 1 !important;
    opacity: .7 !important;
}
html:not(.theme-light) .rs-toggle:hover .rs-icon {
    opacity: 1 !important;
}
html:not(.theme-light) .rank-search {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 4px !important;
    border: 1.5px solid var(--line) !important;
    border-radius: 9999px !important;
    background: rgba(16,24,48,.95) !important;
    box-shadow: 0 10px 34px rgba(0,0,0,.55), 0 0 20px rgba(56,189,248,.06) !important;
}
html:not(.theme-light) .rank-search .rs-toggle {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
}
html:not(.theme-light) .rank-search.expanded {
    width: 300px !important;
    min-width: 300px !important;
    height: 42px !important;
    padding: 4px 6px 4px 14px !important;
    gap: 8px !important;
    border: 1.5px solid var(--line) !important;
    border-radius: 9999px !important;
    background: rgba(16,24,48,.95) !important;
    box-shadow: 0 10px 34px rgba(0,0,0,.55), 0 0 20px rgba(56,189,248,.06) !important;
}
html:not(.theme-light) .rank-search.expanded .rs-toggle {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
}
html:not(.theme-light) .rank-search:focus-within,
html:not(.theme-light) .rank-search.expanded:focus-within {
    border-color: var(--sky) !important;
    box-shadow: 0 10px 34px rgba(0,0,0,.55), 0 0 26px rgba(56,189,248,.20) !important;
}
html:not(.theme-light) .ns-mini.open {
    background: rgba(20,28,44,.95) !important;
    border-color: var(--sky) !important;
    box-shadow: 0 0 0 3px rgba(56,189,248,.14) !important;
    padding-left: 6px !important;
}
@media (max-width: 720px) {
    html.theme-light .rank-search.expanded,
    html:not(.theme-light) .rank-search.expanded {
        width: min(100%, calc(100vw - 36px)) !important;
        min-width: 0 !important;
    }
}

/* ===== 2026-09-23 浅色首页与深色首页的首屏对齐 =====
   浅色主题沿用深色主题的首屏上沿和区块标题轴线，避免切换主题后内容下沉、标题偏左。 */
@media (min-width: 721px) {
    html.theme-light #home .hero-slide-inner {
        align-items: flex-start !important;
        padding: clamp(28px, 4vh, 52px) 24px 0 !important;
    }
    html.theme-light #home .hero-visual {
        align-self: flex-start !important;
    }
}
html.theme-light .feature-showcase .section-header {
    text-align: center !important;
    margin-bottom: 28px !important;
}

/* ===== 2026-09-23 浅色首屏与深色首屏几何完全对齐 =====
   只同步尺寸、间距和定位；浅色主题原有的颜色、背景和阴影继续保留。 */
@media (min-width: 721px) {
    html.theme-light {
        --header-h: 78px !important;
    }
    html.theme-light .header,
    html.theme-light .header.scrolled {
        height: 78px !important;
    }
    html.theme-light .header .nav {
        height: 78px !important;
        padding: 0 24px !important;
    }
    html.theme-light .logo-img {
        width: 180px !important;
        height: 44px !important;
        max-width: 180px !important;
        max-height: 52px !important;
    }
    html.theme-light .nav-links {
        gap: 34px !important;
    }
    html.theme-light .nav-links a {
        font-size: 16.5px !important;
        font-weight: 700 !important;
        letter-spacing: .5px !important;
        padding: 6px 0 !important;
    }
    html.theme-light .nav-icons {
        gap: 12px !important;
    }
    html.theme-light .nav-icon {
        width: 40px !important;
        height: 40px !important;
        font-size: 18px !important;
    }
    html.theme-light .acct-avatar {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }

    html.theme-light #home .hero-slide-inner {
        align-items: flex-start !important;
        gap: 40px !important;
        padding: clamp(28px, 4vh, 52px) 24px 0 !important;
    }
    html.theme-light #home .hero-content {
        max-width: none !important;
        gap: 16px !important;
        padding: 0 !important;
    }
    html.theme-light #home .hero-badge {
        padding: 7px 16px !important;
        border-radius: 9999px !important;
        font-size: 13px !important;
        letter-spacing: 1px !important;
    }
    html.theme-light #home .hero-content h1 {
        font-size: clamp(32px, 4.4vw, 56px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.03em !important;
        max-width: 15em !important;
    }
    html.theme-light #home .hero-content p {
        max-width: 560px !important;
        font-size: clamp(13px, 1.2vw, 16px) !important;
        line-height: 1.7 !important;
    }
    html.theme-light #home .hero-actions {
        gap: 14px !important;
        margin-top: 6px !important;
    }
    html.theme-light #home .hero-cta {
        font-size: 15px !important;
        padding: 13px 34px !important;
        border-radius: 9999px !important;
    }
    html.theme-light #home .hero-visual {
        align-self: flex-start !important;
        flex: 0 1 50% !important;
        max-width: 620px !important;
        height: 86% !important;
        padding: 0 !important;
    }
}

/* 与 index.html 的 1080px 响应式断点保持同样的缩放，不让浅色版在窄桌面变大。 */
@media (max-width: 1080px) and (min-width: 721px) {
    html.theme-light .nav-links { gap: 20px !important; }
    html.theme-light .hero { height: clamp(480px, 58vh, 580px) !important; }
    html.theme-light #home .hero-slide-inner { gap: 30px !important; }
    html.theme-light #home .hero-content h1 { font-size: 34px !important; }
    html.theme-light #home .hero-visual { max-width: 460px !important; height: 80% !important; }
}

/* ===== 2026-09-23 黑色版全局排版基准 =====
   黑色主题是尺寸与排版基准；浅色主题只保留自己的颜色，字体、字距、版心和组件几何不另起一套。 */
html.theme-light,
html.theme-light body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
    letter-spacing: normal !important;
}

html.theme-light .section-tag {
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    line-height: 1.6 !important;
    padding: 6px 18px !important;
    border: 1px solid var(--line) !important;
    border-radius: 4px !important;
    margin-bottom: 16px !important;
}
html.theme-light .section-title {
    font-size: 36px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    letter-spacing: -.028em !important;
    margin-bottom: 12px !important;
}
html.theme-light .section-sub {
    font-size: 14px !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
}
html.theme-light .feature-showcase .section-header {
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
html.theme-light .feature-card { border-radius: 14px !important; }
html.theme-light .feature-card {
    border: 1px solid var(--line-soft) !important;
    border-top-width: 1px !important;
    border-radius: 14px !important;
}
html.theme-light .feature-info h3 {
    font-size: 26px !important;
    line-height: 1.5 !important;
    letter-spacing: -.022em !important;
}
html.theme-light .feature-info p {
    font-size: 13.5px !important;
    line-height: 1.9 !important;
    letter-spacing: normal !important;
}
html.theme-light .feature-list li {
    font-size: 13px !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
    padding: 6px 0 !important;
}

/* 天梯百分比条：黑色主题采用浅色主题同样的可读高度，颜色仍保持黑色主题的深色氛围。 */
html:not(.theme-light) .rank-bar {
    height: 26px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}
html:not(.theme-light) .rank-bar-fill,
html:not(.theme-light) tr.top3 .rank-bar-fill {
    height: 100% !important;
    min-width: 18px !important;
    border-radius: inherit !important;
}

html.theme-light .rank-table td,
html.theme-light .rank-no,
html.theme-light .rank-model,
html.theme-light .rank-sub,
html.theme-light .rank-val,
html.theme-light .rank-val em,
html.theme-light .rm-title,
html.theme-light .rm-title small,
html.theme-light .rm-dir {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
    letter-spacing: normal !important;
}
html.theme-light .rank-no,
html.theme-light .rank-model,
html.theme-light .rank-val { font-weight: 700 !important; }
html.theme-light .rank-val em { font-weight: 500 !important; }

/* 说明书中心：恢复黑色版版心、卡片宽度与文字节奏，浅色只改变表面颜色。 */
html.theme-light .manual-center {
    max-width: calc(85% - 48px) !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
html.theme-light .manual-center-head {
    border-left: 0 !important;
    padding-left: 0 !important;
}
html.theme-light .manual-center-kicker {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
}
html.theme-light .manual-center-title {
    font-size: clamp(28px, 3.8vw, 48px) !important;
    line-height: 1.12 !important;
    letter-spacing: -1.8px !important;
    margin: 12px 0 0 !important;
}
html.theme-light .manual-center-copy {
    max-width: 660px !important;
    margin: 14px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
    letter-spacing: normal !important;
}
html.theme-light .manual-center-search input,
html.theme-light .manual-center-search input::placeholder {
    font-size: 13px !important;
    line-height: 30px !important;
    letter-spacing: normal !important;
}
html.theme-light .manual-center-card {
    min-height: 205px !important;
    padding: 18px !important;
    border: 1px solid var(--line-soft) !important;
    border-left-width: 1px !important;
    border-radius: 16px !important;
}
html.theme-light .manual-center-card::before { display: none !important; }
html.theme-light .manual-center-model {
    font-size: 17px !important;
    line-height: 1.25 !important;
    letter-spacing: -.2px !important;
}
html.theme-light .manual-center-brand {
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: .8px !important;
}
html.theme-light .manual-center-spec {
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: normal !important;
}
html.theme-light .manual-center-meta span {
    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
}
html.theme-light .manual-center-download {
    font-size: 10px !important;
    line-height: 16px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 9px !important;
}

/* 轮播、页脚与深色版保持同一字重和字距；浅色仅替换颜色。 */
html.theme-light #home .hero-content h1 {
    font-weight: 700 !important;
    max-width: 840px !important;
    white-space: normal !important;
}
html.theme-light .site-footer h2 {
    font-weight: 780 !important;
    letter-spacing: -.04em !important;
}
html.theme-light .site-footer h3 {
    font-weight: 750 !important;
    letter-spacing: -.022em !important;
}

/* 天梯前三名与深色版使用同样的标记，避免浅色版前三行高度塌缩。 */
html.theme-light tr.top3:nth-child(1) .rank-no::before { content: "🥇 " !important; display: inline !important; }
html.theme-light tr.top3:nth-child(2) .rank-no::before { content: "🥈 " !important; display: inline !important; }
html.theme-light tr.top3:nth-child(3) .rank-no::before { content: "🥉 " !important; display: inline !important; }

/* 天梯控件也以深色版为几何基准，避免控件高度把后续说明书页面推移。 */
html.theme-light .ladder-tabs {
    gap: 10px !important;
}
html.theme-light .ladder-tab {
    padding: 9px 22px !important;
    border-radius: 9999px !important;
}
html.theme-light #rankSearchBox {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    padding: 4px !important;
    border: 1.5px solid transparent !important;
    border-radius: 9999px !important;
}
html.theme-light .rank-search .rs-toggle {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    border: 0 !important;
    border-radius: 10px !important;
}
html.theme-light .ladder-note {
    margin-top: 30px !important;
    border-radius: 12px !important;
}
html.theme-light .rank-board {
    border-radius: 14px !important;
}
html.theme-light .rank-more-btn {
    height: 42px !important;
    border-width: 1.5px !important;
    border-radius: 9999px !important;
}
html.theme-light .manual-center-search {
    border-radius: 14px !important;
}

@media (max-width: 720px) {
    html.theme-light .ladder-controls {
        max-width: 80% !important;
        margin: 0 auto 34px !important;
    }
    html.theme-light .manual-center {
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px 0 0 !important;
        padding: 0 !important;
    }
    html.theme-light .manual-center-head {
        border-left: 0 !important;
        padding-left: 0 !important;
    }
}

/* 说明书外层标题与黑色主题共用同一条中轴；浅色主题只替换颜色。 */
html.theme-light #service > .section-header {
    text-align: center !important;
    max-width: calc(85% - 48px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 最终黑色基准校准：浅色主题只替换颜色，不改变顶部图标盒、按钮几何。 */
@media (min-width: 721px) {
    html.theme-light .nav-icon#niSearch,
    html.theme-light .nav-icon#niUser2 {
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--txt) !important;
        font-size: 18px !important;
        line-height: normal !important;
        transform: none !important;
    }
    html.theme-light .nav-icon#niSearch { margin-left: 1.3333px !important; }
    html.theme-light .nav-icon#niSearch::before,
    html.theme-light .nav-icon#niSearch::after,
    html.theme-light .nav-icon#niUser2::before,
    html.theme-light .nav-icon#niUser2::after {
        content: none !important;
        display: none !important;
    }
    html.theme-light .ns-mini {
        width: 42.6667px !important;
        min-width: 42.6667px !important;
        height: 42.6667px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 9999px !important;
        background: transparent !important;
        box-shadow: none !important;
        gap: normal !important;
    }
}
html.theme-light .hero-cta:not(.ghost) {
    min-height: 51.3333px !important;
    height: 51.3333px !important;
}
html.theme-light .hero-visual {
    position: static !important;
    border-left: 0 !important;
}
html.theme-light .hero-visual::before {
    content: none !important;
    display: none !important;
}
html.theme-light .rank-bar,
html.theme-light .rank-bar-fill {
    font-weight: 400 !important;
}
html.theme-light .hero-cta:not(.ghost) {
    border: 0 !important;
}

/* ===== 2026-09-23 移动端黑色基准几何收口 =====
   白色主题在移动端也只替换颜色；顶部、轮播、区块和卡片沿用黑色主题的尺寸与排放。 */
@media (max-width: 720px) {
    html.theme-light {
        --header-h: 78px !important;
    }
    html.theme-light .header,
    html.theme-light .header.scrolled,
    html.theme-light .header .nav {
        height: 78px !important;
    }
    html.theme-light .header .nav {
        padding: 0 16px !important;
    }
    html.theme-light .nav-icons {
        right: 16px !important;
        gap: 6px !important;
    }
    html.theme-light .nav-icon {
        width: 36px !important;
        height: 36px !important;
        flex: 0 0 36px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
        font-size: 16px !important;
        line-height: normal !important;
    }
    html.theme-light .ns-mini {
        width: 42.6667px !important;
        min-width: 42.6667px !important;
        height: 42.6667px !important;
        padding: 0 !important;
        gap: normal !important;
        border: 0 !important;
        border-radius: 9999px !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }
    html.theme-light .ns-mini #niSearch {
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;
        margin-left: 1.3333px !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--txt) !important;
        font-size: 16px !important;
        line-height: normal !important;
    }
    html.theme-light #navUserSlot,
    html.theme-light .nav-icon#niUser2 {
        width: 36px !important;
        height: 36px !important;
        flex: 0 0 36px !important;
    }
    html.theme-light .nav-icon#niSearch::before,
    html.theme-light .nav-icon#niSearch::after,
    html.theme-light .nav-icon#niUser2::before,
    html.theme-light .nav-icon#niUser2::after {
        content: none !important;
        display: none !important;
    }

    html.theme-light #home,
    html.theme-light .hero {
        height: auto !important;
        min-height: 0 !important;
        margin-top: var(--header-h) !important;
        padding: 0 0 8px !important;
        overflow: hidden !important;
    }
    html.theme-light .hero-slide {
        position: relative !important;
        inset: auto !important;
        display: none !important;
        height: auto !important;
        transform: none !important;
        opacity: 1 !important;
    }
    html.theme-light .hero-slide.active {
        display: flex !important;
        animation: mFade .45s ease !important;
    }
    html.theme-light .hero-slide-inner {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        max-width: 100% !important;
        padding: 10px 16px 6px !important;
        gap: 4px !important;
        text-align: center !important;
        height: auto !important;
    }
    html.theme-light .hero-visual {
        order: -1 !important;
        flex: 0 1 auto !important;
        max-width: 82% !important;
        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        justify-content: center !important;
        align-self: auto !important;
        margin: 4px 0 2px !important;
        padding: 0 !important;
        border-left: 0 !important;
    }
    html.theme-light .hero-visual img {
        max-height: 200px !important;
        width: auto !important;
        max-width: 100% !important;
        animation: heroFloat 5.2s ease-in-out infinite !important;
    }
    html.theme-light .hero-content {
        order: 1 !important;
        align-items: center !important;
        text-align: center !important;
        padding: 0 !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: none !important;
    }
    html.theme-light .hero-badge {
        padding: 7px 16px !important;
        border-radius: 9999px !important;
        letter-spacing: 1px !important;
        align-self: center !important;
    }
    html.theme-light .hero-content h1 {
        font-size: 24px !important;
        line-height: 1.08 !important;
        letter-spacing: -.03em !important;
        max-width: 15em !important;
        white-space: normal !important;
    }
    html.theme-light .hero-content p {
        max-width: 560px !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }
    html.theme-light .hero-actions {
        justify-content: center !important;
        gap: 14px !important;
        margin-top: 2px !important;
    }
    html.theme-light .hero-cta {
        min-height: 0 !important;
        height: auto !important;
        padding: 13px 34px !important;
        border-radius: 9999px !important;
        font-size: 15px !important;
        font-weight: 600 !important;
    }
    html.theme-light .hero-cta:not(.ghost) {
        min-height: 51.3333px !important;
        height: auto !important;
        padding: 13px 34px !important;
        border: 0 !important;
    }
    html.theme-light .hero-cta.ghost {
        padding: 13px 34px !important;
    }
    html.theme-light .hc-dots {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
        justify-content: center !important;
        margin: 10px auto 4px !important;
    }
    html.theme-light .hc-arrow { display: none !important; }

    html.theme-light .section,
    html.theme-light .feature-showcase,
    html.theme-light .ladder-section,
    html.theme-light .b2b-section {
        padding: 60px 0 80px !important;
    }
    html.theme-light .section-title {
        font-size: 26px !important;
        line-height: 1.25 !important;
        letter-spacing: -.028em !important;
    }
    html.theme-light .feature-info {
        padding: 45px 50px !important;
    }
    html.theme-light .big-num {
        font-size: 52px !important;
        line-height: 1 !important;
        letter-spacing: normal !important;
    }
    html.theme-light .big-unit {
        margin: 0 !important;
        letter-spacing: 2px !important;
    }
    html.theme-light .section > .section-header,
    html.theme-light #service > .section-header {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* 桌面端轮播外层也沿用黑色基准：白色主题只替换颜色，不改变容器定位高度。 */
@media (min-width: 721px) {
    html.theme-light #home > #heroCarousel {
        display: block !important;
        position: static !important;
        inset: auto !important;
        width: auto !important;
        height: 0 !important;
        margin: 0 !important;
    }
}

/* 白色主题沿用黑色版特色面板标题的尺寸与单行空间，仅保留浅色文字配色。 */
html.theme-light .feature-visual-text {
    width: 100% !important;
    max-width: none !important;
}
html.theme-light .big-num {
    font-size: 72px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    margin-bottom: 12px !important;
}
html.theme-light .big-unit {
    margin-top: 0 !important;
    letter-spacing: 2px !important;
}

@media (max-width: 720px) {
    html.theme-light .big-num { font-size: 52px !important; }
}

/* 深色天梯榜沿用白色版的排名规则：前三名不另加金色，颜色由当前指标决定。 */
html:not(.theme-light) tr.top3,
html:not(.theme-light) tr.top3 td {
    background: transparent !important;
}
html:not(.theme-light) tr.top3 .rank-no { color: var(--sub) !important; }
html:not(.theme-light) tr.top3 .rank-model,
html:not(.theme-light) tr.top3 .rank-val { color: var(--white) !important; }

html:not(.theme-light) #rankTable[data-rank="gamut"] .rank-bar-fill,
html:not(.theme-light) .ladder-tab[data-rank="gamut"].active {
    background: linear-gradient(100deg, #4F6DEE 0%, #4F92F1 48%, #67BDF9 100%) !important;
}
html:not(.theme-light) #rankTable[data-rank="sdr"] .rank-bar-fill,
html:not(.theme-light) .ladder-tab[data-rank="sdr"].active {
    background: linear-gradient(100deg, #F29A55 0%, #F6B85E 52%, #FFE08A 100%) !important;
}
html:not(.theme-light) #rankTable[data-rank="response"] .rank-bar-fill,
html:not(.theme-light) .ladder-tab[data-rank="response"].active {
    background: linear-gradient(100deg, #7B55E8 0%, #A66BEA 48%, #E77DB2 100%) !important;
}
html:not(.theme-light) #rankTable[data-rank="uniformity"] .rank-bar-fill,
html:not(.theme-light) .ladder-tab[data-rank="uniformity"].active {
    background: linear-gradient(100deg, #279C72 0%, #3DC2A5 50%, #8DE1C8 100%) !important;
}
html:not(.theme-light) #rankTable[data-rank="contrast"] .rank-bar-fill,
html:not(.theme-light) .ladder-tab[data-rank="contrast"].active {
    background: linear-gradient(100deg, #D95768 0%, #EB7B68 50%, #FFC07C 100%) !important;
}
html:not(.theme-light) #rankTable[data-rank="hdr"] .rank-bar-fill,
html:not(.theme-light) .ladder-tab[data-rank="hdr"].active {
    background: linear-gradient(100deg, #5C58D8 0%, #7E79EC 48%, #B8B1FF 100%) !important;
}
html:not(.theme-light) #rankTable[data-rank="bet"] .rank-bar-fill,
html:not(.theme-light) .ladder-tab[data-rank="bet"].active {
    background: linear-gradient(100deg, #2F7FD6 0%, #35AFC7 50%, #78D9C6 100%) !important;
}
html:not(.theme-light) .ladder-tab[data-rank].active {
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 8px 20px rgba(53,84,150,.24), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

/* 顶栏搜索、登录图标使用同一套线稿和按钮尺寸，搜索收起时与登录键盒对齐。 */
.nav-icon .nav-svg {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.nav-icon .nav-svg circle,
.nav-icon .nav-svg path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
}
html.theme-light #niSearch .nav-svg,
html.theme-light #niUser2 .nav-svg {
    color: #929ba8 !important;
}
html:not(.theme-light) #niSearch .nav-svg,
html:not(.theme-light) #niUser2 .nav-svg {
    color: #c4cedb !important;
}
html.theme-light .nav-icon#niSearch,
html.theme-light .nav-icon#niUser2,
html:not(.theme-light) .nav-icon#niSearch,
html:not(.theme-light) .nav-icon#niUser2 {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
}
html.theme-light .ns-mini:not(.open),
html:not(.theme-light) .ns-mini:not(.open) {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
}
html.theme-light #niSearch::before,
html.theme-light #niSearch::after,
html.theme-light #niUser2::before,
html.theme-light #niUser2::after {
    content: none !important;
    display: none !important;
}
@media (max-width: 720px) {
    html.theme-light .nav-icon#niSearch,
    html.theme-light .nav-icon#niUser2,
    html:not(.theme-light) .nav-icon#niSearch,
    html:not(.theme-light) .nav-icon#niUser2 {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        flex: 0 0 36px !important;
    }
    html.theme-light .ns-mini:not(.open),
    html:not(.theme-light) .ns-mini:not(.open) {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        flex: 0 0 36px !important;
    }
}

/* 天梯榜浅色搜索：ID 选择器优先级高于旧的主题尺寸规则，确保点击后搜索胶囊确实展开。
   收起态沿用深色版 42px 外框与 34px 点击区；线稿单独居中，避免旧的 40px 图标盒被裁切。 */
html.theme-light #rankSearchBox {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 auto !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: none !important;
    height: 42px !important;
    padding: 4px !important;
    gap: 0 !important;
    border: 1.5px solid transparent !important;
    border-radius: 9999px !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}
html.theme-light #rankSearchBox.expanded {
    width: 300px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 36px) !important;
    height: 42px !important;
    padding: 4px 6px 4px 14px !important;
    gap: 8px !important;
    border-color: #dbe1ea !important;
    border-radius: 9999px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(30, 45, 70, .10) !important;
}
html.theme-light #rankSearchBox:focus-within {
    border-color: #9bbfe0 !important;
    box-shadow: 0 0 0 3px rgba(75, 130, 184, .12) !important;
}
html.theme-light #rankSearchBox #rankSearchToggle {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
}
html.theme-light #rankSearchBox #rankSearchToggle:hover {
    background: rgba(43, 52, 64, .06) !important;
    transform: none !important;
}
html.theme-light #rankSearchBox #rankSearchToggle:focus-visible {
    outline: 2px solid #7ba9d3 !important;
    outline-offset: 1px !important;
}
html.theme-light #rankSearchBox .rs-icon {
    position: relative !important;
    display: block !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: none !important;
}
html.theme-light #rankSearchBox .rs-icon::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border: 2px solid #263247 !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}
html.theme-light #rankSearchBox .rs-icon::after {
    content: "" !important;
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    width: 9px !important;
    height: 2px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #263247 !important;
    box-shadow: none !important;
    transform: rotate(45deg) !important;
    transform-origin: left center !important;
}
html.theme-light #rankSearchBox input,
html.theme-light #rankSearchBox.expanded input {
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 30px !important;
    padding: 0 2px !important;
    line-height: 30px !important;
    box-shadow: none !important;
}
html.theme-light #rankSearchBox.expanded input {
    width: auto !important;
    opacity: 1 !important;
}
@media (max-width: 720px) {
    html.theme-light #rankSearchBox.expanded {
        width: min(300px, calc(100vw - 36px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 36px) !important;
    }
}

/* 两处搜索按不同锚点展开：天梯向右并抵消居中位移，顶栏固定右沿向左展开。 */
html.theme-light #rankSearchBox,
html:not(.theme-light) #rankSearchBox {
    transition: width .78s cubic-bezier(.22,1,.36,1),
                min-width .78s cubic-bezier(.22,1,.36,1),
                gap .62s cubic-bezier(.22,1,.36,1),
                padding .62s cubic-bezier(.22,1,.36,1),
                border-color .28s ease, background-color .28s ease, box-shadow .28s ease !important;
}
html.theme-light #rankSearchBox.expanded input,
html:not(.theme-light) #rankSearchBox.expanded input {
    flex: 1 1 0px !important;
    width: 0 !important;
    opacity: 1 !important;
    transition: opacity .28s ease .12s !important;
}
.ladder-controls.rank-search-open {
    transform: translateX(129px);
}
@media (max-width: 336px) {
    .ladder-controls.rank-search-open {
        transform: translateX(calc(50vw - 39px));
    }
}
@media (max-width: 720px) {
    html.theme-light #rankSearchBox.expanded,
    html:not(.theme-light) #rankSearchBox.expanded {
        width: min(300px, calc(100vw - 36px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 36px) !important;
    }
}

/* 顶栏搜索按钮在 .nav-icons 的最左侧；容器右对齐，因此固定图标组、只动画搜索框宽度即可向左展开。 */
#nsMini:not(.open) {
    box-sizing: border-box !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    padding: 0 !important;
    overflow: visible !important;
    transition: width .78s cubic-bezier(.22,1,.36,1),
                min-width .78s cubic-bezier(.22,1,.36,1),
                flex-basis .78s cubic-bezier(.22,1,.36,1),
                height .62s cubic-bezier(.22,1,.36,1),
                padding .62s cubic-bezier(.22,1,.36,1),
                background-color .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}
#nsMini.open {
    box-sizing: border-box !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 36px) !important;
    flex: 0 0 300px !important;
    height: 48px !important;
    padding: 4px 6px !important;
    overflow: visible !important;
    transition: width .78s cubic-bezier(.22,1,.36,1),
                min-width .78s cubic-bezier(.22,1,.36,1),
                flex-basis .78s cubic-bezier(.22,1,.36,1),
                height .62s cubic-bezier(.22,1,.36,1),
                padding .62s cubic-bezier(.22,1,.36,1),
                background-color .28s ease, border-color .28s ease, box-shadow .28s ease !important;
}
#nsMini #nsInput,
#nsMini.open #nsInput {
    box-sizing: border-box !important;
    flex: 1 1 0px !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 !important;
    transition: opacity .28s ease .12s !important;
}
#nsMini:not(.open) #nsInput { opacity: 0 !important; }
#nsMini.open #nsInput {
    width: 0 !important;
    padding: 0 14px 0 0 !important;
    opacity: 1 !important;
}
@media (max-width: 720px) {
    #nsMini:not(.open) {
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }
    #nsMini.open {
        width: min(290px, calc(100vw - 88px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 88px) !important;
        flex-basis: min(290px, calc(100vw - 88px)) !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html.theme-light #rankSearchBox,
    html:not(.theme-light) #rankSearchBox,
    #nsMini,
    #nsMini.open,
    .ladder-controls {
        transition-duration: .01ms !important;
        transition-delay: 0ms !important;
    }
}

/* 天梯工具栏在常见桌面宽度保留足够展开空间；窄屏将搜索放到独立行，展开时不挤动指标。 */
html.theme-light .ladder-controls,
html:not(.theme-light) .ladder-controls {
    max-width: calc(100% - 48px) !important;
}
@media (max-width: 1200px) {
    html.theme-light .ladder-controls,
    html:not(.theme-light) .ladder-controls {
        max-width: calc(100% - 32px) !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        transform: none !important;
    }
    html.theme-light .ladder-tabs,
    html:not(.theme-light) .ladder-tabs {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    html.theme-light #rankSearchBox,
    html:not(.theme-light) #rankSearchBox {
        --rank-search-expand-width: min(300px, calc(100vw - 36px));
        margin-inline: auto !important;
        transform: translateX(0) !important;
        transition: width .78s cubic-bezier(.22,1,.36,1),
                    min-width .78s cubic-bezier(.22,1,.36,1),
                    gap .62s cubic-bezier(.22,1,.36,1),
                    padding .62s cubic-bezier(.22,1,.36,1),
                    transform .78s cubic-bezier(.22,1,.36,1),
                    border-color .28s ease, background-color .28s ease, box-shadow .28s ease !important;
    }
    html.theme-light #rankSearchBox.expanded,
    html:not(.theme-light) #rankSearchBox.expanded {
        width: var(--rank-search-expand-width) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 36px) !important;
        transform: translateX(129px) !important;
    }
}
@media (max-width: 600px) {
    html.theme-light .ladder-controls,
    html:not(.theme-light) .ladder-controls {
        justify-content: flex-start !important;
    }
    html.theme-light #rankSearchBox,
    html:not(.theme-light) #rankSearchBox {
        margin-left: 0 !important;
        margin-right: auto !important;
    }
    html.theme-light #rankSearchBox.expanded,
    html:not(.theme-light) #rankSearchBox.expanded {
        transform: translateX(0) !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html.theme-light #rankSearchBox,
    html:not(.theme-light) #rankSearchBox {
        transition-duration: .01ms !important;
        transition-delay: 0ms !important;
    }
}

/* 搜索外圈与顶栏图标描边统一；顶栏展开态与天梯搜索同为 300×42px 胶囊。 */
html.theme-light #rankSearchBox:not(.expanded) {
    border-color: #dbe1ea !important;
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(30, 45, 70, .06) !important;
}
html.theme-light #rankSearchBox:not(.expanded):hover,
html.theme-light #rankSearchBox:not(.expanded):focus-within {
    border-color: #9bbfe0 !important;
    box-shadow: 0 0 0 3px rgba(75, 130, 184, .12) !important;
}
html.theme-light .nav-icon#niSearch,
html.theme-light .nav-icon#niUser2 {
    box-sizing: border-box !important;
    border: 1.5px solid #dbe1ea !important;
    border-radius: 50% !important;
    background: #fff !important;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease,
                box-shadow .25s ease, transform .3s cubic-bezier(.22,1,.36,1) !important;
}
html:not(.theme-light) .nav-icon#niSearch,
html:not(.theme-light) .nav-icon#niUser2 {
    box-sizing: border-box !important;
    border: 1.5px solid rgba(56, 189, 248, .22) !important;
    border-radius: 50% !important;
    background: rgba(16, 24, 48, .55) !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, .035) !important;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease,
                box-shadow .25s ease, transform .3s cubic-bezier(.22,1,.36,1) !important;
}
html.theme-light .nav-icon#niSearch:hover,
html.theme-light .nav-icon#niUser2:hover {
    border-color: #b8c9dc !important;
    background: #f8fafc !important;
}
html:not(.theme-light) .nav-icon#niSearch:hover,
html:not(.theme-light) .nav-icon#niUser2:hover {
    border-color: rgba(56, 189, 248, .48) !important;
    background: rgba(56, 189, 248, .09) !important;
}
html.theme-light #nsMini.open {
    box-sizing: border-box !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 88px) !important;
    flex: 0 0 300px !important;
    height: 42px !important;
    gap: 8px !important;
    padding: 4px 6px 4px 14px !important;
    border: 1.5px solid #dbe1ea !important;
    border-radius: 9999px !important;
    background: #fff !important;
    box-shadow: 0 8px 20px rgba(30, 45, 70, .10) !important;
    transition: width .78s cubic-bezier(.22,1,.36,1),
                min-width .78s cubic-bezier(.22,1,.36,1),
                flex-basis .78s cubic-bezier(.22,1,.36,1),
                height .78s cubic-bezier(.22,1,.36,1),
                gap .62s cubic-bezier(.22,1,.36,1),
                padding .62s cubic-bezier(.22,1,.36,1),
                border-color .28s ease, background-color .28s ease, box-shadow .28s ease !important;
}
html.theme-light #nsMini.open:focus-within {
    border-color: #9bbfe0 !important;
    box-shadow: 0 0 0 3px rgba(75, 130, 184, .12) !important;
}
html:not(.theme-light) #nsMini.open {
    box-sizing: border-box !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 88px) !important;
    flex: 0 0 300px !important;
    height: 42px !important;
    gap: 8px !important;
    padding: 4px 6px 4px 14px !important;
    border: 1.5px solid var(--line) !important;
    border-radius: 9999px !important;
    background: rgba(16, 24, 48, .95) !important;
    box-shadow: 0 10px 34px rgba(0, 0, 0, .55), 0 0 20px rgba(56, 189, 248, .06) !important;
    transition: width .78s cubic-bezier(.22,1,.36,1),
                min-width .78s cubic-bezier(.22,1,.36,1),
                flex-basis .78s cubic-bezier(.22,1,.36,1),
                height .78s cubic-bezier(.22,1,.36,1),
                gap .62s cubic-bezier(.22,1,.36,1),
                padding .62s cubic-bezier(.22,1,.36,1),
                border-color .28s ease, background-color .28s ease, box-shadow .28s ease !important;
}
html:not(.theme-light) #nsMini.open:focus-within {
    border-color: var(--sky) !important;
}
html.theme-light #nsMini.open #niSearch,
html:not(.theme-light) #nsMini.open #niSearch {
    box-sizing: border-box !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-color: transparent !important;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
html.theme-light #nsMini.open #niSearch:hover,
html:not(.theme-light) #nsMini.open #niSearch:hover {
    border-color: transparent !important;
    background: transparent !important;
}
html.theme-light #nsMini.open #nsInput,
html:not(.theme-light) #nsMini.open #nsInput {
    box-sizing: border-box !important;
    flex: 1 1 0px !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 30px !important;
    padding: 0 2px !important;
    font-size: 14px !important;
    line-height: 30px !important;
    opacity: 1 !important;
    transition: opacity .28s ease .12s !important;
}
html.theme-light #nsMini.open #nsInput { color: #485363 !important; }
html.theme-light #nsMini.open #nsInput::placeholder { color: #7d8797 !important; opacity: 1 !important; }
html:not(.theme-light) #nsMini.open #nsInput { color: var(--txt) !important; }
html:not(.theme-light) #nsMini.open #nsInput::placeholder { color: #8294b0 !important; opacity: 1 !important; }
@media (max-width: 720px) {
    html.theme-light #nsMini.open,
    html:not(.theme-light) #nsMini.open {
        width: min(300px, calc(100vw - 88px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 88px) !important;
        flex-basis: min(300px, calc(100vw - 88px)) !important;
    }
    html.theme-light #rankSearchBox.expanded,
    html:not(.theme-light) #rankSearchBox.expanded {
        width: min(300px, calc(100vw - 88px)) !important;
        max-width: calc(100vw - 88px) !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html.theme-light .nav-icon#niSearch,
    html.theme-light .nav-icon#niUser2,
    html:not(.theme-light) .nav-icon#niSearch,
    html:not(.theme-light) .nav-icon#niUser2,
    html.theme-light #nsMini.open,
    html:not(.theme-light) #nsMini.open {
        transition-duration: .01ms !important;
        transition-delay: 0ms !important;
    }
}
/* 导航栏与天梯共用同一搜索图标组件。 */
.search-glyph {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
}
.search-glyph circle,
.search-glyph path {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
}
html.theme-light #niSearch .search-glyph,
html.theme-light #rankSearchBox .search-glyph {
    color: #929ba8 !important;
}
html:not(.theme-light) #niSearch .search-glyph,
html:not(.theme-light) #rankSearchBox .search-glyph {
    color: #c4cedb !important;
}
html.theme-light #rankSearchBox #rankSearchToggle:hover,
html:not(.theme-light) #rankSearchBox #rankSearchToggle:hover,
html.theme-light #rankSearchBox #rankSearchToggle:active,
html:not(.theme-light) #rankSearchBox #rankSearchToggle:active {
    border: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
/* 收起态按钮脱离内边距布局，按外圈圆心绝对居中；展开态仍保留胶囊内的正常流布局。 */
html.theme-light #rankSearchBox:not(.expanded) #rankSearchToggle,
html:not(.theme-light) #rankSearchBox:not(.expanded) #rankSearchToggle {
    position: absolute !important;
    inset: 0 !important;
    margin: auto !important;
}

/* 首页轮播左右按钮保留可点击区域，只显示箭头符号，不显示圆框或底板。 */
html.theme-light #home > #hcPrev,
html.theme-light #home > #hcNext,
html:not(.theme-light) #home > #hcPrev,
html:not(.theme-light) #home > #hcNext {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: var(--sky-bright) !important;
    text-shadow: none !important;
}
html.theme-light #home > #hcPrev:hover,
html.theme-light #home > #hcNext:hover,
html:not(.theme-light) #home > #hcPrev:hover,
html:not(.theme-light) #home > #hcNext:hover {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--sky-bright) !important;
    transform: translateY(-50%) scale(1.08) !important;
}
html.theme-light #home > #hcPrev:focus-visible,
html.theme-light #home > #hcNext:focus-visible,
html:not(.theme-light) #home > #hcPrev:focus-visible,
html:not(.theme-light) #home > #hcNext:focus-visible {
    outline: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--sky-bright) !important;
    text-shadow: 0 0 8px var(--sky-glow) !important;
}