/* roulang page: index */
:root {
      --brand-red: #ff334b;
      --brand-orange: #ff6b3d;
      --brand-cyan: #00e5b3;
      --brand-bg: #0b0e14;
      --brand-surface: #121721;
      --brand-card: #18202e;
      --brand-border: #233047;
      --text-main: #ffffff;
      --text-sub: #cbd5e1;
      --text-muted: #94a3b8;
    }
    body {
      background-color: var(--brand-bg);
      color: var(--text-sub);
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.8;
      overflow-x: hidden;
    }
    .neon-border-red {
      box-shadow: 0 0 25px -5px rgba(255, 51, 75, 0.25);
    }
    .neon-border-cyan {
      box-shadow: 0 0 25px -5px rgba(0, 229, 179, 0.2);
    }
    .hero-mask {
      background: linear-gradient(180deg, rgba(11, 14, 20, 0.72) 0%, rgba(11, 14, 20, 0.94) 75%, #0b0e14 100%);
    }
    .tab-active {
      background: linear-gradient(135deg, #ff334b 0%, #ff6b3d 100%);
      color: #ffffff !important;
      border-color: transparent !important;
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .accordion-content.open {
      max-height: 280px;
      transition: max-height 0.45s ease-in;
    }