:root {
        --main: #06b6d4;
        --accent: #ec4899;
        --bg: #0c0a1a;
        --text: #e0f2fe;
        --border-thick: 3px;
        --shadow: 8px 8px 0 rgba(6, 182, 212, 0.4);
    }
    * { border-radius: 0 !important; font-family: 'Inter', sans-serif; }
    body { background-color: var(--bg); color: var(--text); font-size: 14px; line-height: 1.4; }
    .bg-card { background-color: #131022; border: 2px solid var(--main); box-shadow: var(--shadow); }
    .section-title { font-weight: 800; font-size: 1.5rem; border-left: 8px solid var(--accent); padding-left: 0.75rem; margin: 1.5rem 0 1rem; letter-spacing: 1px; display: flex; align-items: center; gap: 0.5rem; }
    .navbar { background: #0a0817; border-bottom: 3px solid var(--main); font-weight: 600; }
    .navbar-brand { font-size: 1.8rem; font-weight: 900; color: var(--main) !important; letter-spacing: 2px; }
    .navbar-brand i { color: var(--accent); margin-right: 6px; }
    .nav-link { color: var(--text) !important; font-weight: 500; }
    .nav-link:hover { color: var(--accent) !important; }
    .top-navbar { border-bottom: 2px solid var(--accent); }
    .hero-stats { display: flex; justify-content: space-around; background: #14102b; border: 3px solid var(--main); padding: 1.2rem; margin: 1rem 0; box-shadow: var(--shadow); }
    .stat-item { text-align: center; }
    .stat-number { font-family: 'Courier New', monospace; font-size: 2.2rem; font-weight: 700; color: var(--accent); }
    .stat-label { font-size: 0.85rem; color: var(--text); }
    .progress-bar-top { position: fixed; top: 0; left: 0; height: 6px; background: var(--accent); z-index: 9999; width: 0%; }
    .movie-card { background: #14102b; border: 2px solid var(--main); overflow: hidden; transition: transform 0.2s; margin-bottom: 1.2rem; }
    .movie-card:hover { transform: scale(1.02); box-shadow: 0 0 0 3px var(--accent); }
    .movie-poster { position: relative; overflow: hidden; aspect-ratio: 2 / 3; background: #221d3a; }
    .movie-poster img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
    .movie-card:hover .movie-poster img { transform: scale(1.1); }
    .movie-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 60%); opacity: 0; transition: opacity 0.3s; display: flex; align-items: flex-end; padding: 0.5rem; }
    .movie-card:hover .movie-overlay { opacity: 1; }
    .movie-overlay span { color: white; font-weight: 700; font-size: 0.75rem; background: var(--accent); padding: 0.2rem 0.5rem; }
    .movie-title { font-weight: 700; font-size: 0.9rem; margin: 0.3rem 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .movie-meta { font-size: 0.7rem; color: #94a3b8; }
    .rank-badge { display: inline-block; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; text-align: center; font-weight: 900; background: #334155; color: white; margin-right: 5px; font-size: 0.8rem; }
    .rank-1 { background: gold; color: black; }
    .rank-2 { background: silver; color: black; }
    .rank-3 { background: #cd7f32; color: black; }
    .tag-btn { background: transparent; border: 2px solid var(--main); color: var(--main); padding: 0.2rem 1rem; margin: 0.2rem; font-weight: 600; cursor: pointer; }
    .tag-btn.active { background: var(--main); color: var(--bg); }
    .tag-btn:hover { background: var(--accent); border-color: var(--accent); color: white; }
    .timeline { border-left: 3px solid var(--accent); padding-left: 1.5rem; margin: 1rem 0; }
    .timeline-item { position: relative; margin-bottom: 1.5rem; }
    .timeline-item::before { content: ''; position: absolute; left: -2.1rem; top: 0.5rem; width: 12px; height: 12px; background: var(--main); border: 2px solid var(--bg); }
    .modal-content { background: #14102b; border: 3px solid var(--main); color: var(--text); }
    .modal-header { border-bottom: 2px solid var(--main); }
    .modal-body .info-row { margin-bottom: 0.5rem; }
    .footer { border-top: 3px solid var(--main); background: #0a0817; padding: 2rem 0; margin-top: 3rem; }
    .friend-links { background: #14102b; border: 2px solid var(--accent); padding: 1rem; margin-top: 2rem; }
    .friend-links a { color: var(--text); margin-right: 1rem; }
    .btn-accent { background: var(--accent); border: 2px solid black; color: white; font-weight: 700; }
    .btn-main { background: var(--main); border: 2px solid black; color: black; font-weight: 700; }
    .chip { background: #1e1b35; border: 1px solid var(--main); padding: 0.2rem 0.8rem; display: inline-block; font-size: 0.8rem; margin-right: 0.5rem; }
    /* 等宽字体数据 */
    .mono { font-family: 'Courier New', monospace; }
    .small-text { font-size: 0.7rem; }
    .category-scroll { display: flex; overflow-x: auto; gap: 0.8rem; }
    .cat-pill { background: #1e1b35; border: 1px solid var(--main); color: var(--text); padding: 0.3rem 1rem; white-space: nowrap; }
    .cat-pill i { margin-right: 5px; color: var(--accent); }
    .table-of-rank { background: #14102b; border: 2px solid var(--main); }
    .data-table { font-family: monospace; }

/* --- 子页面追加 --- */
/* 页面专属补充样式 */
    .about-hero { padding: 80px 0 40px; }
.about-card { background: var(--card-bg); border: 2px solid var(--main); border-radius: 12px; padding: 2rem; margin-bottom: 2rem; box-shadow: var(--shadow); }
.about-icon { font-size: 2.5rem; color: var(--accent); margin-bottom: 1rem; }
.about-list { list-style: none; padding-left: 0; }
.about-list li { padding: 0.5rem 0; border-bottom: 1px dashed var(--border-color); display: flex; align-items: center; gap: 0.75rem; }
.about-list li i { color: var(--main); width: 20px; }
.about-stats { display: flex; flex-wrap: wrap; gap: 2rem; margin: 2rem 0; }
.about-stat { flex: 1; min-width: 150px; text-align: center; padding: 1.5rem; background: rgba(6, 182, 212, 0.1); border-radius: 10px; }
.about-stat-number { font-size: 2.5rem; font-weight: 800; color: var(--main); }
.about-stat-label { color: var(--text); opacity: 0.8; margin-top: 0.5rem; }
.timeline-about { position: relative; padding-left: 30px; border-left: 3px solid var(--main); margin-left: 10px; }
.timeline-about-item { margin-bottom: 2rem; position: relative; }
.timeline-about-item::before { content: ''; position: absolute; left: -38px; top: 5px; width: 16px; height: 16px; background: var(--accent); border-radius: 50%; border: 3px solid var(--bg); }
.timeline-year { font-weight: 800; color: var(--accent); font-size: 1.2rem; }
.link-inline { color: var(--main); text-decoration: underline; text-underline-offset: 3px; }
.link-inline:hover { color: var(--accent); }

/* --- 子页面追加 --- */
/* 保证所有bootstrap组件融入深色主题 */
    .card, .card-body, .card-header, .card-footer,
    .list-group-item, .accordion-item, .accordion-button, .accordion-body,
    .modal-content, .modal-header, .modal-body,
    .form-control, .form-select, .dropdown-menu, .dropdown-item {
      background: var(--bg);
      color: var(--text);
      border-color: var(--main);
    }
.accordion-button:not(.collapsed) {
      background: rgba(6,182,212,0.15);
      color: var(--main);
      box-shadow: none;
    }
.accordion-button::after {
      filter: invert(1) hue-rotate(180deg) brightness(1.5);
    }
.form-control::placeholder {
      color: rgba(224,242,254,0.5);
    }
/* 覆盖导航激活状态 */
    .navbar-nav .nav-link.active {
      color: var(--accent) !important;
      font-weight: 700;
    }
/* 本页自定义小组件 */
    .disclaimer-hero {
      border: var(--border-thick) solid var(--main);
      box-shadow: var(--shadow);
      background: rgba(12,10,26,0.7);
      backdrop-filter: blur(4px);
      padding: 2.5rem 2rem;
      border-radius: 24px;
      margin-bottom: 3rem;
    }
.section-box {
      background: var(--bg-card);
      border: 2px solid rgba(6,182,212,0.4);
      border-radius: 20px;
      padding: 1.8rem 1.8rem 1.5rem;
      margin-bottom: 2rem;
      transition: transform 0.2s ease;
    }
.section-box:hover {
      transform: translateY(-3px);
      border-color: var(--main);
    }
.section-box h2 {
      font-size: 1.7rem;
      font-weight: 800;
      color: var(--main);
      border-left: 6px solid var(--accent);
      padding-left: 1rem;
      margin-bottom: 1.2rem;
    }
.section-box h3 {
      font-size: 1.3rem;
      font-weight: 700;
      color: var(--accent);
      margin-top: 1.5rem;
      margin-bottom: 0.8rem;
    }
.section-box p, .section-box li {
      color: var(--text);
      line-height: 1.8;
      font-size: 1rem;
    }
.section-box ul {
      padding-left: 1.2rem;
      list-style-type: none;
    }
.section-box ul li::before {
      content: "★";
      color: var(--accent);
      font-weight: 900;
      margin-right: 0.6rem;
      font-size: 0.9rem;
    }
.contact-item i {
      color: var(--accent);
      width: 2rem;
      font-size: 1.2rem;
    }
hr {
      border-top: 2px dashed rgba(6,182,212,0.3);
      opacity: 1;
      margin: 2rem 0;
    }
/* 高亮免责导航 */
    a.nav-link[href="/disclaimer.html"] {
      color: var(--accent) !important;
      font-weight: 600;
      border-bottom: 2px solid var(--accent);
    }
.disclaimer-hero { padding: 1.5rem; }
.section-box { padding: 1.2rem; }

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