/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #00F2FE 0%, #4FACFE 50%, #6366F1 100%);
      --bg-dark: #0D1117;
      --bg-card: #161B22;
      --text-main: #0F172A;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: #F8FAFC;
      color: #1E293B;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }

    /* 滚动锚点偏移 */
    section {
      scroll-margin-top: 96px;
    }

    /* 品牌霓虹文字渐变 */
    .gradient-brand-text {
      background: linear-gradient(135deg, #00C6FF 0%, #0072FF 60%, #6366F1 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    
    .gradient-neon-text {
      background: linear-gradient(135deg, #00F2FE 0%, #4FACFE 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* 品牌渐变背景与按钮 */
    .bg-gradient-brand {
      background: linear-gradient(135deg, #00F2FE 0%, #4FACFE 50%, #6366F1 100%);
    }

    .btn-brand {
      background: linear-gradient(135deg, #00F2FE 0%, #4FACFE 50%, #6366F1 100%);
      color: #ffffff;
      transition: all 0.25s ease;
      box-shadow: 0 4px 14px 0 rgba(79, 172, 254, 0.35);
    }
    .btn-brand:hover {
      box-shadow: 0 6px 20px 0 rgba(79, 172, 254, 0.55);
      transform: translateY(-2px);
    }

    /* 大圆角卡片发光交互 */
    .feature-card {
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
    }
    .feature-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px -8px rgba(79, 172, 254, 0.12), 0 0 0 1px rgba(79, 172, 254, 0.3);
    }

    /* 数据徽章 */
    .badge-status {
      display: inline-flex;
      align-items: center;
      gap: 0.375rem;
      padding: 0.25rem 0.75rem;
      border-radius: 9999px;
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0.025em;
    }

    /* 终端虚拟代码框 */
    .console-scroll::-webkit-scrollbar {
      width: 4px;
    }
    .console-scroll::-webkit-scrollbar-thumb {
      background: #334155;
      border-radius: 4px;
    }

    /* Toast 通知 */
    #toast-notice {
      transition: opacity 0.3s ease, transform 0.3s ease;
    }