/**
 * CMS 统一主题样式
 * 支持亮色/暗色主题切换
 */

:root {
    --primary: #4361ee;
    --accent-color: #4361ee;
    --sidebar-width: 260px;
    --page-gutter: 1rem;

    --bg-body: #f5f6fa;
    --bg-navbar: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --text-navbar: #fff;
    --bg-content: #ffffff;
    --text-content: #333333;
    --text-muted: #6c757d;
    --bg-card: #ffffff;
    --border-card: #e9ecef;
    --shadow-card: 0 2px 12px rgba(0,0,0,0.08);
    --bg-footer: #2c3e50;
    --text-footer: #ecf0f1;
    --bg-input: #ffffff;
    --border-input: #ced4da;
    --text-input: #333333;
    --bg-table: #ffffff;
    --bg-table-header: #f8f9fa;
    --border-table: #dee2e6;
    --hero-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --hero-text: #ffffff;
}

[data-theme="dark"] {
    --bg-body: #0f1419;
    --bg-navbar: #4361ee;
    --text-navbar: #fff;
    --bg-content: #1a1f2e;
    --text-content: #e0e4ef;
    --text-muted: #8da0c5;
    --bg-card: #242b3d;
    --border-card: #2d3548;
    --shadow-card: 0 2px 12px rgba(0,0,0,0.3);
    --bg-footer: #0a0e14;
    --text-footer: #8da0c5;
    --bg-input: #1e2533;
    --border-input: #2d3548;
    --text-input: #e0e4ef;
    --bg-table: #1a1f2e;
    --bg-table-header: #242b3d;
    --border-table: #2d3548;
    --hero-bg: radial-gradient(circle at top, rgba(67,97,238,0.35), rgba(15,20,25,0.98) 58%);
    --hero-text: #f7f9ff;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--bg-body);
    padding-top: 1rem;
    color: var(--text-content);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.cms-navbar {
    background: var(--bg-navbar);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.cms-navbar .navbar-brand {
    color: var(--text-navbar);
    font-weight: 600;
}

.cms-navbar .nav-link {
    color: rgba(255,255,255,0.92);
}

.cms-navbar .nav-link:hover,
.cms-navbar .nav-link:focus {
    color: #fff;
}

.theme-toggle {
    background: rgba(255,255,255,0.15);
    border: none;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-right: 10px;
}

.theme-toggle:hover {
    background: rgba(255,255,255,0.25);
    transform: scale(1.05);
}

.theme-toggle i {
    font-size: 1rem;
}

.main-content {
    min-height: calc(100vh - 64px);
    padding: 3.2rem 0 3rem;
    background: var(--bg-content);
    transition: background-color 0.3s ease;
}

.cms-page-container {
    max-width: 1320px;
    padding-left: max(var(--page-gutter), calc(var(--bs-gutter-x, 1.5rem) * 0.5));
    padding-right: max(var(--page-gutter), calc(var(--bs-gutter-x, 1.5rem) * 0.5));
}

/* 统一内容页面顶部间距 */
.module-content .computer-config-container,
.module-content .yisu-container,
.module-content [class*="peizhi"],
.module-content .content-resource-page {
    padding-top: 20px;
}

.cms-home-main {
    min-height: calc(100vh - 64px);
    background: var(--bg-body);
}

.cms-home-hero {
    background: var(--hero-bg);
    color: var(--hero-text);
    padding: 4.5rem 0 3rem;
}

.cms-home-hero__inner {
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
}

.cms-home-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.8rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.14);
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cms-home-hero h1 {
    font-size: clamp(2.3rem, 5vw, 4rem);
    font-weight: 700;
    margin: 1.25rem 0 0.85rem;
}

.cms-home-hero__desc {
    margin: 0 auto;
    max-width: 720px;
    font-size: 1.08rem;
    line-height: 1.7;
    color: rgba(255,255,255,0.9);
}

.cms-home-stats {
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 2rem 0;
}

.cms-home-stats__item {
    min-width: 140px;
    padding: 1rem 1.25rem;
    border-radius: 18px;
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.15);
    backdrop-filter: blur(10px);
}

.cms-home-stats__item strong {
    display: block;
    font-size: 1.7rem;
    line-height: 1.1;
}

.cms-home-stats__item span {
    color: rgba(255,255,255,0.82);
    font-size: 0.92rem;
}

.cms-home-search {
    max-width: 680px;
    margin: 0 auto;
}

.cms-home-search .form-control {
    border-radius: 999px;
    padding: 1rem 1.35rem;
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 16px 40px rgba(0,0,0,0.16);
}

.cms-home-content {
    margin-top: -1.5rem;
    padding: 2.2rem 0 3rem;
}

.cms-home-content > .container-xl {
    background: var(--bg-content);
    border-radius: 28px 28px 0 0;
    padding: 2.5rem 1rem 3rem;
    box-shadow: 0 -8px 32px rgba(15,23,42,0.06);
}

.cms-module-section + .cms-module-section {
    margin-top: 2.5rem;
}

.cms-module-section__head {
    margin-bottom: 1rem;
}

.cms-module-section__head h2 {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin: 0;
    color: var(--text-content);
}

.cms-module-section__head p {
    margin: 0.45rem 0 0;
    color: var(--text-muted);
}

.cms-tool-card {
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 18px;
    box-shadow: var(--shadow-card);
    transition: all 0.3s ease;
    height: 100%;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.9rem;
    padding: 1.2rem;
}

.cms-tool-card:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
    box-shadow: 0 14px 30px rgba(67,97,238,0.15);
}

.cms-tool-card__icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--accent-color) 12%, transparent);
    color: var(--accent-color);
    font-size: 1.15rem;
}

.cms-tool-card__title {
    color: var(--text-content);
    line-height: 1.45;
}

.cms-tool-card__meta {
    color: var(--text-muted);
    line-height: 1.5;
}

.cms-card {
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 12px;
    box-shadow: var(--shadow-card);
    transition: all 0.3s ease;
}

.cms-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

[data-theme="dark"] .cms-card:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

.cms-form-control {
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    color: var(--text-input);
    transition: all 0.3s ease;
}

.cms-form-control:focus {
    background: var(--bg-input);
    border-color: var(--accent-color);
    color: var(--text-input);
    box-shadow: 0 0 0 0.2rem rgba(67, 97, 238, 0.25);
}

.cms-table {
    background: var(--bg-table);
    color: var(--text-content);
}

.cms-table thead th {
    background: var(--bg-table-header);
    border-color: var(--border-table);
    color: var(--text-content);
}

.cms-table td,
.cms-table th {
    border-color: var(--border-table);
}

.cms-btn-primary {
    background: var(--accent-color);
    border-color: var(--accent-color);
}

.cms-btn-primary:hover {
    background: color-mix(in srgb, var(--accent-color) 85%, black);
    border-color: color-mix(in srgb, var(--accent-color) 85%, black);
}

.cms-footer {
    background: var(--bg-footer);
    color: var(--text-footer);
    padding: 1.6rem 0;
    text-align: center;
    margin-top: auto;
}

.module-content {
    width: 100%;
    color: var(--text-content) !important;
}

.module-content > :first-child {
    margin-top: 0 !important;
}

.module-content .container,
.module-content .container-fluid {
    max-width: 100%;
}

.module-content .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.module-content a {
    color: var(--accent-color);
}

.module-content h1,
.module-content h2,
.module-content h3,
.module-content h4,
.module-content h5,
.module-content h6 {
    color: var(--text-content) !important;
}

.module-content p {
    color: var(--text-content) !important;
}

.module-content span,
.module-content div,
.module-content li,
.module-content td,
.module-content th,
.module-content label,
.module-content strong,
.module-content b {
    color: inherit;
}

[data-theme="dark"] .module-content,
[data-theme="dark"] .module-content p,
[data-theme="dark"] .module-content span,
[data-theme="dark"] .module-content div,
[data-theme="dark"] .module-content li,
[data-theme="dark"] .module-content td,
[data-theme="dark"] .module-content th,
[data-theme="dark"] .module-content label {
    color: var(--text-content) !important;
}

[data-theme="dark"] .module-content h1,
[data-theme="dark"] .module-content h2,
[data-theme="dark"] .module-content h3,
[data-theme="dark"] .module-content h4,
[data-theme="dark"] .module-content h5,
[data-theme="dark"] .module-content h6 {
    color: var(--text-content) !important;
}

.module-content .card-header {
    background: var(--bg-card);
    border-color: var(--border-card);
}

.module-content .card-header a {
    display: block;
    width: 100%;
    padding: 12px 16px;
    color: var(--text-content);
    text-decoration: none;
    font-weight: 500;
}

.module-content .card-header a:hover {
    background: rgba(67, 97, 238, 0.08);
    color: var(--accent-color);
}

.module-content .card {
    background: var(--bg-card);
    border-color: var(--border-card);
}

.module-content .card-body {
    background: var(--bg-content);
    color: var(--text-content);
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        background: rgba(30, 30, 60, 0.98);
        border-radius: 8px;
        padding: 0.5rem 1rem;
        margin-top: 0.5rem;
    }

    .cms-home-hero {
        padding: 3.25rem 0 2.5rem;
    }
}

@media (max-width: 767.98px) {
    :root {
        --page-gutter: 0.75rem;
    }

    body {
        padding-top: 60px;
    }

    .main-content {
        padding-top: 2.2rem;
    }

    .cms-home-content > .container-xl {
        padding-top: 1.5rem;
        border-radius: 22px 22px 0 0;
    }

    .cms-home-stats__item {
        min-width: 110px;
    }
}




/* Inner page normalization: checkip / speedtest / fwq */
.checkip-wrapper {
    margin: 0;
    padding: 24px 0 20px;
    background: linear-gradient(180deg, rgba(111, 66, 193, 0.14), rgba(15, 23, 42, 0) 240px), #0f172a;
    color: #e0e0e0;
    font-family: 'Segoe UI', system-ui, sans-serif;
    border-radius: 0 0 28px 28px;
}

.checkip-wrapper .inner-navbar {
    background: linear-gradient(135deg, #6f42c1, #5a32a3) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.checkip-wrapper .card {
    border: none;
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    border-radius: 12px;
    margin-bottom: 1.5rem;
    background-color: #1e1e1e;
}

.checkip-wrapper .card-header {
    border-radius: 12px 12px 0 0 !important;
    font-weight: 600;
    background: linear-gradient(135deg, rgba(111, 66, 193, 0.9), rgba(90, 50, 163, 0.9));
    border: none;
}

.checkip-wrapper .btn-success {
    background: linear-gradient(135deg, #28a745, #1e7e34);
    border: none;
    transition: all 0.3s;
}

.checkip-wrapper .btn-success:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
}

.checkip-wrapper .nav-pills .nav-link {
    font-weight: 500;
    border-radius: 30px;
    padding: 0.5rem 1.25rem;
    margin: 0.25rem;
    transition: all 0.3s;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(0,0,0,0.05);
    color: #e0e0e0;
}

.checkip-wrapper .nav-pills .nav-link.active {
    background: linear-gradient(135deg, #6f42c1, #5a32a3);
    color: white !important;
    box-shadow: 0 4px 8px rgba(111, 66, 193, 0.2);
    transform: translateY(-2px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.checkip-wrapper .tab-content {
    background: #1e1e1e;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1.25rem;
}

.checkip-wrapper pre.output {
    background-color: #0d0d0d;
    color: #e0e0e0;
    padding: 1.5rem;
    border-radius: 8px;
    overflow: auto;
    font-family: 'Consolas', monospace;
    font-size: 15px;
    line-height: 1.5;
    max-height: 500px;
}

.checkip-wrapper .port-badge {
    min-width: 85px;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.5rem;
    border-radius: 50px;
}

.checkip-wrapper .port-open {
    background: linear-gradient(135deg, #28a745, #1e7e34);
    color: white;
}

.checkip-wrapper .port-closed {
    background: linear-gradient(135deg, #dc3545, #bd2130);
    color: white;
}

.checkip-wrapper .info-value {
    font-family: 'Consolas', monospace;
    font-size: 0.95rem;
}

.checkip-wrapper .error-message {
    padding: 1.5rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #5c2229, #8b2a3c);
    color: #f8d7da;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.checkip-wrapper .dns-row {
    transition: all 0.2s;
}

.checkip-wrapper .dns-row:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.checkip-wrapper .form-control,
.checkip-wrapper .form-select {
    background-color: #2a2a2a;
    color: #e0e0e0;
    border: 1px solid #444;
}

.checkip-wrapper .host-info-table tr td:first-child {
    font-weight: 600;
    width: 30%;
    vertical-align: top;
}

.checkip-wrapper .page-note {
    margin-top: 1.5rem;
    padding: 0.9rem 1.1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(226, 232, 240, 0.78);
    text-align: center;
}

.speedtest-module {
    margin: 0;
    padding: 24px 0 20px;
    background: linear-gradient(180deg, rgba(126, 87, 194, 0.14), rgba(18, 18, 18, 0) 220px), #121212;
    color: #e0e0e0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    border-radius: 0 0 28px 28px;
}

.speedtest-module .container {
    max-width: 1180px;
}

.speedtest-module .speedometer-bg {
    background: radial-gradient(circle, rgba(31,31,31,1) 0%, rgba(18,18,18,1) 80%);
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.1);
    padding: 2rem;
}

.speedtest-module .card-glass {
    background-color: #1e1e1e;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
}

.speedtest-module .card-glass:hover {
    background-color: #2a2a2a;
    transform: translateY(-5px);
}

.speedtest-module .gauge { position: relative; width: 280px; height: 140px; margin: 0 auto 20px; }
.speedtest-module .gauge-svg { width: 100%; height: 100%; }
.speedtest-module .gauge-value { position: absolute; bottom: 20px; width: 100%; text-align: center; font-size: 2.5rem; font-weight: 700; color: white; }
.speedtest-module .test-btn { background: linear-gradient(135deg, #5c6bc0, #7e57c2); border: none; padding: 12px 24px; font-weight: 600; border-radius: 50px; transition: all 0.3s ease; width: 100%; max-width: 300px; margin: 0 auto; }
.speedtest-module .test-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); }
.speedtest-module .status-indicator { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; }
.speedtest-module .online { background-color: #66bb6a; }
.speedtest-module .offline { background-color: #ef5350; }
.speedtest-module .history-chart { height: 200px; }
.speedtest-module .speed-label { font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; }
.speedtest-module .speed-value { font-size: 1.8rem; font-weight: 700; margin-bottom: 0.5rem; background: linear-gradient(to right, #5c6bc0, #7e57c2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.speedtest-module .ping-badge { background: rgba(255,255,255,0.1); border-radius: 30px; padding: 5px 15px; font-size: 0.9rem; }
.speedtest-module .flag { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-size: cover; vertical-align: middle; margin-right: 8px; }
.speedtest-module .flag-image { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; vertical-align: middle; margin-right: 8px; }
.speedtest-module .globe-svg { width: 24px; height: 24px; vertical-align: middle; margin-right: 8px; fill: #a0a0a0; }
.speedtest-module .progress-bg { background: rgba(255,255,255,0.1); border-radius: 50px; height: 8px; }
.speedtest-module .progress-speed { height: 100%; border-radius: 50px; background: linear-gradient(90deg, #5c6bc0, #7e57c2); }
.speedtest-module .progress-speed--90 { width: 90%; }
.speedtest-module .progress-speed--75 { width: 75%; }
.speedtest-module .progress-speed--20 { width: 20%; background: #66bb6a; }
.speedtest-module .server-list-item { transition: all 0.3s ease; padding: 15px 20px; border-radius: 12px; margin-bottom: 8px; }
.speedtest-module .server-list-item:hover { background-color: #2a2a2a; cursor: pointer; }
.speedtest-module .active-server { background-color: rgba(92, 107, 192, 0.2); border-left: 3px solid #5c6bc0; }
.speedtest-module .btn-icon { margin-right: 8px; }
.speedtest-module .speedtest-animation { display: flex; justify-content: center; align-items: center; height: 100px; margin: 40px 0; }
.speedtest-module .ping-bar { width: 8px; height: 30px; background: linear-gradient(to top, #5c6bc0, #7e57c2); border-radius: 4px; margin: 0 2px; animation: pingAnimation 1s ease-in-out infinite; }
.speedtest-module .ping-bar:nth-child(2) { animation-delay: 0.1s; }
.speedtest-module .ping-bar:nth-child(3) { animation-delay: 0.2s; }
.speedtest-module .ping-bar:nth-child(4) { animation-delay: 0.3s; }
.speedtest-module .ping-bar:nth-child(5) { animation-delay: 0.4s; }
.speedtest-module .spinner-border { border-width: 0.2em; }
.speedtest-module .speedtest-icon { color: #5c6bc0; }
.speedtest-module .test-result { display: none; }
.speedtest-module .test-result.is-visible { display: flex; }

.fwq-panel {
    color: #f8f9fa;
    font-family: 'Segoe UI', system-ui, sans-serif;
    background: linear-gradient(135deg, #1d2b3a, #0f1721);
    min-height: auto;
    padding: 24px 0 20px;
    border-radius: 0 0 28px 28px;
}

.fwq-panel .navbar { background: rgba(13, 17, 23, 0.8); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.fwq-panel .navbar .navbar-brand, .fwq-panel .navbar .navbar-brand span { color: #fff !important; }
.fwq-panel .navbar .navbar-brand { font-weight: bold; font-size: 1.3rem; }
.fwq-panel .server-container { max-width: 1200px; margin: 40px auto; }
.fwq-panel .server-card { background: #25292e; border-radius: 10px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); border: 1px solid #343a40; margin-bottom: 20px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.fwq-panel .server-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); }
.fwq-panel .card-header { background: rgba(13, 110, 253, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 15px 20px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.fwq-panel .card-header h3 { margin: 0; font-size: 1.2rem; font-weight: 500; display: flex; align-items: center; gap: 10px; }
.fwq-panel .card-body { padding: 20px; }
.fwq-panel .server-info { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; }
.fwq-panel .info-item { background: rgba(255, 255, 255, 0.05); border-radius: 8px; padding: 15px; border-left: 3px solid #0d6efd; }
.fwq-panel .info-item h4 { font-size: 1rem; margin-bottom: 10px; color: #0dcaf0; display: flex; align-items: center; gap: 8px; }
.fwq-panel .info-item p { margin: 0; word-break: break-all; }
.fwq-panel .info-item a { color: #60a5fa; text-decoration: none; transition: color 0.3s ease; }
.fwq-panel .info-item a:hover { color: #93c5fd; text-decoration: underline; }
.fwq-panel .logout-btn { position: fixed; bottom: 66px; right: 20px; z-index: 1000; box-shadow: 0 5px 15px rgba(220, 53, 69, 0.3); }
.fwq-panel .search-box { max-width: 400px; margin: 20px auto; }
.fwq-panel .form-control { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: #f8f9fa; padding: 12px 15px; }
.fwq-panel .form-control:focus { background: rgba(255, 255, 255, 0.08); border-color: #0d6efd; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); color: #f8f9fa; }
.fwq-panel .server-status { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 20px; font-size: 0.85rem; background: rgba(25, 135, 84, 0.2); color: #198754; }
.fwq-panel .server-status.offline { background: rgba(220, 53, 69, 0.2); color: #dc3545; }
.fwq-panel .accordion-icon { transition: transform 0.3s ease; }
.fwq-panel .collapsed .accordion-icon { transform: rotate(0deg); }
.fwq-panel .not-collapsed .accordion-icon { transform: rotate(180deg); }
.fwq-panel .page-note { text-align: center; padding: 20px; color: #adb5bd; font-size: 0.9rem; margin-top: 40px; }
.fwq-panel .cache-cleared { background-color: #155724; color: #d4edda; border-color: #c3e6cb; padding: 10px 15px; border-radius: 4px; position: fixed; top: 80px; right: 20px; z-index: 2000; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); animation: fwq-fadeOut 3s forwards; }
.fwq-panel #cacheBtn { position: fixed; bottom: 66px; right: 270px; z-index: 1000; box-shadow: 0 5px 15px rgba(13, 110, 253, 0.3); }

@media (max-width: 768px) {
    .fwq-panel .server-info { grid-template-columns: 1fr; }
    .fwq-panel .server-container { padding: 0 15px; }
}


.cms-navbar-toggler-icon {
    filter: invert(1);
}

.cms-inline-navbar {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 999;
    background: var(--bg-navbar);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
}

.cms-inline-navbar__inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0.8rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.cms-inline-navbar__brand {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.cms-inline-navbar__links {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.cms-inline-navbar__link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: rgba(255,255,255,0.92);
    text-decoration: none;
    font-size: 0.95rem;
}

.cms-inline-navbar__link:hover,
.cms-inline-navbar__link:focus,
.cms-inline-navbar__brand:hover,
.cms-inline-navbar__brand:focus {
    color: #fff;
}

.cms-inline-navbar__spacer {
    height: 64px;
}

.cms-login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.cms-login-box {
    width: 100%;
    max-width: 420px;
    background: rgba(255,255,255,0.98);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(0,0,0,0.26);
    padding: 2.4rem;
}

.cms-login-box__logo {
    text-align: center;
    margin-bottom: 1.75rem;
}

.cms-login-box__logo i {
    font-size: 3.25rem;
    color: var(--accent-color);
}

.cms-login-box .form-control:focus {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--accent-color) 24%, transparent);
}

.cms-login-box__submit {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.t8-container {
    font-family: 'Microsoft YaHei', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--text-content);
    background: linear-gradient(180deg, rgba(52, 152, 219, 0.08), rgba(255, 255, 255, 0) 220px), var(--bg-body);
    margin: 0;
    padding: 0;
}

.t8-container .container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 1.5rem;
    background-color: var(--bg-content);
    box-shadow: var(--shadow-card);
    border-radius: 24px;
    border: 1px solid var(--border-card);
}

.t8-container header {
    text-align: center;
    margin-bottom: 1.8rem;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--border-card);
}

.t8-container h1 {
    color: var(--text-content);
    margin-bottom: 0.35rem;
    font-size: 1.95rem;
}

.t8-container .version {
    color: var(--text-muted);
    font-size: 1rem;
    margin-bottom: 0;
}

.t8-container h2 {
    color: var(--accent-color);
    margin-top: 1.8rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--border-card);
    font-size: 1.35rem;
}

.t8-container h3 {
    color: var(--text-content);
    margin-top: 1.4rem;
    font-size: 1.08rem;
}

.t8-container table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.25rem 0;
    font-size: 0.95rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    border-radius: 16px;
}

.t8-container th,
.t8-container td {
    padding: 0.85rem 0.95rem;
    text-align: left;
    border-bottom: 1px solid var(--border-card);
}

.t8-container th {
    background-color: var(--accent-color);
    color: #fff !important;
    font-weight: 700;
}

.t8-container tr:nth-child(even) {
    background-color: color-mix(in srgb, var(--bg-body) 82%, white);
}

.t8-container tr:hover {
    background-color: color-mix(in srgb, var(--accent-color) 10%, white);
}

.t8-container .note,
.t8-container .warning,
.t8-container .important {
    padding: 0.9rem 1rem;
    margin: 1rem 0;
    font-size: 0.95rem;
    border-radius: 14px;
}

.t8-container .note {
    background-color: color-mix(in srgb, var(--accent-color) 8%, white);
    border-left: 4px solid var(--accent-color);
}

.t8-container .warning {
    background-color: #fff8e1;
    border-left: 4px solid #ffc107;
}

.t8-container .important {
    background-color: #ffebee;
    border-left: 4px solid #e74c3c;
}

.t8-container .icon {
    margin-right: 0.5rem;
    color: var(--accent-color);
}

.t8-container ol,
.t8-container ul {
    padding-left: 1.2rem;
}

.t8-container li {
    margin-bottom: 0.5rem;
}

.t8-page-note {
    margin-top: 2rem;
}

.dvdsoft-card {
    background: var(--cms-surface, #ffffff);
    color: #1f2937;
}

.dvdsoft-brand-bar {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    background: var(--cms-surface, #ffffff);
}

.dvdsoft-logo {
    display: grid;
    grid-template-columns: repeat(2, 18px);
    gap: 4px;
}

.dvdsoft-logo__square {
    width: 18px;
    height: 18px;
    display: block;
}

.dvdsoft-logo__square--orange { background: #ff5a1f; }
.dvdsoft-logo__square--amber { background: #ff9e1b; }
.dvdsoft-logo__square--teal { background: #12b5cb; }
.dvdsoft-logo__square--green { background: #50b848; }

.dvdsoft-brand-text {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #172033;
}

.dvdsoft-country {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: #64748b;
    font-weight: 600;
    font-size: 0.95rem;
}

.dvdsoft-country__flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 1.45rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.35);
    background: #f8fafc;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.dvdsoft-hero {
    background: linear-gradient(180deg, #f6fbff 0%, #ffffff 55%);
    padding: 2.8rem 2rem 4.5rem;
}

.dvdsoft-content-wrap {
    max-width: 760px;
    min-height: 420px;
}

.dvdsoft-title {
    margin: 0 0 1.8rem;
    font-size: clamp(2rem, 3vw, 2.5rem);
    line-height: 1.25;
    color: #1e293b;
    font-weight: 700;
}

.dvdsoft-copy {
    margin: 0 0 1.6rem;
    font-size: 1.1rem;
    line-height: 1.9;
    color: #1f2937;
}

.dvdsoft-copy strong {
    color: #172033;
}

.dvdsoft-copy a {
    color: #e87b42;
    text-decoration: none;
}

.dvdsoft-copy a:hover {
    text-decoration: underline;
}

/* */

@media (max-width: 767.98px) {
    .dvdsoft-brand-bar {
        padding: 1.2rem 1.25rem;
    }

    .dvdsoft-hero {
        padding: 2rem 1.25rem 2.8rem;
    }

    .dvdsoft-content-wrap {
        min-height: auto;
    }

    .dvdsoft-copy {
        font-size: 1rem;
        line-height: 1.8;
    }
}

[data-theme="dark"] .cms-login-box {
    background: rgba(26, 31, 46, 0.96);
    color: var(--text-content);
    border: 1px solid var(--border-card);
}

[data-theme="dark"] .cms-login-box .input-group-text,
[data-theme="dark"] .cms-login-box .form-control {
    background: var(--bg-input);
    color: var(--text-content);
    border-color: var(--border-input);
}

[data-theme="dark"] .t8-container .warning {
    background-color: rgba(255, 193, 7, 0.12);
    color: #ffd66b;
}

[data-theme="dark"] .t8-container .important {
    background-color: rgba(231, 76, 60, 0.12);
    color: #ffb0a8;
}

@media (max-width: 767.98px) {
    .cms-inline-navbar__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .cms-inline-navbar__links {
        width: 100%;
        gap: 0.75rem;
    }

    .cms-login-box {
        padding: 1.75rem;
    }

    .t8-container .container {
        padding: 1rem;
        border-radius: 18px;
    }

    .t8-container table {
        font-size: 0.875rem;
        display: block;
        overflow-x: auto;
    }

    .t8-container h1 {
        font-size: 1.6rem;
    }

    .t8-container h2 {
        font-size: 1.2rem;
    }
}

.content-resource-card {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 22px;
    box-shadow: var(--shadow-card);
}

.content-resource-card h1,
.content-resource-card h2 {
    margin-bottom: 1rem;
}

.content-resource-card a {
    color: var(--accent-color);
    text-decoration: none;
    word-break: break-all;
}

.content-resource-card a:hover {
    text-decoration: underline;
}

.windows-container ol {
    list-style: decimal;
    padding-left: 1.5rem;
    margin: 1rem 0 0;
}

.windows-container li {
    margin-bottom: 0.75rem;
    line-height: 1.8;
}

.linux-container {
    padding: 0;
}

.linux-container .layui-content {
    padding: 0;
}

.linux-container dl {
    margin: 1rem 0 0;
}

.linux-container dd {
    margin: 0.85rem 0 0;
    padding: 0.9rem 1rem;
    background: color-mix(in srgb, var(--bg-body) 70%, white);
    border-radius: 14px;
    border: 1px solid var(--border-card);
}

.chrome-page-shell {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 12px 12px;
}

.chrome-header {
    background: linear-gradient(to right, #4285f4, #1a73e8);
    color: white;
    padding: 30px 0;
    margin: 22px 0 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 20px;
    text-align: center;
}

.chrome-header h1 {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #fff !important;
}

.chrome-header p {
    margin: 0;
    opacity: 0.9;
    color: rgba(255,255,255,0.92) !important;
}

.chrome-standalone-badge {
    background: linear-gradient(to right, #34a853, #2ecc71);
    color: white;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    display: inline-block;
    margin-bottom: 12px;
}

.chrome-standalone-link {
    color: white !important;
    text-decoration: none !important;
}

.chrome-download-section {
    margin: 0 auto 25px;
    padding: 20px;
    background: var(--bg-card);
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    border-left: 4px solid #4285f4;
}

.chrome-download-title,
.chrome-card-title,
.chrome-command-name {
    color: var(--text-content) !important;
}

.chrome-download-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}

.chrome-download-title i,
.chrome-card-title i,
.chrome-info-note i,
.chrome-command-name {
    color: #4285f4;
}

.chrome-download-options {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.chrome-download-card,
.chrome-card-surface {
    background: var(--bg-card);
    border: 1px solid rgba(66,133,244,0.15);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.chrome-download-card {
    flex: 1;
    min-width: 280px;
    padding: 18px;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.chrome-download-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.1);
    border-color: #4285f4;
}

.chrome-card-title {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.chrome-source-indicator {
    font-size: 12px;
    color: #34a853;
    background: rgba(52,168,83,0.1);
    padding: 2px 7px;
    border-radius: 20px;
    display: inline-block;
    margin-left: 8px;
}

.chrome-url-container {
    display: flex;
    margin-top: 8px;
}

.chrome-url-display {
    flex-grow: 1;
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 5px 0 0 5px;
    padding: 10px 12px;
    font-family: monospace;
    font-size: 14px;
    overflow-x: auto;
    white-space: nowrap;
}

.chrome-copy-btn {
    background: #4285f4;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.chrome-copy-btn:hover {
    background: #3367d6;
}

.chrome-download-btn {
    display: block;
    margin-top: 12px;
    background: #34a853;
    color: white !important;
    border: none;
    border-radius: 7px;
    padding: 9px 14px;
    text-align: center;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    font-size: 14px;
}

.chrome-download-btn:hover {
    background: #2d9249;
}

.chrome-info-note {
    font-size: 13px;
    color: var(--text-muted);
    margin-top: 15px;
    padding: 8px 12px;
    background: rgba(66,133,244,0.05);
    border-radius: 7px;
    border-left: 3px solid #4285f4;
}

.chrome-section-title {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 22px;
    font-size: 24px;
}

.chrome-section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: linear-gradient(to right, #4285f4, #34a853);
    border-radius: 2px;
}

.chrome-feature-icon {
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, #4285f4, #1a73e8);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    color: white;
    font-size: 22px;
}

.chrome-command-table tr {
    border-bottom: 1px solid var(--border-card);
}

.chrome-command-table td {
    padding: 10px 12px;
    vertical-align: top;
    font-size: 14px;
    background: transparent !important;
}

.chrome-command-table tr:last-child {
    border-bottom: none;
}

.chrome-command-table tr:hover {
    background-color: rgba(66,133,244,0.05);
}

.chrome-command-desc {
    color: var(--text-muted);
    font-size: 0.9rem;
}

.chrome-card-header-dark {
    background: linear-gradient(to right, #202124, #2d2f33);
    color: white !important;
    font-weight: 600;
    border-bottom: 2px solid #4285f4;
}

.chrome-card-header-light {
    background: transparent;
    color: var(--text-content) !important;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid var(--border-card);
}

.chrome-card-accent {
    border-left: 4px solid #4285f4 !important;
}

.chrome-list-group .list-group-item {
    background: transparent;
    color: var(--text-content);
    border-color: var(--border-card);
}

[data-theme="dark"] .content-resource-card,
[data-theme="dark"] .linux-container dd,
[data-theme="dark"] .chrome-download-section,
[data-theme="dark"] .chrome-download-card,
[data-theme="dark"] .chrome-url-display,
[data-theme="dark"] .chrome-card-surface,
[data-theme="dark"] .chrome-card-header-light {
    background: #1f2937;
    color: #e5eefb;
    border-color: rgba(148, 163, 184, 0.22);
}

[data-theme="dark"] .chrome-info-note {
    color: #e5eefb;
    background: rgba(66,133,244,0.12);
}

[data-theme="dark"] .chrome-command-desc,
[data-theme="dark"] .linux-container dd,
[data-theme="dark"] .content-resource-card a {
    color: #d6e2fb;
}

@media (max-width: 992px) {
    .chrome-download-options {
        flex-direction: column;
    }

    .chrome-download-card {
        min-width: 100%;
    }
}

@media (max-width: 576px) {
    .content-resource-card {
        padding: 1rem;
    }

    .chrome-header {
        padding: 25px 15px;
    }

    .chrome-download-section {
        padding: 15px;
    }
}

.computer-config-container {
    font-family: 'Microsoft YaHei', sans-serif;
    background: linear-gradient(180deg, rgba(13,110,253,0.06), rgba(13,110,253,0) 220px), var(--bg-body);
    padding: 24px 12px 12px;
    border-radius: 0 0 28px 28px;
}

.computer-config-container .card {
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background: var(--bg-card);
    border: 1px solid var(--border-card);
}

.computer-config-container .card-header {
    background-color: #0d6efd;
    color: white !important;
    font-weight: 700;
}

.computer-config-container .table th {
    background-color: color-mix(in srgb, var(--bg-body) 80%, white);
}

.computer-config-container .report-title {
    color: var(--text-content);
    text-align: center;
    margin-bottom: 30px;
}

.computer-config-container .spec-item {
    margin-bottom: 15px;
}

.computer-config-container .spec-label {
    font-weight: 700;
    color: var(--text-content);
    margin-right: 0.35rem;
}

.computer-config-link {
    color: var(--accent-color);
}

.computer-config-note {
    margin-top: 30px;
}

[data-theme="dark"] .computer-config-container {
    background: linear-gradient(180deg, rgba(67,97,238,0.12), rgba(15,23,42,0) 220px), #0f172a;
}

[data-theme="dark"] .computer-config-container .card,
[data-theme="dark"] .computer-config-container .page-note,
[data-theme="dark"] .computer-config-container .table {
    background: #111827;
    color: #e5eefb;
}

[data-theme="dark"] .computer-config-container .spec-label,
[data-theme="dark"] .computer-config-container .report-title {
    color: #e5eefb;
}

.famen-container {
    margin: 0 auto;
    padding: 20px;
    max-width: 1100px;
}

.famen-title {
    text-align: center;
    margin: 30px 0;
    color: var(--accent-color);
    font-size: 28px;
    font-weight: 700;
}

.famen-container .layui-card {
    margin-bottom: 20px;
    box-shadow: var(--shadow-card);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--border-card);
    background: var(--bg-card);
}

.famen-container .layui-card-header {
    font-size: 18px;
    font-weight: 600;
}

.famen-container .layui-card-body {
    line-height: 1.8;
    color: var(--text-content);
}

.famen-container .soul-question {
    color: #ff5722;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}

.famen-container ul.layui-list,
.famen-container .layui-row ul {
    list-style: disc;
    padding-left: 20px;
}

.famen-container ul.layui-list li,
.famen-container .layui-row li {
    list-style: disc;
    margin-bottom: 5px;
    line-height: 1.6;
}

.famen-panel-box {
    padding: 15px;
    margin: 10px 0;
    border-radius: 14px;
}

[data-theme="dark"] .famen-container .layui-card,
[data-theme="dark"] .famen-container .layui-panel,
[data-theme="dark"] .famen-container .layui-elem-quote {
    background: #111827;
    color: #e5eefb;
    border-color: rgba(148, 163, 184, 0.22);
}

.content-article-shell {
    max-width: 860px;
    margin: 0 auto;
    padding: 40px 30px 60px;
    font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: var(--text-content);
    line-height: 1.6;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 22px;
    box-shadow: var(--shadow-card);
}

.content-article-shell h3,
.content-article-shell h4 {
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.4;
    color: var(--text-content) !important;
}

.content-article-shell h3 { font-size: 1.5em; }
.content-article-shell h4 { font-size: 1.25em; }
.content-article-shell p { margin: 0.8em 0; color: var(--text-content) !important; }
.content-article-shell hr {
    height: 2px;
    margin: 16px 0;
    background-color: var(--border-card);
    border: none;
}

.content-article-shell img {
    max-width: 100%;
    vertical-align: middle;
    display: block;
    margin: 10px 0;
    border-radius: 14px;
}

@media (max-width: 767.98px) {
    .content-article-shell {
        padding: 1rem 1rem 2rem;
    }
}

.jetbrains-container {
    padding: 30px 0;
}

.jetbrains-panel-surface {
    border-radius: 18px;
    border: 1px solid var(--border-card);
    background: var(--bg-card);
    box-shadow: var(--shadow-card);
}

.jetbrains-container .feishu-link {
    padding: 20px;
    background: color-mix(in srgb, var(--bg-body) 75%, white);
    border-radius: 12px;
    margin-bottom: 20px;
    word-break: break-all;
    border: 1px solid var(--border-card);
}

.jetbrains-container .feishu-link a {
    color: var(--accent-color);
    text-decoration: none;
}

.jetbrains-container .feishu-link a:hover {
    text-decoration: underline;
}

.jetbrains-container ul {
    list-style: disc;
    padding-left: 25px;
}

.jetbrains-container ul.layui-tab-title {
    list-style: none;
    padding-left: 0;
}

[data-theme="dark"] .jetbrains-panel-surface,
[data-theme="dark"] .jetbrains-container .feishu-link {
    background: #111827;
    color: #e5eefb;
    border-color: rgba(148, 163, 184, 0.22);
}

.peizhi-wrapper {
    font-family: 'Microsoft YaHei', sans-serif;
    padding-top: 10px;
    padding-bottom: 20px;
}

.peizhi-wrapper .card {
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    background: var(--bg-card);
    border: 1px solid var(--border-card);
}

.peizhi-wrapper .card-header {
    background-color: #0d6efd;
    color: white !important;
    font-weight: 700;
}

.peizhi-wrapper .table th {
    background-color: color-mix(in srgb, var(--bg-body) 80%, white);
}

.peizhi-wrapper .report-title {
    color: var(--text-content);
    text-align: center;
    margin-bottom: 30px;
}

.peizhi-wrapper .spec-item {
    margin-bottom: 15px;
}

.peizhi-wrapper .spec-label {
    font-weight: 700;
    color: var(--text-content);
}

.peizhi-wrapper .report-footer {
    margin-top: 10px;
}

.wnmp-wrapper tt {
    font-family: monospace;
    background: color-mix(in srgb, var(--bg-body) 75%, white);
    padding: 1px 4px;
    border-radius: 3px;
    border: 1px solid var(--border-card);
}

.wnmp-wrapper pre {
    margin: 0.25em 0;
    padding: 0.5em;
    background-color: color-mix(in srgb, var(--bg-body) 72%, white);
    border: 1px solid var(--border-card);
    border-radius: 10px;
}

[data-theme="dark"] .wnmp-wrapper tt,
[data-theme="dark"] .wnmp-wrapper pre,
[data-theme="dark"] .peizhi-wrapper .card,
[data-theme="dark"] .peizhi-wrapper .report-footer {
    background: #111827;
    color: #e5eefb;
    border-color: rgba(148, 163, 184, 0.22);
}

.site-index-container {
    width: min(60%, 920px);
    margin: 4rem auto 0;
    background-color: var(--bg-card);
    padding: 2rem 2.5rem;
    border-radius: 18px;
    border: 1px solid var(--border-card);
    box-shadow: var(--shadow-card);
}

.site-index-container h1 {
    color: var(--text-content);
    margin-bottom: 20px;
}

.site-index-container h3 {
    color: var(--text-muted);
    margin-bottom: 20px;
}

.site-index-container ul {
    list-style: disc;
    padding-left: 25px;
}

.site-index-container ul li {
    line-height: 2;
    margin-bottom: 5px;
}

.site-index-container a {
    color: #20a53a;
    text-decoration: none;
}

.site-index-container a:hover {
    text-decoration: underline;
}

.xui-content {
    color: var(--text-content) !important;
    background: var(--bg-card);
    padding: 20px;
}

.xui-content h2 {
    color: var(--text-content) !important;
    border-bottom: 2px solid #3498db;
    padding-bottom: 10px;
    margin-top: 30px;
}

.xui-content p {
    color: var(--text-content) !important;
    line-height: 1.8;
    margin: 15px 0;
}

.xui-content a {
    color: #3498db !important;
    text-decoration: none;
}

.xui-content a:hover {
    text-decoration: underline;
}

.xui-content pre {
    background: color-mix(in srgb, var(--bg-body) 72%, white);
    color: var(--text-content) !important;
    border: 1px solid var(--border-card);
    border-radius: 10px;
    padding: 15px;
    overflow-x: auto;
}

.xui-content pre * {
    color: inherit !important;
}

.xui-content code,
.xui-content tt {
    background: color-mix(in srgb, var(--bg-body) 72%, white);
    color: var(--text-content) !important;
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Courier New', monospace;
    border: 1px solid var(--border-card);
}

.xui-content .CodeMirror {
    background: transparent;
    color: var(--text-content);
}

.xui-content .CodeMirror span,
.xui-content pre span {
    color: inherit !important;
}

.xui-code-line {
    position: relative;
}

.yisu-container {
    padding: 20px;
}

.yisu-info-block {
    margin-bottom: 20px;
    padding: 15px;
    background: color-mix(in srgb, var(--bg-body) 75%, white);
    border-radius: 12px;
    border: 1px solid var(--border-card);
}

.yisu-container .col-sm-12 {
    padding: 8px 0;
    font-weight: 500;
}

.yisu-container .col-sm-4 {
    font-weight: 700;
    color: var(--text-content);
}

.yisu-container .col-sm-8 {
    color: var(--text-content);
}

.yisu-container button {
    margin: 10px 10px 0 0;
    padding: 10px 20px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.yisu-container button:hover {
    background: #0056b3;
}

.zovps-container {
    padding: 20px;
}

.zovps-container ul {
    list-style: none;
    padding: 0;
}

.zovps-container li {
    padding: 8px 0;
    border-bottom: 1px solid var(--border-card);
}

.zovps-container li h2 {
    margin: 15px 0 10px 0;
    color: var(--text-content);
}

.zovps-container a {
    color: #007bff;
    text-decoration: none;
}

.zovps-container a:hover {
    text-decoration: underline;
}

[data-theme="dark"] .site-index-container,
[data-theme="dark"] .xui-content,
[data-theme="dark"] .yisu-info-block,
[data-theme="dark"] .zovps-container {
    background: #111827;
    color: #e5eefb;
    border-color: rgba(148, 163, 184, 0.22);
}

.kaiwu-nav-shell {
    background: rgba(255,255,255,0.88);
    padding: 0;
    border-radius: 18px;
    margin-bottom: 20px;
    box-shadow: 0 10px 25px rgba(99, 102, 241, 0.12);
    border: 1px solid rgba(99, 102, 241, 0.12);
}

.kaiwu-tab-shell .layui-tab-title {
    background: #fff;
    padding: 10px;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 0;
}

.safe-tips-container {
    font-family: "Microsoft YaHei", sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #2b2b2b;
    background: linear-gradient(180deg, #fbf8f0 0%, #f5efe1 100%);
    padding: 32px 24px 20px;
    margin: 0;
    border-radius: 0 0 28px 28px;
    position: relative;
}

.safe-tips-container .seal {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 3px solid rgba(183, 28, 28, 0.78);
    opacity: 0.72;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.safe-tips-container .seal::before {
    content: "警";
    font-family: "KaiTi", serif;
    font-size: 1.6rem;
    color: #b71c1c;
    font-weight: 700;
}

.v2rayn-container {
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
    background: linear-gradient(135deg, #1a2a6c, #2a4a7c, #3d6b99);
    color: #fff;
    line-height: 1.6;
    min-height: 100vh;
    padding-bottom: 40px;
    margin: 0;
    border-radius: 0 0 28px 28px;
    overflow: hidden;
}

.phone-table-shadow {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.phone-link-hover {
    transition: all 0.2s ease;
}

.phone-link-hover:hover {
    color: #3b82f6;
    text-decoration: underline;
}

/* Remaining content page normalization */
.computer-config-container {
    font-family: 'Microsoft YaHei', sans-serif;
    background-color: #f8f9fa;
    padding: 20px;
}
.computer-config-container .card { margin-bottom: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.computer-config-container .card-header { background-color: #0d6efd; color: #fff; font-weight: bold; }
.computer-config-container .table th { background-color: #f8f9fa; }
.computer-config-container .report-title { color: #333; text-align: center; margin-bottom: 30px; }
.computer-config-container .spec-item { margin-bottom: 15px; }
.computer-config-container .spec-label { font-weight: bold; color: #495057; }
.computer-config-container footer { background-color: #343a40; color: #fff; padding: 15px 0; text-align: center; margin-top: 30px; border-radius: 8px; }
[data-theme="dark"] .computer-config-container { background: transparent; }
[data-theme="dark"] .computer-config-container .card { background: rgba(16, 25, 40, 0.92); border-color: rgba(71, 85, 105, 0.65); }
[data-theme="dark"] .computer-config-container .card-header { background: #2563eb; }
[data-theme="dark"] .computer-config-container .spec-label,
[data-theme="dark"] .computer-config-container .report-title { color: #e2e8f0; }
[data-theme="dark"] .computer-config-container footer { background: rgba(15, 23, 42, 0.9); }

.guide-setup-wrapper {
    font-family: system-ui, -apple-system, sans-serif;
    background: #f8f9fa;
    padding: 40px 20px;
    line-height: 1.6;
    margin: 0;
    color: #333;
}
.guide-setup-wrapper .container { max-width: 900px; margin: 0 auto; counter-reset: step-idx; }
.guide-setup-wrapper .manual { background: #fff8e1; border: 1px solid #ffe082; padding: 15px; border-radius: 8px; margin-bottom: 30px; font-size: 14px; }
.guide-setup-wrapper h1 { text-align: center; color: #1a202c; margin-bottom: 30px; }
.guide-setup-wrapper .card { border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); margin-bottom: 25px; background: #fff; padding: 25px; border-left: 5px solid #007bff; }
.guide-setup-wrapper .step-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.guide-setup-wrapper .step-title { font-size: 1.25rem; font-weight: bold; color: #333; }
.guide-setup-wrapper .step-title::before { counter-increment: step-idx; content: counter(step-idx) ". "; color: #007bff; }
.guide-setup-wrapper .postscript { font-size: 13px; color: #4a5568; margin-top: -5px; margin-bottom: 10px; padding-left: 5px; border-left: 3px solid #cbd5e0; }
.guide-setup-wrapper .file-badge { background: #eef2f7; color: #475569; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: bold; border: 1px solid #cbd5e1; white-space: nowrap; }
.guide-setup-wrapper .desc { font-size: 14px; color: #666; margin-bottom: 15px; }
.guide-setup-wrapper .code-wrap { position: relative; border-radius: 6px; overflow: hidden; background: #1e1e1e; }
.guide-setup-wrapper .copy-btn { position: absolute; top: 12px; right: 12px; background: #007bff; color: #fff; border: none; padding: 5px 12px; border-radius: 4px; cursor: pointer; font-size: 12px; font-weight: bold; z-index: 10; transition: background 0.2s; }
.guide-setup-wrapper .copy-btn:hover { background: #0056b3; }
.guide-setup-wrapper pre { color: #d4d4d4; padding: 15px 0; margin: 0; font-size: 13px; overflow-x: auto; counter-reset: n; line-height: 1.6; font-family: 'Consolas', monospace; }
.guide-setup-wrapper .code-line { display: block; padding-left: 55px; padding-right: 15px; position: relative; min-height: 1.5em; }
.guide-setup-wrapper .code-line::before { counter-increment: n; content: counter(n); position: absolute; left: 0; top: 0; width: 40px; text-align: right; padding-right: 12px; color: #5c6370; background: #2b2b2b; user-select: none; border-right: 1px solid #3e4451; }
.guide-setup-wrapper .code-line:hover { background: #2a2d32; }
.guide-setup-wrapper .visual-hint { color: #ffca28; margin-right: 10px; font-size: 1.1rem; vertical-align: middle; }
.guide-setup-wrapper .alert-text { color: #ff9800; font-size: 0.95rem; margin-left: 15px; font-weight: normal; border: 1px dashed #ff9800; padding: 2px 8px; border-radius: 4px; background: #fffcf5; }
.guide-setup-wrapper #t-box { position: fixed; top: 25px; right: 25px; z-index: 9999; display: flex; flex-direction: column; gap: 10px; pointer-events: none; }
.guide-setup-wrapper .toast { background: #198754; color: #fff; padding: 12px 20px; border-radius: 6px; box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); transform: translateX(120%); transition: transform 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28); font-size: 14px; }
.guide-setup-wrapper .toast.show { transform: translateX(0); }
[data-theme="dark"] .guide-setup-wrapper { background: transparent; color: #e2e8f0; }
[data-theme="dark"] .guide-setup-wrapper .manual,
[data-theme="dark"] .guide-setup-wrapper .card { background: rgba(15, 23, 42, 0.88); border-color: rgba(148, 163, 184, 0.3); color: #e2e8f0; }
[data-theme="dark"] .guide-setup-wrapper .step-title,
[data-theme="dark"] .guide-setup-wrapper h1,
[data-theme="dark"] .guide-setup-wrapper .desc,
[data-theme="dark"] .guide-setup-wrapper .postscript { color: #e2e8f0; }
@media (max-width: 768px) {
    .guide-setup-wrapper { padding: 15px; }
    .guide-setup-wrapper h1 { font-size: 1.5rem; margin-bottom: 20px; }
    .guide-setup-wrapper .card { padding: 18px; margin-bottom: 18px; border-left-width: 4px; }
    .guide-setup-wrapper .step-header { flex-direction: column; align-items: flex-start; gap: 8px; }
    .guide-setup-wrapper .copy-btn { padding: 8px 16px; font-size: 13px; right: 8px; top: 8px; }
    .guide-setup-wrapper #t-box { left: 0; right: 0; top: 15px; align-items: center; }
    .guide-setup-wrapper .toast { transform: translateY(-150%); }
    .guide-setup-wrapper .toast.show { transform: translateY(0); }
}
@media (max-width: 600px) {
    .guide-setup-wrapper .alert-text { display: block; margin-left: 0; margin-top: 5px; width: fit-content; }
}

.windows-download-container { max-width: 900px; margin: 0 auto; padding: 2rem; }
.windows-download-container h1 { color: #0078d4; margin-bottom: 0.5rem; }
.windows-download-container .subtitle { color: #666; margin-bottom: 2rem; }
.windows-download-container .download-card { background: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); padding: 1.5rem; margin-bottom: 1.5rem; transition: transform 0.2s, box-shadow 0.2s; }
.windows-download-container .download-card:hover { transform: translateY(-2px); box-shadow: 0 4px 20px rgba(0,0,0,0.12); }
.windows-download-container .card-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.windows-download-container .windows-icon { width: 48px; height: 48px; background: linear-gradient(135deg, #0078d4, #00bcf2); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; }
.windows-download-container .version-info h3 { margin: 0; color: #333; }
.windows-download-container .version-info .size { color: #888; font-size: 0.9rem; }
.windows-download-container .download-btn { display: inline-flex; align-items: center; gap: 0.5rem; background: #0078d4; color: white; padding: 0.75rem 1.5rem; border-radius: 6px; text-decoration: none; font-weight: 500; transition: background 0.2s; }
.windows-download-container .download-btn:hover { background: #106ebe; color: #fff; }
.windows-download-container .note { margin-top: 1rem; padding: 0.75rem; background: #fff4e5; border-radius: 6px; font-size: 0.85rem; color: #856404; }
.windows-download-container .info-section { background: #f8f9fa; border-radius: 12px; padding: 1.5rem; margin-top: 2rem; }
.windows-download-container .info-section h4 { color: #333; margin-bottom: 1rem; }
.windows-download-container .info-section ul { margin: 0; padding-left: 1.5rem; }
.windows-download-container .info-section li { margin-bottom: 0.5rem; color: #555; }
[data-theme="dark"] .windows-download-container .download-card,
[data-theme="dark"] .windows-download-container .info-section { background: rgba(15, 23, 42, 0.88); border: 1px solid rgba(148, 163, 184, 0.22); }
[data-theme="dark"] .windows-download-container h1,
[data-theme="dark"] .windows-download-container .version-info h3,
[data-theme="dark"] .windows-download-container .info-section h4 { color: #e2e8f0; }
[data-theme="dark"] .windows-download-container .subtitle,
[data-theme="dark"] .windows-download-container .info-section li { color: #cbd5e1; }

.zovps-container { padding: 20px; }
.zovps-container ul { list-style: none; padding: 0; }
.zovps-container li { padding: 8px 0; border-bottom: 1px solid #eee; }
.zovps-container li h2 { margin: 15px 0 10px; color: #333; }
.zovps-container a { color: #007bff; text-decoration: none; }
.zovps-container a:hover { text-decoration: underline; }
[data-theme="dark"] .zovps-container li { border-color: rgba(148, 163, 184, 0.18); color: #e2e8f0; }
[data-theme="dark"] .zovps-container li h2 { color: #f8fafc; }

.cd-page-title { font-size: 28px; font-weight: 600; margin: 20px 0; color: var(--text-content); }
.cd-search-bar { display: flex; gap: 10px; margin-bottom: 20px; flex-wrap: wrap; }
.cd-search-input { padding: 8px 12px; border: 1px solid var(--border-input); border-radius: 4px; flex: 1; max-width: 300px; background: var(--bg-input); color: var(--text-input); }
.cd-btn { padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; }
.cd-btn-primary { background-color: #16a3e0; color: white; }
.cd-btn-primary:hover { background-color: #0d8ecf; }
.cd-order-card { background: var(--bg-card); border: 1px solid var(--border-card); border-radius: 8px; box-shadow: var(--shadow-card); margin-bottom: 20px; overflow: hidden; }
.cd-order-header { background: var(--bg-table-header); padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-card); }
.cd-order-reference { font-weight: 600; color: var(--text-content); }
.cd-order-status { background-color: #d4edda; color: #155724; padding: 4px 8px; border-radius: 4px; font-size: 12px; }
.cd-order-product { padding: 20px; display: flex; align-items: center; gap: 15px; border-bottom: 1px solid var(--border-card); }
.cd-product-icon { width: 48px; height: 48px; background-color: #16a3e0; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 24px; flex-shrink: 0; }
.cd-product-icon-sm { width: 32px; height: 32px; font-size: 16px; }
.cd-product-info h3 { font-size: 16px; font-weight: 600; color: var(--text-content); margin: 0; }
.cd-product-info p { font-size: 14px; color: var(--text-muted); margin: 0; }
.cd-product-quantity { margin-left: auto; color: var(--text-muted); }
.cd-product-price { margin-left: 10px; font-weight: 600; color: var(--text-content); }
.cd-view-key-btn { width: 100%; padding: 12px; background-color: #16a3e0; color: white; border: none; cursor: pointer; font-size: 14px; font-weight: 500; }
.cd-view-key-btn:hover { background-color: #0d8ecf; }
.cd-order-details { padding: 20px; }
.cd-detail-row { display: flex; justify-content: space-between; padding: 8px 0; font-size: 14px; border-bottom: 1px solid var(--border-card); }
.cd-hidden-row, .cd-hidden-panel, .cd-error-msg { display: none; }
.cd-detail-label { color: var(--text-muted); }
.cd-detail-value, .cd-inline-product-label { color: var(--text-content); font-weight: 500; }
.cd-total-row { padding: 15px 20px; background: var(--bg-table-header); display: flex; justify-content: flex-end; align-items: center; gap: 10px; }
.cd-total-label { color: var(--text-muted); }
.cd-total-value { font-size: 18px; font-weight: 700; color: #dc3545; }
.cd-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); align-items: center; justify-content: center; z-index: 2000; }
.cd-modal-content { background: var(--bg-card); border-radius: 8px; width: 90%; max-width: 600px; padding: 20px; position: relative; }
.cd-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; gap: 12px; }
.cd-modal-title { font-size: 18px; font-weight: 600; color: var(--text-content); }
.cd-close-modal { background: none; border: none; font-size: 24px; cursor: pointer; color: var(--text-muted); }
.cd-license-key-box { background-color: #e3f2fd; border: 1px solid #16a3e0; border-radius: 4px; padding: 15px; font-family: monospace; font-size: 14px; color: #0d47a1; word-break: break-all; margin-bottom: 15px; }
.cd-password-form { margin-top: 20px; display: flex; flex-direction: column; gap: 15px; }
.cd-password-input { padding: 10px; border: 1px solid var(--border-input); border-radius: 4px; background: var(--bg-input); color: var(--text-input); }
.cd-pagination { display: flex; justify-content: flex-end; gap: 5px; margin-top: 20px; }
.cd-page-btn { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--border-card); border-radius: 4px; color: var(--text-content); text-decoration: none; }
.cd-page-btn.active { background-color: #16a3e0; color: white; border-color: #16a3e0; }
.cd-bill-btn { padding: 6px 12px; }
.cd-product-inline-wrap { margin-bottom: 15px; }
.cd-product-inline { display: flex; align-items: center; gap: 10px; }
.cd-error-msg { color: #dc2626; }
[data-theme="dark"] .cd-license-key-box { background-color: #0d2a40; color: #7ec8e3; border-color: #16a3e0; }

.wnbfq-container { width: 100%; overflow-x: hidden; }
.wnbfq-btn-link { font-size: 24px; cursor: pointer; }
.wnbfq-hero, .wnbfq-hero-section { background-size: cover; background-position: center; min-height: 600px; }
.wnbfq-hero-section { background-image: url('http://static-s.iqiyi.com/wnbf/images/app.png'); }
.wnbfq-container .banner-content h1,
.wnbfq-container .banner-content h3 { text-shadow: 0 2px 4px rgba(0,0,0,0.5); }
.wnbfq-container .imgbnail { background: rgba(0,0,0,0.3); min-height: 600px; }
.wnbfq-container ul { list-style: disc; padding-left: 20px; }
.wnbfq-container ul.list-unstyled { list-style: none; padding-left: 0; }
.wnbfq-container ul li { margin-bottom: 8px; line-height: 1.6; }
.wnbfq-container ul ul { margin-top: 8px; margin-bottom: 8px; }
.wnbfq-banner-content { padding-top: 15em; }
.wnbfq-hero-title { --bs-body-color: #adb5bd; }
.wnbfq-hero-image { max-width: 300px; }
@media (max-width: 768px) {
    .wnbfq-banner-content { padding-top: 8rem; }
    .wnbfq-hero-image { max-width: 220px; }
}

.zwq-summary-page {
    font-family: 'PingFang SC', 'Helvetica Neue', Arial, 'Microsoft YaHei', sans-serif;
    color: #1a1a2e;
}
.zwq-summary-page .page-wrapper { max-width: 1200px; margin: 0 auto; }
.zwq-summary-page .header,
.zwq-summary-page .card { background: #fff; border-radius: 12px; padding: 22px 28px; margin-bottom: 16px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.zwq-summary-page .header { padding-top: 24px; }
.zwq-summary-page .header-title { font-size: clamp(20px, 3vw, 26px); font-weight: 700; color: #111; margin-bottom: 14px; line-height: 1.35; }
.zwq-summary-page .header-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.zwq-summary-page .meta-item { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #666; }
.zwq-summary-page .meta-icon { font-size: 15px; }
.zwq-summary-page .header-tags { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; }
.zwq-summary-page .tag { padding: 4px 14px; border-radius: 6px; font-size: 13px; font-weight: 600; border: 2px solid transparent; }
.zwq-summary-page .tag-yellow { border-color: #f5a623; color: #f5a623; background: #fff; }
.zwq-summary-page .tag-blue { border-color: #3a7bd5; color: #3a7bd5; background: #fff; }
.zwq-summary-page .divider { height: 3px; background: linear-gradient(90deg, #3a7bd5 0%, #6ab3f8 100%); border-radius: 2px; margin-top: 16px; }
.zwq-summary-page .section-label { font-size: 12px; font-weight: 700; letter-spacing: .08em; color: #999; margin-bottom: 16px; }
.zwq-summary-page .section-label span { color: #bbb; font-weight: 400; }
.zwq-summary-page .summary-highlight { display: flex; align-items: flex-start; gap: 12px; background: #eef4ff; border-left: 4px solid #3a7bd5; border-radius: 8px; padding: 16px 18px; }
.zwq-summary-page .summary-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; }
.zwq-summary-page .summary-text { font-size: 15px; font-weight: 700; color: #1a3a6b; line-height: 1.6; }
.zwq-summary-page .timeline-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.zwq-summary-page .timeline-item { position: relative; background: #eef4ff; padding: 16px 18px; clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%, 18px 50%); }
.zwq-summary-page .timeline-item:first-child { clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 50%, calc(100% - 18px) 100%, 0 100%); border-radius: 8px 0 0 8px; }
.zwq-summary-page .timeline-item + .timeline-item { margin-left: -2px; }
.zwq-summary-page .timeline-time { font-size: 12px; color: #3a7bd5; font-weight: 700; margin-bottom: 4px; }
.zwq-summary-page .timeline-title { font-size: 16px; font-weight: 700; color: #111; margin-bottom: 4px; }
.zwq-summary-page .timeline-sub { font-size: 12px; color: #888; }
.zwq-summary-page .decision-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.zwq-summary-page .decision-card { border: 1px solid #e8ecf4; border-radius: 10px; padding: 18px 16px; }
.zwq-summary-page .decision-card-header { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.zwq-summary-page .decision-card-icon { font-size: 18px; }
.zwq-summary-page .decision-card-title { font-size: 15px; font-weight: 700; color: #111; }
.zwq-summary-page .decision-card-divider { height: 3px; border-radius: 2px; margin-bottom: 14px; }
.zwq-summary-page .dc-purple .decision-card-divider { background: #8b5cf6; }
.zwq-summary-page .dc-orange .decision-card-divider { background: #f59e0b; }
.zwq-summary-page .dc-pink .decision-card-divider { background: #ec4899; }
.zwq-summary-page .dc-green .decision-card-divider { background: #22c55e; }
.zwq-summary-page .decision-list { list-style: none; display: flex; flex-direction: column; gap: 8px; padding: 0; margin: 0; }
.zwq-summary-page .decision-list li { font-size: 13px; color: #444; line-height: 1.55; padding-left: 14px; position: relative; }
.zwq-summary-page .decision-list li::before { content: '·'; position: absolute; left: 2px; color: #999; font-size: 16px; line-height: 1.3; }
.zwq-summary-page .action-bar { background: #fff8f5; border: 1px solid #fde0d0; border-radius: 10px; padding: 16px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.zwq-summary-page .action-bar-label { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: #e85c00; white-space: nowrap; }
.zwq-summary-page .action-items { display: flex; flex-wrap: wrap; gap: 12px 32px; flex: 1; }
.zwq-summary-page .action-item { display: flex; align-items: baseline; gap: 8px; font-size: 13px; color: #333; }
.zwq-summary-page .action-role { font-weight: 700; color: #e85c00; white-space: nowrap; }
.zwq-summary-page .action-role.blue { color: #3a7bd5; }
@media (max-width: 900px) { .zwq-summary-page .decision-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 768px) {
    .zwq-summary-page .timeline-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
    .zwq-summary-page .timeline-item { clip-path: none !important; border-radius: 8px !important; margin-left: 0 !important; }
}
@media (max-width: 480px) {
    .zwq-summary-page .timeline-grid, .zwq-summary-page .decision-grid { grid-template-columns: 1fr; }
}

/* API key page normalization */
.api-key-wrapper {
    --primary: #6e6af8;
    --primary-light: #8380ff;
    --primary-light-bg: rgba(110, 106, 248, 0.05);
    --dark: #1a1d21;
    --light: #f8f9fa;
    --gray: #6c757d;
    --gray-light: #e9ecef;
    --gray-border: #e0e0e0;
    --danger: #dc3545;
    --success: #28a745;
    font-family: 'Segoe UI', 'Inter', system-ui, sans-serif;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e6f1 100%);
    color: var(--dark);
    min-height: auto;
    display: block;
    padding: 32px 16px 12px;
    margin: 0;
    border-radius: 0 0 28px 28px;
}
.api-key-wrapper * { box-sizing: border-box; }
.api-key-wrapper .container { max-width: 760px; width: 100%; margin: 0 auto; }
.api-key-wrapper .header { text-align: center; margin-bottom: 30px; }
.api-key-wrapper .header h1 { font-size: 32px; font-weight: 700; color: var(--dark); margin-bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 15px; }
.api-key-wrapper .header p { font-size: 18px; color: var(--gray); line-height: 1.6; }
.api-key-wrapper .api-card { background: white; border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05); animation: apiKeyFadeIn 0.5s ease-out forwards; }
.api-key-wrapper .card-header { background: var(--primary); color: white; padding: 25px; display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.api-key-wrapper .card-header h2 { font-size: 22px; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.api-key-wrapper .card-body { padding: 30px; }
.api-key-wrapper .form-group { margin-bottom: 20px; }
.api-key-wrapper label { font-size: 14px; font-weight: 500; color: var(--dark); display: block; margin-bottom: 10px; }
.api-key-wrapper .password-input { width: 100%; padding: 14px 16px; font-size: 16px; border-radius: 8px; border: 1px solid var(--gray-border); background: white; transition: all 0.3s ease; }
.api-key-wrapper .password-input:focus { border-color: var(--primary); outline: none; box-shadow: 0 0 0 3px rgba(110, 106, 248, 0.15); }
.api-key-wrapper .api-key-container { position: relative; margin-bottom: 20px; }
.api-key-wrapper .api-key-label { font-size: 14px; font-weight: 500; color: var(--dark); margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.api-key-wrapper .api-key { background: var(--gray-light); border-radius: 10px; padding: 18px 16px; font-family: 'Courier New', Courier, monospace; font-size: 16px; position: relative; word-break: break-all; min-height: 60px; display: flex; align-items: center; overflow: hidden; }
.api-key-wrapper .key-mask { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 30%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0.9) 70%, white 100%); opacity: 0.9; pointer-events: none; }
.api-key-wrapper .reveal-icon { position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 20px; color: var(--gray); cursor: pointer; background: rgba(255,255,255,0.7); border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; }
.api-key-wrapper .reveal-icon:hover { color: var(--primary); background: rgba(110,106,248,0.1); }
.api-key-wrapper .btn-container { display: flex; gap: 12px; flex-wrap: wrap; }
.api-key-wrapper .btn { flex: 1; padding: 14px; border-radius: 8px; border: none; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 8px; }
.api-key-wrapper .btn-primary { background: var(--primary); color: white; }
.api-key-wrapper .btn-primary:hover { background: var(--primary-light); }
.api-key-wrapper .btn-secondary { background: white; color: var(--dark); border: 1px solid var(--gray-border); }
.api-key-wrapper .btn-secondary:hover { background: var(--gray-light); }
.api-key-wrapper .notification { background: rgba(255,255,255,0.7); border-radius: 8px; padding: 15px; margin-bottom: 20px; font-size: 14px; }
.api-key-wrapper .notification .warning-icon { color: #ff9800; font-size: 20px; margin-right: 12px; float: left; }
.api-key-wrapper .notification p { margin-bottom: 8px; }
.api-key-wrapper .notification strong { font-weight: 600; }
.api-key-wrapper .error { background: rgba(220,53,69,0.1); border-radius: 8px; padding: 15px; margin-bottom: 20px; border-left: 4px solid var(--danger); font-size: 14px; display: flex; align-items: center; gap: 12px; }
.api-key-wrapper .usage { margin-top: 30px; padding: 20px; background: white; border-radius: 12px; border: 1px solid var(--gray-border); font-size: 14px; }
.api-key-wrapper .usage h3 { font-size: 16px; font-weight: 600; margin-bottom: 15px; display: flex; align-items: center; gap: 10px; }
.api-key-wrapper .usage-item { margin-bottom: 15px; display: flex; gap: 10px; }
.api-key-wrapper .usage-item .icon { color: var(--primary); font-size: 16px; min-width: 24px; }
.api-key-wrapper .hidden { display: none; }
.api-key-service-note { margin-top: 20px; }
.api-key-service-list { list-style: none; padding-left: 20px; margin-bottom: 0; }
.api-key-service-list li { margin-bottom: 8px; }
.api-key-check-icon { color: var(--success); }
@keyframes apiKeyFadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.api-key-wrapper .fade-in { animation: apiKeyFadeIn 0.5s ease-out; }
@media (max-width: 480px) {
    .api-key-wrapper .api-key-container { padding: 10px; }
    .api-key-wrapper .card-body, .api-key-wrapper .card-header { padding: 20px 16px; }
    .api-key-wrapper .btn-container { flex-direction: column; }
}
[data-theme="dark"] .api-key-wrapper { background: linear-gradient(135deg, #111827 0%, #1f2937 100%); color: #e5eefb; }
[data-theme="dark"] .api-key-wrapper .header h1,
[data-theme="dark"] .api-key-wrapper .header p,
[data-theme="dark"] .api-key-wrapper label,
[data-theme="dark"] .api-key-wrapper .api-key-label,
[data-theme="dark"] .api-key-wrapper .usage h3,
[data-theme="dark"] .api-key-wrapper .usage,
[data-theme="dark"] .api-key-wrapper .usage-item { color: #e5eefb; }
[data-theme="dark"] .api-key-wrapper .api-card,
[data-theme="dark"] .api-key-wrapper .usage,
[data-theme="dark"] .api-key-wrapper .password-input,
[data-theme="dark"] .api-key-wrapper .api-key,
[data-theme="dark"] .api-key-wrapper .btn-secondary { background: #1f2937; color: #e5eefb; border-color: rgba(148,163,184,0.24); }
[data-theme="dark"] .api-key-wrapper .notification { background: rgba(31,41,55,0.82); color: #dbe7ff; }

/* Hash generator page normalization */
.hash-tool-wrapper { background: linear-gradient(135deg, #1a2a6c 0%, #2a5298 100%); min-height: 100vh; padding: 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
.hash-tool-wrapper .card { border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.25); border: none; overflow: hidden; background: rgba(255,255,255,0.95); transition: transform 0.3s ease; }
.hash-tool-wrapper .card:hover { transform: translateY(-5px); }
.hash-tool-wrapper .card-header { background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%); color: white; padding: 25px 20px; border-bottom: none; position: relative; overflow: hidden; }
.hash-tool-wrapper .card-header::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%); transform: rotate(30deg); }
.hash-tool-wrapper .hash-result { background: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%); border-radius: 10px; padding: 20px; font-family: 'Courier New', monospace; word-break: break-all; min-height: 80px; transition: all 0.3s ease; border: 1px solid #e9ecef; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); }
.hash-tool-wrapper .hash-result:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1), inset 0 1px 3px rgba(0,0,0,0.1); }
.hash-tool-wrapper .btn-generate { background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%); border: none; padding: 14px 30px; font-weight: 600; font-size: 1.1rem; letter-spacing: 0.5px; transition: all 0.3s ease; border-radius: 50px; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
.hash-tool-wrapper .btn-generate:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.3); }
.hash-tool-wrapper .btn-copy { background: linear-gradient(90deg, #11998e 0%, #38ef7d 100%); border: none; transition: all 0.3s ease; border-radius: 50px; padding: 10px 20px; font-weight: 600; box-shadow: 0 4px 10px rgba(0,0,0,0.15); }
.hash-tool-wrapper .btn-copy:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.2); }
.hash-tool-wrapper .algorithm-card { cursor: pointer; transition: all 0.3s ease; border-radius: 12px; overflow: hidden; background: white; box-shadow: 0 5px 15px rgba(0,0,0,0.05); height: 100%; border: 2px solid transparent; }
.hash-tool-wrapper .algorithm-card:hover { transform: translateY(-8px); box-shadow: 0 12px 25px rgba(0,0,0,0.15); }
.hash-tool-wrapper .algorithm-card.selected { border: 3px solid #4b6cb7; background-color: rgba(75,108,183,0.05); }
.hash-tool-wrapper .feature-icon { font-size: 2.5rem; margin-bottom: 15px; background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hash-tool-wrapper .page-note { color: rgba(255,255,255,0.8); font-size: 0.9rem; text-align: center; margin-top: 40px; padding: 20px; text-shadow: 0 1px 3px rgba(0,0,0,0.3); }
.hash-tool-wrapper .input-group-text { background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%); color: white; border: none; min-width: 50px; justify-content: center; }
.hash-tool-wrapper .error-message { color: #ff6b6b; font-weight: bold; margin-top: 10px; background: rgba(255,107,107,0.1); padding: 10px; border-radius: 8px; border-left: 4px solid #ff6b6b; }
.hash-tool-wrapper .username-field { display: none; }
.hash-tool-wrapper .info-badge { position: absolute; top: 15px; right: 15px; background: rgba(255,255,255,0.2); border-radius: 20px; padding: 5px 15px; font-size: 0.8rem; }
.hash-tool-wrapper .card-title { position: relative; z-index: 2; }
.hash-tool-wrapper .database-icon { color: #4b6cb7; font-size: 1.2rem; margin-right: 5px; }
.hash-tool-wrapper .highlight { animation: hashHighlight 2s ease; }
.hash-empty-icon { font-size: 2.5rem; }
@keyframes hashHighlight { 0% { background-color: rgba(75,108,183,0.1); } 100% { background-color: transparent; } }
[data-theme="dark"] .hash-tool-wrapper { background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%); padding: 24px 12px 12px; border-radius: 0 0 28px 28px; }
[data-theme="dark"] .hash-tool-wrapper .card,
[data-theme="dark"] .hash-tool-wrapper .hash-result,
[data-theme="dark"] .hash-tool-wrapper .algorithm-card,
[data-theme="dark"] .hash-tool-wrapper .bg-light { background: #111827 !important; color: #e5eefb; }

/* Password hash tool normalization */
.password-tool-page .password-tool-title { color: var(--text-content); }
.password-tool-page .form-control:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25); }
.password-tool-page .error-message { color: red; margin-bottom: 10px; }
.password-tool-page .performance-info { font-size: 0.8em; color: var(--text-muted); margin-top: 10px; }
.password-tool-page .spinner { display: none; }
.password-tool-page .history-item { opacity: 0; transform: translateY(20px); transition: all 0.3s ease; }
.password-tool-page .history-item.visible { opacity: 1; transform: translateY(0); }
.password-tool-page .card { background: var(--bg-card) !important; border-color: var(--border-card) !important; color: var(--text-content) !important; }
.password-tool-page .card-header { background: var(--bg-table-header) !important; border-color: var(--border-card) !important; color: var(--text-content) !important; }
.password-tool-page .form-control,
.password-tool-page .form-select { background: var(--bg-input) !important; border-color: var(--border-input) !important; color: var(--text-input) !important; }
.password-tool-page .table { color: var(--text-content) !important; }
.password-tool-page .table td,
.password-tool-page .table th { border-color: var(--border-table) !important; }
.password-tool-page .table thead th { background: var(--bg-table-header) !important; }

/* Weather page normalization */
.content-auto { content-visibility: auto; }
.weather-card { background: #fff; border-radius: 1rem; box-shadow: 0 10px 25px rgba(15,23,42,0.08); overflow: hidden; transition: all 0.3s ease; }
.weather-card:hover { box-shadow: 0 18px 32px rgba(15,23,42,0.12); }
.weather-icon { width: 4rem; height: 4rem; margin: 0 auto 0.5rem; }
.day-card { background: rgba(255,255,255,0.8); backdrop-filter: blur(8px); border-radius: 0.75rem; padding: 1rem; transition: all 0.3s ease; }
.day-card:hover { background: #fff; box-shadow: 0 10px 22px rgba(15,23,42,0.12); }
.gradient-bg { background: linear-gradient(135deg, rgba(22,93,255,0.9), rgba(59,130,246,0.9)); }
.glass-effect { background: rgba(255,255,255,0.2); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.3); border-radius: 0.75rem; }
#aqi-bar[data-aqi-width] { width: calc(attr(data-aqi-width percentage)); }

/* Imgur config page normalization */
.imgur-config-page { padding-top: 30px; }
.imgur-config-page p { word-wrap: break-word; }

/* Calculator page normalization */
.calc-page { max-width: 420px; margin: auto; background: #2e2e2e; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.calc-page .display { font-size: 2em; padding: 10px; background: #000; color: #0f0; text-align: right; border-radius: 5px; margin-bottom: 15px; min-height: 40px; overflow-x: auto; }
.calc-page .btn-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.calc-page button { font-size: 1.2em; padding: 15px; background: #444; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: background 0.2s ease-in-out; }
.calc-page button:hover { background: #666; }
.calc-page .wide { grid-column: span 2; }
.calc-page .mode-btn { background: #666; }
.calc-page .active { background: #1e90ff !important; }
.calc-page .memory,
.calc-page .history { margin-top: 10px; font-size: 0.9em; color: #ccc; }
.calc-page .mode-toggle { display: flex; justify-content: space-between; margin: 10px 0; gap: 8px; }
[data-theme="dark"] .calc-page { background: #111827; }

/* IP info page normalization */
.ip-display { font-size: 1.8rem; font-weight: 700; font-family: 'Courier New', monospace; color: #212529; background: rgba(92, 107, 192, 0.08); border-radius: 8px; padding: 10px 15px; margin: 20px 0; display: inline-block; }
.map-container { height: 300px; border-radius: 10px; overflow: hidden; margin-top: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border: 1px solid var(--border-card); }
.info-card { background-color: var(--bg-card); padding: 15px; border-radius: 8px; margin-bottom: 15px; border: 1px solid var(--border-card); }
.info-card i { font-size: 1.5rem; color: var(--accent-color); margin-right: 10px; }
.service-card { height: 100%; padding: 20px; border-radius: 10px; background-color: var(--bg-card); display: flex; flex-direction: column; border: 1px solid var(--border-card); transition: all 0.3s ease; }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); border-color: var(--accent-color); }
.service-card h5 { font-weight: 600; margin-bottom: 15px; color: var(--text-content); }
.service-card i { font-size: 2.5rem; margin-bottom: 15px; color: var(--accent-color); }
.service-card p { color: var(--text-muted); }
.tool-section { margin-top: 30px; background-color: var(--bg-card); border-radius: 10px; padding: 25px; border: 1px solid var(--border-card); }
.result-box { background-color: var(--bg-content); border-radius: 8px; padding: 20px; font-family: monospace; max-height: 300px; overflow: auto; white-space: pre-wrap; margin-top: 20px; border: 1px solid var(--border-card); color: var(--text-content); }
.custom-tab { border-bottom: 1px solid var(--border-card); }
.custom-tab .nav-link { color: var(--text-muted); font-weight: 500; border: none; background: none; padding: 12px 24px; }
.custom-tab .nav-link.active { color: var(--accent-color); border-bottom: 3px solid var(--accent-color); background: none; }
.traceroute-table th { background-color: var(--accent-color); color: white; }
.traceroute-row:nth-child(odd) { background-color: var(--bg-content); }
.us-flag { display: inline-block; width: 24px; height: 16px; background: linear-gradient(#b22234 0%, #b22234 7.7%, white 7.7%, white 15.4%, #b22234 15.4%, #b22234 23.1%, white 23.1%, white 30.8%, #b22234 30.8%, #b22234 38.5%, white 38.5%, white 46.2%, #b22234 46.2%, #b22234 54%, white 54%, white 61.5%, #b22234 61.5%, #b22234 69.2%, white 69.2%, white 76.9%, #b22234 76.9%, #b22234 84.6%, white 84.6%, white 92.3%, #b22234 92.3%, #b22234 100%); position: relative; }
.us-flag::before { content: ''; position: absolute; top: 0; left: 0; width: 40%; height: 53.8%; background: #3c3b6e; }
.ip-info-lead { color: var(--text-muted); }
.ip-info-card-body { background: var(--bg-card); }
.ip-muted-label { color: var(--text-muted); }
.ip-info-heading { color: var(--text-content); }
.ip-info-heading-sm { color: var(--text-content); }
.ip-info-tool-title { color: var(--text-content); }
.ip-info-list-row { background: transparent !important; color: var(--text-content) !important; }
.ip-info-small { font-size: 0.8rem; }
.ip-info-cell { color: var(--text-content); }
.ip-info-form-control { background: var(--bg-input) !important; color: var(--text-input) !important; border-color: var(--border-input) !important; }

/* PHP probe page normalization */
.phptz-wrapper body { background-color: inherit; }
body.dark-mode { background-color: var(--bg-dark); color: var(--text-dark); }
body.dark-mode .accordion-button::after { filter: brightness(100) invert(100); }
body.dark-mode th,
body.dark-mode td,
body.dark-mode .accordion-body { background-color: var(--card-bg-dark) !important; color: var(--text-dark) !important; }
.phptz-wrapper footer { color: var(--footer-dark); font-size: 0.9rem; margin-top: 2rem; text-align: center; }
.phptz-wrapper table { table-layout: fixed; width: 100%; }
.phptz-wrapper th,
.phptz-wrapper td { word-break: break-word; white-space: pre-wrap; vertical-align: top; }
.phptz-db-form { max-width: 600px; margin: auto; }

/* HTML class page normalization */
.html-class-wrapper {
    background: linear-gradient(135deg, #0f0f1d, #1a1c38);
    color: #fff;
    min-height: 100vh;
    line-height: 1.6;
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    padding: 24px 12px 12px;
    margin: 0;
    border-radius: 0 0 28px 28px;
}
.html-class-wrapper * { box-sizing: border-box; }
.html-class-wrapper .container { display: grid; grid-template-columns: 300px 1fr; min-height: calc(100vh - 40px); max-width: 1800px; margin: 0 auto; }
.html-class-wrapper .security-bar { grid-column: 1 / -1; background: linear-gradient(to right, #ff7e5f, #ff6b6b); color: white; padding: 12px 20px; display: flex; align-items: center; position: sticky; top: 0; border-radius: 18px 18px 0 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.3); }
.html-class-wrapper .security-bar i { margin-right: 10px; font-size: 18px; }
.html-class-wrapper .sidebar { background: rgba(15, 18, 30, 0.95); backdrop-filter: blur(10px); padding: 25px 15px; border-right: 1px solid rgba(255,255,255,0.08); overflow-y: auto; position: relative; }
.html-class-wrapper .logo { display: flex; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.html-class-wrapper .logo i { font-size: 32px; color: #ff4e4e; margin-right: 15px; }
.html-class-wrapper .logo h1 { font-size: 26px; font-weight: 700; }
.html-class-wrapper .course-info { margin-bottom: 30px; padding: 20px; background: rgba(255,255,255,0.05); border-radius: 12px; border-left: 4px solid #ff7e5f; }
.html-class-wrapper .chapter-title { font-size: 20px; color: #ff4e4e; margin: 30px 0 20px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,78,78,0.3); display: flex; align-items: center; }
.html-class-wrapper .video-list { list-style: none; margin-bottom: 30px; }
.html-class-wrapper .video-item { margin-bottom: 15px; border-radius: 10px; overflow: hidden; transition: all 0.3s ease; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.07); }
.html-class-wrapper .video-item.active { background: rgba(255,78,78,0.15); border: 1px solid rgba(255,78,78,0.4); box-shadow: 0 5px 15px rgba(255,78,78,0.2); }
.html-class-wrapper .video-item a { display: flex; padding: 15px; text-decoration: none; color: #f8f9fa; align-items: center; }
.html-class-wrapper .video-item .icon { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,78,78,0.2); display: flex; align-items: center; justify-content: center; margin-right: 15px; }
.html-class-wrapper .main-content { display: flex; flex-direction: column; padding: 30px 50px; background: rgba(12,15,29,0.9); }
.html-class-wrapper .video-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: wrap; gap: 20px; }
.html-class-wrapper .video-title { font-size: 36px; font-weight: 700; line-height: 1.3; position: relative; padding-bottom: 10px; flex-grow: 1; }
.html-class-wrapper .video-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100px; height: 4px; background: linear-gradient(to right, #ff4e4e, #ff9a3d); border-radius: 2px; }
.html-class-wrapper .video-container { border-radius: 16px; overflow: hidden; box-shadow: 0 12px 35px rgba(0,0,0,0.5); position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.html-class-wrapper #xigua-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 18px 18px 0 0; }
.html-class-wrapper .player-controls { display: flex; justify-content: flex-end; margin: 15px 0; gap: 10px; }
.html-class-wrapper .screen-btn { background: rgba(255,255,255,0.1); border: none; color: #fff; padding: 10px 15px; border-radius: 5px; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: all 0.3s ease; }
.html-class-wrapper .screen-btn:hover { background: rgba(255,78,78,0.3); }
.html-class-wrapper .video-description { margin: 25px 0; padding: 20px; background: rgba(255,255,255,0.05); border-radius: 12px; }
.html-class-wrapper .progress-container { margin: 20px 0; }
.html-class-wrapper .progress-bar { height: 8px; background: rgba(255,255,255,0.1); border-radius: 4px; overflow: hidden; margin-top: 8px; }
.html-class-wrapper .progress-fill { height: 100%; background: linear-gradient(to right, #ff4e4e, #ff9a3d); border-radius: 4px; }
body.web-fullscreen { overflow: hidden; }
body.web-fullscreen .html-class-wrapper .container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; margin: 0; max-width: none; background: #0c0f1d; }
body.web-fullscreen .html-class-wrapper .security-bar,
body.web-fullscreen .html-class-wrapper .sidebar { display: none; }
body.web-fullscreen .html-class-wrapper .main-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; border-radius: 18px 18px 0 0; }
body.web-fullscreen .html-class-wrapper .video-container { position: absolute; top: 70px; left: 20px; right: 20px; bottom: 120px; height: auto; padding-bottom: 0; border-radius: 10px; }
body.web-fullscreen .html-class-wrapper .player-controls { position: absolute; bottom: 20px; left: 20px; right: 20px; }
@media (max-width: 1200px) { .html-class-wrapper .container { grid-template-columns: 250px 1fr; } }
@media (max-width: 992px) {
    .html-class-wrapper .container { grid-template-columns: 1fr; }
    .html-class-wrapper .sidebar { position: fixed; left: -100%; top: 0; bottom: 0; width: 320px; z-index: 100; transition: transform 0.3s ease; border-radius: 18px 18px 0 0; }
    .html-class-wrapper .sidebar.active { transform: translateX(100%); left: 0; }
    .html-class-wrapper .mobile-menu-btn { display: block; position: fixed; top: 15px; left: 15px; z-index: 90; }
    .html-class-wrapper .main-content { padding: 20px; }
    .html-class-wrapper .video-title { font-size: 28px; }
}
@media (max-width: 768px) {
    .html-class-wrapper .security-bar { padding: 10px 15px; font-size: 14px; }
    .html-class-wrapper .video-header { flex-direction: column; align-items: flex-start; }
    .html-class-wrapper .video-title { font-size: 24px; }
    .html-class-wrapper .player-controls { justify-content: flex-start; }
}

/* CSS JS tool normalization */
.css-js-tool * { box-sizing: border-box; }
.css-js-tool { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f8f9fa; color: #333; line-height: 1.5; }
.css-js-tool .main-wrapper { display: flex; flex-direction: column; }
.css-js-tool .main-container { flex: 1; max-width: 1400px; margin: 0 auto; padding: 20px; width: 100%; }
.css-js-tool .header { text-align: center; margin-bottom: 40px; padding: 30px 20px; background: white; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.css-js-tool h1 { color: #2c3e50; font-size: 32px; font-weight: 700; margin-bottom: 10px; }
.css-js-tool .description { color: #6c757d; font-size: 16px; max-width: 600px; margin: 0 auto; }
.css-js-tool .editor-wrapper { display: flex; gap: 24px; margin-bottom: 30px; }
.css-js-tool .editor-column { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.css-js-tool .editor-header { display: flex; justify-content: space-between; align-items: center; background: #2c3e50; color: white; padding: 12px 20px; border-radius: 8px 8px 0 0; font-size: 16px; font-weight: 600; }
.css-js-tool .editor-header h2 { color: white; font-size: 18px; font-weight: 600; margin: 0; }
.css-js-tool .editor-box { flex: 1; background: white; border-radius: 0 0 8px 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.css-js-tool textarea { width: 100%; height: 100%; min-height: 500px; padding: 20px; border: none; resize: none; font-family: 'Consolas', 'Monaco', 'Courier New', monospace; font-size: 14px; line-height: 1.5; color: #333; background: #fafafa; outline: none; }
.css-js-tool textarea#output { background: #f8f9fa; color: #495057; }
.css-js-tool .button-container { display: flex; justify-content: center; gap: 16px; margin-top: 20px; margin-bottom: 30px; }
.css-js-tool .main-btn { padding: 14px 32px; font-size: 16px; font-weight: 600; border: none; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.css-js-tool .process-btn, .css-js-tool .minify-btn { background: #007bff; color: white; }
.css-js-tool .process-btn:hover, .css-js-tool .minify-btn:hover { background: #0069d9; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,123,255,0.2); }
.css-js-tool .format-btn { background: #6f42c1; color: white; }
.css-js-tool .format-btn:hover { background: #5a32a3; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(111,66,193,0.2); }
.css-js-tool .clear-btn { background: #dc3545; color: white; }
.css-js-tool .clear-btn:hover { background: #c82333; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(220,53,69,0.2); }
.css-js-tool .copy-btn { background: #28a745; color: white; border: none; padding: 8px 20px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 600; transition: all 0.2s ease; }
.css-js-tool .copy-btn:hover { background: #218838; }
.css-js-tool .copy-status { color: #28a745; margin-left: 12px; font-size: 14px; font-weight: 500; opacity: 0; transition: opacity 0.3s ease; }
.css-js-tool .copy-status.show { opacity: 1; }
.css-js-tool-copy-wrap { display: flex; align-items: center; }
@media (max-width: 992px) {
    .css-js-tool .editor-wrapper { flex-direction: column; }
    .css-js-tool .main-container { padding: 15px; }
    .css-js-tool textarea { min-height: 300px; }
}

/* Gzhfx page normalization */
.gzhfx-wrapper {
    margin: 0;
    padding: 24px 0 20px;
    font-family: 'Noto Sans SC', sans-serif;
    background: linear-gradient(180deg, rgba(59, 130, 246, 0.10), rgba(249, 250, 251, 0) 240px), #f9fafb;
    color: #1f2937;
    line-height: 1.6;
    border-radius: 0 0 28px 28px;
}
.gzhfx-wrapper .card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.gzhfx-wrapper .card:hover { transform: translateY(-4px); box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04); }
.gzhfx-wrapper .gradient-text { background-clip: text; -webkit-background-clip: text; color: transparent; background-image: linear-gradient(90deg, #3b82f6, #8b5cf6); }
.gzhfx-wrapper .section-divider { height: 1px; background: linear-gradient(90deg, rgba(59,130,246,0.1), rgba(59,130,246,0.5), rgba(59,130,246,0.1)); }
.gzhfx-wrapper .page-note { margin-top: 4rem; padding: 1rem 1.25rem; border-radius: 16px; background: rgba(255,255,255,0.72); color: #6b7280; text-align: center; }
[data-theme="dark"] .gzhfx-wrapper { background: linear-gradient(180deg, rgba(59,130,246,0.16), rgba(15,23,42,0) 240px), #0f172a; color: #e5e7eb; }
[data-theme="dark"] .gzhfx-wrapper .card,
[data-theme="dark"] .gzhfx-wrapper .page-note,
[data-theme="dark"] .gzhfx-wrapper .bg-white,
[data-theme="dark"] .gzhfx-wrapper .bg-gray-50,
[data-theme="dark"] .gzhfx-wrapper .from-blue-50,
[data-theme="dark"] .gzhfx-wrapper .to-purple-50 { background: rgba(15,23,42,0.78) !important; color: #e5e7eb !important; border-color: rgba(148,163,184,0.18) !important; }
[data-theme="dark"] .gzhfx-wrapper .text-gray-800,
[data-theme="dark"] .gzhfx-wrapper .text-gray-700,
[data-theme="dark"] .gzhfx-wrapper .text-gray-600,
[data-theme="dark"] .gzhfx-wrapper .text-gray-500 { color: #cbd5e1 !important; }

/* Website tools page normalization */
#wb-accordion .card-header { padding: 0; background: var(--bg-card); border-color: var(--border-card); }
#wb-accordion .card-header a { display: block; width: 100%; padding: 12px 16px; color: var(--text-content); text-decoration: none; font-weight: 500; transition: background 0.2s; }
#wb-accordion .card-header a:hover { background: rgba(var(--accent-color-rgb, 67,97,238), 0.08); color: var(--accent-color); }
#wb-accordion .card { background: var(--bg-card); border-color: var(--border-card); margin-bottom: 4px; border-radius: 8px; overflow: hidden; }
#wb-accordion .card-body { background: var(--bg-content); color: var(--text-content); border-top: 1px solid var(--border-card); }
#wb-accordion .card-body a { color: var(--accent-color); }
.website-tools-lead { color: var(--text-muted); }

/* Command tutorial normalization */
.cmd-tutorial {
    font-family: 'Segoe UI', sans-serif;
    padding: 20px;
}
.cmd-tutorial h1 { margin-bottom: 1rem; }
.cmd-tutorial h2 {
    color: var(--accent-color);
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.cmd-tutorial pre {
    background: #1e1e1e;
    color: #d4d4d4;
    padding: 1rem;
    border-radius: 8px;
    overflow-x: auto;
}
.cmd-tutorial code { font-family: Consolas, Monaco, monospace; }
.cmd-tutorial blockquote {
    border-left: 4px solid var(--accent-color);
    padding-left: 1rem;
    margin: 1rem 0;
}
.cmd-tutorial .meta {
    color: var(--text-muted);
    margin-bottom: 1.5rem;
}
.cmd-tutorial .meta a { color: var(--accent-color); }
.cmd-tutorial ul { margin: 1rem 0; }
.cmd-tutorial li { margin-bottom: 0.5rem; }

/* CMD command page normalization */
.cmdcommand-content td { text-transform: lowercase; }
.cmdcommand-content .alert,
.cmdcommand-content .table,
.cmdcommand-content .container.bg-primary {
    border-radius: 16px;
}
.cmdcommand-content .container.bg-primary {
    padding: 1.5rem;
    box-shadow: 0 18px 30px rgba(15, 23, 42, 0.12);
}

/* Markdown readme page normalization */
.md-readme {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #f8f9fa;
    color: #343a40;
    line-height: 1.6;
    --primary-color: #4a6cf7;
    --secondary-color: #6c757d;
    --accent-color-local: #6f42c1;
    --light-bg: #f8f9fa;
    --dark-bg: #212529;
}
.md-readme .md-header {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color-local));
    color: white;
    padding: 2.5rem 0;
    margin-bottom: 2rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.md-readme .feature-card {
    transition: all 0.3s ease;
    border: none;
    border-radius: 10px;
    box-shadow: 0 6px 15px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem;
    height: 100%;
}
.md-readme .feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.md-readme .feature-icon {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}
.md-readme .phase-card {
    border-left: 4px solid var(--primary-color);
    background: white;
    margin-bottom: 1.5rem;
    border-radius: 0 8px 8px 0;
}
.md-readme .phase-number {
    background: var(--primary-color);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 15px;
}
.md-readme .monospace {
    font-family: 'Courier New', monospace;
    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    border-left: 4px solid var(--accent-color-local);
    overflow-x: auto;
    font-size: 0.95rem;
}
.md-readme .profit-badge {
    background: linear-gradient(to right, #28a745, #20c997);
    color: white;
    font-weight: bold;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.85rem;
    display: inline-block;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.md-readme .tech-stack {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 2rem 0;
    flex-wrap: wrap;
}
.md-readme .tech-item {
    text-align: center;
    background: white;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    width: 120px;
    transition: all 0.3s ease;
}
.md-readme .tech-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.1);
}
.md-readme .tech-icon {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 0.5rem;
}
.md-readme .md-footer {
    background: var(--dark-bg);
    color: rgba(255,255,255,0.8);
    padding: 3rem 0;
    margin-top: 3rem;
}
.md-readme .hljs {
    border-radius: 8px;
    padding: 1.5rem !important;
}
[data-theme="dark"] .md-readme {
    background: #0f172a;
    color: #e5e7eb;
}
[data-theme="dark"] .md-readme .feature-card,
[data-theme="dark"] .md-readme .phase-card,
[data-theme="dark"] .md-readme .tech-item,
[data-theme="dark"] .md-readme .card,
[data-theme="dark"] .md-readme .monospace {
    background: rgba(15, 23, 42, 0.8) !important;
    color: #e5e7eb !important;
    border-color: rgba(148,163,184,0.18) !important;
}
[data-theme="dark"] .md-readme .card-header { border-color: rgba(148,163,184,0.18) !important; }
[data-theme="dark"] .md-readme .text-dark { color: #e5e7eb !important; }
[data-theme="dark"] .md-readme .text-white-50 { color: rgba(226,232,240,0.72) !important; }

/* Youtube download page normalization */
.mail-container { max-width: 720px; margin: 0 auto; }
.mail-box {
    background: var(--bg-card, #fff);
    padding: 40px;
    border-radius: 18px;
    box-shadow: 0 18px 36px rgba(15,23,42,0.12);
}
.banner {
    background: linear-gradient(135deg, #2c93d5, #2563eb);
    color: #fff;
    padding: 15px;
    border-radius: 999px;
    text-align: center;
    font-size: 20px;
    margin-bottom: 25px;
}
.text-gray {
    color: var(--text-muted);
    font-size: 15px;
    margin-bottom: 10px;
}
.key-label { color: var(--text-content); margin-top: 20px; }
.activation-key {
    font-size: 22px;
    font-weight: bold;
    margin: 10px 0 20px;
    word-break: break-all;
}

/* Local install page normalization */
.local-page-title { color: var(--accent-color); }

/* Typora order page normalization */
.typora-order-container { max-width: 1200px; margin: 0 auto; background: var(--bg-card); border-radius: 10px; box-shadow: var(--shadow-card); overflow: hidden; }
.typora-order-header { background: var(--bg-table-header); border-bottom: 1px solid var(--border-card); padding: 20px 30px; }
.typora-order-title { color: var(--text-content); font-weight: 600; margin-bottom: 0; }
.typora-order-content { padding: 30px; }
.typora-section-title { color: var(--text-content); font-weight: 600; font-size: 1.1rem; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 2px solid var(--border-card); }
.typora-info-label { color: var(--text-muted); font-weight: 500; }
.typora-info-value { color: var(--text-content); font-weight: 500; }
.typora-sensitive-info { background: var(--bg-table-header); padding: 8px 12px; border-radius: 5px; border-left: 4px solid #dc3545; font-family: monospace; word-break: break-all; }
.typora-auth-container { max-width: 500px; margin: 40px auto; padding: 40px; background: var(--bg-card); border-radius: 10px; box-shadow: var(--shadow-card); }
.typora-note-box { background: #e7f3ff; border-left: 4px solid #0d6efd; padding: 15px; margin-bottom: 25px; border-radius: 5px; color: #0d2a5e; }
.typora-auth-title,
.typora-auth-label { color: var(--text-content); }
.typora-status-success { color: #198754; font-weight: 600; }
[data-theme="dark"] .typora-note-box { background: #0d2040; color: #7ec8e3; }

/* Article write page normalization */
.article-write {
    max-width: 860px;
    margin: 0 auto;
    padding: 30px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var(--text-content);
    line-height: 1.75;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 20px;
    box-shadow: 0 18px 36px rgba(15, 23, 42, 0.08);
}
.article-write-title {
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid var(--border-card);
    padding-bottom: 0.35em;
    margin-bottom: 1rem;
}
.article-write h2,
.article-write h3,
.article-write h4 { color: var(--text-content); margin-top: 1.75rem; }
.article-write p,
.article-write li,
.article-write td,
.article-write th,
.article-write blockquote { color: var(--text-content); }
.article-write table {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid var(--border-card);
    margin: 1.25rem 0;
    overflow: hidden;
}
.article-write thead tr { background-color: var(--bg-table-header); }
.article-write th,
.article-write td {
    border: 1px solid var(--border-table);
    padding: 8px 13px;
    vertical-align: top;
}
.article-write blockquote {
    border-left: 4px solid var(--border-card);
    padding: 0 15px;
    color: var(--text-muted);
}
.article-write pre {
    background-color: var(--bg-content);
    border: 1px solid var(--border-card);
    padding: 16px;
    overflow-x: auto;
    border-radius: 12px;
    color: var(--text-content);
}
.article-write a { color: var(--accent-color); }
[data-theme="dark"] .article-write {
    background: rgba(15, 23, 42, 0.82);
    box-shadow: 0 20px 40px rgba(2, 6, 23, 0.35);
}

/* Atest page normalization */
.atest-wrapper {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    padding: 24px 12px 12px;
    margin: 0;
    background: linear-gradient(180deg, rgba(67,97,238,0.06), rgba(67,97,238,0) 220px), var(--bg-primary, #f5f7fa);
    border-radius: 0 0 28px 28px;
}
.atest-wrapper .container {
    max-width: 1200px;
    margin: 0 auto;
    background: var(--bg-card, #ffffff);
    border-radius: 12px;
    box-shadow: var(--shadow-card, 0 4px 6px rgba(0, 0, 0, 0.1));
    padding: 30px;
}
.atest-wrapper h1 {
    color: var(--text-content, #2c3e50);
    border-bottom: 2px solid var(--accent-color, #4361ee);
    padding-bottom: 15px;
    margin-bottom: 25px;
    font-size: 1.8rem;
}
.atest-wrapper h2 { color: var(--text-content, #34495e); margin-top: 30px; margin-bottom: 15px; font-size: 1.4rem; }
.atest-wrapper h3 { color: var(--text-content, #555); margin-top: 20px; margin-bottom: 10px; font-size: 1.2rem; }
.atest-wrapper pre {
    background: var(--bg-code, #f8f9fa);
    border: 1px solid var(--border-color, #e9ecef);
    border-radius: 8px;
    padding: 20px;
    overflow-x: auto;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-content, #333);
    margin: 15px 0;
}
.atest-wrapper .complexity-box {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 20px;
    border-radius: 10px;
    margin: 20px 0;
}
.atest-wrapper .complexity-box h3 { color: white; margin-top: 0; }
.atest-wrapper .info-box {
    background: var(--bg-info, #e3f2fd);
    border-left: 4px solid var(--accent-color, #2196f3);
    padding: 15px 20px;
    margin: 20px 0;
    border-radius: 0 8px 8px 0;
}
.atest-wrapper .phpinfo-container {
    margin-top: 30px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--shadow-card, 0 2px 8px rgba(0, 0, 0, 0.1));
}
.atest-wrapper .phpinfo-container iframe,
.atest-wrapper .phpinfo-container > div {
    width: 100%;
    min-height: 600px;
    border: none;
}
.atest-wrapper .phpinfo-container table { width: 100%; border-collapse: collapse; }
.atest-wrapper .phpinfo-container td,
.atest-wrapper .phpinfo-container th { padding: 8px 12px; border: 1px solid var(--border-color, #ddd); }
.atest-wrapper .phpinfo-container th { background: var(--accent-color, #4a90e2); color: white; }
.atest-access-denied { padding: 20px; color: #dc3545; text-align: center; }
[data-theme="dark"] .atest-wrapper {
    background: linear-gradient(180deg, rgba(67,97,238,0.12), rgba(15,23,42,0) 220px), var(--bg-primary, #0f172a);
}
[data-theme="dark"] .atest-wrapper .container,
[data-theme="dark"] .atest-wrapper .phpinfo-container,
[data-theme="dark"] .atest-wrapper pre,
[data-theme="dark"] .atest-wrapper .info-box {
    background: #111827;
    color: #e5eefb;
    border-color: rgba(148,163,184,0.2);
}
@media (max-width: 768px) {
    .atest-wrapper { padding: 10px; }
    .atest-wrapper .container { padding: 20px; }
    .atest-wrapper h1 { font-size: 1.5rem; }
}

/* SQLUDE page normalization */
.sqlude-wrapper {
    --primary: #2c3e50;
    --light-bg: #f5f7fa;
    --white: #ffffff;
    --shadow: 0 2px 10px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
    background-color: var(--light-bg);
    padding: 20px;
    line-height: 1.6;
    margin: 0;
    border-radius: 0 0 24px 24px;
}
.sqlude-wrapper .container {
    max-width: 1200px;
    margin: 0 auto;
    background-color: var(--white);
    padding: 20px;
    border-radius: 8px;
    box-shadow: var(--shadow);
}
.sqlude-wrapper .tab-content { display: none; animation: sqludeFadeIn 0.5s ease-out; }
.sqlude-wrapper .tab-content.is-visible { display: block; }
.sqlude-wrapper h1 { color: var(--primary); text-align: center; margin-bottom: 30px; }
.sqlude-wrapper .tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.sqlude-wrapper .tab-btn {
    padding: 10px 20px;
    background-color: #e0e0e0;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s;
}
.sqlude-wrapper .tab-btn.active { background-color: var(--primary); color: white; }
.sqlude-wrapper .tab-content.active { animation: sqludeFadeIn 0.5s; }
.sqlude-wrapper .fade-loop { animation: sqludeFadeIn 2.5s ease-in-out infinite alternate; }
@keyframes sqludeFadeIn { from { opacity: 0; } to { opacity: 1; } }
.sqlude-wrapper .chart-container { position: relative; height: 400px; margin-bottom: 30px; }
.sqlude-wrapper .responsive-table { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
.sqlude-wrapper .responsive-table th { background-color: var(--primary); color: white; padding: 12px; text-align: left; }
.sqlude-wrapper .responsive-table td { padding: 10px 12px; border-bottom: 1px solid #ddd; }
.sqlude-wrapper .responsive-table tr:nth-child(even) { background-color: #f9f9f9; }
.sqlude-wrapper .responsive-table tr:hover { background-color: #f1f1f1; }
.sqlude-wrapper .frequency {
    display: inline-block;
    width: 100px;
    height: 20px;
    background-color: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
}
.sqlude-wrapper .frequency-bar { height: 100%; background-color: #4caf50; border-radius: 10px; }
.sqlude-wrapper .example-box {
    background-color: #f8f9fa;
    border-left: 4px solid var(--primary);
    padding: 15px;
    margin: 20px 0;
    border-radius: 0 5px 5px 0;
    overflow-x: auto;
}
.sqlude-wrapper .example-box pre { margin: 0; font-family: 'Courier New', Courier, monospace; white-space: pre-wrap; }
@media (max-width: 768px) {
    .sqlude-wrapper .responsive-table { display: block; overflow-x: auto; }
    .sqlude-wrapper .chart-container { height: 300px; }
}

/* Table demo normalization */
.table-demo table { width: 100%; border-collapse: collapse; }
.table-demo th,
.table-demo td { border: 1px solid #ddd; padding: 8px; text-align: left; }
.table-demo th { background-color: #f4f4f4; }

/* Windows command page normalization */
.win-command-wrapper { width: 100%; box-sizing: border-box; padding: 0 15px; }
.win-command-container { max-width: 1200px; margin: 0 auto; transition: all 0.3s ease; }
body.full-width .win-command-container { max-width: 100% !important; }
.page-header { padding: 2rem 0; }
.page-header h1 { font-size: 2.5rem; font-weight: bold; text-align: center; margin-bottom: 1.5rem; color: var(--text-content); }
.page-header h1 small { font-size: 1.2rem; display: block; margin-top: 0.5rem; }
.page-header .lead { text-align: center; color: var(--text-muted); margin-bottom: 1rem; }
.search-container {
    margin-bottom: 1rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.3s ease;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    position: relative;
}
.search-container.active { max-height: 200px; opacity: 1; margin-bottom: 1rem; }
.search-container input {
    width: 100%; padding: 10px 40px 10px 15px; border: 1px solid var(--border-input); border-radius: 8px;
    font-size: 1rem; background: var(--bg-input); color: var(--text-input);
}
.search-container input:focus { outline: none; border-color: var(--accent-color); box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2); }
.floating-search {
    position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; background-color: var(--accent-color); color: white;
    border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(67, 97, 238, 0.4);
    cursor: pointer; z-index: 9999; font-size: 1.5rem; border: none; user-select: none; transition: all 0.2s ease; pointer-events: auto !important;
}
.floating-search:hover { background-color: color-mix(in srgb, var(--accent-color) 85%, black); transform: scale(1.05); }
.floating-search:active { transform: scale(0.95); }
.close-search { position: absolute; top: 5px; right: 5px; background: none; border: none; color: var(--text-muted); cursor: pointer; font-size: 1rem; z-index: 10; }
.layout-toggle { display: flex; justify-content: center; gap: 10px; margin-bottom: 1.5rem; }
.layout-btn { padding: 10px 16px; border: 1px solid var(--border-input); background: var(--bg-card); color: var(--text-content); border-radius: 8px; cursor: pointer; transition: all 0.2s ease; }
.layout-btn.active { background: var(--accent-color); color: #fff; border-color: var(--accent-color); }
.command-table-container { overflow-x: auto; background: var(--bg-card); border-radius: 16px; box-shadow: var(--shadow-card); }
.command-table { width: 100%; border-collapse: collapse; }
.command-table th, .command-table td { padding: 12px 14px; border-bottom: 1px solid var(--border-table); vertical-align: top; }
.command-table th { background: var(--bg-table-header); color: var(--text-content); position: sticky; top: 0; z-index: 1; }
.command-table td code { color: var(--accent-color); font-weight: 700; }
.command-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.command-card { background: var(--bg-card); border: 1px solid var(--border-card); border-radius: 16px; padding: 18px; box-shadow: var(--shadow-card); }
.command-card h3 { margin-bottom: 0.5rem; color: var(--text-content); }
.command-card .category-badge { display: inline-block; margin-bottom: 0.75rem; padding: 0.3rem 0.7rem; border-radius: 999px; background: rgba(67,97,238,0.12); color: var(--accent-color); }
.highlight { background: rgba(255, 235, 59, 0.35); border-radius: 4px; padding: 0 2px; }
.back-to-top {
    position: fixed; bottom: 90px; right: 20px; width: 60px; height: 60px; border-radius: 50%; background: #111827; color: #fff;
    display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.2s ease; z-index: 9999;
}
.back-to-top.show { opacity: 1; visibility: visible; }
.back-to-top:hover { transform: translateY(-2px); }
@media (max-width: 768px) {
    .page-header { padding: 1rem 0; }
    .page-header h1 { font-size: 1.5rem; }
    .page-header h1 small { font-size: 0.9rem; }
    .command-table th, .command-table td { padding: 8px; font-size: 0.85rem; }
    .layout-toggle { display: none; }
    .floating-search, .back-to-top { width: 50px; height: 50px; font-size: 1.2rem; }
    .back-to-top { bottom: 80px; }
}

/* Xianyu agreement normalization */
.xianyu-agreement * { padding: 0; margin: 0; }
.xianyu-agreement .container {
    margin: 0 auto;
    max-width: 70%;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
}
.xianyu-agreement .content { line-height: 1.2cm; font-size: 2ch; color: var(--text-content); }
.xianyu-agreement h1 { text-align: center; font-size: 3.8ch; padding-top: 0.5cqw; color: var(--text-content); }
.xianyu-agreement h2 { font-weight: bold; font-size: 2.2ch; color: var(--text-content); }
.xianyu-agreement .copyright { text-align: right; padding-right: 1.1cm; }
.xianyu-agreement .tips { font-weight: bold; font-size: 1.7ch; }
.xianyu-agreement .wel { font-weight: bold; font-size: 1.2cqi; }
.xianyu-agreement .too { text-decoration-line: underline; font-size: 2ch; font-weight: bold; }
.xianyu-agreement .duanluo { text-decoration-line: underline; font-size: 1.5ch; font-weight: bold; }
@media (max-width: 900px) {
    .xianyu-agreement .container { max-width: min(100%, 860px); padding: 0 16px; }
    .xianyu-agreement .content { line-height: 1.8; font-size: 1rem; }
    .xianyu-agreement h1 { font-size: 1.8rem; padding-top: 0; margin-bottom: 1.2rem; }
    .xianyu-agreement h2 { font-size: 1.2rem; margin-top: 1.5rem; }
    .xianyu-agreement .tips, .xianyu-agreement .wel, .xianyu-agreement .too, .xianyu-agreement .duanluo { font-size: inherit; }
    .xianyu-agreement .copyright { padding-right: 0; }
}

/* Book list page normalization */
.shuji-list-page {
    padding: 30px 0;
    max-width: min(100%, 960px);
    color: var(--text-content);
}
.shuji-list-page a { color: var(--accent-color); }
.shuji-list-page h1,
.shuji-list-page h2,
.shuji-list-page h3 { color: var(--text-content); }
.shuji-list-page ol,
.shuji-list-page ul { padding-left: 1.25rem; }
.shuji-list-page li,
.shuji-list-page p { line-height: 1.8; }

/* ChatGPT LLM page normalization */
.chatgpt-llm {
    font-family: 'Segoe UI', Roboto, sans-serif;
    line-height: 1.8;
    color: var(--text-content);
    background-color: transparent;
}
.chatgpt-llm .container {
    max-width: 1140px;
    background: var(--bg-card);
    padding: 2rem;
    box-shadow: 0 0 20px rgba(0,0,0,0.08);
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-radius: 20px;
    border: 1px solid var(--border-card);
}
.chatgpt-llm .header { margin-bottom: 2rem; }
.chatgpt-llm .title { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; color: var(--text-content); }
.chatgpt-llm .authors,
.chatgpt-llm .affiliation,
.chatgpt-llm .arxiv-info,
.chatgpt-llm .figure-caption,
.chatgpt-llm .footer { color: var(--text-muted); }
.chatgpt-llm .license {
    font-size: 0.9rem;
    color: var(--text-muted);
    background: var(--bg-content);
    padding: 0.5rem 1rem;
    border-radius: 999px;
    display: inline-block;
}
.chatgpt-llm .abstract {
    background-color: var(--bg-content);
    padding: 1.5rem;
    border-radius: 16px;
    margin-bottom: 2rem;
    border: 1px solid var(--border-card);
}
.chatgpt-llm .section { margin-bottom: 2.5rem; }
.chatgpt-llm .section h2 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    color: var(--text-content);
    border-bottom: 2px solid var(--accent-color);
    padding-bottom: 0.5rem;
}
.chatgpt-llm .section h3 { font-size: 1.4rem; margin-top: 1.5rem; margin-bottom: 1rem; color: var(--accent-color); }
.chatgpt-llm .figure { margin: 2rem 0; text-align: center; }
.chatgpt-llm .figure img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.chatgpt-llm table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.chatgpt-llm table th,
.chatgpt-llm table td { border: 1px solid var(--border-table); padding: 0.8rem; text-align: left; }
.chatgpt-llm table th { background-color: var(--bg-table-header); font-weight: 600; }
.chatgpt-llm table tr:nth-child(even) { background-color: var(--bg-content); }
.chatgpt-llm .quote {
    border-left: 4px solid var(--accent-color);
    padding-left: 1rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: var(--text-muted);
}
.chatgpt-llm .nav-pills .nav-link { color: var(--accent-color); }
.chatgpt-llm .nav-pills .nav-link.active { background-color: var(--accent-color); }
.chatgpt-llm .toc {
    position: sticky;
    top: 20px;
    background-color: var(--bg-card);
    padding: 1rem;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    border: 1px solid var(--border-card);
}
.chatgpt-llm .toc h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-card);
}
.chatgpt-llm .list-group-item { border: none; padding: 0.5rem 0; background: transparent; }
.chatgpt-llm .list-group-item a,
.chatgpt-llm a { color: var(--accent-color); text-decoration: none; }
.chatgpt-llm .list-group-item a:hover,
.chatgpt-llm a:hover { text-decoration: underline; }
.chatgpt-llm .footer {
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border-card);
    text-align: center;
    font-size: 0.9rem;
}
@media (max-width: 768px) {
    .chatgpt-llm .title { font-size: 1.6rem; }
    .chatgpt-llm .section h2 { font-size: 1.5rem; }
    .chatgpt-llm .toc { position: static; margin-bottom: 2rem; }
    .chatgpt-llm .container { padding: 1.25rem; }
}

/* SQL mindmap page normalization */
.sql-mindmap-wrapper {
    --primary-color: #2c3e50;
    --secondary-color: #34495e;
    --text-color: #333;
    --light-bg: #f8f9fa;
    --white: #ffffff;
    --shadow: 0 4px 6px rgba(0,0,0,0.1);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--text-color);
    background: linear-gradient(180deg, rgba(44,62,80,0.08), rgba(44,62,80,0) 220px), var(--light-bg);
    padding: 24px 0 0;
    margin: 0;
    border-radius: 0 0 28px 28px;
}
.sql-mindmap-wrapper * { box-sizing: border-box; margin: 0; padding: 0; }
.sql-mindmap-wrapper .page-container {
    width: 100%;
    max-width: 1380px;
    min-height: calc(100vh - 160px);
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
}
.sql-mindmap-wrapper .mindmap-container { width: 100%; padding: 20px; background-color: var(--white); margin: 0 auto; }
.sql-mindmap-wrapper .central-node {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 20px 30px;
    border-radius: 10px;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: var(--shadow);
}
.sql-mindmap-wrapper .central-node:hover { transform: scale(1.05); background-color: var(--secondary-color); }
.sql-mindmap-wrapper .branches {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 40px;
    padding: 0 20px;
}
.sql-mindmap-wrapper .branch {
    --branch-color: #64748b;
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
    border-left: 5px solid var(--branch-color);
}
.sql-mindmap-wrapper .branch:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.sql-mindmap-wrapper .branch-title {
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--branch-color);
    font-size: 20px;
    color: var(--branch-color);
}
.sql-mindmap-wrapper .branch-items { list-style-type: none; }
.sql-mindmap-wrapper .branch-items li {
    margin-bottom: 10px;
    padding: 8px 12px;
    background-color: var(--light-bg);
    border-radius: 6px;
    transition: all 0.2s ease;
    cursor: pointer;
}
.sql-mindmap-wrapper .branch-items li:hover { background-color: #e9ecef; transform: translateX(5px); }
.sql-mindmap-wrapper .detail-panel {
    position: fixed;
    top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto;
    background-color: var(--white); padding: 30px; border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2); z-index: 1000; display: none;
}
.sql-mindmap-wrapper .detail-panel h3 { margin-top: 0; color: var(--primary-color); border-bottom: 1px solid #eee; padding-bottom: 15px; font-size: 24px; }
.sql-mindmap-wrapper .detail-panel p { line-height: 1.8; margin-bottom: 20px; font-size: 16px; }
.sql-mindmap-wrapper .detail-panel pre { background-color: #f5f5f5; padding: 15px; border-radius: 8px; overflow-x: auto; font-family: 'Courier New', Courier, monospace; margin-bottom: 20px; }
.sql-mindmap-wrapper .detail-panel .close-btn { position: absolute; top: 20px; right: 20px; background: none; border: none; font-size: 24px; cursor: pointer; color: #777; }
.sql-mindmap-wrapper .overlay { position: fixed; inset: 0; background-color: rgba(0,0,0,0.7); z-index: 999; display: none; }
.sql-mindmap-wrapper .usage { margin: 30px auto; padding: 20px; background-color: #f9f9f9; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.sql-mindmap-wrapper .usage h2 { color: #333; border-bottom: 2px solid #ddd; padding-bottom: 10px; }
.sql-mindmap-wrapper .usage ol { padding-left: 20px; }
.sql-mindmap-wrapper .usage li { margin-bottom: 10px; }
.sql-mindmap-wrapper .usage .highlight { background-color: #fffde7; padding: 2px 5px; border-radius: 3px; font-weight: bold; }
.sql-legend-item { font-weight: 600; }
.sql-legend-red { color: #ff5252; }
.sql-legend-orange { color: #ff9800; }
.sql-legend-green { color: #4caf50; }
.sql-legend-blue { color: #2196f3; }
.sql-legend-purple { color: #9c27b0; }
@media (max-width: 768px) {
    .sql-mindmap-wrapper .branches { grid-template-columns: 1fr; padding: 0 10px; }
    .sql-mindmap-wrapper .central-node { padding: 15px 25px; font-size: 24px; }
    .sql-mindmap-wrapper .detail-panel { width: 95%; padding: 20px; }
}
@media print {
    .sql-mindmap-wrapper { background-color: white; padding: 0; }
    .sql-mindmap-wrapper .mindmap-container { padding: 0; box-shadow: none; }
    .sql-mindmap-wrapper .branch { page-break-inside: avoid; }
    .sql-mindmap-wrapper .detail-panel,
    .sql-mindmap-wrapper .overlay { display: none !important; }
}
[data-theme="dark"] .sql-mindmap-wrapper {
    background: linear-gradient(180deg, rgba(67,97,238,0.12), rgba(15,23,42,0) 220px), #0f172a;
}
[data-theme="dark"] .sql-mindmap-wrapper .mindmap-container,
[data-theme="dark"] .sql-mindmap-wrapper .branch,
[data-theme="dark"] .sql-mindmap-wrapper .detail-panel,
[data-theme="dark"] .sql-mindmap-wrapper .usage { background: #111827; color: #e5eefb; }
[data-theme="dark"] .sql-mindmap-wrapper .branch-items li,
[data-theme="dark"] .sql-mindmap-wrapper .detail-panel pre { background: #1f2937; color: #e5eefb; }

/* API docs page incremental normalization */
.api-doc-page { padding: 30px 0; color: var(--text-content); }
.api-doc-page h1,
.api-doc-page h2,
.api-doc-page h3,
.api-doc-page h4,
.api-doc-page p,
.api-doc-page span,
.api-doc-page td,
.api-doc-page th,
.api-doc-page code { color: inherit; }
.api-doc-page table { width: 100%; border-collapse: collapse; }
.api-doc-page .layui-code { white-space: pre-wrap; }

.api-doc-shell {
    display: grid;
    gap: 1.5rem;
}

.api-doc-hero {
    padding: 2rem;
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(67, 97, 238, 0.12), rgba(16, 185, 129, 0.1));
    border: 1px solid rgba(67, 97, 238, 0.16);
    box-shadow: var(--shadow-card);
}

.api-doc-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(67, 97, 238, 0.12);
    color: var(--accent-color);
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.api-doc-hero h1,
.iqiyi-app-hero h1 {
    margin: 1rem 0 0.75rem;
    font-size: clamp(2rem, 4vw, 3rem);
}

.api-doc-hero p,
.iqiyi-app-hero p {
    margin: 0;
    max-width: 760px;
    color: var(--text-muted);
    line-height: 1.8;
}

.api-doc-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.api-doc-meta-card,
.iqiyi-stat-card,
.iqiyi-contact-card,
.iqiyi-feature-card,
.iqiyi-product-card {
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 20px;
    box-shadow: var(--shadow-card);
}

.api-doc-meta-card {
    padding: 1.15rem 1.25rem;
}

.api-doc-meta-card span,
.iqiyi-contact-card span {
    display: block;
    color: var(--text-muted);
    font-size: 0.92rem;
}

.api-doc-meta-card strong,
.iqiyi-contact-card strong {
    display: block;
    margin-top: 0.35rem;
    font-size: 1.1rem;
}

.api-doc-section,
.iqiyi-app-section {
    padding: 1.6rem;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 24px;
    box-shadow: var(--shadow-card);
}

.api-doc-section h2,
.iqiyi-section-head h2 {
    margin-bottom: 0.75rem;
}

.api-doc-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.api-doc-grid--compact {
    align-items: start;
}

.api-doc-callout {
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border-left: 4px solid var(--accent-color);
    border-radius: 16px;
    background: rgba(67, 97, 238, 0.08);
}

.api-doc-callout p {
    margin: 0.35rem 0 0;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.api-doc-list {
    margin: 0;
    padding-left: 1.25rem;
    color: var(--text-content);
}

.api-doc-list li + li {
    margin-top: 0.55rem;
}

.api-code-block {
    white-space: pre-wrap;
}

.iqiyi-app-page {
    display: grid;
    gap: 1.5rem;
}

.iqiyi-app-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(280px, 1fr);
    gap: 1.5rem;
    padding: 2rem;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.12), rgba(67, 97, 238, 0.12));
    border: 1px solid rgba(34, 197, 94, 0.2);
    box-shadow: var(--shadow-card);
}

.iqiyi-app-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.14);
    color: #0f9f56;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.iqiyi-app-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.iqiyi-app-stats,
.iqiyi-feature-grid,
.iqiyi-product-grid,
.iqiyi-contact-grid {
    display: grid;
    gap: 1rem;
}

.iqiyi-app-stats {
    grid-template-columns: 1fr;
}

.iqiyi-stat-card,
.iqiyi-contact-card {
    padding: 1.15rem 1.25rem;
}

.iqiyi-stat-card strong {
    display: block;
    font-size: 1.8rem;
    line-height: 1.1;
}

.iqiyi-stat-card span {
    color: var(--text-muted);
}

.iqiyi-section-head p {
    margin: 0;
    color: var(--text-muted);
}

.iqiyi-feature-grid,
.iqiyi-product-grid,
.iqiyi-contact-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 1.25rem;
}

.iqiyi-feature-card,
.iqiyi-product-card {
    padding: 1.35rem;
}

.iqiyi-feature-card h3,
.iqiyi-product-card h3 {
    margin-bottom: 0.7rem;
}

.iqiyi-product-card a,
.iqiyi-link-list a,
.iqiyi-contact-card a {
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 600;
}

.iqiyi-product-card a:hover,
.iqiyi-link-list a:hover,
.iqiyi-contact-card a:hover {
    text-decoration: underline;
}

.iqiyi-link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem 1.2rem;
    margin-top: 1.25rem;
}

[data-theme="dark"] .api-doc-callout {
    background: rgba(67, 97, 238, 0.14);
}

[data-theme="dark"] .iqiyi-app-eyebrow {
    color: #7ef0a9;
    background: rgba(34, 197, 94, 0.18);
}

@media (max-width: 991.98px) {
    .iqiyi-app-hero {
        grid-template-columns: 1fr;
    }
}

.book-intro-page {
    max-width: 1040px;
}

.book-intro-shell,
.nat-shell,
.xui-shell {
    display: grid;
    gap: 1.5rem;
}

.book-intro-shell {
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 28px;
    box-shadow: var(--shadow-card);
    padding: 2rem;
}

.book-intro-toolbar {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.book-intro-article {
    max-width: 780px;
    margin: 0 auto;
}

.book-intro-kicker {
    margin: 0;
    color: var(--accent-color);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.82rem;
}

.book-intro-subtitle,
.book-intro-author {
    color: var(--text-muted);
}

.book-intro-article h1 {
    margin: 0.75rem 0 1rem;
}

.book-intro-article p {
    line-height: 2;
    margin-bottom: 1rem;
}

.book-intro-link {
    display: inline-flex;
    margin-top: 1rem;
    font-weight: 600;
    color: var(--accent-color);
    text-decoration: none;
}

.nat-page,
.xui-page {
    display: grid;
}

.nat-header,
.xui-hero {
    padding: 2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(67, 97, 238, 0.12), rgba(14, 165, 233, 0.1));
    border: 1px solid rgba(67, 97, 238, 0.16);
    box-shadow: var(--shadow-card);
}

.nat-header h1,
.xui-hero h1 {
    margin-bottom: 0.75rem;
}

.nat-subtitle {
    max-width: 760px;
    margin: 0 auto;
    color: var(--text-muted);
}

.nat-section,
.xui-card {
    padding: 1.6rem;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 24px;
    box-shadow: var(--shadow-card);
}

.nat-section-title,
.xui-section-title {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.nat-table-container {
    overflow-x: auto;
    border-radius: 18px;
    border: 1px solid var(--border-card);
}

.nat-page table {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
    background: var(--bg-table);
}

.nat-page th,
.nat-page td {
    padding: 1rem;
    border-bottom: 1px solid var(--border-table);
    text-align: center;
}

.nat-page th {
    background: #2c80e8;
    color: #fff;
}

.nat-page tr:nth-child(even) {
    background: rgba(67, 97, 238, 0.03);
}

.nat-type {
    font-weight: 700;
    color: #1a6dcc;
}

.mapping,
.filtering,
.rfc3489 {
    display: inline-flex;
    margin: 0.15rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    font-weight: 600;
}

.mapping,
.legend-color-mapping {
    background: #e8f7f0;
    color: #0a7c42;
}

.filtering,
.legend-color-filtering {
    background: #e8f0f7;
    color: #1a6dcc;
}

.rfc3489,
.legend-color-rfc {
    background: #f5e8f7;
    color: #8a2be2;
}

.legend {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}

.legend-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-color {
    width: 18px;
    height: 18px;
    border-radius: 6px;
}

.explanation {
    border-left: 4px solid var(--accent-color);
}

.key-points {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.point-card {
    background: rgba(67, 97, 238, 0.04);
    border: 1px solid rgba(67, 97, 238, 0.1);
    border-radius: 18px;
    padding: 1.25rem;
}

.nat-footer {
    text-align: center;
    color: var(--text-muted);
}

.nat-footer-note {
    margin: 0;
    font-size: 0.92rem;
}

.xui-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

.xui-command-list {
    background: rgba(67, 97, 238, 0.06);
    border-left: 4px solid var(--accent-color);
    border-radius: 16px;
    padding: 1rem 1.1rem;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.xui-command-item + .xui-command-item {
    margin-top: 0.45rem;
}

.xui-warning-title {
    font-size: 1.05rem;
    color: #c0392b;
}

.xui-info-box {
    padding: 1rem 1.1rem;
    border-radius: 16px;
    background: rgba(67, 97, 238, 0.06);
}

.xui-tips {
    margin: 0;
    padding-left: 1.25rem;
}

.xui-tips li + li {
    margin-top: 0.5rem;
}

.xui-manager-page .cdn-node-card {
    border-radius: 18px;
    border: 1px solid var(--border-card);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.xui-manager-page .cdn-node-card:hover {
    transform: translateY(-4px);
    border-color: var(--accent-color);
}

.xui-manager-page .selected-cdn {
    border-color: #2196f3;
    box-shadow: 0 0 0 3px rgba(33, 150, 243, 0.15);
}

.xui-manager-page .node-status {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.xui-manager-page .status-active {
    background: #2ecc71;
}

.xui-manager-page .status-inactive {
    background: #e74c3c;
}

.xui-manager-page .latency-indicator {
    height: 8px;
    background: rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    overflow: hidden;
}

.xui-manager-page .latency-fill {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #2ecc71, #f1c40f);
    transition: width 0.35s ease;
}

.xui-manager-page .stats-card {
    height: 100%;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 18px;
    text-align: center;
    padding: 1.2rem;
}

.xui-manager-page .stats-value {
    font-size: 2rem;
    font-weight: 700;
}

.xui-manager-page .stats-label {
    color: var(--text-muted);
}

.xui-manager-page .server-info {
    padding: 1.2rem;
    border-radius: 18px;
    background: rgba(15, 23, 42, 0.82);
    color: #fff;
}

@media (max-width: 767.98px) {
    .book-intro-shell,
    .nat-section,
    .xui-card,
    .nat-header,
    .xui-hero {
        padding: 1.25rem;
    }
}
.cmdcommand-content .container.bg-primary {
    background: linear-gradient(135deg, #1d4ed8, #1e3a8a) !important;
    color: #eff6ff !important;
}
.cmdcommand-content .container.bg-primary h1,
.cmdcommand-content .container.bg-primary p,
.cmdcommand-content .container.bg-primary .table,
.cmdcommand-content .container.bg-primary .table th,
.cmdcommand-content .container.bg-primary .table td,
.cmdcommand-content .container.bg-primary .table thead th,
.cmdcommand-content .container.bg-primary .table tbody tr {
    color: #eff6ff !important;
}
.cmdcommand-content .container.bg-primary .table {
    --bs-table-bg: transparent;
    --bs-table-color: #eff6ff;
    --bs-table-border-color: rgba(191, 219, 254, 0.24);
    --bs-table-striped-bg: rgba(255, 255, 255, 0.06);
    --bs-table-striped-color: #eff6ff;
    --bs-table-hover-bg: rgba(255, 255, 255, 0.1);
    --bs-table-hover-color: #ffffff;
    margin-bottom: 0;
}
.cmdcommand-content .container.bg-primary .table th,
.cmdcommand-content .container.bg-primary .table td {
    background: transparent !important;
    border-color: rgba(191, 219, 254, 0.24) !important;
}
.cmdcommand-content .container.bg-primary .table tbody tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.04);
}
[data-theme="dark"] .cmdcommand-content .container.bg-primary {
    background: linear-gradient(135deg, #0f172a, #1e293b) !important;
    color: #e2e8f0 !important;
}
[data-theme="dark"] .cmdcommand-content .container.bg-primary h1,
[data-theme="dark"] .cmdcommand-content .container.bg-primary p,
[data-theme="dark"] .cmdcommand-content .container.bg-primary .table,
[data-theme="dark"] .cmdcommand-content .container.bg-primary .table th,
[data-theme="dark"] .cmdcommand-content .container.bg-primary .table td,
[data-theme="dark"] .cmdcommand-content .container.bg-primary .table thead th,
[data-theme="dark"] .cmdcommand-content .container.bg-primary .table tbody tr {
    color: #e2e8f0 !important;
}
[data-theme="dark"] .cmdcommand-content .container.bg-primary .table {
    --bs-table-color: #e2e8f0;
    --bs-table-border-color: rgba(148, 163, 184, 0.22);
    --bs-table-striped-bg: rgba(148, 163, 184, 0.08);
    --bs-table-hover-bg: rgba(148, 163, 184, 0.12);
}
[data-theme="dark"] .cmdcommand-content .container.bg-primary .table th,
[data-theme="dark"] .cmdcommand-content .container.bg-primary .table td {
    border-color: rgba(148, 163, 184, 0.22) !important;
}
.cmdcommand-content {
    color: var(--text-content);
}
.cmdcommand-content header .alert.alert-primary {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe) !important;
    border: 1px solid rgba(59, 130, 246, 0.22) !important;
    color: #102a43 !important;
    box-shadow: var(--shadow-card);
}
.cmdcommand-content header .alert.alert-primary .alert-heading,
.cmdcommand-content header .alert.alert-primary p,
.cmdcommand-content header .alert.alert-primary hr {
    color: #102a43 !important;
    border-color: rgba(16, 42, 67, 0.16) !important;
}
.cmdcommand-content .container.bg-primary > h1,
.cmdcommand-content .container.bg-primary > p {
    color: inherit !important;
}
.cmdcommand-content .container.bg-primary > p {
    opacity: 0.96;
}
[data-theme="dark"] .cmdcommand-content header .alert.alert-primary {
    background: linear-gradient(135deg, #0f172a, #1e293b) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
    color: #e2e8f0 !important;
}
[data-theme="dark"] .cmdcommand-content header .alert.alert-primary .alert-heading,
[data-theme="dark"] .cmdcommand-content header .alert.alert-primary p,
[data-theme="dark"] .cmdcommand-content header .alert.alert-primary hr {
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}

.shutdown-guide-shell,
.v2rayn-download-shell {
    display: grid;
    gap: 1.5rem;
}

.shutdown-guide-hero,
.v2rayn-download-hero {
    padding: 2rem;
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(239, 68, 68, 0.12), rgba(59, 130, 246, 0.08));
    border: 1px solid rgba(239, 68, 68, 0.14);
    box-shadow: var(--shadow-card);
}

.shutdown-guide-meta,
.v2rayn-detected {
    color: var(--text-muted);
}

.shutdown-guide-card,
.v2rayn-download-card {
    padding: 1.6rem;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 24px;
    box-shadow: var(--shadow-card);
}

.shutdown-guide-title,
.v2rayn-download-card h2 {
    margin-bottom: 1rem;
}

.shutdown-command-grid,
.v2rayn-tip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1rem;
}

.shutdown-command-item,
.v2rayn-tip-item {
    padding: 1.2rem;
    border-radius: 18px;
    background: rgba(67, 97, 238, 0.05);
    border: 1px solid rgba(67, 97, 238, 0.12);
}

.shutdown-command-item pre {
    margin: 0.85rem 0;
    padding: 0.9rem 1rem;
    border-radius: 14px;
    background: #0f172a;
    color: #e2e8f0;
}

.shutdown-scenario-list {
    display: grid;
    gap: 0.85rem;
}

.shutdown-scenario-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 1.1rem;
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.04);
}

.shutdown-scenario-row code,
.v2rayn-file-meta strong {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

.shutdown-guide-table th,
.shutdown-guide-table td {
    border-color: var(--border-table);
    vertical-align: middle;
}

.shutdown-guide-table thead th {
    background: var(--bg-table-header);
}

.shutdown-guide-tips,
.v2rayn-note-list {
    margin: 0;
    padding-left: 1.25rem;
}

.shutdown-guide-tips li + li,
.v2rayn-note-list li + li {
    margin-top: 0.55rem;
}

.v2rayn-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.14);
    color: var(--accent-color);
    font-size: 0.86rem;
    font-weight: 600;
}

.v2rayn-actions {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 1.25rem 0;
}

.v2rayn-platform-head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.v2rayn-platform-head span {
    color: var(--text-muted);
}

.v2rayn-file-list {
    display: grid;
    gap: 1rem;
}

.v2rayn-file-item {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.15rem;
    border-radius: 18px;
    border: 1px solid var(--border-card);
    background: rgba(67, 97, 238, 0.03);
}

.v2rayn-file-item.is-recommended {
    border-color: rgba(16, 185, 129, 0.35);
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.08);
}

.v2rayn-file-item h3 {
    margin-bottom: 0.55rem;
    font-size: 1.02rem;
}

.v2rayn-file-item p {
    margin: 0;
    color: var(--text-muted);
}

.v2rayn-file-meta {
    min-width: 124px;
    text-align: right;
}

.v2rayn-file-meta a {
    display: inline-flex;
    margin-top: 0.5rem;
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 600;
}

.v2rayn-recommended {
    display: inline-flex;
    margin-left: 0.6rem;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.14);
    color: #059669;
    font-size: 0.76rem;
    vertical-align: middle;
}

[data-theme="dark"] .shutdown-command-item,
[data-theme="dark"] .v2rayn-tip-item,
[data-theme="dark"] .v2rayn-file-item,
[data-theme="dark"] .shutdown-scenario-row {
    background: rgba(148, 163, 184, 0.08);
}

[data-theme="dark"] .v2rayn-recommended {
    color: #6ee7b7;
}

@media (max-width: 767.98px) {
    .shutdown-guide-hero,
    .v2rayn-download-hero,
    .shutdown-guide-card,
    .v2rayn-download-card {
        padding: 1.25rem;
    }

    .v2rayn-file-item,
    .shutdown-scenario-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .v2rayn-file-meta {
        min-width: 0;
        text-align: left;
    }
}

.xiaoshuo-nav-shell {
    display: grid;
    gap: 1.5rem;
}

.xiaoshuo-nav-hero {
    padding: 2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(245, 189, 31, 0.12), rgba(67, 97, 238, 0.08));
    border: 1px solid rgba(245, 189, 31, 0.22);
    box-shadow: var(--shadow-card);
}

.xiaoshuo-nav-card {
    padding: 1.6rem;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 24px;
    box-shadow: var(--shadow-card);
}

.xiaoshuo-nav-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.85rem;
}

.xiaoshuo-nav-link {
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 0.9rem 1rem;
    border-radius: 18px;
    text-decoration: none;
    color: var(--text-content);
    background: rgba(245, 189, 31, 0.08);
    border: 1px solid rgba(245, 189, 31, 0.16);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.xiaoshuo-nav-link:hover {
    transform: translateY(-2px);
    border-color: rgba(245, 189, 31, 0.32);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.gpt-analysis-page {
    max-width: 960px;
}

.gpt-analysis-page blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.2rem;
    border-left: 4px solid var(--accent-color);
    background: rgba(67, 97, 238, 0.06);
    border-radius: 14px;
}

@media (max-width: 767.98px) {
    .xiaoshuo-nav-hero,
    .xiaoshuo-nav-card {
        padding: 1.25rem;
    }
}

.content-resource-shell,
.phone-links-shell-clean {
    display: grid;
    gap: 1.5rem;
}

.content-resource-hero,
.phone-links-hero {
    padding: 2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(67, 97, 238, 0.1), rgba(16, 185, 129, 0.08));
    border: 1px solid rgba(67, 97, 238, 0.16);
    box-shadow: var(--shadow-card);
}

.content-resource-eyebrow {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(67, 97, 238, 0.12);
    color: var(--accent-color);
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.content-resource-card,
.phone-links-card {
    padding: 1.6rem;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 24px;
    box-shadow: var(--shadow-card);
}

.content-resource-list {
    display: grid;
    gap: 0.8rem;
}

.content-resource-list a {
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 600;
}

.content-resource-list a:hover {
    text-decoration: underline;
}

.content-resource-notes {
    margin: 0;
    padding-left: 1.25rem;
}

.content-resource-notes li + li {
    margin-top: 0.55rem;
}

.phone-links-search {
    margin-bottom: 1rem;
}

.phone-links-table-wrap {
    border: 1px solid var(--border-table);
    border-radius: 18px;
    overflow: hidden;
}

.phone-links-table {
    margin-bottom: 0;
    --bs-table-bg: var(--bg-table);
    --bs-table-color: var(--text-content);
    --bs-table-border-color: var(--border-table);
    --bs-table-striped-bg: rgba(67, 97, 238, 0.04);
    --bs-table-striped-color: var(--text-content);
    --bs-table-hover-bg: rgba(67, 97, 238, 0.08);
    --bs-table-hover-color: var(--text-content);
}

.phone-links-table thead th {
    background: var(--bg-table-header);
    color: var(--text-content);
    white-space: nowrap;
}

.phone-links-table td,
.phone-links-table th {
    vertical-align: middle;
}

.phone-links-table a {
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 600;
}

.phone-links-table a:hover {
    text-decoration: underline;
}

.phone-links-footer {
    margin: 1rem 0 0;
    color: var(--text-muted);
    font-size: 0.92rem;
}

.content-note-page blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.15rem;
    border-left: 4px solid var(--accent-color);
    border-radius: 14px;
    background: rgba(67, 97, 238, 0.06);
}

[data-theme="dark"] .zwq-summary-page .header,
[data-theme="dark"] .zwq-summary-page .card {
    background: rgba(15, 23, 42, 0.88);
    color: #e2e8f0;
}

[data-theme="dark"] .zwq-summary-page .header-title,
[data-theme="dark"] .zwq-summary-page .timeline-title,
[data-theme="dark"] .zwq-summary-page .decision-card-title,
[data-theme="dark"] .zwq-summary-page .action-item {
    color: #f8fafc;
}

[data-theme="dark"] .zwq-summary-page .meta-item,
[data-theme="dark"] .zwq-summary-page .timeline-sub,
[data-theme="dark"] .zwq-summary-page .decision-list li,
[data-theme="dark"] .zwq-summary-page .section-label {
    color: #cbd5e1;
}

[data-theme="dark"] .zwq-summary-page .summary-highlight {
    background: rgba(30, 64, 175, 0.2);
    border-left-color: #60a5fa;
}

[data-theme="dark"] .zwq-summary-page .summary-text {
    color: #dbeafe;
}

[data-theme="dark"] .zwq-summary-page .timeline-item,
[data-theme="dark"] .zwq-summary-page .action-bar {
    background: rgba(148, 163, 184, 0.08);
    border-color: rgba(148, 163, 184, 0.2);
}

[data-theme="dark"] .zwq-summary-page .decision-card {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.52);
}

@media (max-width: 767.98px) {
    .content-resource-hero,
    .phone-links-hero,
    .content-resource-card,
    .phone-links-card {
        padding: 1.25rem;
    }
}

.kaiwu-page.kaiwu-original-layout {
    display: block;
}

.kaiwu-topnav {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 0 1.25rem;
    padding: 0.45rem 0.9rem;
    list-style: none;
    border-radius: 18px;
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    box-shadow: var(--shadow-card);
}

.kaiwu-topnav__item span {
    display: block;
    padding: 0.7rem 1rem;
    color: var(--text-content);
    text-decoration: none;
    font-weight: 500;
    border-radius: 12px;
}

.kaiwu-topnav__item.is-active span {
    background: rgba(67, 97, 238, 0.1);
    color: var(--accent-color);
}

.kaiwu-tabs {
    background: var(--bg-card);
    border: 1px solid var(--border-card);
    border-radius: 20px;
    box-shadow: var(--shadow-card);
    overflow: hidden;
}

.kaiwu-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.9rem;
    background: color-mix(in srgb, var(--bg-card) 92%, #eef2ff);
    border-bottom: 1px solid var(--border-card);
}

.kaiwu-tab {
    border: 1px solid transparent;
    background: transparent;
    color: var(--text-content);
    border-radius: 10px;
    padding: 0.62rem 0.9rem;
    font-size: 0.94rem;
    line-height: 1.35;
    cursor: pointer;
    transition: all 0.2s ease;
}

.kaiwu-tab:hover,
.kaiwu-tab:focus {
    background: rgba(67, 97, 238, 0.08);
    color: var(--accent-color);
}

.kaiwu-tab.is-active {
    background: var(--accent-color);
    color: #fff;
}

.kaiwu-panels__body {
    padding: 1.25rem;
    background: var(--bg-content);
}

.kaiwu-panel {
    display: none;
}

.kaiwu-panel.is-active {
    display: block;
}

.kaiwu-panel__card {
    margin: 0;
    padding: 1.35rem;
    border-radius: 16px;
    border: 1px solid var(--border-card);
    background: var(--bg-card);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.kaiwu-panel__header {
    font-size: 1.08rem;
    font-weight: 700;
    color: var(--text-content);
    margin-bottom: 0.95rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid var(--border-card);
}

.kaiwu-panel__body p {
    margin: 0 0 0.9rem;
    line-height: 1.85;
    color: var(--text-content) !important;
}

.kaiwu-panel__body p:last-child {
    margin-bottom: 0;
}

[data-theme="dark"] .kaiwu-tabs__nav {
    background: rgba(15, 23, 42, 0.65);
}

[data-theme="dark"] .kaiwu-panel__card {
    background: rgba(15, 23, 42, 0.55);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

@media (max-width: 768px) {
    .kaiwu-topnav {
        padding: 0.55rem;
    }

    .kaiwu-topnav__item,`r`n    .kaiwu-topnav__item span,`r`n    .kaiwu-tab {
        width: 100%;
    }

    .kaiwu-panels__body {
        padding: 0.9rem;
    }

    .kaiwu-panel__card {
        padding: 1rem;
    }
}