:root {
      --primary: #2563eb;
      --accent: #06b6d4;
      --bg: #f4f8ff;
      --text: #0f1e3d;
      --border: #b8c7e0;
      --card-bg: #ffffff;
    }
    * { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
    body { background: var(--bg); color: var(--text); letter-spacing: -0.01em; }
    h1, h2, h3, h4, .display-title { font-weight: 800; letter-spacing: -0.02em; }

    /* 无阴影 · 纯描边分割 */
    .card, .section-box { background: var(--card-bg); border: 1px solid var(--border); border-radius: 0; box-shadow: none !important; }
    .section-title { font-size: 2.2rem; font-weight: 800; border-bottom: 3px solid var(--primary); padding-bottom: .4rem; display: inline-block; margin-bottom: 2rem; }

    /* 超大标题 */
    .hero-title { font-size: 3.5rem; font-weight: 900; line-height: 1.1; }
    @media (max-width: 768px) { .hero-title { font-size: 2.2rem; } }

    /* 导航胶囊 */
    .navbar-capsule { background: rgba(244,248,255,0.8); backdrop-filter: blur(6px); border-bottom: 1px solid var(--border); }
    .navbar .nav-link { font-weight: 600; color: var(--text); padding: .5rem 1rem; border-radius: 50px; margin: 0 .1rem; }
    .navbar .nav-link:hover { background: var(--primary); color: #fff; }

    /* 卡片hover微缩放+边框高亮 */
    .movie-card { transition: transform .2s ease, border-color .2s ease; border: 1px solid var(--border); cursor: pointer; background: #fff; height: 100%; }
    .movie-card:hover { transform: scale(1.02); border-color: var(--primary); }
    .movie-card .card-img-top { aspect-ratio: 2/3; object-fit: cover; background: #eef2f9; }
    .movie-card .card-body { padding: .8rem; }

    /* 分类标签胶囊 */
    .tag-capsule { display: inline-block; background: rgba(6, 182, 212, 0.1); color: var(--accent); border: 1px solid var(--accent); padding: .2rem .9rem; border-radius: 30px; font-size: .75rem; font-weight: 600; margin-right: .3rem; }

    /* 金银铜奖牌 */
    .badge-medal { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; font-weight: 800; margin-right: 10px; }
    .medal-1 { background: #ffd966; color: #3d2e00; }
    .medal-2 { background: #c0c0c0; color: #2f2f2f; }
    .medal-3 { background: #cd7f32; color: #fff; }
    .rank-list .list-group-item { border: none; border-bottom: 1px solid var(--border); background: transparent; padding: .7rem 0; }

    /* 打字机效果 */
    @keyframes typing { from { width: 0 } to { width: 100% } }
    .typewriter { display: inline-block; overflow: hidden; white-space: nowrap; border-right: 3px solid var(--accent); animation: typing 3s steps(30, end) infinite alternate; max-width: fit-content; }

    /* 视差 */
    .parallax-hero { background-image: url("{随机图片}"); background-size: cover; background-position: center 30%; background-attachment: fixed; min-height: 80vh; position: relative; }
    .parallax-overlay { background: rgba(244, 248, 255, 0.85); position: absolute; inset: 0; display: flex; align-items: center; }

    /* 数字增长动画 */
    .counter { font-size: 3rem; font-weight: 900; color: var(--primary); }

    /* 侧滑弹窗 */
    .drawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 1040; display: none; }
    .drawer-panel { position: fixed; top: 0; right: -420px; width: 400px; max-width: 90vw; height: 100vh; background: #fff; z-index: 1050; transition: right .3s ease; border-left: 3px solid var(--primary); padding: 2rem 1.5rem; overflow-y: auto; }
    .drawer-open .drawer-panel { right: 0; }
    .drawer-open .drawer-overlay { display: block; }

    /* 步骤条 */
    .steps-container { display: flex; flex-wrap: wrap; gap: 1.5rem; justify-content: center; }
    .step-item { flex: 1 1 180px; border-top: 4px solid var(--primary); padding-top: 1rem; }

    /* 页脚 */
    .footer { border-top: 2px solid var(--border); background: #fff; }

    /* 友链区 */
    .friend-links { border: 1px dashed var(--primary); padding: 1.5rem; background: rgba(37,99,235,0.03); }
    .friend-links a { margin: 0 0.8rem; color: var(--text); }

    /* 图标 */
    .movie-icon { color: var(--primary); margin-right: 6px; }

    /* 通用 */
    .btn-outline-primary-custom { border: 2px solid var(--primary); color: var(--primary); border-radius: 50px; padding: .4rem 1.6rem; font-weight: 600; }
    .btn-outline-primary-custom:hover { background: var(--primary); color: #fff; }

/* --- 子页面追加 --- */
/* 本页专属小样式：关于页 hero 区、内容排版 */
    .about-hero {
      background: linear-gradient(135deg, var(--primary), var(--accent));
      padding: 80px 0 60px;
      text-align: center;
    }
.about-hero .hero-title {
      font-size: 2.4rem;
      font-weight: 800;
      margin-bottom: 12px;
    }
.about-hero p {
      color: rgba(255,255,255,.9);
      font-size: 1.1rem;
      max-width: 700px;
      margin: 0 auto;
    }
.about-content {
      padding: 50px 0 60px;
    }
.about-section {
      background: var(--card-bg);
      border: 1px solid var(--border);
      border-radius: 16px;
      padding: 36px 32px;
      margin-bottom: 28px;
    }
.about-section h2 {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--primary);
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
.about-section h2 i {
      font-size: 1.3rem;
      color: var(--accent);
    }
.about-section p, .about-section li {
      color: var(--text);
      line-height: 1.8;
      font-size: 0.98rem;
    }
.about-section ul {
      padding-left: 20px;
    }
.about-section li {
      margin-bottom: 6px;
    }
.about-stats {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      justify-content: center;
      margin-top: 30px;
    }
.about-stat-item {
      text-align: center;
      padding: 16px 28px;
      background: rgba(255,255,255,.12);
      border-radius: 12px;
      backdrop-filter: blur(4px);
    }
.about-stat-item .counter {
      font-size: 2.2rem;
      font-weight: 800;
      color: #fff;
    }
.about-stat-item span {
      display: block;
      color: rgba(255,255,255,.85);
      font-size: 0.9rem;
      margin-top: 4px;
    }
.about-hero .hero-title { font-size: 1.8rem; }
.about-section { padding: 24px 18px; }

/* --- 子页面追加 --- */
/* 本页专属微调样式 */
        .privacy-content h2 {
            margin-top: 2.5rem;
            margin-bottom: 1.2rem;
            font-weight: 700;
        }
.privacy-content h3 {
            margin-top: 1.8rem;
            margin-bottom: 1rem;
            font-weight: 600;
        }
.privacy-content p, .privacy-content li {
            line-height: 1.9;
            color: var(--text);
        }
.privacy-content ul {
            padding-left: 1.5rem;
        }
.highlight-box {
            background: rgba(37, 99, 235, 0.06);
            border-left: 4px solid var(--primary);
            padding: 1.2rem 1.5rem;
            border-radius: 0 10px 10px 0;
            margin: 1.5rem 0;
        }
.last-updated {
            font-size: 0.9rem;
            color: #6c7a9a;
            margin-bottom: 2rem;
        }
.privacy-content a {
            color: var(--primary);
            text-decoration: none;
            font-weight: 500;
        }
.privacy-content a:hover {
            text-decoration: underline;
        }

/* --- Bootstrap 组件配色适配(程序自动补,避免白底黑字) --- */
.card-title { color:#0f1e3d !important; }