/**
 * 全站业务分类色 — 版本/脚本/素材/域名等语义上色
 * 导航 current、分类标签、CTA 按钮、详情页框架深化
 */

:root {
    --cms-ch-banben: #2861ff;
    --cms-ch-script: #f97316;
    --cms-ch-sucai: #10b981;
    --cms-ch-yuming: #8b5cf6;
    --cms-ch-website: #0ea5e9;
    --cms-ch-server: #2e5bff;
    --cms-ch-toolku: #ec4899;
    --cms-ch-kami: #4338ca;
    --cms-ch-home: #2563eb;
    --cms-ch-reseller: #db2777;
    --cms-ch-adcalc: #c2410c;
    --cms-ch-blacklist: #ef4444;
    --cms-ch-help: #06b6d4;
    --cms-ch-about: #78716c;

    /* 导航 current 态：实心浅底（比 color-mix 12% 更易辨认） */
    --cms-nav-bg-banben: #dbeafe;
    --cms-nav-bg-script: #ffedd5;
    --cms-nav-bg-sucai: #d1fae5;
    --cms-nav-bg-yuming: #ede9fe;
    --cms-nav-bg-website: #e0f2fe;
    --cms-nav-bg-home: #dbeafe;
    --cms-nav-bg-server: #e8eeff;
    --cms-nav-bg-toolku: #fce7f3;
    --cms-nav-bg-kami: #e0e7ff;
    --cms-nav-bg-reseller: #fce7f3;
    --cms-nav-bg-adcalc: #ffedd5;
    --cms-nav-bg-blacklist: #fee2e2;
    --cms-nav-bg-help: #cffafe;
    --cms-nav-bg-about: #f5f5f4;

    --cms-btn-buy-bg: linear-gradient(180deg, #4080ff 0%, #2861ff 55%, #1d4ed8 100%);
    --cms-btn-buy-shadow: 0 4px 16px rgba(40, 97, 255, 0.38);
    --cms-btn-download-bg: linear-gradient(180deg, #fbbf24 0%, #f59e0b 55%, #ea580c 100%);
    --cms-btn-download-shadow: 0 4px 16px rgba(245, 158, 11, 0.36);

    --cms-frame-border: rgba(148, 163, 184, 0.42);
    --cms-frame-shadow: 0 12px 36px rgba(15, 23, 42, 0.09);
    --cms-frame-radius: 12px;
}

/* ── 分类标签（发布页等） ── */
.post-doc-channel-tags {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.post-doc-channel-tag,
.cms-ch-tag {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    border-radius: 999px;
    color: #fff !important;
    text-decoration: none !important;
    border: 1px solid transparent;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.14);
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
    white-space: nowrap;
}

.post-doc-channel-tag:hover,
.cms-ch-tag:hover {
    filter: brightness(1.06);
    color: #fff !important;
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.18);
}

.post-doc-channel-tag--banben,
.cms-ch-tag--banben { background: var(--cms-ch-banben); border-color: color-mix(in srgb, var(--cms-ch-banben) 80%, #000); }
.post-doc-channel-tag--script,
.cms-ch-tag--script { background: var(--cms-ch-script); border-color: color-mix(in srgb, var(--cms-ch-script) 80%, #000); }
.post-doc-channel-tag--sucai,
.cms-ch-tag--sucai { background: var(--cms-ch-sucai); border-color: color-mix(in srgb, var(--cms-ch-sucai) 80%, #000); }
.post-doc-channel-tag--yuming,
.cms-ch-tag--yuming { background: var(--cms-ch-yuming); border-color: color-mix(in srgb, var(--cms-ch-yuming) 80%, #000); }
.post-doc-channel-tag--website,
.cms-ch-tag--website { background: var(--cms-ch-website); border-color: color-mix(in srgb, var(--cms-ch-website) 80%, #000); }
.post-doc-channel-tag--toolku,
.cms-ch-tag--toolku { background: var(--cms-ch-toolku); border-color: color-mix(in srgb, var(--cms-ch-toolku) 80%, #000); }

.post-doc-channel-tag--current {
    cursor: default;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.72), 0 2px 8px rgba(15, 23, 42, 0.14);
}

.post-doc-channel-tag--current:hover {
    filter: none;
    transform: none;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.72), 0 2px 8px rgba(15, 23, 42, 0.14);
}

/* vl-tag 与发布页色板对齐（996PC 蓝标签用取样色，见 version-library.css） */
.vl-tag--blue { background: #0000f5; border-color: #0000f5; }
.vl-tag--amber { background: var(--cms-ch-script); border-color: var(--cms-ch-script); }
.vl-tag--green { background: var(--cms-ch-sucai); border-color: var(--cms-ch-sucai); }
.vl-tag--purple { background: var(--cms-ch-yuming); border-color: var(--cms-ch-yuming); }

/* ── 导航图标色与标签一致 ── */
.navbar-nav.nav-dual-bar .nav-dual-item--script > a > .nav-dual__icon,
.inmenu2.nav-dual-bar .nav-dual-item--script > a > .nav-dual__icon { color: var(--cms-ch-script); }

.navbar-nav.nav-dual-bar .nav-dual-item--assets > a > .nav-dual__icon,
.inmenu2.nav-dual-bar .nav-dual-item--assets > a > .nav-dual__icon { color: var(--cms-ch-sucai); }

.navbar-nav.nav-dual-bar .nav-dual-item--version > a > .nav-dual__icon,
.inmenu2.nav-dual-bar .nav-dual-item--version > a > .nav-dual__icon { color: var(--cms-ch-banben); }

.navbar-nav.nav-dual-bar .nav-dual-item--domain > a > .nav-dual__icon,
.inmenu2.nav-dual-bar .nav-dual-item--domain > a > .nav-dual__icon { color: var(--cms-ch-yuming); }

/* ── 导航 current 态：分类色实心浅底 + 色条（覆盖 index.css / home-modern.css） ── */
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li[class*="nav-dual-item--"].active > a,
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li[class*="nav-dual-item--"].active > a:hover,
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li[class*="nav-dual-item--"].active > a:focus,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li[class*="nav-dual-item--"].active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li[class*="nav-dual-item--"].active > a:hover {
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08) !important;
}

.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--home.active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--home.active > a {
    background: var(--cms-nav-bg-home) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-home) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--server.active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--server.active > a {
    background: var(--cms-nav-bg-server) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-server) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--version.active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--version.active > a {
    background: var(--cms-nav-bg-banben) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-banben) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--assets.active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--assets.active > a {
    background: var(--cms-nav-bg-sucai) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-sucai) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--script.active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--script.active > a {
    background: var(--cms-nav-bg-script) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-script) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--website.active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--website.active > a {
    background: var(--cms-nav-bg-website) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-website) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--domain.active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--domain.active > a {
    background: var(--cms-nav-bg-yuming) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-yuming) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--toolku.active > a,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--toolku.active > a {
    background: var(--cms-nav-bg-toolku) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-toolku) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--plugin.active > a {
    background: var(--cms-nav-bg-kami) !important;
    border: 1px solid color-mix(in srgb, var(--cms-ch-kami) 35%, #fff) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--reseller.active > a {
    background: var(--cms-nav-bg-reseller) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--adcalc.active > a {
    background: var(--cms-nav-bg-adcalc) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--blacklist.active > a {
    background: var(--cms-nav-bg-blacklist) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--help.active > a {
    background: var(--cms-nav-bg-help) !important;
}
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--about.active > a {
    background: var(--cms-nav-bg-about) !important;
}

.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--home.active > a::after { background: var(--cms-ch-home); height: 3px; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--version.active > a::after { background: var(--cms-ch-banben); height: 3px; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--assets.active > a::after { background: var(--cms-ch-sucai); height: 3px; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--script.active > a::after { background: var(--cms-ch-script); height: 3px; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--website.active > a::after { background: var(--cms-ch-website); height: 3px; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--domain.active > a::after { background: var(--cms-ch-yuming); height: 3px; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--toolku.active > a::after { background: var(--cms-ch-toolku); height: 3px; }

.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--version.active > a .nav-dual__cn,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--version.active > a .nav-dual__cn { color: var(--cms-ch-banben) !important; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--assets.active > a .nav-dual__cn,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--assets.active > a .nav-dual__cn { color: var(--cms-ch-sucai) !important; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--script.active > a .nav-dual__cn,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--script.active > a .nav-dual__cn { color: var(--cms-ch-script) !important; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--domain.active > a .nav-dual__cn,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--domain.active > a .nav-dual__cn { color: var(--cms-ch-yuming) !important; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--toolku.active > a .nav-dual__cn,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--toolku.active > a .nav-dual__cn { color: var(--cms-ch-toolku) !important; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--website.active > a .nav-dual__cn { color: var(--cms-ch-website) !important; }
.navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--server.active > a .nav-dual__cn,
.cms-home-page .navbar-dual-nav.navbar-white .navbar-nav.nav-dual-bar > li.nav-dual-item--server.active > a .nav-dual__cn { color: var(--cms-ch-server) !important; }

/* inmenu2 内嵌导航条同步 */
.inmenu2.nav-dual-bar > li[class*="nav-dual-item--"].active > a {
    border-radius: 10px !important;
}
.inmenu2.nav-dual-bar > li.nav-dual-item--version.active > a { background: var(--cms-nav-bg-banben) !important; }
.inmenu2.nav-dual-bar > li.nav-dual-item--script.active > a { background: var(--cms-nav-bg-script) !important; }
.inmenu2.nav-dual-bar > li.nav-dual-item--assets.active > a { background: var(--cms-nav-bg-sucai) !important; }
.inmenu2.nav-dual-bar > li.nav-dual-item--domain.active > a { background: var(--cms-nav-bg-yuming) !important; }

/* ── CTA 胶囊按钮：购买=蓝，下载=橙黄 ── */
.debtn1,
.btn-resource-download:not(.btn-resource-download--buy):not(.btn-resource-download--alt):not(.btn-resource-download--disabled),
.vl-ecom-btn--free,
.cms-ch-btn--download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff !important;
    background: var(--cms-btn-download-bg) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: var(--cms-btn-download-shadow);
    font-weight: 600;
    text-decoration: none !important;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.debtn2,
.btn-resource-download--buy,
.vl-ecom-btn--buy,
.cms-ch-btn--buy,
.vl-detail-page .article-pay a.btn-paynow.btn-primary,
.resource-download-box__pay-actions a.btn-paynow.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff !important;
    background: var(--cms-btn-buy-bg) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: var(--cms-btn-buy-shadow);
    font-weight: 600;
    text-decoration: none !important;
    transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.debtn1:hover,
.debtn2:hover,
.btn-resource-download:hover,
.btn-resource-download:focus,
.vl-ecom-btn--buy:hover,
.vl-ecom-btn--free:hover,
.cms-ch-btn--buy:hover,
.cms-ch-btn--download:hover {
    color: #fff !important;
    filter: brightness(1.05);
    transform: translateY(-1px);
    text-decoration: none !important;
}

/* 列表内紧凑 CTA */
.banben-library-page .vl-action-inline .vl-ecom-btn--buy,
.script-library-page .vl-action-inline .vl-ecom-btn--buy {
    color: #fff !important;
    background: var(--cms-btn-buy-bg) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px rgba(40, 97, 255, 0.28);
}

.banben-library-page .vl-action-inline .vl-ecom-btn--free,
.script-library-page .vl-action-inline .vl-ecom-btn--free {
    color: #fff !important;
    background: var(--cms-btn-download-bg) !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.28);
}

.banben-library-page .vl-action-inline .vl-ecom-btn--buy:hover,
.script-library-page .vl-action-inline .vl-ecom-btn--buy:hover,
.banben-library-page .vl-action-inline .vl-ecom-btn--free:hover,
.script-library-page .vl-action-inline .vl-ecom-btn--free:hover {
    color: #fff !important;
    filter: brightness(1.05);
    border: none !important;
}

.vl-action-free .debtn1 {
    background: var(--cms-btn-download-bg) !important;
    border-color: transparent !important;
}

.btn-resource-download--alt {
    background: linear-gradient(180deg, #93c5fd 0%, #60a5fa 100%) !important;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.25);
}

.resource-download-box__pay-actions a.btn-paynow.btn-success {
    background: var(--cms-btn-buy-bg) !important;
    border-color: transparent !important;
    border-radius: 999px !important;
    box-shadow: var(--cms-btn-buy-shadow);
}

.resource-download-box__pay-actions a.btn-paynow.btn-warning {
    background: var(--cms-btn-download-bg) !important;
    border-color: transparent !important;
    border-radius: 999px !important;
}

/* ── 详情页框架深化 ── */
.vl-detail-page .vl-detail-hero {
    border: 1.5px solid var(--cms-frame-border);
    box-shadow: var(--cms-frame-shadow);
}

.vl-detail-page .vl-detail-grid {
    padding: 16px 18px;
    border-top: 1px solid color-mix(in srgb, var(--cms-ch-banben) 18%, #e2e8f0);
}

.show-banben-page .resource-download-box {
    background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 38%, #ffffff 100%);
    border-color: color-mix(in srgb, var(--cms-ch-banben) 16%, rgba(148, 163, 184, 0.42));
}

.show-jiaoben-page .resource-download-box {
    background: linear-gradient(180deg, #fff7ed 0%, #f8fafc 38%, #ffffff 100%);
    border-color: color-mix(in srgb, var(--cms-ch-script) 16%, rgba(148, 163, 184, 0.42));
}

.tool-library-detail.vl-detail-page .article-content .panel-body {
    background: transparent;
}

.tool-library-detail.vl-detail-page .cms-breadcrumb__list a {
    color: #2563eb;
}

.tool-library-detail.vl-detail-page .cms-breadcrumb__list a:hover {
    color: #1d4ed8;
}

.kami-detail-page.vl-detail-page .article-content .panel-body {
    background: linear-gradient(180deg, #eef2ff 0%, #ffffff 100%);
}

.kami-detail-page.vl-detail-page .breadcrumb a {
    color: #4338ca;
}

.kami-detail-page.vl-detail-page .breadcrumb a:hover {
    color: #3730a3;
}

.vl-detail-page .vl-detail-kv__k {
    border: 1px solid color-mix(in srgb, var(--vl-kv-accent, var(--cms-ch-banben)) 78%, #0f172a);
    color: #ffffff;
}

.vl-detail-page .vl-detail-kv__v {
    border: 1px solid rgba(148, 163, 184, 0.38);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

.vl-detail-page .vl-safety-tip,
.vl-detail-page .vl-article-body,
.vl-detail-page .resource-download-box {
    border-width: 1.5px;
    border-color: var(--cms-frame-border);
    box-shadow: var(--cms-frame-shadow);
}

.vl-detail-page .resource-download-box__col--main {
    border-width: 1.5px;
    border-color: color-mix(in srgb, var(--cms-ch-banben) 22%, #dbeafe);
    box-shadow: 0 8px 24px rgba(40, 97, 255, 0.1);
    padding: 16px 14px 16px 18px;
}

.vl-detail-page .article-pay a.btn {
    border-radius: 999px;
}

/* ── 首页/全站快捷操作：高饱和渐变胶囊（2×5 宫格，header2 与各库频道共用） ── */
.header2 .cms-home-quick-bar {
    border-color: rgba(255, 255, 255, 0.28) !important;
    box-shadow:
        0 14px 36px rgba(15, 23, 42, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.1) inset !important;
}

.cms-home-quick-section .cms-home-quick-bar {
    border-color: rgba(25, 75, 241, 0.18) !important;
    box-shadow:
        0 12px 36px rgba(25, 75, 241, 0.1),
        0 0 0 1px rgba(255, 255, 255, 0.95) inset !important;
}

.cms-home-page .header2 .cms-home-quick-bar__cell,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 999px !important;
    border: 1px solid var(--qa-chip-border, rgba(255, 255, 255, 0.42)) !important;
    background: linear-gradient(
        135deg,
        var(--qa-chip-top, #94a3b8) 0%,
        var(--qa-chip-mid, #64748b) 52%,
        var(--qa-chip-bot, #475569) 100%
    ) !important;
    color: var(--qa-chip-text, #fff) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        0 3px 12px var(--qa-chip-glow, rgba(15, 23, 42, 0.28)) !important;
    font-weight: 800 !important;
    letter-spacing: 0.03em !important;
    text-decoration: none !important;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease !important;
}

.cms-home-page .header2 .cms-home-quick-bar__cell::before,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell::before,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.34) 0%,
        rgba(255, 255, 255, 0.06) 42%,
        transparent 100%
    );
    pointer-events: none;
    z-index: 0;
}

.cms-home-page .header2 .cms-home-quick-bar__icon,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__icon,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__icon,
.cms-home-page .header2 .cms-home-quick-bar__label,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__label,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__label {
    position: relative;
    z-index: 1;
}

.cms-home-page .header2 .cms-home-quick-bar__label,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__label,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__label {
    color: var(--qa-chip-text, #fff) !important;
    text-shadow:
        0 1px 2px var(--qa-chip-text-shadow, rgba(15, 23, 42, 0.42)),
        0 0 12px var(--qa-chip-text-glow, transparent) !important;
}

.cms-home-page .header2 .cms-home-quick-bar__icon,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__icon,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__icon {
    border-radius: 50% !important;
    background: var(--qa-chip-icon-bg, rgba(255, 255, 255, 0.28)) !important;
    color: var(--qa-chip-icon-color, #fff) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 1px 4px rgba(0, 0, 0, 0.18) !important;
}

.cms-home-page .header2 .cms-home-quick-bar__cell:hover,
.cms-home-page .header2 .cms-home-quick-bar__cell:focus,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell:hover,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell:focus,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell:hover,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell:focus {
    transform: translateY(-2px) scale(1.02) !important;
    filter: brightness(1.08) saturate(1.06) !important;
    color: var(--qa-chip-text, #fff) !important;
    text-decoration: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 8px 22px var(--qa-chip-glow-hover, var(--qa-chip-glow, rgba(15, 23, 42, 0.32))) !important;
}

.cms-home-page .header2 .cms-home-quick-bar__cell--primary,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--primary,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--primary {
    --qa-chip-top: #7cb8ff;
    --qa-chip-mid: #3b82f6;
    --qa-chip-bot: #1d4ed8;
    --qa-chip-border: rgba(191, 219, 254, 0.95);
    --qa-chip-glow: rgba(37, 99, 235, 0.48);
    --qa-chip-glow-hover: rgba(37, 99, 235, 0.62);
    --qa-chip-text-shadow: rgba(30, 64, 175, 0.55);
    --qa-chip-text-glow: rgba(147, 197, 253, 0.35);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--ghost,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--ghost,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--ghost {
    --qa-chip-top: #fda4d8;
    --qa-chip-mid: #ec4899;
    --qa-chip-bot: #be185d;
    --qa-chip-border: rgba(251, 207, 232, 0.95);
    --qa-chip-glow: rgba(236, 72, 153, 0.46);
    --qa-chip-glow-hover: rgba(236, 72, 153, 0.6);
    --qa-chip-text-shadow: rgba(157, 23, 77, 0.5);
    --qa-chip-text-glow: rgba(251, 207, 232, 0.32);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--cyan,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--cyan,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--cyan {
    --qa-chip-top: #5eead4;
    --qa-chip-mid: #14b8a6;
    --qa-chip-bot: #0f766e;
    --qa-chip-border: rgba(153, 246, 228, 0.95);
    --qa-chip-glow: rgba(20, 184, 166, 0.44);
    --qa-chip-glow-hover: rgba(20, 184, 166, 0.58);
    --qa-chip-text-shadow: rgba(15, 118, 110, 0.5);
    --qa-chip-text-glow: rgba(153, 246, 228, 0.28);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--rose,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--rose,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--rose {
    --qa-chip-top: #fca5a5;
    --qa-chip-mid: #ef4444;
    --qa-chip-bot: #b91c1c;
    --qa-chip-border: rgba(254, 202, 202, 0.95);
    --qa-chip-glow: rgba(239, 68, 68, 0.46);
    --qa-chip-glow-hover: rgba(239, 68, 68, 0.6);
    --qa-chip-text-shadow: rgba(127, 29, 29, 0.52);
    --qa-chip-text-glow: rgba(254, 202, 202, 0.3);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--violet,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--violet,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--violet {
    --qa-chip-top: #c4b5fd;
    --qa-chip-mid: #8b5cf6;
    --qa-chip-bot: #6d28d9;
    --qa-chip-border: rgba(221, 214, 254, 0.95);
    --qa-chip-glow: rgba(139, 92, 246, 0.46);
    --qa-chip-glow-hover: rgba(139, 92, 246, 0.6);
    --qa-chip-text-shadow: rgba(76, 29, 149, 0.5);
    --qa-chip-text-glow: rgba(221, 214, 254, 0.32);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--amber,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--amber,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--amber {
    --qa-chip-top: #fcd34d;
    --qa-chip-mid: #f59e0b;
    --qa-chip-bot: #c2410c;
    --qa-chip-border: rgba(253, 230, 138, 0.95);
    --qa-chip-glow: rgba(245, 158, 11, 0.46);
    --qa-chip-glow-hover: rgba(245, 158, 11, 0.6);
    --qa-chip-text-shadow: rgba(146, 64, 14, 0.52);
    --qa-chip-text-glow: rgba(253, 230, 138, 0.28);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--emerald,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--emerald,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--emerald {
    --qa-chip-top: #6ee7b7;
    --qa-chip-mid: #10b981;
    --qa-chip-bot: #047857;
    --qa-chip-border: rgba(167, 243, 208, 0.95);
    --qa-chip-glow: rgba(16, 185, 129, 0.44);
    --qa-chip-glow-hover: rgba(16, 185, 129, 0.58);
    --qa-chip-text-shadow: rgba(6, 78, 59, 0.5);
    --qa-chip-text-glow: rgba(167, 243, 208, 0.28);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--soft,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--soft,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--soft {
    --qa-chip-top: #7dd3fc;
    --qa-chip-mid: #0ea5e9;
    --qa-chip-bot: #0369a1;
    --qa-chip-border: rgba(186, 230, 253, 0.95);
    --qa-chip-glow: rgba(14, 165, 233, 0.44);
    --qa-chip-glow-hover: rgba(14, 165, 233, 0.58);
    --qa-chip-text-shadow: rgba(12, 74, 110, 0.5);
    --qa-chip-text-glow: rgba(186, 230, 253, 0.3);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--fuchsia,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--fuchsia,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--fuchsia {
    --qa-chip-top: #a5b4fc;
    --qa-chip-mid: #6366f1;
    --qa-chip-bot: #4338ca;
    --qa-chip-border: rgba(199, 210, 254, 0.95);
    --qa-chip-glow: rgba(99, 102, 241, 0.44);
    --qa-chip-glow-hover: rgba(99, 102, 241, 0.58);
    --qa-chip-text-shadow: rgba(49, 46, 129, 0.5);
    --qa-chip-text-glow: rgba(199, 210, 254, 0.3);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--muted,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--muted,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--muted {
    --qa-chip-top: #cbd5e1;
    --qa-chip-mid: #94a3b8;
    --qa-chip-bot: #64748b;
    --qa-chip-border: rgba(226, 232, 240, 0.92);
    --qa-chip-glow: rgba(100, 116, 139, 0.34);
    --qa-chip-glow-hover: rgba(100, 116, 139, 0.46);
    --qa-chip-text: #fff;
    --qa-chip-text-shadow: rgba(51, 65, 85, 0.42);
    --qa-chip-text-glow: rgba(226, 232, 240, 0.22);
}

.cms-home-page .header2 .cms-home-quick-bar__cell--muted:hover,
.cms-home-page .header2 .cms-home-quick-bar__cell--muted:focus,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--muted:hover,
.cms-home-page .cms-home-quick-section .cms-home-quick-bar__cell--muted:focus,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--muted:hover,
.header2--with-quick .cms-header2__quick .cms-home-quick-bar__cell--muted:focus {
    filter: brightness(1.06) saturate(1.04) !important;
}

/* ── 首页交易看板：栏目标题区配色加深 ── */
.home-trade-board__card {
    border-color: rgba(15, 23, 42, 0.14);
    box-shadow:
        0 10px 28px rgba(16, 24, 40, 0.09),
        0 1px 0 rgba(15, 23, 42, 0.05);
}

.cms-home-page .home-trade-board__col--latest .home-trade-board__head,
.home-trade-board__col--latest .home-trade-board__head {
    background: linear-gradient(180deg, #93c5fd 0%, #bfdbfe 55%, #dbeafe 100%);
    border-bottom-color: rgba(37, 99, 235, 0.28);
    justify-content: center;
}

.cms-home-page .home-trade-board__col--latest .home-trade-board__head-icon,
.home-trade-board__col--latest .home-trade-board__head-icon {
    background: rgba(37, 99, 235, 0.32);
    color: #1e40af;
}

.cms-home-page .home-trade-board__col--activity .home-trade-board__head,
.home-trade-board__col--activity .home-trade-board__head {
    background: linear-gradient(180deg, #67e8f9 0%, #a5f3fc 55%, #cffafe 100%);
    border-bottom-color: rgba(14, 165, 233, 0.28);
    justify-content: center;
}

.cms-home-page .home-trade-board__col--activity .home-trade-board__head-icon,
.home-trade-board__col--activity .home-trade-board__head-icon {
    background: rgba(14, 165, 233, 0.32);
    color: #0e7490;
}

.cms-home-page .home-trade-board__col--guarantee .home-trade-board__head,
.home-trade-board__col--guarantee .home-trade-board__head {
    background: linear-gradient(180deg, #fdba74 0%, #fed7aa 55%, #ffedd5 100%);
    border-bottom-color: rgba(234, 88, 12, 0.28);
    justify-content: center;
}

.cms-home-page .home-trade-board__col--guarantee .home-trade-board__head-icon,
.home-trade-board__col--guarantee .home-trade-board__head-icon {
    background: rgba(234, 88, 12, 0.32);
    color: #9a3412;
}

.cms-home-page .home-trade-board__col--demand .home-trade-board__head,
.home-trade-board__col--demand .home-trade-board__head,
.cms-home-page .home-trade-board__col--hall .home-trade-board__head,
.home-trade-board__col--hall .home-trade-board__head {
    background: linear-gradient(180deg, #6ee7b7 0%, #a7f3d0 55%, #d1fae5 100%);
    border-bottom-color: rgba(5, 150, 105, 0.28);
    justify-content: center;
}

.cms-home-page .home-trade-board__col--demand .home-trade-board__head-icon,
.home-trade-board__col--demand .home-trade-board__head-icon,
.cms-home-page .home-trade-board__col--hall .home-trade-board__head-icon,
.home-trade-board__col--hall .home-trade-board__head-icon {
    background: rgba(5, 150, 105, 0.32);
    color: #065f46;
}

@media (max-width: 767px) {
    .navbar-nav.nav-dual-bar > li[class*="nav-dual-item--"].active > a {
        border-radius: 10px;
    }
}