/* roulang page: index */
:root {
      --bg-obsidian: #0B0E14;
      --bg-surface: #121721;
      --bg-card: #1A202C;
      --accent-purple: #7C3AED;
      --accent-violet: #8B5CF6;
      --status-green: #10B981;
      --status-amber: #F59E0B;
      --text-high: #F8FAFC;
      --text-muted: #94A3B8;
      --text-dim: #64748B;
    }
    body {
      background-color: var(--bg-obsidian);
      color: var(--text-high);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 4px;
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(11, 14, 20, 0.94) 0%, rgba(18, 23, 33, 0.88) 60%, rgba(124, 58, 237, 0.25) 100%),
                  url('/assets/images/2cfbc229afeeacd0.jpg') center/cover no-repeat;
    }
    .banner-bg-strip {
      background: linear-gradient(90deg, rgba(18, 23, 33, 0.96) 0%, rgba(26, 32, 44, 0.9) 100%),
                  url('/assets/images/067fdd458e027f06.webp') center/cover no-repeat;
    }
    .glow-card {
      transition: all 0.3s ease-in-out;
    }
    .glow-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 25px -5px rgba(124, 58, 237, 0.25);
      border-color: rgba(139, 92, 246, 0.6);
    }
    details summary::-webkit-details-marker {
      display: none;
    }