@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
    
    :root {
      --accent: #e50914;
      --gold: #f5c518;
      --bg-dark: #0b0b0f;
      --text-light: #f5f5f7;
      --shadow-heavy: 0 15px 35px rgba(0,0,0,0.8);
    }
    
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body {
      background-color: var(--bg-dark);
      color: var(--text-light);
      font-family: 'Noto Sans SC', 'Inter', sans-serif;
      overflow-x: hidden;
    }
    
    h1, h2, h3, h4, .display-strong {
      font-family: 'Noto Serif SC', serif;
      font-weight: 700;
      letter-spacing: 0.5px;
    }
    
    .hero-title-gradient {
      background: linear-gradient(135deg, #f5c518 10%, #e50914 60%, #f5f5f7 90%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      filter: drop-shadow(0 5px 10px rgba(0,0,0,0.8));
      font-weight: 900;
    }
    
    .bg-grain { position: relative; }
    .bg-grain::before {
      content: "";
      position: absolute; top:0; left:0; width:100%; height:100%;
      background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
      background-size: 8px 8px;
      pointer-events: none;
    }
    
    /* 拟物卡片 */
    .card-skeuo {
      background: linear-gradient(145deg, #17171f 0%, #1e1e28 100%);
      border-radius: 18px;
      box-shadow: 10px 10px 25px rgba(0,0,0,0.7), -5px -5px 15px rgba(255,255,255,0.03);
      transition: transform 0.25s ease, box-shadow 0.3s ease;
    }
    .card-skeuo:hover {
      transform: translateY(-8px) scale(1.02);
      box-shadow: 0 25px 40px rgba(0,0,0,0.9), 0 0 0 2px rgba(245,197,24,0.3);
      z-index: 10;
    }
    
    /* 海报卡容器 */
    .movie-card {
      position: relative;
      overflow: hidden;
      border-radius: 16px;
      background: #0f0f15;
      box-shadow: 5px 10px 18px rgba(0,0,0,0.8);
      transition: transform .25s, box-shadow .3s;
    }
    .movie-card:hover {
      transform: scale(1.03) translateY(-6px);
      box-shadow: 0 20px 30px rgba(0,0,0,1);
    }
    .movie-card .poster-wrap {
      position: relative;
      overflow: hidden;
      aspect-ratio: 2 / 3;
    }
    .movie-card .poster-wrap img {
      width: 100%; height: 100%; object-fit: cover;
      background: #1e1e28;
      transition: all .3s;
    }
    .movie-card:hover .poster-wrap img {
      filter: brightness(0.6) blur(1px);
      transform: scale(1.1);
    }
    
    /* 中央播放按钮 hover浮现 */
    .play-overlay {
      position: absolute; inset: 0;
      background: rgba(0,0,0,0.35);
      display: flex; align-items: center; justify-content: center;
      opacity: 0; transition: opacity .25s;
    }
    .movie-card:hover .play-overlay { opacity: 1; }
    .play-btn {
      width: 55px; height: 55px; border-radius: 50%;
      background: rgba(229,9,20,0.85);
      display: flex; align-items: center; justify-content: center;
      font-size: 1.5rem; color: #fff;
      box-shadow: 0 0 20px rgba(245,197,24,0.4);
    }
    
    /* 角标 */
    .quality-tag {
      position: absolute; top: 10px; right: 10px;
      background: rgba(0,0,0,0.8); color: var(--gold);
      font-weight: 600; font-size: 0.75rem;
      padding: 4px 8px; border-radius: 8px;
      border: 1px solid var(--gold);
      z-index: 2;
    }
    
    /* 翻转卡片效果 */
    .flip-card {
      background: transparent;
      perspective: 1200px;
      cursor: pointer;
    }
    .flip-inner {
      position: relative;
      width: 100%; height: 100%;
      transition: transform 0.7s cubic-bezier(0.23,1,0.32,1);
      transform-style: preserve-3d;
    }
    .flip-card.flipped .flip-inner {
      transform: rotateY(180deg);
    }
    .flip-front, .flip-back {
      backface-visibility: hidden;
      border-radius: 16px;
    }
    .flip-back {
      transform: rotateY(180deg);
      position: absolute; top:0; left:0; width:100%; height:100%;
      background: linear-gradient(145deg, #101018, #1c1c28);
      padding: 1.2rem;
      box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
      border: 1px solid #3a3a45;
      overflow-y: auto;
    }
    
    /* 榜单大数字 */
    .rank-badge {
      font-size: 2.5rem;
      font-family: 'Noto Serif SC', serif;
      font-weight: 900;
      color: var(--gold);
      text-shadow: 4px 4px 0 rgba(0,0,0,0.5);
      line-height: 1;
    }
    
    .section-title {
      border-left: 6px solid var(--accent);
      padding-left: 1rem;
      margin: 2.5rem 0 1.5rem;
      font-weight: 900;
    }
    
    .footer-links a, .friend-links a {
      color: #aaa;
      text-decoration: none;
      margin-right: 1rem;
      transition: 0.2s;
    }
    .footer-links a:hover, .friend-links a:hover { color: var(--gold); }
    
    .hover-glow { transition: all .2s; }
    .hover-glow:hover { text-shadow: 0 0 10px var(--gold); }
    
    /* 回到顶部 */
    #backToTop {
      position: fixed; bottom: 30px; right: 30px;
      width: 45px; height: 45px;
      background: var(--accent); color: white;
      border: none; border-radius: 50%;
      font-size: 1.2rem;
      box-shadow: 0 6px 18px rgba(229,9,20,0.5);
      opacity: 0; visibility: hidden;
      transition: all .3s;
      z-index: 999;
    }
    #backToTop.show { opacity: 1; visibility: visible; }
    
    /* 导航 */
    .navbar-custom {
      background: rgba(11, 11, 15, 0.8);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid #222;
    }
    
    .nav-link-custom { color: #ccc !important; font-weight: 500; }
    .nav-link-custom:hover { color: var(--gold) !important; }
    
    .table-striped > tbody > tr:nth-child(odd) > td {
      background-color: rgba(245, 197, 24, 0.05);
    }
    
    .list-decor { list-style-type: decimal; padding-left: 1.5rem; }
    .list-decor li::marker { color: var(--gold); font-weight: bold; }
    
    .lazy-load { background: #1c1c24; }

/* --- 子页面追加 --- */
/* 覆盖Bootstrap白底组件 —— 由于本站大量使用卡片，这里统一覆盖 */
        .card, .card-body, .card-title, .card-text, .card-header, .card-footer,
        .list-group-item, .accordion-item, .accordion-button, .accordion-body,
        .form-control, .form-select, .form-label, .input-group-text {
            background: var(--card-bg, #16161d) !important;
            color: var(--text-light) !important;
            border-color: var(--border-color, #2a2a35) !important;
        }
.form-control::placeholder {
            color: rgba(255,255,255,.45) !important;
        }
/* 导航栏文字颜色保持与首页一致 */
        .navbar-custom .nav-link-custom {
            color: var(--text-light) !important;
        }
.navbar-custom .nav-link-custom.active {
            color: var(--accent) !important;
        }
/* 确保品牌名连续完整 */
        .navbar-brand i {
            margin-right: 8px;
        }
.about-hero {
            background: radial-gradient(circle at 20% 20%, rgba(229,9,20,.15), transparent 50%);
            border-bottom: 1px solid rgba(255,255,255,.05);
        }
.section-rule {
            border-top: 1px solid rgba(245,197,24,.2);
            opacity: .6;
        }
.list-decor li {
            margin-bottom: .6rem;
        }

/* --- 子页面追加 --- */
/* 覆盖 bootstrap 组件默认白底黑字 —— 本页尽量用自带类 + 栅格 */
        .card, .card-body, .card-title, .card-text { background: transparent; color: var(--text-light); border: none; }
.list-group-item { background: rgba(20,20,25,0.6); color: var(--text-light); border-color: rgba(255,255,255,0.08); }
.accordion-item, .accordion-button { background: rgba(15,15,20,0.8); color: var(--text-light); border-color: rgba(255,255,255,0.1); }
.accordion-button:not(.collapsed) { background: rgba(229,9,20,0.15); color: #fff; }
.form-control, .form-select { background: rgba(0,0,0,0.4); color: var(--text-light); border-color: rgba(255,255,255,0.2); }
.btn-outline-light { border-color: rgba(255,255,255,0.35); color: var(--text-light); }
.btn-outline-light:hover { background: var(--accent); border-color: var(--accent); color:#fff; }
.navbar { background: rgba(11,11,15,0.85) !important; backdrop-filter: blur(6px); }
/* 短剧专属卡片风格 */
        .short-card { background: linear-gradient(145deg, rgba(25,25,30,0.9), rgba(10,10,14,0.98)); border: 1px solid rgba(255,255,255,0.06); border-radius: 24px; overflow: hidden; transition: transform .25s, box-shadow .3s; }
.short-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0,0,0,0.7); }
.short-card .short-thumb { aspect-ratio: 3/4; background: #1a1a20; position: relative; overflow: hidden; }
.short-card .short-thumb img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: opacity .4s; }
.short-card:hover .short-thumb img { opacity: 1; }
.short-tag { position: absolute; top: 12px; left: 12px; background: var(--accent); padding: 3px 12px; border-radius: 30px; font-size: 12px; font-weight: 700; letter-spacing: .5px; color:#fff; box-shadow: 0 4px 12px rgba(229,9,20,0.4); }
.short-duration { position: absolute; bottom: 10px; right: 12px; background: rgba(0,0,0,0.7); backdrop-filter: blur(4px); padding: 2px 10px; border-radius: 30px; font-size: 12px; color: #ddd; }
.short-info { padding: 16px 18px 20px; }
.short-title { font-weight: 700; font-size: 1.1rem; margin-bottom: 6px; color: #fff; }
.short-meta { font-size: .85rem; color: rgba(245,245,247,0.6); display: flex; gap: 10px; align-items: center; }
.short-desc { font-size: .9rem; color: rgba(245,245,247,0.75); margin-top: 10px; line-height: 1.5; }
.play-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(229,9,20,0.2); color: #ff7b7b; padding: 4px 14px; border-radius: 40px; font-size: 13px; font-weight: 600; border: 1px solid rgba(229,9,20,0.3); }

/* --- 子页面追加 --- */
/* 保证所有组件配色与首页一致，覆盖bootstrap白底 */
        .disclaimer-wrap {
            --card-bg: #141419;
            --border-color: rgba(245,197,24,0.15);
            --text-light: #f5f5f7;
            --accent: #e50914;
            --gold: #f5c518;
            --bg-dark: #0b0b0f;
        }
.disclaimer-wrap .card, 
        .disclaimer-wrap .card-body {
            background: var(--card-bg);
            color: var(--text-light);
            border-color: var(--border-color);
            border-radius: 1.2rem;
        }
.disclaimer-wrap .list-group-item {
            background: rgba(0,0,0,0.25);
            color: var(--text-light);
            border-color: var(--border-color);
        }
.disclaimer-wrap .accordion-item,
        .disclaimer-wrap .accordion-button {
            background: var(--card-bg);
            color: var(--text-light);
            border-color: var(--border-color);
        }
.disclaimer-wrap .accordion-button:not(.collapsed) {
            background: rgba(229,9,20,0.08);
            color: var(--gold);
            box-shadow: none;
        }
.disclaimer-wrap .accordion-button::after {
            filter: invert(0.8) sepia(1) saturate(3) hue-rotate(45deg);
        }
.disclaimer-wrap .form-control, 
        .disclaimer-wrap .form-select {
            background: rgba(0,0,0,0.35);
            color: var(--text-light);
            border-color: var(--border-color);
        }
.disclaimer-wrap .form-control::placeholder {
            color: rgba(255,255,255,0.45);
        }
.disclaimer-wrap .navbar, 
        .disclaimer-wrap .navbar-brand {
            background: rgba(0,0,0,0.2) !important;
        }
.disclaimer-wrap .nav-link-custom {
            color: var(--text-light) !important;
        }
.disclaimer-wrap .nav-link-custom:hover,
        .disclaimer-wrap .nav-link-custom.active {
            color: var(--gold) !important;
        }
/* 小标题统一装饰 */
        .section-title {
            color: var(--gold);
            font-weight: 700;
            letter-spacing: 0.02em;
            border-left: 5px solid var(--accent);
            padding-left: 1rem;
        }
.list-decor li::before {
            content: "◆";
            color: var(--accent);
            margin-right: 0.7rem;
            font-size: 0.8rem;
        }
.footer-links a {
            color: var(--text-light);
            opacity: 0.8;
            text-decoration: none;
            margin-right: 1.2rem;
            transition: opacity 0.2s;
        }
.footer-links a:hover {
            opacity: 1;
            color: var(--gold);
        }

/* --- 子页面追加 --- */
.privacy-section {
      background: var(--bg-dark);
      color: var(--text-light);
    }
.privacy-section h2, .privacy-section h3 {
      color: var(--gold);
      font-weight: 700;
      letter-spacing: .5px;
      border-left: 4px solid var(--accent);
      padding-left: 16px;
      margin-top: 2.2rem;
      margin-bottom: 1.2rem;
    }
.privacy-section h2 i, .privacy-section h3 i {
      color: var(--accent);
      margin-right: 8px;
    }
.privacy-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 18px;
      padding: 1.8rem 1.8rem;
      margin-bottom: 2rem;
      box-shadow: var(--shadow-heavy);
      backdrop-filter: blur(2px);
    }
.privacy-card p, .privacy-card li {
      color: rgba(245,245,247,.88);
      line-height: 1.8;
      font-size: 1rem;
    }
.privacy-card strong {
      color: var(--gold);
    }
.privacy-card ul {
      padding-left: 1.4rem;
      list-style-type: none;
    }
.privacy-card ul li::before {
      content: "\f058";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      color: var(--accent);
      margin-right: 10px;
      font-size: .9rem;
    }
.privacy-card .highlight-badge {
      background: var(--accent);
      color: #fff;
      padding: 4px 12px;
      border-radius: 30px;
      font-size: .8rem;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 10px;
      letter-spacing: .4px;
    }
.table-privacy {
      color: var(--text-light);
      border-color: rgba(255,255,255,.15);
    }
.table-privacy th {
      background: rgba(229,9,20,.15);
      color: var(--gold);
      font-weight: 600;
      border-bottom: 2px solid var(--accent);
    }
.table-privacy td {
      border-color: rgba(255,255,255,.08);
      background: rgba(0,0,0,.2);
    }
/* 导航激活高亮（本页） */
    .navbar-custom .nav-link-custom.active-privacy {
      color: var(--gold) !important;
      border-bottom: 2px solid var(--accent);
    }
.privacy-card {
        padding: 1.2rem;
      }

/* --- 子页面追加 --- */
/* 仅覆盖bootstrap组件为本站暗色 —— 本页组件均自建类，但以防万一覆盖常见类 */
    .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 !important;
      color: var(--text-light) !important;
      border-color: rgba(255,255,255,0.15) !important;
    }
.navbar-toggler { border-color: rgba(255,255,255,0.2); }
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }
/* 排行榜专属微调 */
    .rank-page-hero { padding: 3rem 0 2rem; border-bottom: 1px solid rgba(255,255,255,0.06); }
.rank-tab-bar { display: flex; gap: 0.5rem; flex-wrap: wrap; margin: 2rem 0 1rem; }
.rank-tab-btn { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); color: var(--text-light); padding: 0.4rem 1.2rem; border-radius: 30px; font-size: 0.9rem; font-weight: 500; transition: all 0.2s; }
.rank-tab-btn.active, .rank-tab-btn:hover { background: var(--accent); border-color: var(--accent); color: #fff; box-shadow: 0 4px 15px rgba(229,9,20,0.4); }
.rank-item { display: flex; align-items: center; gap: 1rem; padding: 0.9rem 1rem; border-radius: 14px; background: rgba(255,255,255,0.03); margin-bottom: 0.7rem; border-left: 3px solid transparent; transition: 0.2s; }
.rank-item:hover { background: rgba(255,255,255,0.06); border-left-color: var(--accent); }
.rank-number { font-size: 1.5rem; font-weight: 900; min-width: 2.8rem; color: var(--gold); text-shadow: 0 0 10px rgba(245,197,24,0.2); font-style: italic; }
.rank-number.top1 { color: #ffd700; }
.rank-number.top2 { color: #c0c0c0; }
.rank-number.top3 { color: #cd7f32; }
.rank-info { flex: 1; }
.rank-title { font-weight: 600; font-size: 1.05rem; display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.rank-meta { font-size: 0.85rem; opacity: 0.6; margin-top: 0.2rem; display: flex; gap: 0.8rem; flex-wrap: wrap; }
.rank-score { background: rgba(245,197,24,0.12); padding: 0.1rem 0.6rem; border-radius: 20px; font-weight: 600; color: var(--gold); font-size: 0.9rem; }

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