:root {
        --primary: #818cf8;
        --accent: #c084fc;
        --bg-deep: #1e1b4b;
        --text-light: #e0e7ff;
        --shadow-dark: 0 12px 30px rgba(0, 0, 0, 0.7);
        --shadow-hover: 0 18px 40px rgba(129, 140, 248, 0.3);
        --font-display: 'Segoe Script', 'Brush Script MT', 'Comic Sans MS', cursive, sans-serif; /* 手写感标题 */
        --font-body: 'Inter', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    }
    body {
        background-color: var(--bg-deep);
        color: var(--text-light);
        font-family: var(--font-body);
        letter-spacing: 0.2px;
    }
    /* 拟物重投影 + 渐变高光 */
    .neo-card {
        background: linear-gradient(145deg, #2a2452 0%, #1e1b4b 100%);
        box-shadow: var(--shadow-dark), inset 0 1px 2px rgba(255,255,255,0.08);
        border-radius: 1.5rem;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: 1px solid rgba(192, 132, 252, 0.2);
    }
    .neo-card:hover {
        transform: translateY(-6px);
        box-shadow: var(--shadow-hover), inset 0 1px 2px rgba(255,255,255,0.12);
        border-color: var(--accent);
    }
    /* 标题手写体 */
    .display-font {
        font-family: var(--font-display);
        letter-spacing: 1px;
        font-weight: 700;
        text-shadow: 4px 6px 0px rgba(0, 0, 0, 0.3);
    }
    /* 导航栏渐变玻璃拟物 */
    .navbar-glass {
        background: rgba(30, 27, 75, 0.75) !important;
        backdrop-filter: blur(12px);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
        border-bottom: 2px solid var(--accent);
    }
    .navbar-brand, .nav-link {
        font-weight: 600;
        color: var(--text-light) !important;
        transition: color 0.2s;
    }
    .nav-link:hover {
        color: var(--accent) !important;
    }
    .btn-glow {
        background: linear-gradient(145deg, var(--primary), var(--accent));
        border: none;
        box-shadow: 0 8px 20px rgba(192, 132, 252, 0.4);
        font-weight: 700;
        color: #fff;
        transition: transform 0.2s;
    }
    .btn-glow:hover {
        transform: scale(1.03);
        box-shadow: 0 12px 28px rgba(192, 132, 252, 0.6);
    }
    /* Hero 背景压暗效果 */
    .hero-section {
        position: relative;
        background: url('{随机图片}') center center / cover no-repeat;
        min-height: 82vh;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .hero-overlay {
        position: absolute;
        inset: 0;
        background: rgba(30, 27, 75, 0.75);
        backdrop-filter: blur(4px);
    }
    .hero-content {
        position: relative;
        z-index: 2;
        padding: 1rem;
    }
    .table-manga {
        --bs-table-bg: transparent !important;
        color: var(--text-light) !important;
    }
    .table-manga th, .table-manga td {
        background: rgba(30, 27, 75, 0.7) !important;
        border: 1px solid rgba(192, 132, 252, 0.2);
        padding: 1rem;
        vertical-align: middle;
    }
    .table-manga thead th {
        background: linear-gradient(145deg, #2e2a63, #1e1b4b) !important;
        color: #c084fc;
        font-size: 1.2rem;
        font-weight: 700;
        text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
    }
    .accordion-button {
        background: #2a2452 !important;
        color: var(--text-light) !important;
        box-shadow: none !important;
        font-weight: 600;
        border-bottom: 1px solid var(--accent);
    }
    .accordion-button:not(.collapsed) {
        background: #332b68 !important;
        color: #fff !important;
    }
    .accordion-body {
        background: #1e1b4b;
        color: #d3d9ff;
        border-top: 1px solid var(--accent);
    }
    .footer-links a {
        color: var(--primary);
        text-decoration: none;
        font-weight: 500;
    }
    .footer-links a:hover {
        color: var(--accent);
        text-decoration: underline;
    }
    /* 编号清单自定义 */
    .steps-list {
        counter-reset: step-counter;
        list-style: none;
        padding-left: 0;
    }
    .steps-list li {
        counter-increment: step-counter;
        margin-bottom: 1.2rem;
        font-size: 1.1rem;
        padding-left: 2.5rem;
        position: relative;
    }
    .steps-list li::before {
        content: counter(step-counter);
        background: var(--accent);
        color: #1e1b4b;
        font-weight: 800;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0;
        top: 0;
        box-shadow: 0 4px 8px rgba(0,0,0,0.4);
        font-size: 1rem;
    }
    /* 图片懒加载占位渐显 */
    img.lazy {
        background: #2e2a63;
        opacity: 0;
        transition: opacity 0.4s ease;
        width: 100%;
        height: auto;
    }
    img.lazy.loaded {
        opacity: 1;
        background: none;
    }
    .section-title {
        border-left: 6px solid var(--accent);
        padding-left: 1.2rem;
        text-shadow: 3px 3px 0 rgba(0,0,0,0.3);
    }

/* --- 子页面追加 --- */
/* 本页专属小样式 —— 程序会自动合并进站点CSS */
        .about-hero {
            background: linear-gradient(135deg, rgba(30, 27, 75, 0.95) 0%, rgba(76, 29, 149, 0.85) 100%);
        }
.about-section {
            padding: 4rem 0;
        }
.about-card {
            background: rgba(255, 255, 255, 0.05);
            border: 1px solid rgba(192, 132, 252, 0.2);
            border-radius: 16px;
            padding: 1.8rem 1.5rem;
            height: 100%;
            transition: all 0.3s ease;
        }
.about-card:hover {
            transform: translateY(-6px);
            border-color: var(--accent);
            box-shadow: var(--shadow-hover);
        }
.about-card i {
            font-size: 2rem;
            color: var(--accent);
            margin-bottom: 1rem;
        }
.about-card h3 {
            color: var(--text-light);
            font-weight: 700;
            font-size: 1.15rem;
            margin-bottom: 0.75rem;
        }
.about-card p {
            color: rgba(224, 231, 255, 0.75);
            font-size: 0.9rem;
            line-height: 1.7;
            margin-bottom: 0;
        }
.timeline-item {
            position: relative;
            padding-left: 2rem;
            padding-bottom: 2.5rem;
            border-left: 2px solid var(--accent);
        }
.timeline-item::before {
            content: '';
            position: absolute;
            left: -8px;
            top: 4px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background: var(--primary);
            border: 2px solid var(--accent);
        }
.timeline-item h4 {
            color: var(--text-light);
            font-weight: 600;
            font-size: 1.05rem;
            margin-bottom: 0.4rem;
        }
.timeline-item p {
            color: rgba(224, 231, 255, 0.7);
            font-size: 0.9rem;
            line-height: 1.6;
        }
.about-quote {
            border-left: 4px solid var(--accent);
            background: rgba(129, 140, 248, 0.1);
            padding: 1.5rem 2rem;
            border-radius: 0 12px 12px 0;
            font-style: italic;
            color: var(--text-light);
            font-size: 1.05rem;
            line-height: 1.8;
        }
.nav-link.active {
            color: var(--accent) !important;
            font-weight: 600;
        }

/* --- 子页面追加 --- */
/* 页面专属微调 —— 确保与站点风格一致 */
        .web-hero {
            background: linear-gradient(135deg, var(--bg-deep) 0%, #2a2459 100%);
            border-bottom: 1px solid rgba(129,140,248,.2);
        }
.web-hero .display-font {
            text-shadow: 0 4px 12px rgba(0,0,0,.6);
        }
.browser-mock {
            background: rgba(30, 27, 75, 0.6);
            border-radius: 16px;
            border: 1px solid rgba(129,140,248,.25);
            box-shadow: var(--shadow-dark);
            backdrop-filter: blur(4px);
        }
.browser-bar {
            background: rgba(0,0,0,.25);
            border-radius: 12px 12px 0 0;
            padding: 10px 16px;
            border-bottom: 1px solid rgba(129,140,248,.2);
        }
.browser-dots span {
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            margin-right: 6px;
            background: rgba(255,255,255,.25);
        }
.browser-dots span:first-child { background: #f87171; }
.browser-dots span:nth-child(2) { background: #fbbf24; }
.browser-dots span:nth-child(3) { background: #34d399; }
.browser-url {
            background: rgba(0,0,0,.3);
            border-radius: 30px;
            padding: 4px 16px;
            font-size: .8rem;
            color: rgba(224,231,255,.7);
            margin-left: 12px;
            flex: 1;
            border: 1px solid rgba(255,255,255,.05);
        }
.web-feature-card {
            background: rgba(30, 27, 75, 0.7);
            border: 1px solid rgba(129,140,248,.15);
            border-radius: 20px;
            transition: all .25s ease;
            padding: 1.5rem;
            height: 100%;
        }
.web-feature-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--shadow-hover);
            border-color: rgba(129,140,248,.5);
        }
.web-feature-card i {
            color: var(--accent);
        }
.device-grid .neo-card {
            background: rgba(30, 27, 75, 0.6);
            backdrop-filter: blur(2px);
        }
.sync-note {
            background: rgba(129,140,248,.08);
            border-left: 3px solid var(--primary);
            border-radius: 0 12px 12px 0;
        }
.table-manga td, .table-manga th {
            background: transparent !important;
            border-color: rgba(129,140,248,.15);
        }

/* --- 子页面追加 --- */
/* 本页专属微调：让隐私内容与首页视觉完全融合 */
        .privacy-hero {
            background: linear-gradient(135deg, var(--bg-deep) 0%, #312e81 100%);
            border-bottom: 1px solid rgba(129, 140, 248, 0.3);
        }
.privacy-hero .display-font {
            color: var(--primary);
            text-shadow: 0 0 30px rgba(129, 140, 248, 0.5);
        }
.privacy-section-title {
            color: var(--accent);
            border-left: 4px solid var(--primary);
            padding-left: 1rem;
            margin-top: 2.5rem;
            margin-bottom: 1.2rem;
            font-weight: 600;
            letter-spacing: -0.02em;
        }
.privacy-card-custom {
            background: rgba(30, 27, 75, 0.6);
            backdrop-filter: blur(6px);
            border: 1px solid rgba(129, 140, 248, 0.25);
            border-radius: 20px;
            padding: 1.8rem 2rem;
            margin-bottom: 1.8rem;
            transition: box-shadow 0.3s ease, transform 0.2s ease;
        }
.privacy-card-custom:hover {
            box-shadow: var(--shadow-hover);
            transform: translateY(-3px);
        }
.privacy-card-custom p, .privacy-card-custom li {
            color: var(--text-light);
            opacity: 0.9;
            line-height: 1.7;
        }
.privacy-card-custom strong {
            color: var(--primary);
            font-weight: 600;
        }
.list-bullet-custom {
            list-style: none;
            padding-left: 0;
        }
.list-bullet-custom li {
            padding-left: 1.8rem;
            position: relative;
            margin-bottom: 0.6rem;
        }
.list-bullet-custom li::before {
            content: "\f058";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            color: var(--accent);
            font-size: 1rem;
        }
.privacy-footer-note {
            border-top: 1px solid rgba(129, 140, 248, 0.2);
            margin-top: 3rem;
            padding-top: 1.5rem;
            font-size: 0.95rem;
            color: rgba(224, 231, 255, 0.7);
        }
/* 覆盖 Bootstrap 可能引入的默认白底 */
        .navbar, .navbar-collapse, .navbar-nav, .nav-item {
            background: transparent !important;
        }
.navbar .nav-link {
            color: var(--text-light) !important;
        }
.navbar .nav-link:hover {
            color: var(--primary) !important;
        }
.navbar-toggler {
            border-color: rgba(129, 140, 248, 0.5);
        }
.navbar-toggler-icon {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(224, 231, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

/* --- 子页面追加 --- */
/* 本页专属样式 —— 服务条款 */
        .terms-hero { background: linear-gradient(135deg, var(--bg-deep) 0%, #2a2460 50%, #3b3178 100%); padding: 80px 0 50px; position: relative; overflow: hidden; }
.terms-hero::before { content: ''; position: absolute; top: -40%; right: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(129,140,248,.2) 0%, transparent 70%); border-radius: 50%; }
.terms-hero::after { content: ''; position: absolute; bottom: -30%; left: -5%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(192,132,252,.15) 0%, transparent 70%); border-radius: 50%; }
.terms-hero-content { position: relative; z-index: 2; }
.terms-hero h1 { color: var(--text-light); font-weight: 800; letter-spacing: .5px; }
.terms-hero .hero-sub { color: rgba(224,231,255,.75); font-size: 1.05rem; max-width: 640px; }
.terms-section { padding: 60px 0; }
.terms-card { background: rgba(255,255,255,.04); border: 1px solid rgba(129,140,248,.15); border-radius: 16px; padding: 32px; margin-bottom: 28px; transition: all .3s ease; }
.terms-card:hover { border-color: rgba(129,140,248,.4); box-shadow: var(--shadow-hover); transform: translateY(-2px); }
.terms-card h2 { color: var(--primary); font-weight: 700; font-size: 1.45rem; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.terms-card h2 i { color: var(--accent); font-size: 1.2rem; }
.terms-card h3 { color: var(--text-light); font-weight: 600; font-size: 1.1rem; margin: 20px 0 10px; }
.terms-card p, .terms-card li { color: rgba(224,231,255,.8); line-height: 1.8; font-size: .95rem; }
.terms-card ul { padding-left: 20px; }
.terms-card ul li { margin-bottom: 8px; }
.terms-card ul li::marker { color: var(--accent); }
.terms-badge { display: inline-block; background: rgba(129,140,248,.15); color: var(--primary); border: 1px solid rgba(129,140,248,.3); border-radius: 20px; padding: 2px 14px; font-size: .8rem; font-weight: 600; margin-left: 10px; vertical-align: middle; }
.terms-toc { background: rgba(129,140,248,.06); border: 1px solid rgba(129,140,248,.2); border-radius: 16px; padding: 28px; margin-bottom: 40px; }
.terms-toc h3 { color: var(--text-light); font-weight: 700; margin-bottom: 16px; }
.terms-toc ul { list-style: none; padding: 0; }
.terms-toc ul li { margin-bottom: 10px; }
.terms-toc ul li a { color: rgba(224,231,255,.8); text-decoration: none; transition: all .3s; display: inline-flex; align-items: center; gap: 8px; }
.terms-toc ul li a:hover { color: var(--primary); padding-left: 5px; }
.terms-toc ul li a i { color: var(--accent); font-size: .8rem; }
.terms-highlight { background: rgba(192,132,252,.08); border-left: 4px solid var(--accent); padding: 16px 20px; border-radius: 0 12px 12px 0; margin: 20px 0; }
.terms-highlight p { color: rgba(224,231,255,.9); margin: 0; }
.terms-footer-note { border-top: 1px solid rgba(129,140,248,.15); padding-top: 30px; margin-top: 40px; text-align: center; color: rgba(224,231,255,.5); font-size: .9rem; }
.terms-footer-note a { color: var(--primary); text-decoration: none; }
.terms-hero { padding: 60px 0 40px; }
.terms-card { padding: 24px; }

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