:root {
      --main: #e50914;
      --accent: #f5c518;
      --bg: #0b0b0f;
      --text: #f5f5f7;
      --card-bg: #1a1a22;
      --shadow: 0 15px 30px rgba(0,0,0,0.7);
    }
    * { box-sizing: border-box; }
    body {
      background-color: var(--bg);
      color: var(--text);
      font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
      padding-top: 70px;
      font-weight: 400;
    }
    h1,h2,h3,h4,.hero-title, .display-3, .display-4, .display-5, .hand-font {
      font-family: 'Inter', 'Segoe UI', 'Comic Sans MS', cursive, sans-serif;
      font-weight: 800;
      letter-spacing: 1px;
    }
    .navbar-lulu {
      background: rgba(11, 11, 15, 0.85);
      backdrop-filter: blur(15px);
      border-bottom: 2px solid #2a2a35;
      transition: background 0.3s ease;
      padding: 0.6rem 1.5rem;
      box-shadow: 0 10px 20px rgba(0,0,0,0.5);
      z-index: 1000;
    }
    .navbar-lulu .navbar-brand {
      color: var(--accent) !important;
      font-size: 1.8rem;
      font-weight: 900;
      text-shadow: 0 0 10px rgba(245,197,24,0.5);
      letter-spacing: 2px;
    }
    .navbar-lulu .nav-link {
      color: #cfcfd6;
      margin: 0 5px;
      font-weight: 500;
    }
    .navbar-lulu .nav-link:hover {
      color: var(--accent);
    }
    .navbar-toggler { border: 1px solid var(--accent); color: var(--accent); }
    .btn-accent {
      background: linear-gradient(145deg, #f5c518, #dba90e);
      border: none;
      color: #111;
      font-weight: 600;
      box-shadow: 0 5px 15px rgba(245,197,24,0.3);
    }
    .btn-accent:hover { color: #000; }
    .hero-tags {
      background: transparent;
      padding: 30px 0 10px 0;
      margin-bottom: 20px;
    }
    .tag-cloud span {
      background: #1e1e2a;
      padding: 10px 20px;
      margin: 6px;
      border-radius: 30px;
      display: inline-block;
      color: var(--accent);
      font-weight: 500;
      border: 1px solid #333;
      box-shadow: 0 5px 10px rgba(0,0,0,0.4);
    }
    .poster-card {
      position: relative;
      background: var(--card-bg);
      border-radius: 16px;
      overflow: hidden;
      box-shadow: var(--shadow);
      transition: transform 0.25s ease, box-shadow 0.3s;
      margin-bottom: 25px;
      border: 1px solid #2c2c38;
    }
    .poster-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 25px 40px rgba(229,9,20,0.25);
    }
    .poster-card img {
      width: 100%;
      aspect-ratio: 2 / 3;
      object-fit: cover;
      display: block;
      background: #262636;
      opacity: 1;
      transition: opacity 0.2s;
    }
    .poster-card .card-overlay {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 60%);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      transition: opacity 0.25s;
      cursor: pointer;
    }
    .poster-card:hover .card-overlay {
      opacity: 1;
    }
    .play-icon {
      width: 65px;
      height: 65px;
      background: rgba(229, 9, 20, 0.85);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      color: white;
      box-shadow: 0 0 30px rgba(229,9,20,0.8);
      transition: transform 0.2s;
    }
    .poster-card .card-body {
      padding: 12px 15px;
    }
    .badge-rating {
      background-color: var(--accent);
      color: #111;
      font-weight: 700;
      padding: 3px 8px;
      border-radius: 30px;
    }
    .section-title {
      border-left: 8px solid var(--main);
      padding-left: 18px;
      margin: 45px 0 30px;
      font-weight: 800;
      font-size: 2.2rem;
      color: var(--text);
      text-shadow: 0 2px 10px rgba(0,0,0,0.8);
    }
    .section-sub { color: #9a9aa5; }
    .left-filter {
      position: sticky;
      top: 100px;
      background: #16161e;
      border-radius: 20px;
      padding: 25px 15px;
      border: 1px solid #2f2f3b;
    }
    .left-filter a {
      display: block;
      color: #b9b9c4;
      text-decoration: none;
      padding: 10px 15px;
      border-radius: 12px;
      font-weight: 500;
    }
    .left-filter a:hover {
      background: #23232f;
      color: var(--accent);
    }
    .left-filter .active-filter {
      background: var(--main);
      color: white;
    }
    .movie-detail-card {
      background: #fff;
      color: #222;
      border-radius: 20px;
      max-width: 750px;
      padding: 25px;
      border: none;
    }
    .modal-backdrop-lulu {
      background: rgba(0,0,0,0.7);
      backdrop-filter: blur(5px);
    }
    .close-btn {
      font-size: 30px;
      color: #aaa;
      line-height: 1;
    }
    .footer-lulu {
      background: #101018;
      border-top: 1px solid #222;
      color: #9a9aa5;
      padding: 40px 0;
      margin-top: 40px;
    }
    .footer-lulu a {
      color: #cfcfd6;
      text-decoration: none;
    }
    .friend-links {
      background: #14141c;
      padding: 25px;
      border-radius: 20px;
      margin: 40px 0;
    }
    .faq-block {
      background: #15151d;
      padding: 25px;
      border-radius: 20px;
      margin: 20px 0;
    }
    .knowledge-list {
      background: #15151d;
      padding: 25px;
      border-radius: 20px;
    }
    .table-lulu {
      background: #181822;
      border-radius: 15px;
      color: #fff;
    }
    .table-lulu th { color: var(--accent); }
    .table-lulu td, .table-lulu th { border-color: #2c2c3a; }

/* --- 子页面追加 --- */
/* 确保任何可能的bootstrap组件与本页深色风格融合 */
    .accordion-item, .accordion-button, .list-group-item, .card, .card-body, .form-control {
      background-color: var(--card-bg) !important;
      color: var(--text) !important;
      border-color: rgba(255,255,255,0.1) !important;
    }
.accordion-button:not(.collapsed) {
      background-color: rgba(229,9,20,0.15) !important;
      color: var(--accent) !important;
    }
/* 关于页独特的小细节 */
    .about-hero {
      border-bottom: 1px solid rgba(255,255,255,0.05);
    }
.stat-number {
      font-weight: 800;
      color: var(--accent);
      font-size: 2rem;
      line-height: 1.2;
    }
.feature-icon {
      color: var(--main);
      font-size: 2.2rem;
      margin-bottom: 0.5rem;
    }
.custom-list-item {
      background: rgba(255,255,255,0.02);
      border-left: 3px solid var(--main);
      padding: 0.75rem 1.25rem;
      border-radius: 0 8px 8px 0;
      margin-bottom: 0.6rem;
    }
.custom-list-item strong {
      color: var(--accent);
    }

/* --- 子页面追加 --- */
/* 本页专属样式（少量） */
        .disclaimer-hero {
            padding: 70px 0 40px;
            text-align: center;
        }
.disclaimer-hero h1 {
            font-size: 2.4rem;
            font-weight: 800;
            margin-bottom: 12px;
            color: var(--text);
        }
.disclaimer-hero .hero-sub {
            color: rgba(255,255,255,.55);
            font-size: 1.05rem;
            max-width: 680px;
            margin: 0 auto;
        }
.disclaimer-section {
            background: var(--card-bg);
            border-radius: 18px;
            padding: 28px 32px;
            margin-bottom: 22px;
            box-shadow: var(--shadow);
            border-left: 4px solid var(--main);
        }
.disclaimer-section h2 {
            font-size: 1.45rem;
            font-weight: 700;
            color: var(--accent);
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
.disclaimer-section h2 i {
            color: var(--main);
            font-size: 1.2rem;
        }
.disclaimer-section p {
            color: rgba(255,255,255,.78);
            line-height: 1.8;
            margin-bottom: 12px;
            font-size: .96rem;
        }
.disclaimer-section ul {
            padding-left: 20px;
            margin-bottom: 10px;
        }
.disclaimer-section ul li {
            color: rgba(255,255,255,.72);
            line-height: 1.9;
            font-size: .95rem;
            margin-bottom: 6px;
        }
.disclaimer-section strong {
            color: var(--text);
            font-weight: 600;
        }
.update-tag {
            display: inline-block;
            background: rgba(245,197,24,.15);
            color: var(--accent);
            padding: 4px 14px;
            border-radius: 30px;
            font-size: .82rem;
            margin-top: 8px;
            letter-spacing: .5px;
        }
.disclaimer-section {
                padding: 22px 20px;
            }
.disclaimer-hero h1 {
                font-size: 1.8rem;
            }

/* --- 子页面追加 --- */
/* 本页专属微调 —— 仅补充细节，不覆盖全局变量 */
    .latest-hero { background: linear-gradient(145deg, var(--bg) 0%, #101018 100%); border-bottom: 1px solid rgba(255,255,255,0.06); }
.update-card { background: var(--card-bg); border: 1px solid rgba(255,255,255,0.06); border-radius: 16px; padding: 1.5rem; box-shadow: var(--shadow); transition: transform 0.25s ease, border-color 0.2s; height: 100%; }
.update-card:hover { transform: translateY(-4px); border-color: rgba(229,9,20,0.5); }
.update-badge { background: var(--main); color: #fff; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.5px; padding: 0.2rem 0.7rem; border-radius: 30px; display: inline-block; }
.calendar-icon { color: var(--accent); font-size: 1.2rem; margin-right: 6px; }
.section-line { border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 1.2rem; margin-bottom: 2rem; }
.chip-date { background: rgba(255,255,255,0.08); color: var(--text); border-radius: 30px; padding: 0.2rem 1rem; font-size: 0.8rem; font-weight: 500; }
.list-group-item-custom { background: var(--card-bg); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px !important; color: var(--text); margin-bottom: 12px; padding: 1rem 1.25rem; }
.list-group-item-custom i { color: var(--accent); width: 24px; }
.list-group-item-custom a { color: var(--text); text-decoration: none; font-weight: 500; }
.list-group-item-custom a:hover { color: var(--accent); }
.table-lulu td { border-color: rgba(255,255,255,0.08); }

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