/* roulang page: index */
:root {
      --brand-primary: #F59E0B;
      --brand-accent: #FBBF24;
      --bg-main: #09090B;
      --border-subtle: rgba(255, 255, 255, 0.1);
    }
    body {
      background-color: var(--bg-main);
      color: #E4E4E7;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #09090B;
    }
    ::-webkit-scrollbar-thumb {
      background: #27272A;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #F59E0B;
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    }
    .hero-glass {
      background: linear-gradient(135deg, rgba(24, 24, 27, 0.9) 0%, rgba(9, 9, 11, 0.95) 100%);
      border: 1px solid rgba(245, 158, 11, 0.25);
    }
    .shine-btn {
      position: relative;
      overflow: hidden;
    }
    .shine-btn::after {
      content: '';
      position: absolute;
      top: -50%;
      left: -60%;
      width: 40%;
      height: 200%;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
      transform: rotate(25deg);
      transition: all 0.6s ease;
    }
    .shine-btn:hover::after {
      left: 120%;
    }

/* roulang page: category1 */
:root {
      --brand-primary: #F59E0B;
      --brand-accent: #FBBF24;
      --bg-main: #09090B;
      --border-subtle: rgba(255, 255, 255, 0.1);
    }
    body {
      background-color: var(--bg-main);
      color: #E4E4E7;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    }
    .hero-glass {
      background: linear-gradient(135deg, rgba(24, 24, 27, 0.9) 0%, rgba(9, 9, 11, 0.95) 100%);
      border: 1px solid rgba(245, 158, 11, 0.25);
    }
    .shine-btn {
      position: relative;
      overflow: hidden;
    }
    .shine-btn::after {
      content: '';
      position: absolute;
      top: -50%;
      left: -60%;
      width: 40%;
      height: 200%;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
      transform: rotate(25deg);
      transition: all 0.6s ease;
    }
    .shine-btn:hover::after {
      left: 120%;
    }
    .amber-gradient-border {
      position: relative;
      background: #18181B;
      border: 1px solid rgba(245, 158, 11, 0.2);
    }
    .amber-gradient-border:hover {
      border-color: rgba(245, 158, 11, 0.6);
      box-shadow: 0 8px 30px -10px rgba(245, 158, 11, 0.25);
    }

/* roulang page: category2 */
:root {
      --brand-primary: #F59E0B;
      --brand-accent: #FBBF24;
      --bg-main: #09090B;
      --border-subtle: rgba(255, 255, 255, 0.1);
    }
    body {
      background-color: var(--bg-main);
      color: #E4E4E7;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .text-glow {
      text-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
    }
    .hero-glass {
      background: linear-gradient(135deg, rgba(24, 24, 27, 0.9) 0%, rgba(9, 9, 11, 0.95) 100%);
      border: 1px solid rgba(245, 158, 11, 0.25);
    }
    .shine-btn {
      position: relative;
      overflow: hidden;
    }
    .shine-btn::after {
      content: '';
      position: absolute;
      top: -50%;
      left: -60%;
      width: 40%;
      height: 200%;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
      transform: rotate(25deg);
      transition: all 0.6s ease;
    }
    .shine-btn:hover::after {
      left: 120%;
    }
    /* 自定义滑动条与微光动效 */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #09090B;
    }
    ::-webkit-scrollbar-thumb {
      background: #27272A;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #F59E0B;
    }