/* roulang page: index */
/* 自定义覆写：渐变文字、发光动画、粒子背景、手风琴细节 */
    body {
      background-color: #0B0A0F;
      font-family: '"Noto Sans SC"', 'Inter', sans-serif;
      color: #C4B5FD;
      box-sizing: border-box;
    }
    .text-gradient {
      background: linear-gradient(to right, #A855F7, #00F0FF);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    .text-glow-cyan {
      text-shadow: 0 0 10px rgba(0,240,255,0.8);
    }
    .border-glow {
      border: 1px solid rgba(168,85,247,0.2);
      transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }
    .border-glow:hover {
      border-color: #A855F7;
      box-shadow: 0 0 20px rgba(168,85,247,0.5);
    }
    .btn-primary {
      background: linear-gradient(135deg, #A855F7 0%, #00F0FF 100%);
      color: white;
      font-weight: 600;
      transition: all 0.3s ease;
    }
    .btn-primary:hover {
      filter: brightness(1.2);
      box-shadow: 0 0 25px rgba(168,85,247,0.7);
      transform: translateY(-2px);
    }
    .btn-outline-neon {
      border: 1px solid #00F0FF;
      color: #00F0FF;
      background: transparent;
      transition: all 0.3s ease;
    }
    .btn-outline-neon:hover {
      background: rgba(0,240,255,0.1);
      box-shadow: 0 0 20px rgba(0,240,255,0.4);
    }
    .card-dark {
      background-color: #1E1B2E;
      border-radius: 16px;
      border: 1px solid rgba(168,85,247,0.15);
      transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    }
    .card-dark:hover {
      transform: translateY(-6px);
      border-color: #A855F7;
      box-shadow: 0 8px 25px rgba(168,85,247,0.25);
    }
    /* 导航悬停下划线动画 */
    .nav-link {
      position: relative;
      color: white;
      transition: color 0.3s;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      width: 0;
      height: 2px;
      bottom: -4px;
      left: 0;
      background: linear-gradient(to right, #A855F7, #00F0FF);
      transition: width 0.3s ease;
    }
    .nav-link:hover {
      color: #00F0FF;
    }
    .nav-link:hover::after {
      width: 100%;
    }
    /* 移动端汉堡菜单面板 */
    .mobile-menu-panel {
      background: rgba(11,10,15,0.98);
      backdrop-filter: blur(16px);
      transition: opacity 0.3s ease;
    }
    /* FAQ 手风琴图标旋转 */
    .faq-toggle-icon {
      transition: transform 0.3s ease;
    }
    details[open] .faq-toggle-icon {
      transform: rotate(45deg);
    }
    /* 数字脉冲强调 */
    .stat-number {
      font-family: 'Rajdhani', sans-serif;
      color: #00F0FF;
      text-shadow: 0 0 10px rgba(0,240,255,0.6);
    }
    /* 背景动态粒子效果（简单版CSS） */
    .hero-overlay {
      background: radial-gradient(circle at 30% 40%, rgba(168,85,247,0.15) 0%, transparent 60%);
    }
    footer a:hover {
      color: #00F0FF;
      transition: color 0.2s;
    }
    @media (max-width: 768px) {
      h1 { font-size: 2.5rem; line-height: 1.2; }
      h2 { font-size: 2rem; }
    }