:root{
      --main: #06b6d4;
      --accent: #ec4899;
      --bg: #0c0a1a;
      --text: #e0f2fe;
      --card-bg: #1a1530;
      --radius-card: 14px;
      --radius-btn: 999px;
    }
    body{
      background-color: var(--bg);
      color: var(--text);
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      font-size: 14px;
      line-height: 1.5;
    }
    h1,h2,h3,h4,.navbar-brand{
      font-weight: 800;
      letter-spacing: -0.02em;
    }
    .mono{
      font-family: 'SF Mono', 'Cascadia Code', Menlo, Consolas, monospace;
    }
    .text-accent{ color: var(--accent)!important; }
    .text-main{ color: var(--main)!important; }
    .bg-card{ background: var(--card-bg); }

    /* 滚动进度条 */
    #progressBar{
      position: fixed;
      top:0; left:0;
      height: 3px;
      width: 0%;
      background: linear-gradient(90deg, var(--main), var(--accent));
      z-index: 9999;
      border-radius: 2px;
    }

    /* 胶囊导航 */
    .nav-pills-custom{
      background: rgba(12,10,26,0.8);
      backdrop-filter: blur(10px);
      border-bottom: 1px solid #2c2747;
      padding: 8px 24px;
    }
    .nav-pills-custom .navbar-brand{
      font-weight: 900;
      font-size: 1.5rem;
      color: var(--text);
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .nav-pills-custom .navbar-brand i{
      color: var(--accent);
    }
    .nav-pills-custom .nav-link{
      border-radius: var(--radius-btn);
      padding: 6px 16px;
      margin: 0 2px;
      font-weight: 500;
      color: #cbd5e1;
    }
    .nav-pills-custom .nav-link:hover{
      background: rgba(6,182,212,0.15);
      color: var(--main);
    }
    .navbar-toggler:focus{ box-shadow: none; }
    .navbar-toggler i{ color: var(--text); }

    /* 关键词标签云 */
    .tagcloud{
      display: flex;
      flex-wrap: wrap;
      gap: 12px 20px;
      justify-content: center;
      padding: 20px 0 10px;
    }
    .tagcloud span{
      background: rgba(6,182,212,0.12);
      padding: 6px 16px;
      border-radius: var(--radius-btn);
      font-size: 0.85rem;
      color: #a5f3fc;
      font-weight: 500;
      border: 1px solid rgba(6,182,212,0.3);
    }

    /* 胶囊区块标题 */
    .section-title{
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 18px;
      font-weight: 800;
      font-size: 1.35rem;
      border-left: 5px solid var(--accent);
      padding-left: 14px;
    }
    .section-title i{
      color: var(--accent);
    }

    /* 卡片 */
    .movie-card{
      background: var(--card-bg);
      border-radius: var(--radius-card);
      overflow: hidden;
      border: 1px solid #2a2342;
      transition: transform .2s ease, border-color .2s ease, box-shadow .2s;
      height: 100%;
      cursor: pointer;
    }
    .movie-card:hover{
      transform: scale(1.03);
      border-color: var(--main);
      box-shadow: 0 8px 20px rgba(6,182,212,0.15);
    }
    .poster-wrap{
      position: relative;
      aspect-ratio: 2/3;
      background: linear-gradient(135deg, #2d1f4e, #1b1130);
      overflow: hidden;
    }
    .poster-wrap img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }
    .rating-badge{
      position: absolute;
      top: 8px; right: 8px;
      background: rgba(0,0,0,0.75);
      backdrop-filter: blur(4px);
      padding: 2px 8px;
      border-radius: var(--radius-btn);
      font-size: 0.75rem;
      font-weight: 700;
      color: #fbbf24;
      display: flex;
      align-items: center;
      gap: 4px;
      border: 1px solid rgba(251,191,36,0.5);
    }
    .card-body{
      padding: 12px 12px 10px;
    }
    .card-title{
      font-weight: 700;
      font-size: 0.95rem;
      margin-bottom: 4px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .meta-info{
      display: flex;
      flex-wrap: wrap;
      gap: 4px 12px;
      color: #94a3b8;
      font-size: 0.75rem;
    }

    /* 金银铜奖牌 */
    .rank-badge{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 28px; height: 28px;
      border-radius: 50%;
      font-weight: 800;
      font-size: 0.9rem;
      margin-right: 10px;
      background: #3d3653;
    }
    .rank-gold{ background: linear-gradient(145deg, #fcd34d, #f59e0b); color: #1e1b4b; }
    .rank-silver{ background: linear-gradient(145deg, #e2e8f0, #94a3b8); color: #1e1b4b; }
    .rank-bronze{ background: linear-gradient(145deg, #fed7aa, #c2714c); color: #1e1b4b; }

    /* 分类胶囊 */
    .filter-capsule{
      display: inline-block;
      background: rgba(6,182,212,0.1);
      padding: 6px 18px;
      border-radius: var(--radius-btn);
      font-weight: 600;
      font-size: 0.85rem;
      margin: 4px 4px;
      border: 1px solid rgba(6,182,212,0.3);
      transition: all .2s;
    }
    .filter-capsule:hover{
      background: var(--main);
      color: #0c0a1a;
    }

    /* 手风琴 */
    .accordion-item{
      background: var(--card-bg);
      border: 1px solid #2f2849;
      border-radius: var(--radius-card) !important;
      margin-bottom: 10px;
    }
    .accordion-button{
      background: var(--card-bg);
      color: var(--text);
      font-weight: 600;
      box-shadow: none;
      border-radius: var(--radius-card) !important;
      padding: 14px 18px;
    }
    .accordion-button:not(.collapsed){
      background: rgba(6,182,212,0.1);
      color: var(--main);
    }
    .accordion-body{
      background: var(--card-bg);
      border-radius: 0 0 var(--radius-card) var(--radius-card);
      color: #cbd5e1;
    }

    /* 抽屉弹窗 */
    .drawer-overlay{
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,0.7);
      backdrop-filter: blur(2px);
      z-index: 1000;
      display: none;
      opacity: 0;
      transition: opacity .3s;
    }
    .drawer-panel{
      position: fixed;
      bottom: 0; left: 0; right: 0;
      background: #161129;
      border-radius: 20px 20px 0 0;
      padding: 24px 24px 40px;
      transform: translateY(100%);
      transition: transform .35s cubic-bezier(0.16, 1, 0.3, 1);
      z-index: 1001;
      max-height: 80vh;
      overflow-y: auto;
      border-top: 2px solid var(--main);
    }
    .drawer-panel.show{
      transform: translateY(0);
    }
    .drawer-overlay.show{
      display: block;
      opacity: 1;
    }
    .drawer-close{
      position: absolute;
      right: 20px; top: 14px;
      font-size: 1.5rem;
      color: var(--text);
      cursor: pointer;
    }

    footer{
      background: #0b0817;
      border-top: 1px solid #2a2342;
      padding: 24px 0;
      margin-top: 40px;
    }
    .footer-links a{
      color: #94a3b8;
      margin-right: 20px;
      text-decoration: none;
      font-size: 0.85rem;
    }
    .footer-links a:hover{ color: var(--main); }

    .friend-links{
      background: #151028;
      border-radius: var(--radius-card);
      padding: 18px;
      margin: 30px 0;
    }
    .friend-links .fl-item{
      color: #b0a8d0;
      margin-right: 20px;
      font-size: 0.9rem;
    }

/* --- 子页面追加 --- */
/* 页面专属微调样式 */
        .about-hero {
            padding: 80px 0 40px;
            background: linear-gradient(135deg, rgba(6, 182, 212, 0.08) 0%, rgba(236, 72, 153, 0.05) 100%);
            border-bottom: 1px solid rgba(255,255,255,0.06);
        }
.about-section {
            padding: 60px 0;
            border-bottom: 1px solid rgba(255,255,255,0.04);
        }
.about-section:last-child { border-bottom: none; }
.about-text {
            line-height: 1.9;
            color: var(--text);
            opacity: 0.92;
            margin-bottom: 20px;
        }
.about-text strong { color: var(--main); font-weight: 600; }
.about-highlight { color: var(--accent); font-weight: 600; }
.feature-icon {
            font-size: 2rem;
            color: var(--main);
            margin-bottom: 12px;
        }
.feature-item {
            background: var(--card-bg);
            border: 1px solid rgba(255,255,255,0.06);
            border-radius: var(--radius-card);
            padding: 24px 20px;
            height: 100%;
            transition: transform 0.2s ease, border-color 0.2s ease;
        }
.feature-item:hover {
            transform: translateY(-4px);
            border-color: rgba(6, 182, 212, 0.3);
        }
.feature-item h3 {
            font-size: 1.15rem;
            font-weight: 700;
            margin-bottom: 10px;
            color: var(--text);
        }
.feature-item p {
            font-size: 0.95rem;
            color: var(--text);
            opacity: 0.75;
            line-height: 1.6;
            margin-bottom: 0;
        }
.stat-number {
            font-size: 2.2rem;
            font-weight: 800;
            color: var(--main);
            line-height: 1;
        }
.stat-label {
            font-size: 0.9rem;
            color: var(--text);
            opacity: 0.7;
            margin-top: 6px;
        }
.signature {
            font-family: 'Inter', sans-serif;
            font-size: 1.1rem;
            color: var(--accent);
            font-weight: 600;
            margin-top: 30px;
        }
/* Bootstrap 组件覆盖（如有使用） */
        .list-group-item {
            background: transparent;
            border-color: rgba(255,255,255,0.06);
            color: var(--text);
        }

/* --- 子页面追加 --- */
/* 页面专属微调，仅覆盖必要间距与细节 */
    .disclaimer-hero { padding: 3rem 0 2rem; border-bottom: 1px solid rgba(6,182,212,0.15); }
.disclaimer-section { margin-top: 2.5rem; }
.disclaimer-section h2 { font-weight: 700; font-size: 1.6rem; letter-spacing: -0.01em; margin-bottom: 1rem; }
.disclaimer-section p, .disclaimer-section li { color: var(--text); opacity: 0.9; line-height: 1.75; }
.disclaimer-section ul { padding-left: 1.2rem; }
.disclaimer-section li { margin-bottom: 0.5rem; }
.legal-badge { display: inline-block; background: rgba(236,72,153,0.15); border: 1px solid rgba(236,72,153,0.4); color: #f9a8d4; border-radius: var(--radius-btn); padding: 0.25rem 1rem; font-size: 0.8rem; font-weight: 500; margin-right: 0.5rem; }
.last-updated { font-size: 0.85rem; color: var(--text); opacity: 0.6; border-left: 3px solid var(--main); padding-left: 1rem; margin: 1.5rem 0 0; }

/* --- 子页面追加 --- */
.privacy-hero {
      background: linear-gradient(135deg, rgba(6,182,212,.15) 0%, rgba(236,72,153,.12) 100%);
      border: 1px solid rgba(6,182,212,.25);
      border-radius: var(--radius-card);
      padding: 3rem 2rem;
      margin: 2rem 0 3rem;
    }
.privacy-section {
      background: var(--card-bg);
      border: 1px solid rgba(255,255,255,.06);
      border-radius: var(--radius-card);
      padding: 2.5rem 2rem;
      margin-bottom: 2rem;
      transition: border-color .3s ease;
    }
.privacy-section:hover {
      border-color: rgba(6,182,212,.35);
    }
.privacy-section h2 {
      color: var(--main);
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 1.5rem;
      padding-bottom: .75rem;
      border-bottom: 2px solid rgba(6,182,212,.2);
    }
.privacy-section h3 {
      color: var(--text);
      font-size: 1.15rem;
      font-weight: 600;
      margin: 1.5rem 0 .75rem;
    }
.privacy-section p {
      color: rgba(224,242,254,.85);
      line-height: 1.9;
      margin-bottom: 1rem;
    }
.privacy-section ul {
      color: rgba(224,242,254,.8);
      padding-left: 1.25rem;
      margin-bottom: 1rem;
    }
.privacy-section ul li {
      margin-bottom: .5rem;
      line-height: 1.7;
    }
.privacy-badge {
      display: inline-block;
      background: rgba(6,182,212,.15);
      color: var(--main);
      padding: .25rem 1rem;
      border-radius: 999px;
      font-size: .85rem;
      font-weight: 500;
      margin-right: .5rem;
      margin-bottom: .5rem;
    }
.privacy-updated {
      color: rgba(224,242,254,.6);
      font-size: .9rem;
      font-style: italic;
      margin-top: 1.5rem;
    }
.privacy-hero { padding: 2rem 1.5rem; }
.privacy-section { padding: 1.75rem 1.25rem; }

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