/* 影院暗金 · 极简描边风格 */
        :root {
            --primary: #e50914;
            --accent: #f5c518;
            --bg-dark: #0b0b0f;
            --text-light: #f5f5f7;
            --border-soft: rgba(245, 245, 247, 0.15);
            --card-bg: rgba(255, 255, 255, 0.02);
        }

        * { border-radius: 0 !important; }
        body {
            background-color: var(--bg-dark);
            color: var(--text-light);
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            letter-spacing: 0.2px;
        }

        /* 超大标题圆体感 */
        h1, h2, h3, .display-hero {
            font-weight: 800;
            letter-spacing: -0.02em;
            font-family: 'Inter', 'Trebuchet MS', 'Segoe UI', sans-serif;
        }

        h2 { font-size: 2.5rem; font-weight: 800; border-left: 6px solid var(--accent); padding-left: 1rem; margin: 2rem 0 1.5rem; }

        /* 无阴影纯描边 */
        .navbar, .filter-bar, .friend-links, footer {
            background: transparent;
            border: none;
        }
        .navbar { border-bottom: 1px solid var(--border-soft); padding: 1rem 0; }
        .navbar-brand { font-weight: 900; font-size: 1.8rem; color: var(--text-light) !important; }
        .navbar-brand i { color: var(--primary); margin-right: 6px; }

        .nav-link { color: rgba(245,245,247,0.8) !important; font-weight: 500; margin: 0 0.8rem; padding: 0.3rem 0; border-bottom: 2px solid transparent; }
        .nav-link:hover { color: var(--accent) !important; border-bottom-color: var(--accent); }

        .hero-section { padding: 4rem 0 3rem; border-bottom: 1px solid var(--border-soft); margin-bottom: 2rem; }
        .hero-title { font-size: 3.8rem; font-weight: 900; line-height: 1.1; }
        .hero-sub { font-size: 1.2rem; color: rgba(245,245,247,0.7); max-width: 700px; }
        .btn-outline-light { border-color: var(--border-soft); color: var(--text-light); border-radius: 0 !important; }
        .btn-outline-light:hover { background: var(--primary); border-color: var(--primary); color: #fff; }
        .btn-warning { background: var(--accent); border: none; color: #111; font-weight: 600; }

        /* 左侧筛选 + 右侧瀑布流 */
        .filter-layout { display: flex; gap: 2rem; }
        .filter-sidebar { flex: 0 0 200px; border-right: 1px solid var(--border-soft); padding-right: 1.5rem; position: sticky; top: 20px; align-self: flex-start; }
        .filter-sidebar h6 { color: var(--accent); letter-spacing: 2px; margin-bottom: 1.5rem; }
        .filter-item { display: block; width: 100%; background: none; border: none; color: rgba(245,245,247,0.8); padding: 0.6rem 0.4rem; text-align: left; border-bottom: 1px solid transparent; transition: 0.2s; }
        .filter-item i { width: 20px; color: var(--primary); }
        .filter-item:hover { border-bottom-color: var(--accent); color: var(--accent); padding-left: 8px; }

        .poster-grid { flex: 1; display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 2rem 1.2rem; }

        /* 海报卡片 —— 翻转效果 */
        .movie-card { perspective: 1000px; cursor: pointer; }
        .flip-inner { position: relative; width: 100%; height: 260px; transition: transform 0.5s; transform-style: preserve-3d; }
        .movie-card:hover .flip-inner { transform: rotateY(180deg); }
        .flip-front, .flip-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border: 1px solid var(--border-soft); background: var(--card-bg); }
        .flip-front img { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; background: #222; }
        .flip-front { display: flex; flex-direction: column; }
        .badge-hd { position: absolute; top: 8px; right: 8px; background: var(--primary); color: white; font-size: 0.65rem; padding: 2px 6px; font-weight: 600; z-index: 5; }
        .flip-back { background: #0d0d12; transform: rotateY(180deg); padding: 12px; font-size: 0.75rem; border: 1px solid var(--accent); overflow-y: auto; }
        .flip-back .score { color: var(--accent); font-size: 1.2rem; font-weight: 800; }
        .flip-back p { margin-bottom: 0.3rem; color: rgba(245,245,247,0.8); }
        .flip-back i { color: var(--primary); width: 14px; }

        /* 角标清晰度 */
        .quality-tag { position: absolute; bottom: 6px; left: 6px; background: rgba(0,0,0,0.7); color: var(--accent); font-size: 0.6rem; padding: 2px 5px; border: 1px solid var(--accent); }

        /* 时间线风格 */
        .timeline-section { border-left: 2px solid var(--primary); padding-left: 2rem; margin: 2rem 0; }
        .timeline-item { position: relative; margin-bottom: 1.5rem; }
        .timeline-item::before { content: "●"; color: var(--accent); position: absolute; left: -2.7rem; background: var(--bg-dark); font-size: 1.2rem; }
        .timeline-year { font-weight: 700; color: var(--accent); }

        /* 标签页切换 */
        .tab-pane { padding-top: 1.5rem; }
        .nav-tabs .nav-link { color: var(--text-light); border: none; border-bottom: 3px solid transparent; }
        .nav-tabs .nav-link.active { background: transparent; border-bottom-color: var(--primary); color: var(--accent); }

        /* 热榜 */
        .hot-list-item { display: flex; gap: 1rem; padding: 0.6rem 0; border-bottom: 1px dashed var(--border-soft); }
        .hot-rank { font-size: 1.8rem; font-weight: 900; color: var(--primary); width: 50px; }

        /* 页脚/友链 */
        .friend-links { border-top: 1px solid var(--border-soft); border-bottom: 1px solid var(--border-soft); padding: 2rem 0; margin: 3rem 0; }
        .friend-links a { color: var(--accent); margin-right: 1.5rem; text-decoration: underline dotted; }
        footer { border-top: 1px solid var(--border-soft); padding: 2rem 0; }
        footer a { color: rgba(245,245,247,0.8); margin: 0 0.5rem; }

        /* 回到顶部 */
        #backTop { position: fixed; bottom: 30px; right: 30px; width: 45px; height: 45px; background: var(--primary); color: white; border: none; opacity: 0; pointer-events: none; transition: 0.3s; z-index: 100; }
        #backTop.show { opacity: 1; pointer-events: auto; }

        /* 响应式 */
        @media (max-width: 768px) {
            .filter-layout { flex-direction: column; }
            .filter-sidebar { position: static; flex: none; border-right: none; border-bottom: 1px solid var(--border-soft); padding: 0.5rem 0 1rem; display: flex; flex-wrap: wrap; gap: 6px; }
            .filter-item { width: auto; padding: 0.3rem 1rem; border: 1px solid var(--border-soft); margin: 3px; }
            .hero-title { font-size: 2.8rem; }
            .poster-grid { gap: 1.5rem 0.8rem; }
        }

/* --- 子页面追加 --- */
/* 确保Bootstrap组件不被白底覆盖，同时沿用站点配色 */
        .card, .card-body, .card-title, .card-text, .card-header, .card-footer {
            background: var(--card-bg);
            color: var(--text-light);
            border-color: var(--border-soft);
        }
.form-control, .form-select {
            background: rgba(0,0,0,0.35);
            color: var(--text-light);
            border-color: var(--border-soft);
        }
.form-control::placeholder {
            color: rgba(245,245,247,0.45);
        }
.accordion-item, .accordion-button {
            background: var(--card-bg);
            color: var(--text-light);
            border-color: var(--border-soft);
        }
.accordion-button:not(.collapsed) {
            background: rgba(245,197,24,0.08);
            color: var(--accent);
        }
.list-group-item {
            background: var(--card-bg);
            color: var(--text-light);
            border-color: var(--border-soft);
        }
.table {
            --bs-table-bg: transparent;
            --bs-table-color: var(--text-light);
            --bs-table-border-color: var(--border-soft);
        }
.modal-content {
            background: var(--bg-dark);
            color: var(--text-light);
            border: 1px solid var(--border-soft);
        }
.dropdown-menu {
            background: var(--bg-dark);
            border-color: var(--border-soft);
        }
.dropdown-item {
            color: var(--text-light);
        }
.dropdown-item:hover {
            background: rgba(255,255,255,0.05);
        }
.btn-light {
            background: rgba(255,255,255,0.1);
            color: var(--text-light);
            border-color: var(--border-soft);
        }
/* 站点已有类，这里只是确保一些细节 */
        .navbar {
            background: rgba(11,11,15,0.92) !important;
            backdrop-filter: blur(8px);
        }
.friend-links a:hover {
            color: var(--accent);
        }
.about-hero {
            padding: 4rem 0 2rem;
        }
.about-section {
            padding: 2.5rem 0;
            border-bottom: 1px solid var(--border-soft);
        }
.stat-number {
            font-size: 2rem;
            font-weight: 800;
            color: var(--accent);
        }
.stat-label {
            color: rgba(245,245,247,0.7);
            font-size: .9rem;
        }

/* --- 子页面追加 --- */
/* 覆盖 Bootstrap 卡片、表单、列表等默认白底，强制使用站内暗色变量 */
        .card, .card-body, .card-header, .card-footer,
        .list-group-item, .accordion-item, .accordion-button, .accordion-body {
            background: var(--card-bg) !important;
            color: var(--text-light) !important;
            border-color: var(--border-soft) !important;
        }
.nav-link, .navbar-brand {
            color: var(--text-light) !important;
        }
/* 本页自定义微调 */
        .legal-section {
            border-left: 3px solid var(--primary);
            padding-left: 1.2rem;
            margin: 2rem 0;
        }
.legal-section h2 {
            font-size: 1.6rem;
            font-weight: 700;
            color: var(--text-light);
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
.legal-section h2 i {
            color: var(--accent);
        }
.legal-section p, .legal-section li {
            color: rgba(245,245,247,0.85);
            line-height: 1.7;
            font-size: 0.95rem;
        }
.legal-highlight {
            color: var(--accent);
            font-weight: 500;
        }
.badge-legal {
            background: rgba(229,9,20,0.15);
            color: #f5c518;
            padding: 0.2rem 0.8rem;
            border-radius: 30px;
            font-size: 0.75rem;
            border: 1px solid rgba(245,197,24,0.3);
            letter-spacing: 0.5px;
        }
hr {
            border-color: var(--border-soft);
            opacity: 0.5;
        }
.footer-links a {
            color: var(--text-light);
            text-decoration: none;
            margin: 0 0.8rem;
            opacity: 0.8;
            transition: 0.2s;
        }
.footer-links a:hover {
            opacity: 1;
            color: var(--accent);
        }

/* --- 子页面追加 --- */
.doc-hero { background: linear-gradient(135deg, rgba(11,11,15,.95) 0%, rgba(229,9,20,.15) 50%, rgba(11,11,15,.95) 100%); border-bottom: 1px solid var(--border-soft); }
.doc-feature-card { background: var(--card-bg); border: 1px solid var(--border-soft); border-radius: 12px; padding: 1.5rem; transition: transform .3s ease, box-shadow .3s ease; height: 100%; }
.doc-feature-card:hover { transform: translateY(-4px); box-shadow: 0 8px 30px rgba(229,9,20,.1); }
.doc-feature-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 1rem; }
.doc-category-tag { display: inline-block; padding: .35rem 1rem; margin: .25rem; border: 1px solid var(--border-soft); border-radius: 50px; color: var(--text-light); font-size: .875rem; transition: all .3s ease; }
.doc-category-tag:hover { border-color: var(--primary); background: rgba(229,9,20,.1); color: var(--primary); }
.doc-section-title { position: relative; padding-bottom: 1rem; margin-bottom: 2rem; }
.doc-section-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: var(--primary); }
.doc-pick-card { background: var(--card-bg); border: 1px solid var(--border-soft); border-radius: 8px; overflow: hidden; transition: all .3s ease; }
.doc-pick-card:hover { border-color: var(--primary); box-shadow: 0 4px 20px rgba(229,9,20,.15); }
.doc-pick-card img { width: 100%; height: 200px; object-fit: cover; }
.doc-pick-body { padding: 1rem; }
.doc-score { color: var(--accent); font-weight: 700; font-size: 1.1rem; }
.doc-quote { border-left: 3px solid var(--primary); padding-left: 1rem; font-style: italic; color: rgba(245,245,247,.7); }

/* --- 子页面追加 --- */
/* 确保所有卡片/组件背景与深色主题融合 */
        .privacy-block {
            background: var(--card-bg);
            border: 1px solid var(--border-soft);
            border-radius: 16px;
            padding: 2rem;
            margin-bottom: 2rem;
            backdrop-filter: blur(4px);
        }
.privacy-block h2, .privacy-block h3 {
            color: var(--accent);
            font-weight: 600;
            letter-spacing: -0.01em;
            border-left: 4px solid var(--primary);
            padding-left: 1rem;
            margin-bottom: 1.2rem;
        }
.privacy-block p, .privacy-block li {
            color: var(--text-light);
            opacity: 0.9;
            line-height: 1.7;
        }
.privacy-block strong {
            color: var(--accent);
            font-weight: 600;
        }
.privacy-block ul {
            padding-left: 1.5rem;
        }
.privacy-block li {
            margin-bottom: 0.5rem;
        }
/* 覆盖 Bootstrap 可能的默认白底 */
        .privacy-block, .privacy-block * {
            background-color: transparent;
        }
.table-ghibli {
            background: transparent;
            color: var(--text-light);
            border-color: var(--border-soft);
        }
.table-ghibli th, .table-ghibli td {
            background: transparent;
            color: var(--text-light);
            border-color: var(--border-soft);
            padding: 0.8rem;
        }
.table-ghibli thead th {
            color: var(--accent);
            border-bottom: 2px solid var(--primary);
        }
/* 导航高亮当前页 */
        .navbar-nav .nav-link.active-privacy {
            color: var(--accent) !important;
            border-bottom: 2px solid var(--accent);
        }

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