:root {
      --main: #f97316;
      --accent: #facc15;
      --bg-dark: #1a1410;
      --text-light: #fff7ed;
      --shadow-heavy: 0 15px 30px -10px rgba(0,0,0,0.7);
      --gradient-highlight: linear-gradient(145deg, #3a2418, #241812);
      --radius-lg: 1.25rem;
      --radius-sm: 0.65rem;
    }
    * { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
    body {
      background: var(--bg-dark);
      color: var(--text-light);
      letter-spacing: 0.2px;
    }
    /* 滚动条 */
    ::-webkit-scrollbar { width: 10px; }
    ::-webkit-scrollbar-track { background: #2a1c12; }
    ::-webkit-scrollbar-thumb { background: var(--main); border-radius: 10px; }

    /* 滚动进度条 */
    #scrollProgress {
      position: fixed; top: 0; left: 0; height: 4px; width: 0%;
      background: linear-gradient(to right, var(--main), var(--accent));
      z-index: 2000; transition: width 0.1s linear;
    }

    /* 导航吸顶 + 透明 */
    .navbar-peach {
      background: rgba(26, 20, 16, 0.75) !important;
      backdrop-filter: blur(12px);
      border-bottom: 1px solid rgba(249,115,22,0.4);
      transition: background 0.3s ease;
    }
    .navbar-peach.scrolled {
      background: rgba(20, 12, 8, 0.92) !important;
      box-shadow: 0 8px 20px rgba(0,0,0,0.6);
    }

    /* 拟物厚重卡片 */
    .heavy-card {
      background: var(--gradient-highlight);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-heavy), inset 0 0 0 1px rgba(255,255,255,0.03);
      padding: 0.8rem;
      transition: transform 0.25s ease, box-shadow 0.3s;
    }
    .heavy-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 35px -8px #000000cc, inset 0 0 0 1px rgba(255,215,130,0.2);
    }

    /* 海报图 hover 放大 + 文字遮罩 */
    .poster-wrapper {
      position: relative;
      overflow: hidden;
      border-radius: var(--radius-sm);
      background: #2d1c10;
    }
    .poster-wrapper img {
      width: 100%; aspect-ratio: 2/3; object-fit: cover;
      transition: transform 0.5s ease;
      display: block;
    }
    .poster-wrapper:hover img { transform: scale(1.08); }
    .poster-overlay {
      position: absolute; inset: auto 0 0 0;
      background: linear-gradient(transparent, rgba(20,10,2,0.95));
      padding: 1.2rem 0.6rem 0.5rem;
      opacity: 0; transition: opacity 0.3s;
    }
    .poster-wrapper:hover .poster-overlay { opacity: 1; }
    .poster-overlay .score {
      color: var(--accent); font-weight: 800; font-size: 0.9rem;
      text-shadow: 0 2px 6px black;
    }
    .poster-overlay .badge-corner {
      position: absolute; top: -25px; left: 5px;
      background: var(--main); padding: 0.2rem 0.6rem; border-radius: 8px;
      font-size: 0.6rem; font-weight: 700;
    }

    /* 角标(左上角 更新至xx集) */
    .corner-badge {
      position: absolute; top: 8px; left: 8px; z-index: 10;
      background: #ff6b1a; color: white; font-size: 0.65rem; font-weight: 800;
      padding: 0.2rem 0.7rem; border-radius: 30px;
      box-shadow: 0 4px 10px rgba(0,0,0,0.6);
    }

    /* 分类侧栏样式 */
    .cat-sidebar .list-group-item {
      background: #2b1d13; border: 1px solid #4a2f1c;
      color: var(--text-light); margin-bottom: 8px; font-weight: 600;
      border-radius: 12px !important; transition: 0.2s;
    }
    .cat-sidebar .list-group-item:hover,
    .cat-sidebar .list-group-item.active {
      background: var(--main); border-color: var(--main); color: white;
    }

    /* 标签页样式 */
    .tag-tab-btn {
      background: #302016; color: #f0c08a; border: none;
      border-radius: 30px; padding: 0.3rem 1.1rem; font-size: 0.85rem; font-weight: 600;
      transition: 0.2s;
    }
    .tag-tab-btn.active, .tag-tab-btn:hover {
      background: var(--main); color: white; box-shadow: 0 6px 12px #f9731644;
    }

    /* 时间线 */
    .timeline {
      border-left: 3px solid var(--main);
      margin-left: 12px;
    }
    .timeline-item {
      padding: 0.8rem 1.2rem; position: relative;
    }
    .timeline-item::before {
      content: ''; width: 14px; height: 14px; background: var(--accent);
      border-radius: 50%; position: absolute; left: -8.5px; top: 1.1rem;
      box-shadow: 0 0 10px var(--accent);
    }

    /* 侧滑详情 */
    .slide-detail {
      position: fixed; top: 0; right: -450px; width: 420px; height: 100%;
      background: #251a12; z-index: 3000; transition: right 0.4s cubic-bezier(.175,.885,.32,1);
      box-shadow: -15px 0 40px rgba(0,0,0,0.7);
      padding: 2rem 1.5rem; overflow-y: auto;
    }
    .slide-detail.open { right: 0; }
    .slide-backdrop {
      position: fixed; inset: 0; background: rgba(0,0,0,0.65); z-index: 2999; display: none;
    }
    .slide-backdrop.show { display: block; }

    /* 首页hero打字机 */
    .typewriter {
      display: inline-block;
      overflow: hidden; white-space: nowrap; border-right: 3px solid var(--main);
      animation: typewriter 4s steps(30) 0.5s forwards;
    }
    @keyframes typewriter {
      from { width: 0; }
      to { width: 100%; }
    }

    .section-title {
      font-weight: 800; font-size: 1.6rem;
      border-left: 8px solid var(--main);
      padding-left: 1rem;
      margin-bottom: 1.2rem;
    }
    .section-title i { color: var(--main); }
    footer a { color: #aaa; }

/* --- 子页面追加 --- */
/* 本页专属小样式 */
        .guide-hero { padding: 4rem 0 2rem; }
.guide-section { margin-bottom: 3rem; }
.guide-card { background: var(--gradient-highlight); border-radius: var(--radius-lg); padding: 2rem; box-shadow: var(--shadow-heavy); margin-bottom: 1.5rem; border: 1px solid rgba(249,115,22,.15); }
.guide-card h3 { color: var(--main); font-weight: 700; margin-bottom: 1rem; }
.guide-card p, .guide-card li { color: var(--text-light); line-height: 1.8; }
.step-number { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; background: var(--main); color: #fff; border-radius: 50%; font-weight: 800; margin-right: .5rem; }
.tip-box { border-left: 4px solid var(--main); background: rgba(249,115,22,.08); padding: 1rem 1.25rem; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; margin: 1rem 0; }
.tip-box strong { color: var(--accent); }
.shortcut-key { display: inline-block; background: rgba(0,0,0,.4); border: 1px solid rgba(249,115,22,.4); color: var(--accent); padding: .1rem .6rem; border-radius: 4px; font-family: monospace; font-size: .9rem; margin: 0 .2rem; }
.guide-table { width: 100%; color: var(--text-light); }
.guide-table td { padding: .75rem .5rem; border-bottom: 1px solid rgba(255,255,255,.08); vertical-align: top; }
.guide-table td:first-child { color: var(--accent); font-weight: 600; white-space: nowrap; width: 110px; }
.guide-table tr:last-child td { border-bottom: none; }

/* --- 子页面追加 --- */
/* 保证FAQ区块与全局深色质感统一 */
    .faq-section {
      background: var(--gradient-highlight);
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-heavy);
      padding: 2rem 1.8rem;
      margin-bottom: 2.5rem;
    }
.faq-item {
      background: rgba(0,0,0,0.2);
      border-left: 4px solid var(--main);
      border-radius: 0.75rem;
      padding: 1.25rem 1.5rem;
      margin-bottom: 1.25rem;
      transition: transform 0.2s ease, background 0.2s;
    }
.faq-item:hover {
      background: rgba(0,0,0,0.35);
      transform: translateX(5px);
    }
.faq-question {
      font-weight: 700;
      font-size: 1.15rem;
      color: var(--accent);
      display: flex;
      align-items: center;
      gap: 0.6rem;
      margin-bottom: 0.5rem;
    }
.faq-question i {
      color: var(--main);
      font-size: 1.2rem;
    }
.faq-answer {
      color: var(--text-light);
      opacity: 0.9;
      line-height: 1.7;
    }
.section-title-faq {
      font-size: 2.2rem;
      font-weight: 800;
      letter-spacing: -0.02em;
    }
.banner-helper {
      background: var(--gradient-highlight);
      border-radius: var(--radius-lg);
      padding: 1.5rem 2rem;
      margin: 2rem 0;
      border: 1px solid rgba(249,115,22,0.3);
    }
/* 导航高亮当前页(FAQ) */
    .navbar-peach .nav-link.active-faq {
      color: var(--accent) !important;
      font-weight: 700;
      border-bottom: 2px solid var(--main);
    }