/* ========== 黑金主题变量 ========== */
        :root {
            --bg-dark: #18181b;
            --bg-card: #1f1f23;
            --bg-elevate: #26262b;
            --gold: #eab308;
            --gold-strong: #f59e0b;
            --text-light: #fafafa;
            --text-muted: #a1a1aa;
            --radius-lg: 24px;
            --radius-md: 16px;
            --shadow-soft: 0 20px 40px -12px rgba(0, 0, 0, 0.6), 0 4px 18px rgba(0, 0, 0, 0.3);
            --shadow-hover: 0 30px 50px -12px rgba(0, 0, 0, 0.8), 0 8px 25px rgba(234, 179, 8, 0.08);
        }
        
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            background-color: var(--bg-dark);
            color: var(--text-light);
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            font-weight: 400;
            line-height: 1.5;
            background-image: radial-gradient(circle at 20% 10%, rgba(234, 179, 8, 0.03) 0%, transparent 30%),
                              radial-gradient(circle at 90% 80%, rgba(245, 158, 11, 0.02) 0%, transparent 40%);
            background-attachment: fixed;
        }
        
        /* 点阵背景叠加 */
        .page-wrapper {
            position: relative;
            z-index: 1;
        }
        .page-wrapper::before {
            content: '';
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
            background-size: 28px 28px;
            pointer-events: none;
            z-index: -1;
        }
        
        /* 滚动淡入动效 */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.7s cubic-bezier(0.2, 0.8, 0.3, 1), transform 0.7s cubic-bezier(0.2, 0.8, 0.3, 1);
        }
        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }
        .card-stagger {
            transition-delay: calc(var(--i, 0) * 80ms);
        }
        
        /* 卡片 hover 上浮 + 阴影 */
        .hover-lift {
            transition: transform 0.25s ease, box-shadow 0.3s ease;
        }
        .hover-lift:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-hover);
        }
        
        /* 大圆角风格 */
        .rounded-4xl { border-radius: 24px; }
        .rounded-3xl { border-radius: 20px; }
        
        .navbar {
            background: rgba(24, 24, 27, 0.8);
            backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(234, 179, 8, 0.15);
            padding: 0.8rem 0;
        }
        .navbar-brand {
            font-weight: 800;
            font-size: 1.6rem;
            letter-spacing: -0.5px;
            color: var(--gold) !important;
        }
        .navbar-brand i {
            color: var(--gold-strong);
            margin-right: 6px;
        }
        .nav-link {
            color: var(--text-light) !important;
            font-weight: 500;
            margin: 0 0.4rem;
            transition: color 0.2s;
        }
        .nav-link:hover { color: var(--gold) !important; }
        
        .btn-gold {
            background: linear-gradient(135deg, var(--gold), var(--gold-strong));
            border: none;
            color: #18181b;
            font-weight: 700;
            padding: 0.6rem 1.4rem;
            border-radius: 40px;
            box-shadow: 0 8px 20px rgba(234, 179, 8, 0.25);
            transition: all 0.2s;
        }
        .btn-gold:hover {
            transform: scale(1.02);
            box-shadow: 0 12px 28px rgba(234, 179, 8, 0.35);
        }
        
        .section-title {
            font-size: 2.2rem;
            font-weight: 800;
            letter-spacing: -0.02em;
            background: linear-gradient(135deg, #fafafa 30%, var(--gold) 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .subtitle {
            color: var(--text-muted);
            font-size: 0.95rem;
        }
        
        /* 对比表格 */
        .compare-card {
            background: rgba(38, 38, 43, 0.6);
            border-radius: var(--radius-lg);
            padding: 1.5rem;
            border: 1px solid rgba(234, 179, 8, 0.1);
            backdrop-filter: blur(6px);
        }
        .table-badge {
            display: inline-block;
            background: rgba(234, 179, 8, 0.12);
            color: var(--gold);
            padding: 0.2rem 0.8rem;
            border-radius: 30px;
            font-size: 0.8rem;
            font-weight: 600;
        }
        .list-check li {
            list-style: none;
            padding: 0.4rem 0;
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 0.95rem;
        }
        .list-check i { color: var(--gold); width: 20px; }
        
        /* 步骤条 */
        .step-wrapper {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }
        .step-item {
            display: flex;
            gap: 1.2rem;
            align-items: flex-start;
            padding: 1rem 1.2rem;
            background: rgba(31, 31, 35, 0.5);
            border-radius: var(--radius-md);
            border-left: 3px solid var(--gold);
            transition: background 0.2s;
        }
        .step-item:hover { background: rgba(38, 38, 43, 0.8); }
        .step-num {
            font-size: 1.8rem;
            font-weight: 800;
            line-height: 1;
            color: var(--gold);
            width: 40px;
            flex-shrink: 0;
            text-shadow: 0 0 20px rgba(234, 179, 8, 0.3);
        }
        .step-content h5 { font-weight: 700; margin-bottom: 4px; color: var(--text-light); }
        .step-content p { color: var(--text-muted); font-size: 0.9rem; }
        
        /* hero 渐变文字 */
        .hero-gradient {
            background: linear-gradient(120deg, #fafafa 10%, var(--gold) 55%, var(--gold-strong) 90%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .hero-float {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.25;
            z-index: 0;
            animation: float 7s infinite alternate ease-in-out;
        }
        @keyframes float {
            0% { transform: translateY(-8px); }
            100% { transform: translateY(12px); }
        }
        
        .faq-item {
            background: rgba(31, 31, 35, 0.6);
            border-radius: var(--radius-md);
            padding: 1.2rem 1.5rem;
            border: 1px solid rgba(234, 179, 8, 0.08);
            transition: border 0.2s;
        }
        .faq-item h5 { color: var(--gold); font-weight: 600; }
        .faq-item p { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 0; }
        
        footer {
            border-top: 1px solid rgba(234, 179, 8, 0.1);
            padding: 2rem 0 1.5rem;
        }
        .footer-links a {
            color: var(--text-muted);
            text-decoration: none;
            margin: 0 0.8rem;
            transition: color 0.2s;
        }
        .footer-links a:hover { color: var(--gold); }
        
        .friend-links {
            background: rgba(31, 31, 35, 0.5);
            border-radius: var(--radius-lg);
            padding: 1.2rem;
        }
        .friend-links .links { color: var(--text-muted); word-break: break-all; }

/* --- 子页面追加 --- */
.vip-hero {
            background: linear-gradient(135deg, rgba(24,24,27,0.95) 0%, rgba(30,30,35,0.9) 50%, rgba(234,179,8,0.15) 100%);
            border-bottom: 1px solid rgba(234,179,8,0.2);
            position: relative;
            overflow: hidden;
        }
.vip-hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(234,179,8,0.12) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }
.vip-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: linear-gradient(135deg, #eab308, #f59e0b);
            color: #18181b;
            font-weight: 800;
            padding: 8px 20px;
            border-radius: 50px;
            font-size: 0.9rem;
            letter-spacing: 0.5px;
            box-shadow: 0 4px 15px rgba(234,179,8,0.3);
        }
.vip-card {
            background: linear-gradient(145deg, var(--bg-card) 0%, var(--bg-elevate) 100%);
            border: 1px solid rgba(234,179,8,0.2);
            border-radius: var(--radius-lg);
            padding: 2rem;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }
.vip-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-hover);
            border-color: rgba(234,179,8,0.4);
        }
.vip-card.highlight {
            border: 2px solid var(--gold);
            background: linear-gradient(145deg, rgba(234,179,8,0.08) 0%, var(--bg-card) 100%);
        }
.vip-card.highlight::before {
            content: '最受欢迎';
            position: absolute;
            top: 20px;
            right: -30px;
            background: var(--gold);
            color: var(--bg-dark);
            padding: 4px 40px;
            font-size: 0.75rem;
            font-weight: 700;
            transform: rotate(45deg);
        }
.vip-price {
            font-size: 3rem;
            font-weight: 900;
            color: var(--gold);
            line-height: 1;
        }
.vip-price small {
            font-size: 1rem;
            font-weight: 400;
            color: var(--text-muted);
        }
.vip-feature-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 8px 0;
            color: var(--text-light);
            font-size: 0.95rem;
        }
.vip-feature-item i {
            color: var(--gold);
            font-size: 0.9rem;
            width: 20px;
            text-align: center;
        }
.vip-feature-item.disabled {
            color: var(--text-muted);
            opacity: 0.6;
        }
.vip-feature-item.disabled i {
            color: var(--text-muted);
        }
.perk-card {
            background: var(--bg-card);
            border: 1px solid var(--bg-elevate);
            border-radius: var(--radius-md);
            padding: 1.5rem;
            transition: all 0.3s ease;
            height: 100%;
        }
.perk-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-soft);
            border-color: rgba(234,179,8,0.3);
        }
.perk-icon {
            width: 48px;
            height: 48px;
            background: rgba(234,179,8,0.15);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
            color: var(--gold);
            font-size: 1.3rem;
        }
.steps-line {
            position: relative;
            padding-left: 40px;
        }
.steps-line::before {
            content: '';
            position: absolute;
            left: 15px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: linear-gradient(to bottom, var(--gold), rgba(234,179,8,0.1));
        }
.step-dot {
            position: absolute;
            left: 0;
            width: 32px;
            height: 32px;
            background: var(--bg-card);
            border: 2px solid var(--gold);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            font-size: 0.85rem;
            color: var(--gold);
            z-index: 1;
        }
.faq-box {
            background: var(--bg-card);
            border: 1px solid var(--bg-elevate);
            border-radius: var(--radius-md);
            padding: 1.5rem;
            margin-bottom: 1rem;
            transition: all 0.3s ease;
        }
.faq-box:hover {
            border-color: rgba(234,179,8,0.3);
        }
.faq-q {
            font-weight: 600;
            color: var(--text-light);
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
.faq-q i {
            color: var(--gold);
        }
.faq-a {
            color: var(--text-muted);
            font-size: 0.95rem;
            line-height: 1.7;
            padding-left: 28px;
        }
.table-vip {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            margin: 1.5rem 0;
        }
.table-vip th,
        .table-vip td {
            padding: 12px 16px;
            text-align: left;
            border-bottom: 1px solid var(--bg-elevate);
        }
.table-vip th {
            background: rgba(234,179,8,0.08);
            color: var(--gold);
            font-weight: 600;
            font-size: 0.9rem;
            white-space: nowrap;
        }
.table-vip td {
            color: var(--text-muted);
            font-size: 0.9rem;
        }
.table-vip tr:last-child td {
            border-bottom: none;
        }
.table-vip .text-gold {
            color: var(--gold);
            font-weight: 600;
        }
.btn-vip {
            background: linear-gradient(135deg, #eab308, #f59e0b);
            color: var(--bg-dark);
            font-weight: 700;
            padding: 12px 32px;
            border-radius: 50px;
            border: none;
            transition: all 0.3s ease;
            display: inline-block;
            text-decoration: none;
        }
.btn-vip:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(234,179,8,0.3);
            color: var(--bg-dark);
        }
.vip-price {
                font-size: 2.5rem;
            }
.vip-card {
                padding: 1.5rem;
            }

/* --- 子页面追加 --- */
/* 本页专属小样式 */
        .disclaimer-section { padding: 80px 0; }
.disclaimer-card { background: var(--bg-card); border-radius: var(--radius-md); padding: 30px; margin-bottom: 24px; border-left: 4px solid var(--gold); transition: transform .3s ease, box-shadow .3s ease; }
.disclaimer-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
.disclaimer-card h3 { color: var(--gold); font-size: 1.35rem; font-weight: 700; margin-bottom: 14px; letter-spacing: .3px; }
.disclaimer-card p, .disclaimer-card li { color: var(--text-muted); font-size: .95rem; line-height: 1.8; }
.disclaimer-card ul { padding-left: 20px; margin-bottom: 0; }
.disclaimer-card li { margin-bottom: 6px; }
.disclaimer-card li::marker { color: var(--gold); }
.update-badge { display: inline-block; background: rgba(234,179,8,.15); color: var(--gold); padding: 6px 16px; border-radius: 50px; font-size: .82rem; font-weight: 600; letter-spacing: .5px; margin-bottom: 24px; }
.hero-disclaimer { padding: 100px 0 60px; position: relative; overflow: hidden; }
.hero-disclaimer::before { content: ''; position: absolute; top: -50%; left: -20%; width: 70%; height: 140%; background: radial-gradient(ellipse, rgba(234,179,8,.06) 0%, transparent 70%); pointer-events: none; }
.hero-disclaimer::after { content: ''; position: absolute; bottom: -30%; right: -10%; width: 50%; height: 120%; background: radial-gradient(ellipse, rgba(245,158,11,.05) 0%, transparent 70%); pointer-events: none; }
.hero-disclaimer .container { position: relative; z-index: 2; }
.disclaimer-actions { margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.06); display: flex; flex-wrap: wrap; gap: 16px; }
.disclaimer-section { padding: 50px 0; }
.disclaimer-card { padding: 24px 20px; }

/* --- 子页面追加 --- */
/* 本页专属微调：确保隐私政策内容与站点风格完全一致，同时覆盖 Bootstrap 可能的干扰 */
        .privacy-hero {
            background: radial-gradient(circle at 70% 30%, rgba(234, 179, 8, 0.08) 0%, transparent 50%);
            padding: 3rem 0 2rem 0;
            border-bottom: 1px solid rgba(234,179,8,0.1);
        }
.privacy-hero h1 {
            font-weight: 800;
            letter-spacing: -0.02em;
        }
.privacy-section {
            background: var(--bg-card);
            border-radius: var(--radius-lg);
            padding: 2rem 2.2rem;
            box-shadow: var(--shadow-soft);
            border: 1px solid rgba(255,255,255,0.03);
            transition: transform .3s ease, box-shadow .3s ease;
        }
.privacy-section:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-hover);
        }
.privacy-section h2 {
            color: var(--gold);
            font-weight: 700;
            font-size: 1.5rem;
            margin-bottom: 1.2rem;
            border-left: 4px solid var(--gold);
            padding-left: 1rem;
        }
.privacy-section p, .privacy-section li {
            color: var(--text-muted);
            line-height: 1.75;
            font-size: 0.98rem;
        }
.privacy-section strong {
            color: var(--text-light);
        }
.privacy-section ul {
            padding-left: 1.5rem;
            margin-top: 0.8rem;
        }
.privacy-section li {
            margin-bottom: 0.5rem;
        }
/* 覆盖 Bootstrap 可能引入的边框/背景 */
        .privacy-section, .privacy-section * {
            border-color: rgba(255,255,255,0.05);
        }
.navbar .nav-link {
            color: var(--text-muted);
        }
.navbar .nav-link:hover {
            color: var(--text-light);
        }
footer a {
            color: var(--text-muted);
            text-decoration: none;
        }
footer a:hover {
            color: var(--gold);
        }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.card { background:rgba(255,255,255,.04) !important; color:#fafafa !important; border-color:rgba(255,255,255,.12) !important; }