:root {
            --main: #10b981;
            --accent: #fbbf24;
            --bg: #0a1410;
            --text: #ecfdf5;
            --card-bg: #14201a;
            --soft-shadow: 0 12px 24px rgba(0,0,0,0.4);
            --radius-card: 1rem;
            --radius-btn: 2rem;
        }
        * { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        body {
            background-color: var(--bg);
            color: var(--text);
            letter-spacing: 0.01em;
            line-height: 1.7;
        }
        h1,h2,h3,h4,h5,.font-display {
            font-family: 'Kalam', 'Comic Neue', 'Segoe Script', 'Brush Script MT', cursive, sans-serif;
            font-weight: 700;
            letter-spacing: 0.02em;
        }
        /* 胶囊导航 */
        .nav-pill-custom {
            background: rgba(16, 185, 129, 0.1);
            backdrop-filter: blur(8px);
            border-radius: 60px;
            padding: 0.5rem 1.5rem;
            border: 1px solid rgba(16,185,129,0.2);
        }
        .navbar-brand {
            font-weight: 900;
            font-size: 1.9rem;
            color: var(--main) !important;
            text-shadow: 0 0 20px rgba(16,185,129,0.5);
            letter-spacing: 2px;
        }
        .nav-link-custom {
            color: var(--text) !important;
            font-weight: 500;
            margin: 0 0.6rem;
            padding: 0.5rem 1rem !important;
            border-radius: 40px;
            transition: all 0.2s;
        }
        .nav-link-custom:hover {
            background: rgba(251,191,36,0.15);
            color: var(--accent) !important;
        }
        .btn-glow {
            border-radius: var(--radius-btn);
            background: linear-gradient(145deg, #10b981, #059669);
            border: none;
            box-shadow: 0 6px 16px rgba(16,185,129,0.4);
            transition: all 0.3s ease;
            overflow: hidden;
            position: relative;
        }
        .btn-glow::after {
            content: '';
            position: absolute;
            top: 0; left: -100%;
            width: 50%; height: 100%;
            background: linear-gradient(120deg, transparent, rgba(255,255,255,0.4), transparent);
            transform: skewX(-20deg);
            transition: left 0.5s;
        }
        .btn-glow:hover::after {
            left: 150%;
        }
        .btn-glow:hover {
            background: linear-gradient(145deg, #fbbf24, #f59e0b);
            box-shadow: 0 8px 20px rgba(251,191,36,0.5);
            color: #0a1410;
        }
        /* 卡片 */
        .movie-card {
            background: var(--card-bg);
            border-radius: var(--radius-card);
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.04);
            box-shadow: var(--soft-shadow);
            transition: transform 0.25s ease, box-shadow 0.3s;
            cursor: pointer;
            height: 100%;
        }
        .movie-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 32px rgba(0,0,0,0.7);
        }
        .poster-wrap {
            position: relative;
            aspect-ratio: 2/3;
            background: #0f1a14;
            overflow: hidden;
        }
        .poster-wrap img {
            width: 100%; height: 100%;
            object-fit: cover;
            transition: transform 0.3s;
        }
        .movie-card:hover .poster-wrap img {
            transform: scale(1.05);
        }
        .play-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(10,20,16,0.7), transparent 40%);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.3s;
        }
        .movie-card:hover .play-overlay {
            opacity: 1;
        }
        .play-btn-circle {
            width: 52px; height: 52px;
            border-radius: 50%;
            background: var(--accent);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #0a1410;
            font-size: 1.4rem;
            box-shadow: 0 0 25px rgba(251,191,36,0.8);
        }
        .rating-badge {
            position: absolute;
            top: 8px; right: 10px;
            background: rgba(0,0,0,0.7);
            color: var(--accent);
            font-weight: 800;
            padding: 0.2rem 0.6rem;
            border-radius: 30px;
            font-size: 0.9rem;
            backdrop-filter: blur(4px);
        }
        .card-body {
            padding: 0.9rem 1rem 1.2rem;
        }
        .movie-title {
            font-weight: 700;
            margin-bottom: 0.2rem;
            font-size: 1.05rem;
            color: var(--text);
        }
        .meta-info {
            font-size: 0.8rem;
            color: rgba(236,253,245,0.6);
        }
        /* 标签云hero */
        .tagcloud {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.6rem 1rem;
            padding: 0.8rem 0;
        }
        .tag-item {
            background: rgba(16,185,129,0.15);
            color: var(--text);
            border-radius: 40px;
            padding: 0.4rem 1.2rem;
            font-size: 0.9rem;
            font-weight: 500;
            border: 1px solid rgba(16,185,129,0.3);
            transition: all 0.2s;
        }
        .tag-item:hover {
            background: var(--main);
            color: #0a1410;
        }
        /* 分类侧栏 */
        .category-side {
            position: sticky;
            top: 100px;
            border-radius: 2rem;
            background: rgba(16,185,129,0.05);
            padding: 1.5rem 1rem;
            border: 1px solid rgba(16,185,129,0.2);
        }
        .category-side a {
            display: block;
            padding: 0.6rem 1.2rem;
            color: var(--text);
            border-radius: 40px;
            margin-bottom: 0.25rem;
            text-decoration: none;
            transition: 0.2s;
        }
        .category-side a:hover, .category-side a.active {
            background: rgba(251,191,36,0.1);
            color: var(--accent);
            font-weight: 600;
        }
        .section-title {
            position: relative;
            display: inline-block;
            margin-bottom: 2rem;
            font-size: 2rem;
        }
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -8px; left: 0;
            width: 60%; height: 4px;
            background: var(--accent);
            border-radius: 8px;
        }
        /* 内容块 */
        .steps-container {
            background: rgba(255,255,255,0.03);
            border-radius: 2rem;
            padding: 2rem;
        }
        .footer-link {
            color: rgba(236,253,245,0.7);
            text-decoration: none;
        }
        .footer-link:hover {
            color: var(--accent);
        }
        /* 回到顶部 */
        #backToTop {
            position: fixed;
            bottom: 30px; right: 30px;
            width: 48px; height: 48px;
            border-radius: 50%;
            background: var(--main);
            border: none;
            color: white;
            font-size: 1.2rem;
            box-shadow: 0 6px 16px rgba(0,0,0,0.4);
            opacity: 0;
            visibility: hidden;
            transition: 0.3s;
            z-index: 1000;
        }
        #backToTop.show {
            opacity: 1;
            visibility: visible;
        }
        /* 弹窗全屏沉浸 */
        .modal-full {
            background: rgba(5, 10, 8, 0.9);
            backdrop-filter: blur(20px);
        }
        .modal-full .modal-content {
            background: rgba(20,32,26,0.6);
            backdrop-filter: blur(16px);
            border-radius: 2.5rem;
            border: 1px solid rgba(255,255,255,0.2);
            color: var(--text);
        }
        .modal-full .modal-header, .modal-full .modal-footer {
            border: none;
        }
        .modal-backdrop.show {
            opacity: 0.7;
        }
        .btn-close-white {
            filter: invert(1);
        }
        /* 错落渐显 */
        .stagger-fade {
            opacity: 0;
            transform: translateY(24px);
            transition: all 0.6s ease;
        }
        .stagger-fade.visible {
            opacity: 1;
            transform: translateY(0);
        }
        @media (max-width: 992px) {
            .category-side {
                position: static;
                margin-bottom: 2rem;
            }
        }

/* --- 子页面追加 --- */
/* 本页专属微调 —— 仅补充少量布局，主题色全部来自站点CSS变量 */
        .about-hero {
            padding: 3rem 0 2.5rem;
        }
.about-section {
            background: var(--card-bg);
            border-radius: var(--radius-card);
            padding: 2rem 1.5rem;
            box-shadow: var(--soft-shadow);
            margin-bottom: 2.5rem;
        }
.about-section h2 {
            color: var(--main);
            font-weight: 700;
            font-size: 1.8rem;
            letter-spacing: -0.02em;
            margin-bottom: 1.2rem;
            border-left: 4px solid var(--accent);
            padding-left: 1rem;
        }
.about-section h3 {
            color: var(--accent);
            font-size: 1.3rem;
            font-weight: 600;
            margin-top: 1.8rem;
            margin-bottom: 0.8rem;
        }
.about-section p {
            color: var(--text);
            opacity: 0.92;
            line-height: 1.75;
            margin-bottom: 1.2rem;
        }
.about-section ul, .about-section ol {
            color: var(--text);
            opacity: 0.92;
            line-height: 1.8;
            padding-left: 1.2rem;
        }
.about-section li {
            margin-bottom: 0.4rem;
        }
.stat-badge {
            display: inline-block;
            background: rgba(16, 185, 129, 0.15);
            color: var(--main);
            border-radius: 2rem;
            padding: 0.3rem 1rem;
            font-weight: 600;
            font-size: 0.85rem;
            margin-right: 0.5rem;
            margin-bottom: 0.5rem;
            border: 1px solid rgba(16, 185, 129, 0.3);
        }
.divider-light {
            height: 2px;
            background: linear-gradient(90deg, var(--main), transparent);
            opacity: 0.25;
            margin: 1.5rem 0;
        }
.icon-quote {
            color: var(--accent);
            font-size: 2rem;
            opacity: 0.5;
        }
.btn-ghost-more {
            background: transparent;
            border: 1px solid var(--main);
            color: var(--main);
            padding: 0.6rem 1.8rem;
            border-radius: var(--radius-btn);
            transition: all 0.2s ease;
            font-weight: 600;
        }
.btn-ghost-more:hover {
            background: var(--main);
            color: var(--bg);
        }
.footer-note {
            font-size: 0.9rem;
            color: var(--text);
            opacity: 0.7;
        }

/* --- 子页面追加 --- */
/* 本页专属微调，补充站点CSS未覆盖的细节 */
        .disclaimer-hero {
            padding: 3.5rem 0 1rem;
        }
.disclaimer-card {
            background: var(--card-bg);
            border-radius: var(--radius-card);
            padding: 2rem;
            box-shadow: var(--soft-shadow);
            border-left: 4px solid var(--main);
            margin-bottom: 1.8rem;
        }
.disclaimer-card h2 {
            color: var(--main);
            font-weight: 700;
            font-size: 1.5rem;
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: .6rem;
        }
.disclaimer-card h2 i {
            color: var(--accent);
            font-size: 1.3rem;
        }
.disclaimer-card p, .disclaimer-card li {
            color: var(--text);
            opacity: .92;
            line-height: 1.7;
        }
.disclaimer-card ul {
            padding-left: 1.2rem;
        }
.disclaimer-card a {
            color: var(--accent);
            text-decoration: underline;
            text-underline-offset: 3px;
        }
.disclaimer-card a:hover {
            color: var(--main);
        }
.highlight-box {
            background: rgba(16, 185, 129, .08);
            border-radius: .75rem;
            padding: 1.25rem 1.5rem;
            margin: 1.5rem 0 .5rem;
            border: 1px solid rgba(16, 185, 129, .25);
        }
.highlight-box strong {
            color: var(--accent);
        }
/* 导航高亮当前页 */
        .navbar .nav-link.active-disclaimer {
            color: var(--accent) !important;
            font-weight: 600;
        }
/* 页脚链接颜色 */
        .footer-link {
            color: var(--text);
            opacity: .7;
            transition: .2s;
        }

/* --- 子页面追加 --- */
/* 本页专属小样式——合并进站点CSS */
        .privacy-section {
            background: var(--card-bg);
            border-radius: var(--radius-card);
            padding: 2.5rem;
            margin-bottom: 1.5rem;
            box-shadow: var(--soft-shadow);
            border: 1px solid rgba(16, 185, 129, 0.12);
        }
.privacy-section h2 {
            color: var(--main);
            font-weight: 700;
            font-size: 1.5rem;
            margin-bottom: 1.25rem;
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }
.privacy-section h2 i {
            font-size: 1.25rem;
            opacity: 0.85;
        }
.privacy-section p {
            color: var(--text);
            line-height: 1.85;
            margin-bottom: 1rem;
            font-size: 0.98rem;
            opacity: 0.92;
        }
.privacy-section ul {
            padding-left: 1.25rem;
            margin-bottom: 1.25rem;
            color: var(--text);
        }
.privacy-section ul li {
            margin-bottom: 0.5rem;
            line-height: 1.7;
            font-size: 0.96rem;
        }
.privacy-section ul li strong {
            color: var(--accent);
            font-weight: 600;
        }
.last-updated {
            color: var(--main);
            font-size: 0.88rem;
            display: inline-block;
            padding: 0.35rem 1.25rem;
            background: rgba(16, 185, 129, 0.1);
            border-radius: var(--radius-btn);
            margin-bottom: 2rem;
            border: 1px solid rgba(16, 185, 129, 0.2);
        }
.contact-email {
            color: var(--accent);
            text-decoration: none;
            font-weight: 600;
            border-bottom: 1px dashed var(--accent);
            transition: all 0.3s ease;
        }
.contact-email:hover {
            color: var(--main);
            border-bottom-color: var(--main);
        }
.privacy-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 1.25rem;
            background: rgba(251, 191, 36, 0.1);
            border: 1px solid rgba(251, 191, 36, 0.2);
            border-radius: var(--radius-btn);
            color: var(--accent);
            font-size: 0.85rem;
            font-weight: 500;
            margin-right: 0.5rem;
            margin-bottom: 0.5rem;
        }
.privacy-section {
                padding: 1.5rem;
            }
.privacy-section h2 {
                font-size: 1.25rem;
            }

/* --- 子页面追加 --- */
/* 保证所有卡片背景与站点色一致 (覆盖Bootstrap默认白底) */
        .card, .card-body, .card-header, .card-footer, .list-group-item {
            background: var(--card-bg) !important;
            color: var(--text) !important;
            border-color: rgba(16, 185, 129, 0.2) !important;
        }
.card-title, .card-text, .list-group-item {
            color: var(--text) !important;
        }
.map-group-title {
            border-left: 4px solid var(--accent);
            padding-left: 0.75rem;
            margin: 2rem 0 1.2rem;
            font-weight: 700;
            letter-spacing: -0.02em;
        }
.map-grid a {
            display: inline-block;
            padding: 0.45rem 0.9rem;
            margin: 0.2rem 0.2rem;
            background: rgba(16, 185, 129, 0.08);
            border-radius: 2rem;
            border: 1px solid rgba(16, 185, 129, 0.15);
            transition: all 0.2s;
            font-size: 0.9rem;
        }
.map-grid a:hover {
            background: rgba(16, 185, 129, 0.2);
            border-color: var(--main);
            color: var(--accent);
            transform: translateY(-1px);
        }
.breadcrumb-custom {
            background: rgba(16, 185, 129, 0.05);
            border-radius: 3rem;
            padding: 0.5rem 1.2rem;
            display: inline-block;
            border: 1px solid rgba(16,185,129,0.15);
        }
/* 高亮当前页导航项 */
        .nav-link-custom.active {
            color: var(--accent) !important;
            font-weight: 600;
        }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.form-control { background:rgba(0,0,0,.35) !important; color:#ecfdf5 !important; border-color:rgba(255,255,255,.12) !important; }
.modal-body { color:#ecfdf5 !important; }
.form-control::placeholder { color: rgba(255,255,255,.45) !important; }