/* ==========================================================================
   基础样式、全局滚动条与排版 (Base Reset, Scrollbar & Typography)
   ========================================================================== */
    /* ==========================================================================
       页面平滑滚动条优化 (Global Custom Scrollbar)
       ========================================================================== */
    /* WebKit 浏览器 (Chrome, Edge, Safari) */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: var(--bg-body);
    }
    ::-webkit-scrollbar-thumb {
      background: var(--border-subtle);
      border-radius: 9999px;
      border: 2px solid var(--bg-body);
      transition: background 0.2s ease;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: var(--gta-gold);
    }

    /* Firefox 标准滚动条 */
    * {
      scrollbar-width: thin;
      scrollbar-color: var(--border-subtle) var(--bg-body);
    }

    /* ==========================================================================
       基础排版与重置 (Reset & Typography)
       ========================================================================== */
    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    html {
      scroll-behavior: smooth;
      font-size: 16px;
    }

    body {
      font-family: var(--font-body);
      background-color: var(--bg-body);
      color: var(--text-main);
      line-height: 1.6;
      min-height: 100vh;
      overflow-x: hidden;
      transition: background-color var(--transition-normal), color var(--transition-normal);
      position: relative;
    }

    h1, h2, h3, h4, .brand-text {
      font-family: var(--font-display);
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button, input, select {
      font-family: inherit;
      outline: none;
      border: none;
      background: none;
    }

    button {
      cursor: pointer;
    }

    /* 顶部滚动进度条 */
    #reading-progress {
      position: fixed;
      top: 0;
      left: 0;
      height: 3px;
      width: 0%;
      background: linear-gradient(90deg, var(--gta-gold), var(--accent-cyan), var(--accent-pink));
      z-index: 1000;
      transition: width 0.1s ease;
    }

    /* 顶部背景氛围光晕 */
    .ambient-glow {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 600px;
      background: var(--hero-ambient);
      pointer-events: none;
      z-index: 0;
    }

    .container {
      width: 100%;
      max-width: 1360px;
      margin: 0 auto;
      padding: 0 24px;
      position: relative;
      z-index: 1;
    }