:root {
            --primary: #38bdf8;
            --accent: #a78bfa;
            --bg: #0f172a;
            --text: #e2e8f0;
            --card-bg: #1e293b;
            --border: #334155;
            --shadow: 0 10px 25px rgba(0,0,0,0.5);
            --shadow-hover: 0 20px 35px rgba(0,0,0,0.7);
        }

        body {
            background-color: var(--bg);
            color: var(--text);
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            font-weight: 400;
            overflow-x: hidden;
        }

        /* 拟物厚重：渐变高光 + 投影 */
        .heavy-card {
            background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
            border: 1px solid var(--border);
            box-shadow: var(--shadow), inset 0 1px 3px rgba(255,255,255,0.05);
            border-radius: 1rem;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .heavy-card:hover {
            transform: translateY(-8px);
            box-shadow: var(--shadow-hover), inset 0 1px 3px rgba(255,255,255,0.08);
        }

        .gradient-text {
            background: linear-gradient(135deg, var(--primary), var(--accent));
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        /* 超粗标题 */
        .display-5, .display-4 {
            font-weight: 900;
            letter-spacing: -0.02em;
        }

        h1, h2, h3, h4 {
            font-weight: 800;
        }

        .small-text {
            font-size: 0.9rem;
        }

        .mono-font {
            font-family: 'SF Mono', 'Fira Code', 'Courier New', monospace;
            font-weight: 500;
        }

        /* 斜切分割 */
        .slant-divider {
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
            padding-bottom: 3rem;
            margin-bottom: 2rem;
        }

        .slant-divider-bottom {
            clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
        }

        /* 锚点导航吸顶 */
        .sticky-nav {
            position: sticky;
            top: 0;
            z-index: 1050;
            background: rgba(15, 23, 42, 0.85);
            backdrop-filter: blur(8px);
            border-bottom: 1px solid var(--border);
            box-shadow: 0 5px 15px rgba(0,0,0,0.4);
        }

        .navbar-brand {
            font-weight: 900;
            font-size: 1.25rem;
        }

        .nav-link {
            font-weight: 600;
            color: var(--text) !important;
            transition: color 0.2s;
        }

        .nav-link:hover {
            color: var(--primary) !important;
        }

        /* 打字机动画 */
        .typewriter {
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            border-right: 0.15em solid var(--accent);
            width: 0;
            animation: typing 3s steps(40, end) forwards, blink 0.75s step-end infinite;
        }

        @keyframes typing {
            0% { width: 0; }
            100% { width: 100%; }
        }

        @keyframes blink {
            0%, 100% { border-color: transparent; }
            50% { border-color: var(--accent); }
        }

        /* 滚动淡入 */
        .fade-up {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .fade-up.visible {
            opacity: 1;
            transform: translateY(0);
        }

        /* hero背景视差 */
        .hero-parallax {
            background-image: linear-gradient(135deg, rgba(56, 189, 248, 0.1), rgba(167, 139, 250, 0.1)), 
                              repeating-linear-gradient(45deg, #1e293b 0px, #1e293b 2px, #0f172a 2px, #0f172a 8px);
            background-size: cover;
            background-attachment: fixed;
            background-position: center;
        }

        /* 对比表格样式 */
        .compare-table {
            background: var(--card-bg);
            border-radius: 1rem;
            overflow: hidden;
            box-shadow: var(--shadow);
        }

        .compare-table table {
            margin-bottom: 0;
        }

        .compare-table th {
            font-weight: 800;
            background-color: #1e293b;
            border-bottom: 2px solid var(--primary);
            padding: 1rem;
            color: var(--primary);
        }

        .compare-table td {
            padding: 1rem;
            border-bottom: 1px solid var(--border);
        }

        .compare-table .fa-check {
            color: var(--primary);
        }

        .compare-table .fa-xmark {
            color: #f87171;
        }

        /* 编号清单 */
        .numbered-list {
            counter-reset: item;
            list-style: none;
            padding-left: 0;
        }

        .numbered-list li {
            counter-increment: item;
            position: relative;
            padding-left: 2.5rem;
            margin-bottom: 1rem;
            font-weight: 500;
        }

        .numbered-list li::before {
            content: counter(item);
            position: absolute;
            left: 0;
            top: 0;
            width: 1.8rem;
            height: 1.8rem;
            background: linear-gradient(135deg, var(--primary), var(--accent));
            border-radius: 50%;
            color: #0f172a;
            font-weight: 900;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.9rem;
            box-shadow: 0 4px 8px rgba(0,0,0,0.4);
        }

        /* CTA按钮 */
        .btn-glow {
            background: linear-gradient(135deg, var(--primary), var(--accent));
            border: none;
            font-weight: 800;
            color: #0f172a;
            padding: 0.8rem 2rem;
            border-radius: 2rem;
            box-shadow: 0 0 20px rgba(56, 189, 248, 0.4);
            transition: all 0.3s;
        }

        .btn-glow:hover {
            transform: scale(1.03);
            box-shadow: 0 0 30px rgba(167, 139, 250, 0.6);
            color: #0f172a;
        }

        footer a {
            color: var(--text);
            text-decoration: none;
        }

        footer a:hover {
            color: var(--primary);
        }

        .footer-links {
            background: #1e293b;
            padding: 1.5rem 0;
            border-top: 1px solid var(--border);
        }

        /* 移动端导航折叠 */
        @media (max-width: 991px) {
            .navbar-collapse {
                background: rgba(15, 23, 42, 0.95);
                padding: 1rem;
                border-radius: 0.5rem;
                margin-top: 0.5rem;
                border: 1px solid var(--border);
            }
        }

/* --- 子页面追加 --- */
/* 确保Bootstrap组件类不破坏深色风格（若使用则覆盖） */
        .card, .card-body, .card-title, .card-text, .card-header, .card-footer,
        .form-control, .form-select, .form-label, .input-group-text,
        .table, .list-group-item, .accordion-item, .accordion-button, .accordion-body,
        .modal-content, .modal-header, .modal-body, .dropdown-menu, .dropdown-item,
        .nav-link, .navbar, .navbar-brand, .btn-light, .btn-outline-* {
            background: var(--card-bg);
            color: var(--text);
            border-color: var(--border);
        }
.form-control::placeholder {
            color: rgba(226, 232, 240, 0.5);
        }
/* 确保导航栏无白底 */
        .navbar {
            background-color: rgba(15, 23, 42, 0.85) !important;
            backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--border);
        }
.navbar .nav-link {
            color: var(--text) !important;
        }
.navbar .nav-link.active,
        .navbar .nav-link:hover {
            color: var(--primary) !important;
        }
/* 本页自定义小样式 */
        .about-hero {
            padding: 6rem 0 3rem;
            text-align: center;
        }
.section-title {
            font-weight: 800;
            letter-spacing: -0.02em;
            margin-bottom: 2.5rem;
            position: relative;
            display: inline-block;
        }
.section-title::after {
            content: '';
            display: block;
            width: 60%;
            height: 4px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            margin: 0.5rem auto 0;
            border-radius: 2px;
        }
.about-card {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 1rem;
            padding: 2rem;
            height: 100%;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
.about-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-hover);
        }
.icon-badge {
            font-size: 2.2rem;
            color: var(--primary);
            margin-bottom: 1.2rem;
            display: inline-block;
        }
.timeline-list {
            list-style: none;
            padding-left: 0;
            border-left: 2px solid var(--border);
            margin-left: 1rem;
        }
.timeline-list li {
            padding-left: 1.5rem;
            margin-bottom: 1.8rem;
            position: relative;
        }
.timeline-list li::before {
            content: "\f0e7";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: -0.9rem;
            top: 0;
            color: var(--primary);
            background: var(--bg);
            padding: 0 0.2rem;
        }
.timeline-list .date {
            font-family: 'Inter', sans-serif;
            font-weight: 600;
            color: var(--accent);
            margin-right: 0.5rem;
        }
.big-quote {
            background: linear-gradient(145deg, rgba(56, 189, 248, 0.08), rgba(167, 139, 250, 0.08));
            border-left: 4px solid var(--primary);
            padding: 1.5rem 2rem;
            border-radius: 0.5rem;
            margin: 2rem 0;
            font-style: italic;
            font-size: 1.1rem;
            color: var(--text);
        }
.footer-note {
            color: var(--text);
            opacity: 0.7;
            font-size: 0.9rem;
        }

/* --- 子页面追加 --- */
/* 本页小范围补充样式，继承站点变量 */
        .legal-hero {
            background: radial-gradient(circle at 20% 30%, rgba(56, 189, 248, 0.15), transparent 50%);
            border-bottom: 1px solid var(--border);
            padding: 3.5rem 0 2rem 0;
        }
.legal-card {
            background: var(--card-bg);
            border: 1px solid var(--border);
            border-radius: 1rem;
            padding: 1.8rem 2rem;
            box-shadow: var(--shadow);
            transition: box-shadow 0.3s ease;
            height: 100%;
        }
.legal-card:hover {
            box-shadow: var(--shadow-hover);
            border-color: rgba(56, 189, 248, 0.4);
        }
.legal-card h3 {
            color: var(--primary);
            font-weight: 700;
            font-size: 1.35rem;
            letter-spacing: -0.01em;
            border-left: 4px solid var(--primary);
            padding-left: 0.9rem;
            margin-bottom: 1.2rem;
        }
.legal-card p, .legal-card li {
            color: var(--text);
            font-size: 0.98rem;
            line-height: 1.7;
            opacity: 0.92;
        }
.legal-card ul {
            padding-left: 1.4rem;
            list-style-type: none;
        }
.legal-card li {
            margin-bottom: 0.65rem;
            position: relative;
        }
.legal-card li::before {
            content: "·";
            color: var(--accent);
            font-weight: 900;
            font-size: 1.4rem;
            position: absolute;
            left: -1.1rem;
            top: -0.4rem;
        }
.highlight-note {
            background: rgba(167, 139, 250, 0.08);
            border-left: 4px solid var(--accent);
            padding: 1rem 1.4rem;
            border-radius: 0.6rem;
            margin-top: 2rem;
        }
.highlight-note p {
            color: var(--text) !important;
            margin: 0;
        }
.small-divider {
            height: 2px;
            background: linear-gradient(90deg, var(--primary), transparent);
            opacity: 0.25;
            margin: 1.6rem 0;
        }
.text-muted-strong {
            color: #94a3b8;
            font-size: 0.9rem;
        }
/* 覆盖 Bootstrap 可能的白底（保险起见） */
        .navbar, .navbar-collapse, .navbar-brand, .nav-link {
            background: transparent !important;
            color: var(--text) !important;
        }
.navbar-toggler {
            border-color: var(--border);
        }