/* Global day/night theme */
.xyb-theme-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: visible;
}

.xyb-theme-trigger {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(125, 211, 252, 0.28);
    border-radius: 999px;
    color: #dbeafe;
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.48)),
        radial-gradient(circle at 18% 0%, rgba(96, 165, 250, 0.28), transparent 44%);
    box-shadow:
        0 10px 26px rgba(2, 8, 23, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
    cursor: pointer;
    transition: color 0.2s, transform 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.xyb-theme-trigger:hover {
    color: #ffffff;
    transform: translateY(-1px);
    border-color: rgba(125, 211, 252, 0.48);
}

.xyb-theme-trigger-icon {
    color: currentColor;
    filter: drop-shadow(0 1px 2px rgba(2, 8, 23, 0.24));
}

.xyb-theme-panel {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 1200;
    width: 124px;
    padding: 7px;
    border: 1px solid rgba(125, 211, 252, 0.22);
    border-radius: 12px;
    background: rgba(10, 22, 40, 0.98);
    box-shadow: 0 18px 42px rgba(2, 8, 23, 0.36);
    backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity 0.18s, transform 0.18s, visibility 0.18s;
}

.xyb-theme-toggle.open .xyb-theme-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.xyb-theme-option {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    border: 0;
    border-radius: 8px;
    padding: 8px 9px;
    color: #cbd5e1;
    background: transparent;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: 0;
    transition: color 0.22s, background 0.22s, box-shadow 0.22s, transform 0.22s, filter 0.22s;
}

.xyb-theme-icon {
    width: 15px;
    height: 15px;
    color: currentColor;
    filter: drop-shadow(0 1px 2px rgba(2, 8, 23, 0.22));
    transition: transform 0.22s, filter 0.22s;
}

.xyb-theme-label {
    display: inline-block;
}

.xyb-theme-option:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
}

.xyb-theme-option:hover .xyb-theme-icon {
    transform: rotate(-8deg) scale(1.06);
}

.xyb-theme-option.active {
    color: #ffffff;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.92), rgba(8, 145, 178, 0.88));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.xyb-theme-option.active .xyb-theme-icon {
    color: #ffffff;
    filter: drop-shadow(0 4px 10px rgba(14, 165, 233, 0.34));
}

.nav-btn-group .xyb-theme-toggle,
.header-right .xyb-theme-toggle,
.shop-nav-links .xyb-theme-toggle {
    margin-right: 2px;
}

html[data-theme="light"] {
    --blue-deep: #f8fbff;
    --blue-dark: #f1f7ff;
    --blue-mid: #dbeafe;
    --blue-accent: #2563eb;
    --blue-light: #3b82f6;
    --blue-bright: #2563eb;
    --blue-glow: #2563eb;
    --cyan: #0891b2;
    --cyan-light: #0891b2;
    --white: #0f172a;
    --gray-100: #1e293b;
    --gray-200: #334155;
    --gray-400: #64748b;
    --gray-600: #94a3b8;
}

html[data-theme="light"] body {
    background: #f8fbff;
    color: #0f172a;
}

html[data-theme="light"] ::-webkit-scrollbar-track {
    background: #eaf4ff;
}

html[data-theme="light"] .xyb-theme-trigger {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(239, 246, 255, 0.72)),
        radial-gradient(circle at 18% 0%, rgba(59, 130, 246, 0.18), transparent 44%);
    border-color: rgba(37, 99, 235, 0.18);
    color: #2563eb;
    box-shadow:
        0 12px 34px rgba(37, 99, 235, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.88),
        inset 0 -1px 0 rgba(37, 99, 235, 0.08);
}

html[data-theme="light"] .xyb-theme-panel {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(37, 99, 235, 0.14);
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .xyb-theme-option {
    color: #526179;
}

html[data-theme="light"] .xyb-theme-option:hover {
    color: #0f172a;
    background: rgba(37, 99, 235, 0.08);
}

html[data-theme="light"] .xyb-theme-option.active {
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    box-shadow:
        0 10px 24px rgba(37, 99, 235, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.32) inset;
}

html[data-theme="light"] .xyb-theme-option.active .xyb-theme-icon {
    color: #ffffff;
    filter: drop-shadow(0 5px 10px rgba(8, 145, 178, 0.34));
}

html[data-theme="light"] nav,
html[data-theme="light"] .doc-header,
html[data-theme="light"] .shop-header {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(37, 99, 235, 0.12);
    box-shadow: 0 10px 32px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .nav-logo-text,
html[data-theme="light"] .header-logo-text,
html[data-theme="light"] .shop-logo-text,
html[data-theme="light"] .footer-logo {
    background: linear-gradient(90deg, #0f172a 10%, #2563eb 36%, #0891b2 58%, #0f172a 86%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html[data-theme="light"] .nav-links a,
html[data-theme="light"] .shop-nav-link,
html[data-theme="light"] .sidebar-link,
html[data-theme="light"] .header-doc-label,
html[data-theme="light"] .breadcrumb,
html[data-theme="light"] .section-sub,
html[data-theme="light"] .hero-sub,
html[data-theme="light"] .doc-hero p,
html[data-theme="light"] .step-body-desc,
html[data-theme="light"] .why-card-desc,
html[data-theme="light"] .usage-card-desc,
html[data-theme="light"] .nav-card-desc,
html[data-theme="light"] .footer-note,
html[data-theme="light"] .shop-hero p,
html[data-theme="light"] .product-price-unit,
html[data-theme="light"] .meta-row,
html[data-theme="light"] .hint-box,
html[data-theme="light"] .rich-desc,
html[data-theme="light"] .ep-sub,
html[data-theme="light"] .tier-note,
html[data-theme="light"] .feat-desc {
    color: #526179;
}

html[data-theme="light"] .hero,
html[data-theme="light"] .shop-hero,
html[data-theme="light"] .ep-header {
    background: linear-gradient(180deg, #f8fbff 0%, #eef8ff 58%, #ffffff 100%);
}

html[data-theme="light"] .shop-hero {
    background: radial-gradient(900px 320px at 50% -40px, rgba(37, 99, 235, 0.1), transparent 70%);
}

html[data-theme="light"] .hero-bg {
    background:
        radial-gradient(ellipse 72% 54% at 50% -12%, rgba(96, 165, 250, 0.24) 0%, transparent 72%),
        radial-gradient(ellipse 42% 38% at 82% 80%, rgba(6, 182, 212, 0.15) 0%, transparent 64%),
        radial-gradient(ellipse 34% 30% at 18% 72%, rgba(250, 204, 21, 0.12) 0%, transparent 68%);
}

html[data-theme="light"] .grid-bg {
    background-image:
        linear-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37, 99, 235, 0.08) 1px, transparent 1px);
}

html[data-theme="light"] .models-section,
html[data-theme="light"] .scenes-section,
html[data-theme="light"] .compat-section,
html[data-theme="light"] .doc-layout {
    background: #f1f7ff;
}

html[data-theme="light"] .product-grid {
    background: transparent;
}

html[data-theme="light"] section,
html[data-theme="light"] footer,
html[data-theme="light"] .doc-content,
html[data-theme="light"] .container {
    background: #ffffff;
}

html[data-theme="light"] .model-card,
html[data-theme="light"] .feat-card,
html[data-theme="light"] .price-card,
html[data-theme="light"] .step-item,
html[data-theme="light"] .compat-badge,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .url-row,
html[data-theme="light"] .rate-drop-card,
html[data-theme="light"] .doc-sidebar,
html[data-theme="light"] .doc-hero,
html[data-theme="light"] .trust-stat,
html[data-theme="light"] .why-card,
html[data-theme="light"] .usage-card,
html[data-theme="light"] .nav-card,
html[data-theme="light"] .step-row,
html[data-theme="light"] .tip-box,
html[data-theme="light"] .promo-banner,
html[data-theme="light"] .code-block,
html[data-theme="light"] .env-block,
html[data-theme="light"] .doc-table,
html[data-theme="light"] .doc-next-btn,
html[data-theme="light"] .one-rule-banner,
html[data-theme="light"] .cc-hero,
html[data-theme="light"] .product-card,
html[data-theme="light"] .detail-image-box,
html[data-theme="light"] .price-box,
html[data-theme="light"] .hint-box,
html[data-theme="light"] .tier-card,
html[data-theme="light"] .enterprise-notice {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(37, 99, 235, 0.12);
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .model-card:hover,
html[data-theme="light"] .feat-card:hover,
html[data-theme="light"] .price-card:hover,
html[data-theme="light"] .compat-badge:hover,
html[data-theme="light"] .product-card:hover {
    background: #ffffff;
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 18px 46px rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .price-cards .price-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%),
        radial-gradient(300px 120px at 100% 0%, rgba(14, 165, 233, 0.08), transparent 70%);
    border-color: rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .price-cards .price-card.featured {
    background:
        linear-gradient(135deg, #ffffff 0%, #f3f8ff 100%),
        radial-gradient(320px 150px at 100% 0%, rgba(245, 158, 11, 0.12), transparent 70%);
    border-color: rgba(37, 99, 235, 0.24);
    box-shadow: 0 18px 46px rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .price-card .pc-tag {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #ffffff;
    background: linear-gradient(135deg, #f97316 0%, #2563eb 100%);
    border: 0;
    box-shadow: 0 10px 22px rgba(249, 115, 22, 0.22), 0 8px 18px rgba(37, 99, 235, 0.16);
    font-size: 12px;
    font-weight: 900;
    padding: 5px 12px;
    margin-bottom: 12px;
}

html[data-theme="light"] .price-card .pc-name {
    color: #334155;
    font-size: 14px;
    font-weight: 900;
}

html[data-theme="light"] .price-card .pc-price {
    color: #0f172a;
}

html[data-theme="light"] .price-card .pc-price sup,
html[data-theme="light"] .price-card .pc-desc {
    color: #526179;
    font-weight: 700;
}

html[data-theme="light"] .pricing-contact-tip {
    align-items: center;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    border-color: rgba(37, 99, 235, 0.16);
    color: #334155;
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .pricing-contact-tip .tip-icon {
    width: 28px;
    display: inline-flex;
    justify-content: center;
    margin-top: 0;
}

html[data-theme="light"] .pricing-contact-copy {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #334155;
    font-weight: 800;
    line-height: 1.6;
}

html[data-theme="light"] .pricing-contact-copy a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 2px 12px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, #0891b2, #2563eb);
    text-decoration: none;
    cursor: pointer;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}

html[data-theme="light"] .pricing-reference-tip {
    align-items: center;
    gap: 14px;
    color: #166534;
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
    border-color: rgba(34, 197, 94, 0.24);
    box-shadow: 0 14px 34px rgba(22, 101, 52, 0.08);
}

html[data-theme="light"] .pricing-reference-tip .tip-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 30px;
}

html[data-theme="light"] .pricing-reference-tip > div {
    color: #166534;
    font-weight: 800;
    line-height: 1.65;
}

html[data-theme="light"] .pricing-reference-tip strong {
    color: #047857;
    font-weight: 900;
}

html[data-theme="light"] .doc-table {
    border-collapse: separate;
    border-spacing: 0;
}

html[data-theme="light"] .doc-table thead th {
    color: #0f172a;
    background: #eaf1ff;
    border-bottom-color: rgba(37, 99, 235, 0.2);
    font-size: 13px;
    font-weight: 900;
    padding: 14px 16px;
}

html[data-theme="light"] .doc-table tbody td {
    color: #0f172a;
    border-bottom-color: rgba(37, 99, 235, 0.1);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.65;
    padding: 14px 16px;
    vertical-align: middle;
}

html[data-theme="light"] .doc-table tbody td:first-child {
    width: 140px;
    color: #1e293b;
    font-weight: 900;
    white-space: nowrap;
}

html[data-theme="light"] .inline-action-link {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 1px 10px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, #0891b2, #2563eb);
    text-decoration: none;
    cursor: pointer;
    font-weight: 900;
    line-height: 1.4;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.16);
    vertical-align: baseline;
}

html[data-theme="light"] .pricing-warning-tip {
    align-items: center;
    gap: 14px;
    color: #92400e;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
    border-color: rgba(245, 158, 11, 0.28);
    box-shadow: 0 14px 34px rgba(146, 64, 14, 0.08);
}

html[data-theme="light"] .pricing-warning-tip .tip-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 30px;
}

html[data-theme="light"] .pricing-warning-copy {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: #92400e;
    font-weight: 800;
    line-height: 1.65;
}

html[data-theme="light"] .pricing-warning-copy a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 2px 11px;
    border-radius: 999px;
    color: #ffffff;
    background: linear-gradient(135deg, #f59e0b, #0891b2);
    text-decoration: none;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(245, 158, 11, 0.18);
}

html[data-theme="light"] .steps-flow {
    background: #ffffff;
    border-color: rgba(37, 99, 235, 0.16);
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .step-row {
    align-items: flex-start;
    gap: 22px;
    border-bottom-color: rgba(37, 99, 235, 0.12);
    background: linear-gradient(135deg, #ffffff 0%, #fbfdff 100%);
}

html[data-theme="light"] #access {
    background: linear-gradient(180deg, #eef6ff 0%, #f7fbff 100%);
}

html[data-theme="light"] .steps-grid .step-item {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(37, 99, 235, 0.18);
    box-shadow: 0 18px 42px rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .steps-grid .step-item:hover {
    border-color: rgba(37, 99, 235, 0.34);
    box-shadow: 0 24px 54px rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .steps-grid .step-num {
    width: 86px;
    height: 62px;
    display: inline-flex;
    color: #ffffff;
    border-radius: 14px;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
}

html[data-theme="light"] .steps-grid .step-desc {
    color: #475569;
}

html[data-theme="light"] .step-num-badge {
    width: 42px;
    height: 42px;
    color: #1d4ed8;
    background: linear-gradient(135deg, #dbeafe, #eff6ff);
    border-color: rgba(37, 99, 235, 0.32);
    font-size: 15px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .step-body {
    min-width: 0;
}

html[data-theme="light"] .step-body-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    color: #0f172a;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.45;
}

html[data-theme="light"] .step-body-desc {
    color: #475569;
    font-weight: 700;
    line-height: 1.75;
}

html[data-theme="light"] .buy-step-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 12px;
    min-height: 38px;
    padding: 7px 18px;
    color: #ffffff;
    background: linear-gradient(135deg, #0891b2, #2563eb);
    text-decoration: none;
    border: 0;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .buy-next-tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 2px 11px;
    color: #ffffff;
    background: linear-gradient(135deg, #10b981, #0891b2);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.4;
    box-shadow: 0 8px 18px rgba(16, 185, 129, 0.16);
}

html[data-theme="light"] .buy-code-warning {
    align-items: center;
    gap: 14px;
    color: #92400e;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
    border-color: rgba(245, 158, 11, 0.28);
    box-shadow: 0 14px 34px rgba(146, 64, 14, 0.08);
}

html[data-theme="light"] .buy-code-warning .tip-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 30px;
}

html[data-theme="light"] .buy-code-warning > div {
    color: #92400e;
    font-weight: 800;
    line-height: 1.65;
}

html[data-theme="light"] .recharge-done-tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 2px 11px;
    color: #ffffff;
    background: linear-gradient(135deg, #10b981, #0891b2);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.4;
    box-shadow: 0 8px 18px rgba(16, 185, 129, 0.16);
}

html[data-theme="light"] .recharge-success-tip {
    align-items: center;
    gap: 14px;
    color: #166534;
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
    border-color: rgba(34, 197, 94, 0.24);
    box-shadow: 0 14px 34px rgba(22, 101, 52, 0.08);
}

html[data-theme="light"] .recharge-success-tip .tip-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 30px;
}

html[data-theme="light"] .recharge-success-tip > div {
    color: #166534;
    font-weight: 800;
    line-height: 1.65;
}

html[data-theme="light"] .recharge-success-tip strong {
    color: #047857;
    font-weight: 900;
}

html[data-theme="light"] .apikey-done-tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 2px 11px;
    color: #ffffff;
    background: linear-gradient(135deg, #10b981, #0891b2);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.4;
    box-shadow: 0 8px 18px rgba(16, 185, 129, 0.16);
}

html[data-theme="light"] .apikey-security-tip {
    align-items: center;
    gap: 14px;
    color: #92400e;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
    border-color: rgba(245, 158, 11, 0.28);
    box-shadow: 0 14px 34px rgba(146, 64, 14, 0.08);
}

html[data-theme="light"] .apikey-security-tip .tip-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 30px;
}

html[data-theme="light"] .apikey-security-tip > div {
    color: #92400e;
    font-weight: 800;
    line-height: 1.65;
}

html[data-theme="light"] .apikey-security-tip strong {
    color: #78350f;
    font-weight: 900;
}

html[data-theme="light"] .hero-badge,
html[data-theme="light"] .shop-badge,
html[data-theme="light"] .tag,
html[data-theme="light"] .product-tag,
html[data-theme="light"] .scene-pill,
html[data-theme="light"] .meta-tag,
html[data-theme="light"] .vmodel-tag,
html[data-theme="light"] .sidebar-badge {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(37, 99, 235, 0.16);
    color: #2563eb;
}

html[data-theme="light"] .shop-badge {
    background: #ffffff;
    border-color: rgba(37, 99, 235, 0.26);
    color: #1d4ed8;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08);
}

html[data-theme="light"] .shop-badge iconify-icon {
    color: #1d4ed8;
}

html[data-theme="light"] .model-card .model-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    min-width: 58px;
    padding: 3px 12px;
    border-radius: 999px;
    border: 1px solid rgba(37, 99, 235, 0.18);
    color: #1d4ed8;
    background: #dbeafe;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.2;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

html[data-theme="light"] .model-card .tag-new {
    color: #0e7490;
    background: #cffafe;
    border-color: rgba(8, 145, 178, 0.24);
}

html[data-theme="light"] .model-card .tag-fast {
    color: #92400e;
    background: #fef3c7;
    border-color: rgba(245, 158, 11, 0.32);
}

html[data-theme="light"] .model-card .tag-code {
    color: #5b21b6;
    background: #ede9fe;
    border-color: rgba(124, 58, 237, 0.24);
}

html[data-theme="light"] .scene-chip {
    color: #0e7490;
    background: rgba(207, 250, 254, 0.9);
    border-color: rgba(8, 145, 178, 0.28);
    box-shadow: 0 5px 13px rgba(8, 145, 178, 0.08);
}

html[data-theme="light"] .scene-chip.gold {
    color: #b45309;
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.98), rgba(254, 243, 199, 0.92));
    border-color: rgba(245, 158, 11, 0.38);
    box-shadow: 0 5px 13px rgba(245, 158, 11, 0.12);
}

html[data-theme="light"] .scene-chip-note {
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    color: #1d4ed8;
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .scene-chip-note .tip-icon {
    margin-top: 0;
    display: inline-flex;
    align-items: center;
}

html[data-theme="light"] .vendor-flag {
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%),
        radial-gradient(520px 160px at 100% 0%, rgba(59, 130, 246, 0.08), transparent 72%);
    border-color: rgba(37, 99, 235, 0.14);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .vendor-flag:hover {
    background:
        linear-gradient(135deg, #ffffff 0%, #f1f7ff 100%),
        radial-gradient(520px 160px at 100% 0%, rgba(6, 182, 212, 0.1), transparent 72%);
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 20px 44px rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .vendor-name {
    color: #0f172a;
}

html[data-theme="light"] .vendor-slogan {
    color: #64748b;
}

html[data-theme="light"] .vmodel-row {
    min-height: 42px;
    background: linear-gradient(135deg, rgba(248, 251, 255, 0.98), rgba(239, 246, 255, 0.92));
    border-color: rgba(37, 99, 235, 0.12);
    box-shadow: inset 3px 0 0 rgba(14, 165, 233, 0.28);
}

html[data-theme="light"] .vmodel-row code {
    color: #075985;
    font-weight: 800;
    letter-spacing: 0;
}

html[data-theme="light"] .vmodel-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 3px 9px;
    border-radius: 999px;
    color: #1d4ed8;
    background: rgba(219, 234, 254, 0.86);
    border: 1px solid rgba(37, 99, 235, 0.16);
    font-weight: 800;
    line-height: 1;
}

html[data-theme="light"] .vmodel-tag.hot {
    color: #b45309;
    background: rgba(254, 243, 199, 0.92);
    border-color: rgba(245, 158, 11, 0.24);
}

html[data-theme="light"] .bench-tab {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(37, 99, 235, 0.16);
    color: #2563eb;
}

html[data-theme="light"] .bench-tab:hover,
html[data-theme="light"] .bench-tab.active {
    color: #1d4ed8;
    background: rgba(219, 234, 254, 0.84);
    border-color: rgba(37, 99, 235, 0.26);
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.08);
}

html[data-theme="light"] .bench-meta {
    color: #475569;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(236, 254, 255, 0.84));
    border-left-color: #0891b2;
    border-top: 1px solid rgba(37, 99, 235, 0.1);
    border-right: 1px solid rgba(37, 99, 235, 0.1);
    border-bottom: 1px solid rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .bench-chart {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.94));
    border-color: rgba(37, 99, 235, 0.14);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .bench-row {
    padding: 6px 8px;
    margin-bottom: 4px;
    border-radius: 8px;
}

html[data-theme="light"] .bench-row:nth-child(odd) {
    background: rgba(239, 246, 255, 0.52);
}

html[data-theme="light"] .bench-label {
    color: #334155;
    font-weight: 800;
}

html[data-theme="light"] .bench-track {
    background: rgba(226, 232, 240, 0.9);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

html[data-theme="light"] .bench-score {
    color: #0f172a;
    font-weight: 900;
}

html[data-theme="light"] .bench-score sup {
    color: #64748b;
}

html[data-theme="light"] .model-tip {
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 12px;
    margin: 18px 0;
    padding: 14px 18px;
    border-radius: 14px;
    line-height: 1.65;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .model-tip .tip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-top: 0;
    border-radius: 999px;
    flex-shrink: 0;
}

html[data-theme="light"] .model-tip div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    color: inherit;
}

html[data-theme="light"] .model-tip code {
    color: #075985 !important;
    background: rgba(224, 242, 254, 0.92);
    border: 1px solid rgba(14, 165, 233, 0.24);
    border-radius: 6px;
    padding: 1px 6px;
    font-weight: 800;
}

html[data-theme="light"] .model-tip-warning {
    color: #92400e;
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(255, 247, 237, 0.92));
    border-color: rgba(245, 158, 11, 0.24);
}

html[data-theme="light"] .model-tip-warning .tip-icon {
    background: rgba(254, 243, 199, 0.92);
}

html[data-theme="light"] .model-tip-success {
    color: #047857;
    background: linear-gradient(135deg, rgba(240, 253, 244, 0.98), rgba(236, 253, 245, 0.92));
    border-color: rgba(16, 185, 129, 0.24);
}

html[data-theme="light"] .model-tip-success .tip-icon {
    background: rgba(209, 250, 229, 0.9);
}

html[data-theme="light"] .quickstart-complete-tip {
    width: fit-content;
    max-width: 900px;
    align-items: center;
    gap: 12px;
    margin: 22px 0 20px;
    padding: 14px 18px;
    color: #047857;
    background: linear-gradient(135deg, rgba(240, 253, 244, 0.98), rgba(236, 253, 245, 0.92));
    border-color: rgba(16, 185, 129, 0.24);
    border-radius: 14px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
    line-height: 1.6;
}

html[data-theme="light"] .quickstart-complete-tip .tip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-top: 0;
    border-radius: 999px;
    background: rgba(209, 250, 229, 0.9);
    flex-shrink: 0;
}

html[data-theme="light"] .quickstart-complete-tip > div {
    color: inherit;
    font-weight: 800;
}

html[data-theme="light"] .model-name-warning-tip {
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    color: #92400e;
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(255, 247, 237, 0.94));
    border-color: rgba(245, 158, 11, 0.24);
    border-radius: 14px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .model-name-warning-tip .tip-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-top: 0;
    border-radius: 999px;
    background: rgba(254, 243, 199, 0.92);
    flex-shrink: 0;
}

html[data-theme="light"] .model-name-warning-tip > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    color: inherit;
    font-weight: 800;
    line-height: 1.65;
}

html[data-theme="light"] .model-name-warning-tip code {
    color: #075985 !important;
    background: rgba(224, 242, 254, 0.92) !important;
    border: 1px solid rgba(14, 165, 233, 0.24);
    border-radius: 6px !important;
    padding: 2px 7px !important;
    font-weight: 800;
}

html[data-theme="light"] .scenes-grid .scene-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%),
        radial-gradient(420px 140px at 100% 0%, rgba(37, 99, 235, 0.08), transparent 72%);
    border-color: rgba(37, 99, 235, 0.14);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .scenes-grid .scene-card:hover {
    border-color: rgba(37, 99, 235, 0.3);
    box-shadow: 0 22px 44px rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .scene-card-tag {
    color: #1d4ed8;
    background: rgba(219, 234, 254, 0.9);
    border: 1px solid rgba(37, 99, 235, 0.16);
    letter-spacing: 0;
}

html[data-theme="light"] .scene-card-title {
    color: #0f172a;
}

html[data-theme="light"] .scene-card-desc {
    color: #526179;
    font-weight: 600;
}

html[data-theme="light"] .scene-card-points {
    gap: 8px;
    color: #334155;
    font-weight: 700;
}

html[data-theme="light"] .scene-card-points span {
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

html[data-theme="light"] .scene-card-points span::before {
    margin-right: 0;
    color: #0891b2;
    line-height: 1.35;
}

html[data-theme="light"] .testimonial-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%),
        radial-gradient(420px 140px at 100% 0%, rgba(37, 99, 235, 0.08), transparent 72%);
    border-color: rgba(37, 99, 235, 0.14);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .testimonial-card:hover {
    border-color: rgba(37, 99, 235, 0.3);
    box-shadow: 0 22px 44px rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .testimonial-kicker {
    color: #0e7490;
    background: rgba(207, 250, 254, 0.9);
    border-color: rgba(8, 145, 178, 0.28);
    letter-spacing: 0;
}

html[data-theme="light"] .testimonial-quote {
    color: #334155;
    font-weight: 700;
}

html[data-theme="light"] .testimonial-points span {
    color: #526179;
    font-weight: 700;
}

html[data-theme="light"] .testimonial-meta {
    border-top-color: rgba(37, 99, 235, 0.16);
}

html[data-theme="light"] .testimonial-avatar {
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.14);
}

html[data-theme="light"] .testimonial-name {
    color: #0f172a;
}

html[data-theme="light"] .testimonial-role {
    color: #64748b;
    font-weight: 700;
}

html[data-theme="light"] .price-card-v2 > div[style*="border-radius:100px"] {
    color: #1d4ed8 !important;
    background: rgba(219, 234, 254, 0.92) !important;
    border-color: rgba(37, 99, 235, 0.28) !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

html[data-theme="light"] .pricing-grid-v2 .price-card-v2:nth-child(1) > div[style*="border-radius:100px"] {
    color: #047857 !important;
    background: rgba(209, 250, 229, 0.96) !important;
    border-color: rgba(16, 185, 129, 0.38) !important;
}

html[data-theme="light"] .pricing-grid-v2 .price-card-v2:nth-child(2) > div[style*="border-radius:100px"] {
    color: #dc2626 !important;
    background: rgba(254, 226, 226, 0.96) !important;
    border-color: rgba(239, 68, 68, 0.34) !important;
}

html[data-theme="light"] .pricing-grid-v2 .price-card-v2:nth-child(3) > div[style*="border-radius:100px"] {
    color: #6d28d9 !important;
    background: rgba(237, 233, 254, 0.96) !important;
    border-color: rgba(139, 92, 246, 0.36) !important;
}

html[data-theme="light"] .pricing-grid-v2 .price-card-v2:nth-child(4) > div[style*="border-radius:100px"] {
    color: #1d4ed8 !important;
    background: rgba(219, 234, 254, 0.96) !important;
    border-color: rgba(37, 99, 235, 0.36) !important;
}

html[data-theme="light"] .pv2-saving {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    color: #15803d !important;
    background: rgba(220, 252, 231, 0.76);
    border: 1px solid rgba(34, 197, 94, 0.22);
    border-radius: 999px;
    padding: 4px 10px;
    font-weight: 800;
    line-height: 1.35;
}

html[data-theme="light"] .pv2-btn-solid {
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(15, 23, 42, 0.24);
}

html[data-theme="light"] .pv2-btn-outline {
    color: #1d4ed8;
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(37, 99, 235, 0.32);
}

html[data-theme="light"] .hero h1,
html[data-theme="light"] .shop-hero h1,
html[data-theme="light"] .section-title,
html[data-theme="light"] .model-name,
html[data-theme="light"] .feat-title,
html[data-theme="light"] .price-val,
html[data-theme="light"] .step-title,
html[data-theme="light"] .faq-q,
html[data-theme="light"] .doc-hero h1,
html[data-theme="light"] .why-card-title,
html[data-theme="light"] .usage-card-title,
html[data-theme="light"] .nav-card-title,
html[data-theme="light"] .step-body-title,
html[data-theme="light"] .product-name,
html[data-theme="light"] .detail-title,
html[data-theme="light"] .price-amount,
html[data-theme="light"] .ep-title,
html[data-theme="light"] .tier-amount,
html[data-theme="light"] .one-rule-main,
html[data-theme="light"] .doc-table th,
html[data-theme="light"] .doc-table td {
    color: #0f172a;
}

html[data-theme="light"] .shop-hero h1 {
    background: linear-gradient(135deg, #0f172a 0%, #0369a1 48%, #1d4ed8 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html[data-theme="light"] .category-chip {
    background: #ffffff;
    border-color: rgba(37, 99, 235, 0.32);
    color: #1e3a8a;
    box-shadow:
        0 8px 18px rgba(37, 99, 235, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-theme="light"] .category-chip:hover {
    background: #eff6ff;
    border-color: rgba(37, 99, 235, 0.52);
    color: #1d4ed8;
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .category-chip span {
    opacity: 0.9 !important;
    color: #2563eb;
    font-weight: 800 !important;
}

html[data-theme="light"] .btn-primary,
html[data-theme="light"] .nav-cta,
html[data-theme="light"] .nav-links a.nav-enterprise,
html[data-theme="light"] .price-btn-solid,
html[data-theme="light"] .btn-gold,
html[data-theme="light"] .hero-btn-primary,
html[data-theme="light"] .bottom-cta-btn-primary,
html[data-theme="light"] .header-btn-solid,
html[data-theme="light"] .shop-nav-cta,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-buy,
html[data-theme="light"] .promo-cta,
html[data-theme="light"] .eb-cta,
html[data-theme="light"] .category-chip.active,
html[data-theme="light"] .product-card.featured::before,
html[data-theme="light"] .vendor-avatar {
    color: #ffffff !important;
}

html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .price-btn-outline,
html[data-theme="light"] .btn-gold-outline,
html[data-theme="light"] .hero-btn-secondary,
html[data-theme="light"] .bottom-cta-btn-secondary,
html[data-theme="light"] .header-btn-ghost,
html[data-theme="light"] .btn-outline,
html[data-theme="light"] .btn-back,
html[data-theme="light"] .url-copy,
html[data-theme="light"] .code-copy {
    color: #2563eb;
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(37, 99, 235, 0.22);
}

html[data-theme="light"] .stats-bar {
    background: #dbeafe;
    border-color: rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .stat-item {
    background: rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .rate-drop-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 247, 237, 0.96));
    border-color: rgba(249, 115, 22, 0.28);
}

html[data-theme="light"] .rate-drop-label {
    color: #92400e;
    background: rgba(254, 243, 199, 0.86);
    border-color: rgba(245, 158, 11, 0.28);
}

html[data-theme="light"] .rate-drop-title,
html[data-theme="light"] .rate-drop-desc {
    color: #334155;
}

html[data-theme="light"] .enterprise-banner-inner {
    background:
        radial-gradient(ellipse 48% 100% at 15% 50%, rgba(251, 191, 36, 0.24) 0%, transparent 70%),
        radial-gradient(ellipse 58% 100% at 85% 50%, rgba(96, 165, 250, 0.16) 0%, transparent 70%),
        linear-gradient(90deg, #fff7ed 0%, #eff6ff 100%);
    border-color: rgba(245, 158, 11, 0.18);
}

html[data-theme="light"] .enterprise-section {
    background: linear-gradient(180deg, #fff7ed 0%, #ffffff 58%, #f8fbff 100%);
    border-color: rgba(245, 158, 11, 0.18);
}

html[data-theme="light"] .ep-header {
    padding-top: 156px;
    background:
        radial-gradient(760px 260px at 12% 0%, rgba(245, 158, 11, 0.14), transparent 70%),
        radial-gradient(680px 260px at 86% 88%, rgba(37, 99, 235, 0.1), transparent 72%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border-bottom-color: rgba(37, 99, 235, 0.12);
}

html[data-theme="light"] .ep-breadcrumb,
html[data-theme="light"] .ep-breadcrumb a,
html[data-theme="light"] .ep-section-sub {
    color: #475569;
    font-weight: 700;
}

html[data-theme="light"] .ep-title,
html[data-theme="light"] .ep-section-title,
html[data-theme="light"] .security-heading {
    color: #0f172a;
}

html[data-theme="light"] .ep-title .gold,
html[data-theme="light"] .ep-section-title .gold,
html[data-theme="light"] .security-heading span {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: #d97706;
}

html[data-theme="light"] .ep-tag {
    color: #b45309;
    background: rgba(254, 243, 199, 0.88);
    border-color: rgba(245, 158, 11, 0.32);
}

html[data-theme="light"] .eb-title,
html[data-theme="light"] .eb-sub,
html[data-theme="light"] .tier-note,
html[data-theme="light"] .enterprise-notice,
html[data-theme="light"] .rich-desc {
    color: #334155;
}

html[data-theme="light"] .tier-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #fffbeb 100%),
        radial-gradient(260px 120px at 100% 0%, rgba(245, 158, 11, 0.12), transparent 70%);
    border-color: rgba(245, 158, 11, 0.22);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .tier-card.featured {
    background:
        linear-gradient(135deg, #ffffff 0%, #fff7ed 100%),
        radial-gradient(280px 150px at 100% 0%, rgba(249, 115, 22, 0.14), transparent 72%);
    border-color: rgba(249, 115, 22, 0.32);
}

html[data-theme="light"] .tier-label,
html[data-theme="light"] .tier-discount-suffix,
html[data-theme="light"] .tier-note strong {
    color: #b45309;
}

html[data-theme="light"] .tier-amount sup,
html[data-theme="light"] .tier-amount span[style*="color:var(--gray-400)"] {
    color: #64748b !important;
}

html[data-theme="light"] .tier-discount-num {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: #d97706;
}

html[data-theme="light"] .security-spotlight {
    background:
        radial-gradient(720px 260px at 0% 0%, rgba(34, 211, 238, 0.18), transparent 70%),
        radial-gradient(560px 220px at 100% 100%, rgba(245, 158, 11, 0.12), transparent 72%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    border-color: rgba(8, 145, 178, 0.22);
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.07);
}

html[data-theme="light"] .security-spotlight::before {
    background-image:
        linear-gradient(rgba(8, 145, 178, 0.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(8, 145, 178, 0.07) 1px, transparent 1px);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.28), transparent 82%);
}

html[data-theme="light"] .security-eyebrow {
    color: #0e7490;
}

html[data-theme="light"] .security-lead {
    color: #334155;
    font-weight: 700;
}

html[data-theme="light"] .security-lead strong {
    color: #b45309;
    font-weight: 900;
}

html[data-theme="light"] .security-measure {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(37, 99, 235, 0.14);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

html[data-theme="light"] .security-measure iconify-icon {
    color: #0891b2;
    filter: none;
}

html[data-theme="light"] .security-measure-title {
    color: #0f172a;
}

html[data-theme="light"] .security-measure-desc {
    color: #475569;
    font-weight: 700;
}

html[data-theme="light"] .enterprise-feat-grid .feat-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #fbfdff 100%),
        radial-gradient(260px 120px at 100% 0%, rgba(245, 158, 11, 0.08), transparent 72%);
    border-color: rgba(37, 99, 235, 0.14);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .enterprise-feat-grid .feat-card:hover {
    background: #ffffff;
    border-color: rgba(245, 158, 11, 0.34);
    box-shadow: 0 20px 44px rgba(245, 158, 11, 0.12);
}

html[data-theme="light"] .enterprise-feat-grid .feat-icon {
    color: #0f172a;
    background: #ffedd5;
    border-color: rgba(249, 115, 22, 0.28);
}

html[data-theme="light"] .enterprise-feat-grid .feat-title {
    color: #0f172a;
}

html[data-theme="light"] .enterprise-feat-grid .feat-title .accent {
    color: #d97706;
}

html[data-theme="light"] .enterprise-feat-grid .feat-desc {
    color: #475569;
    font-weight: 700;
}

html[data-theme="light"] .enterprise-feat-grid .feat-desc strong {
    color: #b45309;
    font-weight: 900;
}

html[data-theme="light"] .enterprise-notice {
    color: #92400e;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
    border-color: rgba(245, 158, 11, 0.32);
}

html[data-theme="light"] .enterprise-notice strong {
    color: #78350f;
    font-weight: 900;
}

html[data-theme="light"] .ep-header + section + section[style*="padding-top:0"] {
    padding-top: 64px !important;
}

html[data-theme="light"] .cc-hero,
html[data-theme="light"] .shop-hero::before,
html[data-theme="light"] .ep-header::before {
    background:
        radial-gradient(900px 220px at 0% 0%, rgba(96, 165, 250, 0.18), transparent 70%),
        radial-gradient(700px 240px at 100% 100%, rgba(6, 182, 212, 0.12), transparent 70%);
}

html[data-theme="light"] .roadmap {
    align-items: start;
    gap: 10px;
    padding: 22px 24px;
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%),
        radial-gradient(520px 140px at 0% 0%, rgba(37, 99, 235, 0.08), transparent 72%);
    border-color: rgba(37, 99, 235, 0.16);
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .roadmap::before {
    left: 48px;
    right: 48px;
    top: 39px;
    height: 3px;
    background: linear-gradient(90deg, rgba(37, 99, 235, 0.2), rgba(8, 145, 178, 0.18));
    opacity: 1;
    transform: none;
}

html[data-theme="light"] .rm-node {
    gap: 9px;
    min-width: 0;
}

html[data-theme="light"] .rm-dot {
    width: 38px;
    height: 38px;
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    border: 3px solid #ffffff;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.18);
}

html[data-theme="light"] .rm-label {
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    max-width: 86px;
}

html[data-theme="light"] .rm-node:hover .rm-dot {
    border-color: #ffffff;
    color: #ffffff;
    background: linear-gradient(135deg, #1d4ed8, #0e7490);
    box-shadow: 0 14px 26px rgba(37, 99, 235, 0.22);
}

html[data-theme="light"] .rm-node:hover .rm-label {
    color: #0f172a;
}

html[data-theme="light"] .cc-success-tip {
    align-items: center;
    gap: 14px;
    color: #166534;
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
    border-color: rgba(34, 197, 94, 0.24);
    box-shadow: 0 14px 34px rgba(22, 101, 52, 0.08);
}

html[data-theme="light"] .cc-success-tip .tip-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 30px;
}

html[data-theme="light"] .cc-success-tip > div {
    color: #166534;
    font-weight: 800;
    line-height: 1.65;
}

html[data-theme="light"] .cc-success-tip strong {
    color: #047857;
    font-weight: 900;
}

html[data-theme="light"] .cc-success-tip .ic {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 1px 9px;
    color: #075985;
    background: rgba(207, 250, 254, 0.92);
    border: 1px solid rgba(8, 145, 178, 0.18);
    border-radius: 8px;
    font-weight: 900;
    vertical-align: baseline;
}

html[data-theme="light"] .cc-install-warning,
html[data-theme="light"] .cc-update-tip {
    align-items: center;
    gap: 14px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .cc-install-warning {
    color: #92400e;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
    border-color: rgba(245, 158, 11, 0.28);
}

html[data-theme="light"] .cc-update-tip {
    color: #0e7490;
    background: linear-gradient(135deg, #ecfeff 0%, #ffffff 100%);
    border-color: rgba(8, 145, 178, 0.22);
}

html[data-theme="light"] .cc-install-warning .tip-icon,
html[data-theme="light"] .cc-update-tip .tip-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 30px;
}

html[data-theme="light"] .cc-install-warning > div,
html[data-theme="light"] .cc-update-tip > div {
    font-weight: 800;
    line-height: 1.7;
}

html[data-theme="light"] .cc-install-warning > div {
    color: #92400e;
}

html[data-theme="light"] .cc-update-tip > div {
    color: #0e7490;
}

html[data-theme="light"] .cc-install-warning strong {
    color: #78350f;
    font-weight: 900;
}

html[data-theme="light"] .cc-update-tip strong {
    color: #0369a1;
    font-weight: 900;
}

html[data-theme="light"] .cc-install-warning .ic,
html[data-theme="light"] .cc-update-tip .ic {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 1px 9px;
    color: #075985;
    background: rgba(207, 250, 254, 0.92);
    border: 1px solid rgba(8, 145, 178, 0.18);
    border-radius: 8px;
    font-weight: 900;
    vertical-align: baseline;
}

html[data-theme="light"] .tip-box {
    align-items: center;
    gap: 14px;
    color: #334155;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    border-color: rgba(37, 99, 235, 0.16);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .tip-box.info {
    color: #0e7490;
    background: linear-gradient(135deg, #ecfeff 0%, #ffffff 100%);
    border-color: rgba(8, 145, 178, 0.22);
}

html[data-theme="light"] .tip-box.success {
    color: #166534;
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
    border-color: rgba(34, 197, 94, 0.24);
}

html[data-theme="light"] .tip-box.warning {
    color: #92400e;
    background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
    border-color: rgba(245, 158, 11, 0.28);
}

html[data-theme="light"] .tip-box .tip-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    flex: 0 0 30px;
}

html[data-theme="light"] .tip-box > div {
    color: inherit;
    font-weight: 800;
    line-height: 1.7;
}

html[data-theme="light"] .tip-box strong {
    color: inherit;
    font-weight: 900;
}

html[data-theme="light"] .tip-box .ic,
html[data-theme="light"] .tip-box code,
html[data-theme="light"] .step-body-desc code,
html[data-theme="light"] .faq-a code,
html[data-theme="light"] .section-sub code {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 1px 8px !important;
    color: #075985 !important;
    background: rgba(207, 250, 254, 0.92) !important;
    border: 1px solid rgba(8, 145, 178, 0.18);
    border-radius: 7px !important;
    font-weight: 900;
    vertical-align: baseline;
}

html[data-theme="light"] .doc-table code {
    color: #075985 !important;
}

html[data-theme="light"] .cmd-table code {
    color: #075985 !important;
}

html[data-theme="light"] .ic {
    color: #075985;
}

html[data-theme="light"] .step-desc code {
    color: #075985 !important;
}

html[data-theme="light"] code[style*="color:var(--cyan-light)"] {
    color: #075985 !important;
}

html[data-theme="light"] .step-tag {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 2px 11px;
    color: #ffffff;
    background: linear-gradient(135deg, #10b981, #0891b2);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1.4;
    box-shadow: 0 8px 18px rgba(16, 185, 129, 0.16);
    vertical-align: middle;
}

html[data-theme="light"] .compare-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%),
        radial-gradient(280px 120px at 100% 0%, rgba(14, 165, 233, 0.08), transparent 70%);
    border-color: rgba(37, 99, 235, 0.16);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

html[data-theme="light"] .compare-card h4 {
    color: #0e7490;
    font-weight: 900;
}

html[data-theme="light"] .compare-card p {
    color: #475569;
    font-weight: 700;
    line-height: 1.7;
}

html[data-theme="light"] .env-compare-grid .compare-card {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

html[data-theme="light"] .cc-env-warning {
    align-items: flex-start;
}

html[data-theme="light"] .cc-env-warning .tip-icon {
    margin-top: 3px;
}

html[data-theme="light"] .cc-env-warning-copy {
    color: #92400e;
    font-weight: 800;
    line-height: 1.7;
}

html[data-theme="light"] .cc-env-warning-copy > strong {
    display: block;
    margin-bottom: 8px;
    color: #78350f;
    font-size: 15px;
    font-weight: 900;
}

html[data-theme="light"] .cc-env-warning-copy ol {
    display: grid;
    gap: 8px;
    margin: 0;
    padding-left: 0;
    list-style: none;
}

html[data-theme="light"] .cc-env-warning-copy li {
    position: relative;
    padding-left: 30px;
    color: #92400e;
}

html[data-theme="light"] .cc-env-warning-copy li::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, #f59e0b, #d97706);
    font-size: 12px;
    font-weight: 900;
}

html[data-theme="light"] .cc-env-warning-copy li:nth-child(1)::before {
    content: "1";
}

html[data-theme="light"] .cc-env-warning-copy li:nth-child(2)::before {
    content: "2";
}

html[data-theme="light"] .cc-env-warning-copy li:nth-child(3)::before {
    content: "3";
}

html[data-theme="light"] .step-card {
    background:
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%),
        radial-gradient(520px 160px at 0% 0%, rgba(37, 99, 235, 0.08), transparent 72%);
    border-color: rgba(37, 99, 235, 0.16);
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .step-card::before {
    background: linear-gradient(180deg, #2563eb, #0891b2);
}

html[data-theme="light"] .step-card:hover {
    border-color: rgba(37, 99, 235, 0.3);
    box-shadow: 0 20px 44px rgba(37, 99, 235, 0.1);
}

html[data-theme="light"] .step-head {
    align-items: center;
}

html[data-theme="light"] .step-num {
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.2);
}

html[data-theme="light"] .step-title {
    color: #0f172a;
    font-weight: 900;
}

html[data-theme="light"] .step-lead {
    color: #334155;
    font-weight: 700;
}

html[data-theme="light"] .meta-tag {
    color: #1d4ed8;
    background: rgba(219, 234, 254, 0.9);
    border-color: rgba(37, 99, 235, 0.22);
    font-weight: 900;
}

html[data-theme="light"] .meta-tag.diff-easy {
    color: #047857;
    background: rgba(209, 250, 229, 0.95);
    border-color: rgba(16, 185, 129, 0.28);
}

html[data-theme="light"] .meta-tag.diff-mid {
    color: #92400e;
    background: rgba(254, 243, 199, 0.95);
    border-color: rgba(245, 158, 11, 0.32);
}

html[data-theme="light"] .code-tabs {
    gap: 6px;
    border-bottom-color: rgba(37, 99, 235, 0.18);
}

html[data-theme="light"] .lang-tab {
    color: #526179;
    border-radius: 9px 9px 0 0;
    font-size: 13px;
    font-weight: 900;
}

html[data-theme="light"] .lang-tab:hover {
    color: #1d4ed8;
    background: rgba(219, 234, 254, 0.55);
}

html[data-theme="light"] .lang-tab.active {
    color: #ffffff;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    border-bottom-color: transparent;
}

html[data-theme="light"] .tip-box [style*="color:#fcd34d"],
html[data-theme="light"] .tip-box [style*="color:#6ee7b7"] {
    color: inherit !important;
}

html[data-theme="light"] a[style*="color:#67e8f9"],
html[data-theme="light"] a[style*="color:var(--cyan-light)"] {
    color: #0369a1 !important;
    font-weight: 900;
}

html[data-theme="light"] .code-block,
html[data-theme="light"] .env-block {
    color: #0f172a;
}

html[data-theme="light"] .code-block .k {
    color: #1d4ed8;
}

html[data-theme="light"] .code-block .s {
    color: #047857;
}

html[data-theme="light"] .code-block .v {
    color: #b45309;
}

html[data-theme="light"] .code-block .c,
html[data-theme="light"] .env-block .c {
    color: #64748b;
}

html[data-theme="light"] .env-block .env-k {
    color: #1d4ed8;
}

html[data-theme="light"] .env-block .env-v {
    color: #047857;
}

html[data-theme="light"] .doc-table thead,
html[data-theme="light"] .sidebar-group-label,
html[data-theme="light"] .state-sub {
    color: #64748b;
}

html[data-theme="light"] .sidebar-link:hover,
html[data-theme="light"] .sidebar-link.active {
    background: rgba(37, 99, 235, 0.1);
    color: #1d4ed8;
}

html[data-theme="light"] .category-chip.active {
    background: linear-gradient(135deg, #2563eb 0%, #0e7490 100%);
    border-color: rgba(14, 116, 144, 0.68);
    color: #ffffff !important;
    box-shadow:
        0 14px 30px rgba(37, 99, 235, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

html[data-theme="light"] .category-chip.active span {
    opacity: 0.9 !important;
    color: rgba(255, 255, 255, 0.92);
}

html[data-theme="light"] .product-image,
html[data-theme="light"] .detail-image-box img {
    filter: saturate(0.98) contrast(1.02);
}

@media (max-width: 1280px) {
    .nav-btn-group .xyb-theme-toggle {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .xyb-theme-toggle {
        order: 0;
    }

    .header-right .xyb-theme-toggle,
    .shop-nav-links .xyb-theme-toggle {
        margin-right: 0;
    }

    .xyb-theme-trigger {
        width: 36px;
        height: 36px;
    }

    .xyb-theme-panel {
        right: auto;
        left: 50%;
        transform: translate(-50%, -6px);
    }

    .xyb-theme-toggle.open .xyb-theme-panel {
        transform: translate(-50%, 0);
    }
}