:root {
            --primary: #9f1239;
            --accent: #e11d48;
            --bg: #fafafa;
            --text: #3f0a1a;
            --light-border: #e7e7e7;
            --shadow-sm: 0 2px 10px rgba(159, 18, 57, 0.05);
            --shadow-hover: 0 12px 28px rgba(159, 18, 57, 0.12);
        }
        * { margin:0; padding:0; box-sizing:border-box; }
        body {
            background-color: var(--bg);
            color: var(--text);
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.6;
            overflow-x: hidden;
        }
        h1,h2,h3,h4,h5 { font-weight: 700; letter-spacing: -0.02em; }
        a { text-decoration:none; color: var(--primary); }
        .navbar-brand, .navbar-brand:hover { font-weight:800; font-size:1.4rem; color: var(--primary); display:flex; align-items:center; gap:0.5rem; }
        .navbar { background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); border-bottom: 1px solid var(--light-border); }
        .nav-link { font-weight: 600; color: var(--text); margin: 0 0.8rem; }
        .nav-link:hover { color: var(--accent); }
        .btn-accent { background: var(--primary); color: white; border: none; border-radius: 8px; padding: 0.6rem 1.4rem; font-weight:600; transition: all 0.2s ease; }
        .btn-accent:hover { background: var(--accent); transform: translateY(-1px); box-shadow: var(--shadow-sm); }
        
        /* 几何装饰背景 */
        .geo-bg { position: relative; }
        .geo-bg::before, .geo-bg::after { content:''; position:absolute; z-index:0; opacity:0.12; border-radius: 3px; }
        .geo-bg::before { width: 250px; height: 250px; background: var(--accent); top: -40px; left: -70px; clip-path: polygon(50% 0%, 0% 100%, 100% 80%); }
        .geo-bg::after { width: 130px; height: 130px; background: var(--primary); bottom: 20px; right: 5%; border-radius: 50%; }
        .geo-circle { position:absolute; width: 80px; height: 80px; border-radius:50%; background: var(--primary); opacity:0.06; top: 35%; right: 3%; }
        .geo-square { position:absolute; width: 70px; height: 70px; background: var(--accent); opacity:0.05; bottom: 5%; left: 4%; border-radius: 8px; transform: rotate(20deg); }

        /* Hero 滚动标签 */
        .hero-tags { display: flex; flex-wrap: wrap; gap: 0.8rem 1.2rem; max-width: 750px; margin: 2rem auto 1.5rem; justify-content: center; }
        .hero-tag { font-weight: 600; color: var(--primary); background: white; padding: 0.4rem 1rem; border-radius: 30px; border:1px solid var(--light-border); box-shadow: var(--shadow-sm); animation: floatTag 4s infinite alternate; }
        @keyframes floatTag { from { transform: translateY(0px); } to { transform: translateY(-6px); } }
        
        /* 时间线样式 */
        .timeline { position: relative; padding: 1rem 0; margin: 2rem 0; }
        .timeline::before { content:''; position:absolute; top: 0; bottom: 0; left: 18px; width: 2px; background: linear-gradient(to bottom, var(--primary), var(--accent)); opacity:0.3; }
        .timeline-item { position: relative; padding-left: 3.5rem; margin-bottom: 2.2rem; }
        .timeline-marker { position:absolute; left: 8px; top: 6px; width: 22px; height: 22px; background: var(--primary); border-radius: 50%; border: 3px solid white; box-shadow: 0 0 0 2px var(--primary); }
        .timeline-card { background: white; border-radius: 8px; padding: 1.2rem 1.4rem; box-shadow: var(--shadow-sm); border-left: 4px solid var(--accent); transition: all 0.25s ease; }
        .timeline-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hover); }
        .timeline-card h5 { color: var(--primary); font-weight:700; margin-bottom:0.3rem; }

        /* 特色标签页 */
        .feature-tab-panel { background: white; border-radius: 8px; padding: 2rem; box-shadow: var(--shadow-sm); border: 1px solid var(--light-border); }
        .nav-pills .nav-link { color: var(--text); background: #fff; border: 1px solid var(--light-border); border-radius: 30px; padding:0.5rem 1.2rem; margin:0.2rem 0.3rem; font-weight:500; }
        .nav-pills .nav-link.active { background: var(--primary); color: white; border-color: var(--primary); box-shadow: var(--shadow-sm); }

        /* 数据区块 */
        .stat-box { text-align:center; padding: 1.5rem 1rem; border-right: 1px solid var(--light-border); }
        .stat-box:last-child { border-right: none; }
        .stat-number { font-size: 2.8rem; font-weight: 800; color: var(--primary); line-height:1; }

        /* 滚动渐显 */
        .fade-up { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
        .fade-up.visible { opacity:1; transform: translateY(0); }

        /* 卡片hover上浮 */
        .hover-card { transition: all 0.25s; border-radius: 8px; }
        .hover-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-hover); }

        /* 页脚 */
        footer { background: #1d0a12; color: rgba(255,255,255,0.7); padding: 3rem 0 2rem; }
        footer a { color: rgba(255,255,255,0.8); }
        .footer-links a { margin-right: 1rem; }

        /* 小屏适配 */
        @media (max-width: 768px) {
            .timeline::before { left: 12px; }
            .timeline-item { padding-left: 2.8rem; }
            .stat-box { border-right: none; border-bottom: 1px solid var(--light-border); }
            .navbar-collapse { background: rgba(255,255,255,0.97); border-radius: 8px; padding: 1rem; margin-top: 0.5rem; }
        }

/* --- 子页面追加 --- */
/* 确保所有卡片、表单、列表等背景跟随站点变量 */
        .card, .card-body, .card-header, .card-footer,
        .form-control, .form-select, .accordion-item, .accordion-button,
        .list-group-item, .modal-content, .modal-header, .modal-body,
        .dropdown-menu, .dropdown-item, .table {
            background-color: var(--bg) !important;
            color: var(--text) !important;
            border-color: var(--light-border) !important;
        }
.accordion-button:not(.collapsed) {
            background-color: rgba(159,18,57,0.05) !important;
            color: var(--primary) !important;
        }
/* 导航激活状态高亮（关于我们页） */
        .nav-link.active-page {
            color: var(--accent) !important;
            font-weight: 600;
        }
/* 小卡片悬浮效果与首页 hover-card 对齐 */
        .hover-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-hover);
        }
.about-hero {
            background: linear-gradient(145deg, rgba(159,18,57,0.03) 0%, rgba(225,29,72,0.06) 100%);
            border-bottom: 1px solid var(--light-border);
        }
.stat-box:hover {
            box-shadow: var(--shadow-hover);
        }
.section-icon {
            color: var(--accent);
            margin-right: .4rem;
        }

/* --- 子页面追加 --- */
/* 本页专属微调 —— 保证与首页风格一致，仅补充细节 */
        .disclaimer-hero {
            background: linear-gradient(135deg, rgba(159,18,57,.04) 0%, rgba(225,29,72,.02) 100%);
            border-bottom: 1px solid var(--light-border);
        }
.disclaimer-section {
            background: var(--bg);
            border: 1px solid var(--light-border);
            border-radius: 20px;
            padding: 1.8rem 2rem;
            box-shadow: var(--shadow-sm);
            transition: box-shadow .2s ease, transform .2s ease;
        }
.disclaimer-section:hover {
            box-shadow: var(--shadow-hover);
            transform: translateY(-2px);
        }
.disclaimer-section h2 {
            color: var(--primary);
            font-weight: 700;
            font-size: 1.65rem;
            letter-spacing: -0.02em;
            border-left: 4px solid var(--accent);
            padding-left: 1rem;
            margin-bottom: 1.2rem;
        }
.disclaimer-section h3 {
            color: var(--text);
            font-weight: 600;
            font-size: 1.2rem;
            margin-top: 1.8rem;
            margin-bottom: .8rem;
            display: flex;
            align-items: center;
            gap: .5rem;
        }
.disclaimer-section p, .disclaimer-section li {
            color: #5a2a3a;
            line-height: 1.8;
            font-size: 0.98rem;
        }
.disclaimer-section ul {
            padding-left: 1.2rem;
        }
.disclaimer-section li {
            margin-bottom: .5rem;
        }
.highlight-badge {
            background: rgba(159,18,57,0.08);
            color: var(--primary);
            padding: .2rem .8rem;
            border-radius: 30px;
            font-size: .85rem;
            font-weight: 600;
            display: inline-block;
            margin-right: .5rem;
        }
.footer-note {
            font-size: .9rem;
            color: #7a5a66;
        }
.navbar .nav-link.active {
            color: var(--accent) !important;
            font-weight: 600;
        }
/* 保持与首页一致的组件覆盖（若有bootstrap组件残留） */
        .card, .card-body, .card-title, .card-text, .card-header, .card-footer,
        .form-control, .form-select, .list-group-item, .accordion-item, .accordion-button,
        .accordion-body, .modal-content, .dropdown-menu, .dropdown-item,
        .nav-link, .navbar, .navbar-brand {
            background: transparent;
            color: var(--text);
            border-color: var(--light-border);
        }

/* --- 子页面追加 --- */
/* 确保所有组件与深玫瑰色系完全融合 */
        body {
            background-color: var(--bg);
            color: var(--text);
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        }
/* Bootstrap 组件强制覆盖 — 背景/文字/边框全部用本站变量 */
        .card, .card-body, .card-title, .card-text, .card-header, .card-footer {
            background: var(--bg) !important;
            color: var(--text) !important;
            border-color: var(--light-border) !important;
        }
.form-control, .form-select {
            background: rgba(255,255,255,0.7) !important;
            color: var(--text) !important;
            border-color: var(--light-border) !important;
        }
.form-control::placeholder {
            color: rgba(63,10,26,0.5) !important;
        }
.list-group-item {
            background: var(--bg) !important;
            color: var(--text) !important;
            border-color: var(--light-border) !important;
        }
.accordion-item, .accordion-button, .accordion-body {
            background: var(--bg) !important;
            color: var(--text) !important;
            border-color: var(--light-border) !important;
        }
.navbar, .navbar-brand, .nav-link {
            background: transparent !important;
            color: var(--text) !important;
        }
.btn-light {
            background: rgba(159,18,57,0.08) !important;
            border-color: var(--light-border) !important;
            color: var(--text) !important;
        }
.btn-outline-primary {
            border-color: var(--primary) !important;
            color: var(--primary) !important;
        }
.btn-outline-primary:hover {
            background: var(--primary) !important;
            color: #fff !important;
        }
.modal-content, .modal-header, .modal-body {
            background: var(--bg) !important;
            color: var(--text) !important;
            border-color: var(--light-border) !important;
        }
.dropdown-menu, .dropdown-item {
            background: var(--bg) !important;
            color: var(--text) !important;
            border-color: var(--light-border) !important;
        }
/* 自定义装饰元素 — 延续首页的几何背景 */
        .privacy-hero {
            background: linear-gradient(135deg, rgba(159,18,57,0.03) 0%, rgba(225,29,72,0.02) 100%);
            border-bottom: 1px solid var(--light-border);
        }
.privacy-card {
            background: rgba(255,255,255,0.6);
            backdrop-filter: blur(2px);
            border: 1px solid var(--light-border);
            border-radius: 20px;
            padding: 2rem;
            box-shadow: var(--shadow-sm);
            transition: box-shadow 0.2s ease, transform 0.2s ease;
        }
.privacy-card:hover {
            box-shadow: var(--shadow-hover);
        }
.section-title-border {
            border-left: 5px solid var(--accent);
            padding-left: 1rem;
        }
.icon-badge {
            background: var(--primary);
            color: white;
            border-radius: 50px;
            padding: 0.3rem 0.8rem;
            font-size: 0.75rem;
            font-weight: 600;
            display: inline-block;
            letter-spacing: 0.3px;
        }
a:hover {
            color: var(--accent);
        }
hr {
            border-color: var(--light-border);
            opacity: 0.5;
        }
.privacy-card {
                padding: 1.25rem;
            }
/* 导航滚动条隐藏 */
        ::-webkit-scrollbar {
            width: 8px;
        }
::-webkit-scrollbar-track {
            background: var(--bg);
        }
::-webkit-scrollbar-thumb {
            background: var(--primary);
            border-radius: 10px;
        }
::-webkit-scrollbar-thumb:hover {
            background: var(--accent);
        }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.accordion-header { background:transparent !important; }