:root {
            --primary: #f97316;
            --accent: #facc15;
            --bg: #1a1410;
            --text: #fff7ed;
            --border-w: 3px;
            --shadow: 8px 8px 0px rgba(0,0,0,0.8);
        }
        * { border-radius: 0 !important; }
        body {
            background-color: var(--bg);
            color: var(--text);
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            font-weight: 400;
            letter-spacing: 0.01em;
        }
        h1,h2,h3,h4,.display-font {
            font-family: 'Comic Sans MS', 'Chalkboard SE', 'Marker Felt', 'Segoe Script', cursive;
            font-weight: 800;
            letter-spacing: 0.02em;
        }
        /* 硬朗边框与阴影 */
        .hard-border { border: var(--border-w) solid var(--text); box-shadow: var(--shadow); }
        .section-title {
            border-left: 8px solid var(--primary);
            padding-left: 1rem;
            margin-bottom: 2rem;
            font-size: 2.5rem;
            text-transform: uppercase;
            display: inline-block;
        }
        .bg-dark-card {
            background-color: #2a1e16;
            transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s;
        }
        .movie-card {
            border: 2px solid #4a3a2e;
            background-color: #2a1e16;
            transition: transform 0.15s ease, border-color 0.1s, box-shadow 0.1s;
            position: relative;
            height: 100%;
            cursor: pointer;
        }
        .movie-card:hover {
            transform: scale(1.02);
            border-color: var(--primary);
            box-shadow: 0 0 0 2px var(--primary), 8px 8px 0 rgba(0,0,0,0.6);
            z-index: 10;
        }
        .movie-card .card-img-wrapper {
            aspect-ratio: 2/3;
            background: #000;
            overflow: hidden;
        }
        .movie-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        .badge-hot {
            background-color: var(--primary);
            color: #1a1410;
            font-weight: 800;
            padding: 0.35rem 0.6rem;
            font-size: 0.8rem;
            border: 1px solid var(--text);
        }
        .corner-ep {
            position: absolute;
            top: 8px;
            left: 8px;
            background: rgba(0,0,0,0.85);
            border-left: 3px solid var(--accent);
            padding: 2px 8px;
            font-size: 0.75rem;
            font-weight: 700;
            color: var(--accent);
            z-index: 3;
            letter-spacing: 0.05em;
        }
        .rating-star {
            color: var(--accent);
            font-size: 0.9rem;
            margin-right: 0.2rem;
        }
        .compare-table td, .compare-table th {
            border: 2px solid #4a3a2e;
            padding: 0.75rem;
            background: #241a13;
        }
        .num-list {
            counter-reset: guide;
            list-style: none;
            padding-left: 0;
        }
        .num-list li {
            counter-increment: guide;
            margin-bottom: 1rem;
            padding-left: 2.5rem;
            position: relative;
            border-bottom: 1px dashed #4a3a2e;
            padding-bottom: 0.8rem;
        }
        .num-list li::before {
            content: counter(guide);
            position: absolute;
            left: 0;
            top: 0;
            background: var(--primary);
            color: #1a1410;
            font-weight: 800;
            width: 1.8rem;
            height: 1.8rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--text);
        }
        .footer-link-area {
            border-top: 3px solid var(--primary);
            margin-top: 3rem;
            padding: 2rem 0;
        }
        /* 翻转卡片详情 */
        .flip-card-container {
            perspective: 1200px;
            height: 100%;
        }
        .flip-inner {
            transition: transform 0.5s;
            transform-style: preserve-3d;
            position: relative;
            width: 100%;
            height: 100%;
        }
        .movie-card.flipped .flip-inner {
            transform: rotateY(180deg);
        }
        .flip-front, .flip-back {
            backface-visibility: hidden;
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
            border: 2px solid #4a3a2e;
            background: #2a1e16;
            box-shadow: var(--shadow);
        }
        .flip-back {
            transform: rotateY(180deg);
            background: #1f160f;
            padding: 1rem;
            overflow-y: auto;
            display: flex;
            flex-direction: column;
        }
        .movie-card {
            transition: transform 0.2s;
        }
        .movie-card.flipped {
            transform: scale(1.02);
            z-index: 20;
        }
        .close-detail {
            position: absolute;
            top: 6px; right: 10px;
            background: none;
            border: none;
            font-size: 1.6rem;
            color: var(--primary);
            cursor: pointer;
            line-height: 1;
        }
        .navbar-glass {
            background: rgba(26, 20, 16, 0.8) !important;
            backdrop-filter: blur(12px);
            border-bottom: 2px solid var(--primary);
        }
        .nav-link-custom {
            color: var(--text) !important;
            font-weight: 600;
            margin: 0 0.2rem;
        }
        .nav-link-custom:hover { color: var(--primary) !important; }
        .hero-gradient {
            background: linear-gradient(135deg, #f97316 0%, #facc15 70%, #fff7ed 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            display: inline-block;
        }
        .floating-deco {
            animation: float 4s infinite alternate ease-in-out;
        }
        @keyframes float {
            0% { transform: translateY(0px); }
            100% { transform: translateY(-14px); }
        }
        /* 滚动渐显延迟 */
        .row-cards-scroll .col {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
        .row-cards-scroll .col.visible {
            opacity: 1;
            transform: translateY(0);
        }
        .row-cards-scroll .col:nth-child(1) { transition-delay: 0.05s; }
        .row-cards-scroll .col:nth-child(2) { transition-delay: 0.15s; }
        .row-cards-scroll .col:nth-child(3) { transition-delay: 0.25s; }
        .row-cards-scroll .col:nth-child(4) { transition-delay: 0.35s; }
        .row-cards-scroll .col:nth-child(5) { transition-delay: 0.45s; }
        .row-cards-scroll .col:nth-child(6) { transition-delay: 0.55s; }
        @media (max-width: 768px) {
            .row-cards-scroll .col { opacity: 1; transform: none; }
        }

/* --- 子页面追加 --- */
/* 覆盖 Bootstrap 组件默认白底黑字，确保和站点配色一致 */
        .card, .card-body, .card-title, .card-text, .card-header, .card-footer {
            background: var(--card-bg, #241d17);
            color: var(--text, #fff7ed);
            border-color: var(--border-color, #3d2f23);
        }
.list-group-item {
            background: var(--card-bg, #241d17);
            color: var(--text, #fff7ed);
            border-color: var(--border-color, #3d2f23);
        }
.accordion-item, .accordion-button {
            background: var(--card-bg, #241d17);
            color: var(--text, #fff7ed);
            border-color: var(--border-color, #3d2f23);
        }
.accordion-button:not(.collapsed) {
            background: rgba(249, 115, 22, 0.15);
            color: var(--primary, #f97316);
        }
.form-control, .form-select {
            background: rgba(0,0,0,0.35);
            color: var(--text, #fff7ed);
            border-color: var(--border-color, #3d2f23);
        }
.form-control::placeholder {
            color: rgba(255,255,255,0.45);
        }
/* 本页特殊装饰 */
        .series-hero {
            border-bottom: var(--border-w, 3px) solid var(--primary, #f97316);
        }
.classic-grid .movie-card {
            transition: transform 0.2s;
        }
.classic-grid .movie-card:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow, 8px 8px 0px rgba(0,0,0,0.8));
        }
.decades-badge {
            background: rgba(249, 115, 22, 0.15);
            border: 2px solid var(--primary, #f97316);
            color: var(--accent, #facc15);
        }

/* --- 子页面追加 --- */
/* 本页专属微调，仅覆盖预告卡片细节，不改变全局变量 */
        .trailer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 2rem;
        }
.trailer-card {
            background: var(--bg-dark-card, #241d18);
            border: var(--border-w) solid var(--primary);
            border-radius: 0;
            box-shadow: var(--shadow);
            transition: transform .2s;
        }
.trailer-card:hover {
            transform: translateY(-4px);
        }
.trailer-thumb {
            position: relative;
            overflow: hidden;
            border-bottom: 3px solid var(--primary);
        }
.trailer-thumb img {
            width: 100%;
            display: block;
            aspect-ratio: 16/9;
            object-fit: cover;
            filter: brightness(.85);
        }
.trailer-thumb .play-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0,0,0,.4);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity .2s;
        }
.trailer-card:hover .play-overlay {
            opacity: 1;
        }
.trailer-thumb .play-overlay i {
            font-size: 3rem;
            color: var(--accent);
            text-shadow: 0 0 20px rgba(0,0,0,.8);
        }
.trailer-info {
            padding: 1.2rem 1rem 1.4rem;
        }
.trailer-info h3 {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: .5rem;
            letter-spacing: .5px;
        }
.trailer-meta {
            display: flex;
            justify-content: space-between;
            color: rgba(255,247,237,.7);
            font-size: .9rem;
            border-top: 1px solid rgba(249,115,22,.3);
            padding-top: .8rem;
            margin-top: .8rem;
        }
.trailer-meta .badge-hot {
            background: var(--primary);
            color: #1a1410;
            font-weight: 800;
            padding: .2rem .6rem;
            font-size: .75rem;
            text-transform: uppercase;
        }
.section-tag {
            display: inline-block;
            background: var(--primary);
            color: #1a1410;
            padding: .2rem 1rem;
            font-weight: 800;
            letter-spacing: 1px;
            margin-bottom: 1rem;
            border: 2px solid var(--primary);
            box-shadow: 3px 3px 0 #000;
        }
/* 导航高亮当前页 */
        .navbar .nav-link.active-trailer {
            color: var(--accent) !important;
            border-bottom: 2px solid var(--accent);
        }

/* --- 子页面追加 --- */
/* 页面专属小样式——合并进站点CSS */
        .guide-hero { background: linear-gradient(135deg, rgba(249,115,22,.15) 0%, rgba(250,204,21,.05) 50%, rgba(26,20,16,.9) 100%); border-bottom: 3px solid var(--primary); }
.guide-section { margin-bottom: 3rem; }
.guide-card { background: rgba(0,0,0,.3); border: var(--border-w) solid var(--primary); box-shadow: var(--shadow); padding: 2rem; border-radius: 0; }
.step-num { display: inline-block; width: 36px; height: 36px; background: var(--primary); color: var(--bg); font-weight: 800; text-align: center; line-height: 30px; font-size: 1.1rem; border: 2px solid var(--text); }
.tip-box { border-left: 4px solid var(--accent); background: rgba(250,204,21,.08); padding: 1rem 1.5rem; margin: 1.5rem 0; }
.keyboard-shortcut { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); padding: .2rem .6rem; font-family: monospace; font-size: .9rem; border-radius: 3px; }
.faq-item { border-bottom: 1px solid rgba(255,255,255,.1); padding: 1.5rem 0; }
.faq-item:last-child { border-bottom: none; }
.faq-q { font-weight: 700; color: var(--accent); margin-bottom: .5rem; font-size: 1.05rem; }
.faq-a { color: var(--text); opacity: .85; line-height: 1.7; }
.table-guide { width: 100%; border-collapse: collapse; }
.table-guide th { background: rgba(249,115,22,.2); border: 1px solid rgba(255,255,255,.15); padding: .8rem 1rem; text-align: left; font-weight: 600; }
.table-guide td { border: 1px solid rgba(255,255,255,.1); padding: .8rem 1rem; }
.table-guide tr:nth-child(even) { background: rgba(255,255,255,.03); }
.hotline { color: var(--accent); font-weight: 700; }

/* --- 子页面追加 --- */
/* 覆盖bootstrap组件类，确保视觉一致 */
        .card, .card-body, .card-title, .card-text, .list-group-item, .accordion-item, .accordion-button {
            background-color: var(--bg) !important;
            color: var(--text) !important;
            border-color: var(--primary) !important;
        }
/* 确保导航栏和卡片细节 */
        .navbar-glass {
            background: rgba(26, 20, 16, 0.8) !important;
            backdrop-filter: blur(10px);
        }
.footer-link-area a {
            color: var(--accent);
            text-decoration: none;
            margin-right: 1.2rem;
        }
.footer-link-area a:hover {
            color: var(--primary);
        }
/* 自定义列表样式 */
        .disclaimer-list {
            padding-left: 1.2rem;
            border-left: 3px solid var(--primary);
            margin-bottom: 1rem;
        }
.disclaimer-list li {
            margin-bottom: 0.7rem;
            line-height: 1.6;
        }
.highlight-number {
            color: var(--primary);
            font-weight: 700;
            margin-right: 6px;
        }
.info-box {
            background: #221a13;
            border: 2px dashed var(--accent);
            padding: 1.2rem 1.5rem;
            margin: 1.8rem 0;
        }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.table { color:#fff7ed !important; border-color:rgba(255,255,255,.12) !important; --bs-table-bg:transparent !important; --bs-table-color:#fff7ed !important; }