:root {
            --main: #6d5dfc;
            --accent: #22d3ee;
            --bg: #0f1020;
            --text: #e8eaf6;
            --border-thick: 4px solid var(--text);
            --shadow-hard: 8px 8px 0 var(--text);
        }
        * {
            box-sizing: border-box;
            border-radius: 0 !important;
        }
        body {
            background-color: var(--bg);
            color: var(--text);
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            font-size: 15px;
            line-height: 1.4;
            letter-spacing: 0.2px;
        }
        /* 硬朗直角、粗边框、块状阴影 */
        .hard-panel {
            border: 3px solid var(--text);
            box-shadow: 6px 6px 0 0 var(--text);
            background: rgba(13, 15, 30, 0.85);
        }
        h1, h2, h3, h4, .display-font {
            font-family: 'Inter', sans-serif;
            font-weight: 800;
            letter-spacing: -0.02em;
        }
        /* 标题手写感倾向，但品牌名字体保持粗重 */
        .hero-title {
            font-size: 3.4rem;
            font-weight: 900;
            line-height: 1.1;
            text-shadow: 4px 4px 0 var(--accent);
            color: var(--text);
        }
        .section-title {
            font-size: 1.9rem;
            font-weight: 800;
            border-bottom: 4px solid var(--accent);
            display: inline-block;
            padding-bottom: 4px;
            margin-bottom: 20px;
            text-transform: uppercase;
        }
        /* 直角、无圆角 */
        .btn, .navbar, .card, img, .badge, .list-group-item {
            border-radius: 0 !important;
        }
        .btn-hard {
            border: 3px solid var(--text);
            box-shadow: 4px 4px 0 var(--text);
            transition: all 0.1s ease;
            background: var(--main);
            color: white;
            font-weight: 700;
            padding: 10px 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .btn-hard:hover {
            box-shadow: 2px 2px 0 var(--text);
            transform: translate(2px, 2px);
            background: var(--accent);
            color: #0f1020;
            border-color: var(--text);
        }
        .btn-accent {
            background: var(--accent);
            color: #0f1020;
        }
        /* 导航 */
        .navbar-clicli {
            border-bottom: 4px solid var(--text);
            background: rgba(15, 16, 32, 0.95);
            padding: 8px 0;
            backdrop-filter: blur(6px);
        }
        .navbar-brand {
            font-size: 2.2rem;
            font-weight: 900;
            letter-spacing: -1px;
            color: var(--text) !important;
            text-shadow: 2px 2px 0 var(--accent);
            margin-right: 20px;
        }
        .navbar-nav .nav-link {
            color: var(--text) !important;
            font-weight: 600;
            margin: 0 10px;
            border-bottom: 3px solid transparent;
            padding-bottom: 4px;
        }
        .navbar-nav .nav-link:hover {
            border-bottom-color: var(--accent);
        }
        /* 海报卡片 */
        .movie-card {
            border: 3px solid var(--text);
            background: #15172b;
            transition: all 0.15s;
            cursor: pointer;
            box-shadow: 4px 4px 0 var(--text);
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        .movie-card:hover {
            transform: translate(-2px, -2px);
            box-shadow: 8px 8px 0 var(--accent);
            border-color: var(--accent);
        }
        .movie-card img {
            border-bottom: 3px solid var(--text);
            object-fit: cover;
            width: 100%;
            aspect-ratio: 2 / 3;
            background: linear-gradient(145deg, #2a2e45, #1d1f33);
        }
        .card-badge {
            position: absolute;
            top: 8px;
            left: 8px;
            background: var(--accent);
            color: #0f1020;
            font-weight: 800;
            font-size: 0.75rem;
            padding: 2px 8px;
            border: 2px solid var(--text);
            z-index: 2;
        }
        .rating-badge {
            background: #ffb800;
            color: #0f1020;
            font-weight: 800;
            padding: 0 6px;
            border: 2px solid var(--text);
        }
        .movie-info {
            padding: 8px 10px 12px;
        }
        .movie-title {
            font-weight: 700;
            font-size: 1rem;
            line-height: 1.3;
        }
        .meta-line {
            font-size: 0.8rem;
            opacity: 0.8;
        }
        /* 分类入口 */
        .category-chip {
            border: 3px solid var(--text);
            background: var(--bg);
            padding: 8px 12px;
            font-weight: 700;
            color: var(--text);
            box-shadow: 4px 4px 0 var(--text);
            transition: all .1s;
            display: inline-block;
        }
        .category-chip:hover {
            background: var(--main);
            color: white;
            box-shadow: 2px 2px 0 var(--accent);
            transform: translate(2px,2px);
        }
        /* 比较表格 */
        .compare-table {
            border: 3px solid var(--text);
        }
        .compare-table th, .compare-table td {
            border: 2px solid var(--text);
            padding: 8px 12px;
            background: #17192e;
        }
        .compare-table th {
            background: var(--main);
            color: white;
            font-weight: 800;
        }
        /* 编号清单 */
        .numbered-list {
            counter-reset: cli-counter;
            list-style: none;
            padding-left: 0;
        }
        .numbered-list li {
            counter-increment: cli-counter;
            margin-bottom: 12px;
            padding-left: 40px;
            position: relative;
            font-weight: 500;
        }
        .numbered-list li::before {
            content: counter(cli-counter) ".";
            position: absolute;
            left: 0;
            font-weight: 900;
            color: var(--accent);
            font-size: 1.2rem;
        }
        /* 侧边弹窗 */
        .side-drawer {
            position: fixed;
            top: 0;
            right: -420px;
            width: 400px;
            max-width: 100vw;
            height: 100vh;
            background: #15172b;
            border-left: 4px solid var(--text);
            transition: right 0.3s ease-in-out;
            z-index: 9999;
            overflow-y: auto;
            padding: 24px;
            box-shadow: -10px 0 20px rgba(0,0,0,0.6);
        }
        .side-drawer.open {
            right: 0;
        }
        .drawer-backdrop {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.65);
            z-index: 9998;
            display: none;
        }
        .drawer-backdrop.show {
            display: block;
        }
        .close-drawer {
            font-size: 2rem;
            background: none;
            border: none;
            color: var(--accent);
            cursor: pointer;
            line-height: 1;
            margin-left: auto;
        }
        /* footer */
        .footer-links a {
            color: var(--accent);
            text-decoration: none;
            font-weight: 500;
            margin: 0 8px;
        }
        /* 动效 */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }
        .lazy-bg {
            background: #22243c;
        }

/* --- 子页面追加 --- */
/* 本页专属微调：加深背景层次、优化标题间距（其余复用站点样式） */
        .about-hero {
            border-bottom: var(--border-thick);
            background: linear-gradient(145deg, rgba(109, 93, 252, 0.12) 0%, rgba(34, 211, 238, 0.05) 100%);
        }
.about-section {
            margin-top: 3rem;
            margin-bottom: 2rem;
        }
.about-section .section-title {
            margin-bottom: 1.75rem;
        }
.about-panel {
            background: rgba(255, 255, 255, 0.03);
            border: 2px solid var(--text);
            box-shadow: var(--shadow-hard);
            padding: 1.8rem 1.8rem 1.8rem 1.8rem;
            transition: transform .2s;
        }
.about-panel:hover {
            transform: translate(-3px, -3px);
            box-shadow: 12px 12px 0 var(--text);
        }
.icon-badge {
            background: var(--main);
            color: #fff;
            width: 48px;
            height: 48px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 14px;
            margin-right: 12px;
            border: 2px solid var(--text);
            box-shadow: 3px 3px 0 var(--text);
        }
.feature-item {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            margin-bottom: 1.4rem;
        }
.feature-item i {
            color: var(--accent);
            font-size: 1.5rem;
            width: 2rem;
            text-align: center;
            margin-top: 4px;
        }
.about-list {
            list-style: none;
            padding-left: 0;
        }
.about-list li {
            padding-left: 2rem;
            position: relative;
            margin-bottom: .8rem;
        }
.about-list li::before {
            content: "◆";
            color: var(--accent);
            position: absolute;
            left: 0;
            font-weight: 700;
        }
.about-quote {
            border-left: 6px solid var(--accent);
            background: rgba(34, 211, 238, 0.07);
            padding: 1.2rem 1.8rem;
            font-style: italic;
            font-weight: 500;
            margin: 2rem 0;
            border-radius: 0 16px 16px 0;
        }
.footer-link-inline a {
            margin-right: 1.2rem;
            color: var(--text);
            text-decoration: none;
            border-bottom: 2px solid transparent;
            transition: .2s;
        }
.footer-link-inline a:hover {
            border-bottom-color: var(--accent);
            color: var(--accent);
        }

/* --- 子页面追加 --- */
/* 确保Bootstrap组件颜色与站点一致（如果用到.card等则覆盖，这里预防） */
        .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: transparent;
            color: var(--text);
            border-color: var(--border-color);
        }
.form-control::placeholder { color: rgba(232, 234, 246, 0.45); }
/* 本页微调：隐私页面特有的小卡片效果 */
        .privacy-card {
            background: rgba(255,255,255,0.04);
            border: 2px solid rgba(232, 234, 246, 0.15);
            border-radius: 16px;
            padding: 1.5rem 1.25rem;
            transition: transform .2s, border-color .2s, box-shadow .2s;
            height: 100%;
        }
.privacy-card:hover {
            border-color: var(--accent);
            transform: translateY(-4px);
            box-shadow: 0 12px 24px -12px rgba(34, 211, 238, 0.25);
        }
.privacy-icon {
            font-size: 2rem;
            color: var(--accent);
            margin-bottom: 1rem;
            display: inline-block;
        }
.table-privacy {
            color: var(--text);
            background: rgba(0,0,0,0.2);
            border-radius: 12px;
            border: 1px solid rgba(232,234,246,0.15);
        }
.table-privacy td, .table-privacy th {
            padding: 1rem 1.25rem;
            border-bottom: 1px solid rgba(232,234,246,0.1);
        }
.table-privacy tr:last-child td { border-bottom: none; }
.table-privacy th {
            font-weight: 600;
            color: var(--accent);
            background: rgba(34,211,238,0.05);
        }
.link-accent { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
.link-accent:hover { color: var(--main); }