:root {
        --primary: #818cf8;
        --accent: #c084fc;
        --bg: #1e1b4b;
        --text: #e0e7ff;
        --radius-lg: 24px;
        --radius-md: 16px;
        --shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.5);
    }
    * { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
    body {
        background-color: var(--bg);
        color: var(--text);
        background-image: radial-gradient(circle at 20% 20%, rgba(192, 132, 252, 0.08) 0%, transparent 30%),
                          radial-gradient(circle at 80% 70%, rgba(129, 140, 248, 0.08) 0%, transparent 30%);
        background-attachment: fixed;
        position: relative;
    }
    body::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 0;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");
        opacity: 0.06;
    }
    .container { position: relative; z-index: 2; }

    /* 导航栏吸顶 + 背景透明变化 */
    .navbar-custom {
        background: rgba(30, 27, 75, 0.85);
        backdrop-filter: blur(15px);
        transition: background 0.3s ease, box-shadow 0.3s ease;
        border-bottom: 1px solid rgba(129, 140, 248, 0.15);
        padding: 0.6rem 0;
    }
    .navbar-custom.scrolled {
        background: rgba(30, 27, 75, 0.95);
        box-shadow: 0 8px 25px rgba(0,0,0,0.3);
    }
    .navbar-custom .navbar-brand {
        font-weight: 800;
        font-size: 1.5rem;
        color: #fff !important;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
    }
    .navbar-custom .navbar-brand i { color: var(--accent); margin-right: 8px; }
    .navbar-custom .nav-link {
        color: rgba(224, 231, 255, 0.8) !important;
        font-weight: 500;
        margin: 0 0.8rem;
        transition: color 0.2s;
        font-size: 0.95rem;
    }
    .navbar-custom .nav-link:hover { color: #fff !important; }
    .navbar-toggler { border-color: rgba(255,255,255,0.2); }

    /* hero 滚动关键词云 */
    .keyword-cloud {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 15px;
        justify-content: center;
        margin-bottom: 1.8rem;
    }
    .keyword-cloud span {
        background: rgba(129, 140, 248, 0.12);
        border: 1px solid rgba(129, 140, 248, 0.3);
        backdrop-filter: blur(5px);
        padding: 6px 16px;
        border-radius: 60px;
        font-size: 0.9rem;
        font-weight: 500;
        color: #c7d2fe;
        letter-spacing: 0.3px;
    }

    /* 大圆角卡片 */
    .soft-card {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(129, 140, 248, 0.18);
        border-radius: var(--radius-lg);
        box-shadow: var(--shadow);
        backdrop-filter: blur(5px);
        padding: 2rem;
        transition: transform 0.2s, border-color 0.2s;
    }
    .soft-card:hover { border-color: rgba(192, 132, 252, 0.4); }

    /* 编号清单 */
    .number-list {
        list-style: none;
        padding-left: 0;
        counter-reset: step;
    }
    .number-list li {
        counter-increment: step;
        margin-bottom: 1.2rem;
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }
    .number-list li::before {
        content: counter(step);
        background: linear-gradient(145deg, var(--primary), var(--accent));
        width: 30px;
        height: 30px;
        min-width: 30px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 0.9rem;
        color: #1e1b4b;
        box-shadow: 0 5px 10px rgba(129,140,248,0.3);
    }

    /* 对比表格 */
    .compare-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        background: rgba(255,255,255,0.03);
        border-radius: var(--radius-lg);
        overflow: hidden;
        border: 1px solid rgba(129,140,248,0.15);
    }
    .compare-table th, .compare-table td {
        padding: 1rem 1.5rem;
        font-size: 0.95rem;
    }
    .compare-table thead th {
        background: rgba(129,140,248,0.15);
        font-weight: 600;
        color: #fff;
        border-bottom: 2px solid rgba(192,132,252,0.3);
    }
    .compare-table td {
        border-bottom: 1px solid rgba(129,140,248,0.1);
        background: rgba(255,255,255,0.01);
    }
    .compare-table tr:last-child td { border-bottom: none; }
    .compare-table .highlight-col {
        background: rgba(192,132,252,0.08);
    }
    .check-icon { color: var(--accent); margin-right: 5px; }

    /* FAQ手风琴 */
    .accordion-item {
        background: rgba(255,255,255,0.02);
        border: 1px solid rgba(129,140,248,0.15);
        border-radius: var(--radius-md) !important;
        margin-bottom: 12px;
        overflow: hidden;
    }
    .accordion-button {
        background: transparent;
        color: var(--text);
        font-weight: 600;
        padding: 1.2rem;
        font-size: 1rem;
    }
    .accordion-button:not(.collapsed) {
        background: rgba(129,140,248,0.08);
        color: #fff;
        box-shadow: none;
    }
    .accordion-button::after {
        filter: brightness(0) invert(1);
        opacity: 0.7;
    }
    .accordion-body { color: #c7d2fe; }

    /* 按钮光泽扫过 */
    .btn-glossy {
        position: relative;
        background: linear-gradient(145deg, var(--primary), var(--accent));
        border: none;
        color: #fff;
        font-weight: 600;
        padding: 12px 30px;
        border-radius: 60px;
        overflow: hidden;
        z-index: 1;
        transition: transform 0.2s, box-shadow 0.3s;
        box-shadow: 0 6px 16px rgba(129,140,248,0.25);
    }
    .btn-glossy::after {
        content: '';
        position: absolute;
        top: 0;
        left: -80%;
        width: 50%;
        height: 100%;
        background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
        transform: skewX(-25deg);
        transition: left 0.6s ease;
    }
    .btn-glossy:hover::after { left: 130%; }
    .btn-glossy:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(192,132,252,0.4); }

    /* 回到顶部 */
    #backToTop {
        position: fixed;
        bottom: 30px;
        right: 30px;
        background: rgba(129,140,248,0.8);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255,255,255,0.2);
        border-radius: 50px;
        width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 1.2rem;
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        border: none;
    }
    #backToTop.show { opacity: 1; visibility: visible; }

    /* 图标单色描边风格 */
    .icon-outline {
        width: 42px;
        height: 42px;
        border: 2px solid var(--primary);
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--primary);
        font-size: 1.1rem;
        background: transparent;
        margin-right: 12px;
    }

    h1, h2, h3 { font-weight: 700; }
    h2 { font-size: 1.9rem; color: #fff; }
    .section-title { display: flex; align-items: center; margin: 2.5rem 0 1.5rem; }
    .section-title i { color: var(--accent); margin-right: 10px; }

    /* 友链区 */
    .friend-links {
        border-top: 1px solid rgba(129,140,248,0.2);
        padding: 2rem 0 1rem;
        margin-top: 3rem;
        background: rgba(0,0,0,0.15);
    }
    footer {
        background: rgba(0,0,0,0.3);
        padding: 2rem 0;
        color: #a5b4fc;
        border-top: 1px solid rgba(129,140,248,0.1);
    }

/* --- 子页面追加 --- */
/* 本页专属少量微调：确保导航激活态、间距、以及特殊组件的视觉统一 */
        .navbar-custom .nav-link.active {
            color: var(--primary);
            font-weight: 600;
        }
.about-hero {
            background: radial-gradient(circle at 20% 20%, rgba(192,132,252,.15), transparent 50%);
        }
.value-card {
            background: rgba(255,255,255,.03);
            border: 1px solid rgba(129,140,248,.15);
            border-radius: var(--radius-md);
            padding: 2rem 1.5rem;
            height: 100%;
            transition: .2s ease;
        }
.value-card:hover {
            border-color: var(--primary);
            background: rgba(129,140,248,.08);
        }
.value-card i {
            font-size: 2rem;
            color: var(--accent);
        }
.feature-badge {
            background: rgba(192,132,252,.15);
            border-radius: 50rem;
            padding: .2rem .8rem;
            font-size: .8rem;
            font-weight: 500;
            color: var(--accent);
        }
.timeline-item {
            position: relative;
            padding-left: 1.8rem;
            margin-bottom: 1.8rem;
            border-left: 2px solid rgba(129,140,248,.3);
        }
.timeline-item::before {
            content: "";
            position: absolute;
            left: -6px;
            top: 6px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: var(--primary);
        }
.timeline-item h4 {
            color: var(--text);
            font-weight: 600;
        }
.friend-links a {
            color: var(--text);
            opacity: .7;
            margin-right: 1.2rem;
            transition: .2s;
        }
.friend-links a:hover {
            opacity: 1;
            color: var(--primary);
        }
/* 覆盖 bootstrap 可能引入的白底 */
        .accordion-button, .accordion-body {
            background: transparent !important;
            color: var(--text) !important;
        }
.list-group-item {
            background: transparent !important;
            color: var(--text) !important;
            border-color: rgba(129,140,248,.15) !important;
        }

/* --- 子页面追加 --- */
/* 保证卡片/组件与深色主题一致 */
        .privacy-card, .privacy-card .card-body {
            background: rgba(30, 27, 75, 0.7);
            backdrop-filter: blur(8px);
            color: var(--text);
            border: 1px solid rgba(129, 140, 248, 0.25);
            border-radius: var(--radius-md);
            box-shadow: var(--shadow);
            padding: 1.8rem;
            margin-bottom: 2rem;
        }
.privacy-card h2, .privacy-card h3 {
            color: var(--primary);
            font-weight: 700;
            letter-spacing: -0.02em;
            border-left: 4px solid var(--accent);
            padding-left: 1rem;
            margin-bottom: 1.2rem;
        }
.privacy-card p, .privacy-card li {
            line-height: 1.8;
            color: var(--text);
        }
.privacy-card strong {
            color: #c7d2fe;
        }
.table-privacy {
            background: transparent;
            color: var(--text);
        }
.table-privacy th, .table-privacy td {
            background: rgba(30, 27, 75, 0.5);
            border-color: rgba(129, 140, 248, 0.2);
            color: var(--text);
            padding: 1rem;
        }
.table-privacy thead th {
            background: rgba(129, 140, 248, 0.15);
            color: #a5b4fc;
            font-weight: 600;
        }
.list-group-flush .list-group-item {
            background: transparent;
            color: var(--text);
            border-color: rgba(129, 140, 248, 0.15);
            padding: .8rem 1rem;
        }
.list-group-flush .list-group-item i {
            color: var(--accent);
            margin-right: 8px;
        }
a.link-accent {
            color: var(--accent);
            text-decoration: underline dotted;
        }
a.link-accent:hover {
            color: var(--primary);
        }
.small-meta {
            color: #94a3b8;
            font-size: .85rem;
        }
/* 导航高亮当前页 */
        .navbar-nav .nav-link.active {
            color: var(--accent) !important;
            font-weight: 700;
        }

/* --- 子页面追加 --- */
.disclaimer-page { padding: 3rem 0 5rem; }
.disclaimer-hero { background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%); border-radius: var(--radius-lg); padding: 3.5rem 2rem; margin-bottom: 3rem; text-align: center; }
.disclaimer-hero h1 { font-size: 2.5rem; font-weight: 900; margin-bottom: 1rem; }
.disclaimer-hero p { font-size: 1.1rem; opacity: .9; max-width: 700px; margin: 0 auto; }
.disclaimer-content { max-width: 900px; margin: 0 auto; }
.disclaimer-section { background: rgba(255,255,255,.04); border-radius: var(--radius-md); padding: 2rem; margin-bottom: 1.5rem; border-left: 4px solid var(--primary); }
.disclaimer-section h2 { font-size: 1.4rem; font-weight: 700; margin-bottom: 1rem; color: var(--primary); }
.disclaimer-section h3 { font-size: 1.1rem; font-weight: 600; margin: 1.5rem 0 .8rem; color: var(--accent); }
.disclaimer-section p, .disclaimer-section li { color: var(--text); line-height: 1.8; }
.disclaimer-section ul { padding-left: 1.2rem; }
.disclaimer-section li { margin-bottom: .5rem; }
.disclaimer-note { background: rgba(192,132,252,.08); border: 1px solid rgba(192,132,252,.2); border-radius: var(--radius-md); padding: 1.5rem; margin-top: 2rem; }
.disclaimer-note h3 { color: var(--accent); margin-bottom: .8rem; }
.disclaimer-updated { text-align: center; color: rgba(224,231,255,.6); font-size: .9rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.1); }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.table { color:#e0e7ff !important; border-color:rgba(255,255,255,.12) !important; --bs-table-bg:transparent !important; --bs-table-color:#e0e7ff !important; }
.accordion-header { background:transparent !important; }