/* roulang page: index */
:root {
            --brand-primary: #FF5722;
            --brand-secondary: #F4511E;
            --accent-gold: #FFB300;
            --neutral-dark: #171717;
            --neutral-soft: #737373;
            --bg-page: #FAF9F6;
        }

        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
            background-color: var(--bg-page);
            color: var(--neutral-dark);
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
        }

        .badge-pulse {
            animation: pulse-border 2.5s infinite;
        }

        @keyframes pulse-border {
            0% { box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.4); }
            70% { box-shadow: 0 0 0 8px rgba(255, 87, 34, 0); }
            100% { box-shadow: 0 0 0 0 rgba(255, 87, 34, 0); }
        }

        details summary::-webkit-details-marker {
            display: none;
        }

/* roulang page: category1 */
:root {
    --brand-primary: #FF5722;
    --brand-secondary: #F4511E;
    --accent-gold: #FFB300;
    --neutral-dark: #171717;
    --neutral-soft: #737373;
    --bg-page: #FAF9F6;
  }
  body {
    font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
    background-color: var(--bg-page);
    color: var(--neutral-dark);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  .badge-pulse {
    animation: pulse-border 2.5s infinite;
  }
  @keyframes pulse-border {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.05); opacity: 0.85; }
  }
  .custom-scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #e5e7eb;
    border-radius: 9999px;
  }
  .custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #d1d5db;
  }

/* roulang page: category2 */
:root {
      --brand-primary: #FF5722;
      --brand-secondary: #F4511E;
      --accent-gold: #FFB300;
      --neutral-dark: #171717;
      --neutral-soft: #737373;
      --bg-page: #FAF9F6;
    }
    body {
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
      background-color: var(--bg-page);
      color: var(--neutral-dark);
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .badge-pulse {
      animation: pulse-border 2.5s infinite;
    }
    @keyframes pulse-border {
      0%, 100% { transform: scale(1); opacity: 1; }
      50% { transform: scale(1.05); opacity: 0.85; }
    }
    .sidebar-link.active {
      background-color: #fff7ed;
      color: #ea580c;
      font-weight: 600;
      border-right: 3px solid #f97316;
    }