/* roulang page: index */
:root {
      --bg-main: #0D0F15;
      --bg-card: #161922;
      --bg-card-hover: #1E2230;
      --accent-coral: #FF2E63;
      --accent-gold: #F59E0B;
      --text-white: #F8FAFC;
      --text-gray: #94A3B8;
      --border-subtle: rgba(255, 255, 255, 0.08);
      --border-highlight: rgba(255, 46, 99, 0.4);
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-white);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .neon-border {
      border: 1px solid var(--border-subtle);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .neon-border:hover {
      border-color: var(--border-highlight);
      box-shadow: 0 10px 30px -10px rgba(255, 46, 99, 0.25);
      transform: translateY(-3px);
    }
    .text-gradient {
      background: linear-gradient(135deg, #FFFFFF 20%, #F43F5E 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .gold-gradient {
      background: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .bg-glass {
      background: rgba(22, 25, 34, 0.85);
      backdrop-filter: blur(12px);
    }

/* roulang page: category1 */
:root {
      --bg-main: #0D0F15;
      --bg-card: #161922;
      --bg-card-hover: #1E2230;
      --accent-coral: #FF2E63;
      --accent-gold: #F59E0B;
      --text-white: #F8FAFC;
      --text-gray: #94A3B8;
      --border-subtle: rgba(255, 255, 255, 0.08);
      --border-highlight: rgba(255, 46, 99, 0.4);
    }
    body {
      background-color: var(--bg-main);
      color: var(--text-white);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .neon-border {
      border: 1px solid var(--border-subtle);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .neon-border:hover {
      border-color: var(--border-highlight);
      box-shadow: 0 10px 30px -10px rgba(255, 46, 99, 0.25);
      transform: translateY(-3px);
    }
    .text-gradient {
      background: linear-gradient(135deg, #FFFFFF 20%, #F43F5E 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }