/* roulang page: index */
:root {
      --color-brand: #00E599;
      --color-accent: #FF5722;
      --color-dark: #0B0F19;
      --color-charcoal: #111827;
      --color-surface: #F8FAFC;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .custom-gradient-border {
      position: relative;
      background-clip: padding-box;
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(11, 15, 25, 0.94) 0%, rgba(17, 24, 39, 0.88) 60%, rgba(11, 15, 25, 0.95) 100%);
    }
    .light-card-border {
      border: 1px solid rgba(226, 232, 240, 0.8);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .light-card-border:hover {
      border-color: rgba(0, 229, 153, 0.4);
      transform: translateY(-4px);
      box-shadow: 0 16px 36px -10px rgba(0, 229, 153, 0.12);
    }
    .dark-card-border {
      border: 1px solid rgba(255, 255, 255, 0.08);
      transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .dark-card-border:hover {
      border-color: rgba(0, 229, 153, 0.5);
      transform: translateY(-4px);
      box-shadow: 0 16px 36px -10px rgba(0, 229, 153, 0.2);
    }
    /* 原生手风琴细节优化 */
    details summary::-webkit-details-marker {
      display: none;
    }
    details summary {
      list-style: none;
    }
    details[open] .faq-icon {
      transform: rotate(180deg);
      color: #00E599;
    }
    .tag-glow {
      background: rgba(0, 229, 153, 0.12);
      border: 1px solid rgba(0, 229, 153, 0.3);
    }