/* roulang page: index */
:root {
      --brand-amber: #f59e0b;
      --brand-yellow: #eab308;
      --brand-orange: #ea580c;
      --bg-dark: #0c0a09;
      --bg-card: rgba(28, 25, 23, 0.85);
      --border-glow: rgba(245, 158, 11, 0.2);
    }
    body {
      background-color: var(--bg-dark);
      color: #e7e5e4;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .amber-gradient-text {
      background: linear-gradient(135deg, #fef08a 0%, #f59e0b 50%, #ea580c 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .glow-box {
      box-shadow: 0 10px 30px -10px rgba(245, 158, 11, 0.15);
      border: 1px solid var(--border-glow);
    }
    .glow-box:hover {
      box-shadow: 0 15px 40px -5px rgba(245, 158, 11, 0.28);
      border-color: rgba(245, 158, 11, 0.45);
    }
    .card-dark {
      background: var(--bg-card);
      backdrop-filter: blur(12px);
    }
    .pulse-dot {
      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }
    @keyframes pulse {
      0%, 100% { opacity: 1; transform: scale(1); }
      50% { opacity: 0.4; transform: scale(1.15); }
    }

/* roulang page: category1 */
:root {
      --brand-amber: #f59e0b;
      --brand-yellow: #eab308;
      --brand-orange: #ea580c;
      --bg-dark: #0c0a09;
      --bg-card: rgba(28, 25, 23, 0.85);
      --border-glow: rgba(245, 158, 11, 0.2);
    }
    body {
      background-color: var(--bg-dark);
      color: #e7e5e4;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .card-dark {
      background: var(--bg-card);
      backdrop-filter: blur(12px);
    }
    .amber-glow {
      box-shadow: 0 0 25px rgba(245, 158, 11, 0.15);
    }
    .amber-glow-strong {
      box-shadow: 0 0 35px rgba(234, 88, 12, 0.3);
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: rgba(245, 158, 11, 0.3);
      border-radius: 9999px;
    }