/* roulang page: index */
:root {
      --bg-deep: #030712;
      --bg-base: #0B1120;
      --bg-card: rgba(15, 23, 42, 0.65);
      --border-subtle: rgba(255, 255, 255, 0.08);
      --border-hover: rgba(6, 182, 212, 0.45);
      --primary: #06B6D4;
      --primary-sky: #0EA5E9;
      --success: #10B981;
      --accent: #6366F1;
      --text-white: #F8FAFC;
      --text-muted: #94A3B8;
      --text-dark: #64748B;
      --glow-shadow: 0 0 24px rgba(6, 182, 212, 0.35);
      --glow-sm: 0 0 12px rgba(6, 182, 212, 0.25);
    }

    body {
      background-color: var(--bg-base);
      color: var(--text-white);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }

    .glass-panel {
      background: var(--bg-card);
      border: 1px solid var(--border-subtle);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .glass-panel:hover {
      border-color: var(--border-hover);
      box-shadow: var(--glow-sm);
      transform: translateY(-4px);
    }

    .glass-header {
      background: rgba(11, 17, 32, 0.85);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border-bottom: 1px solid var(--border-subtle);
    }

    .btn-primary-glow {
      background: linear-gradient(135deg, #06B6D4 0%, #0284C7 100%);
      color: #FFFFFF;
      box-shadow: var(--glow-shadow);
      transition: all 0.25s ease-in-out;
    }

    .btn-primary-glow:hover {
      background: linear-gradient(135deg, #22D3EE 0%, #0EA5E9 100%);
      box-shadow: 0 0 32px rgba(6, 182, 212, 0.65);
      transform: scale(1.02);
    }

    .btn-secondary-glow {
      background: rgba(15, 23, 42, 0.7);
      border: 1px solid rgba(6, 182, 212, 0.6);
      color: #38BDF8;
      backdrop-filter: blur(12px);
      transition: all 0.25s ease-in-out;
    }

    .btn-secondary-glow:hover {
      background: rgba(6, 182, 212, 0.15);
      border-color: #38BDF8;
      color: #FFFFFF;
      box-shadow: var(--glow-sm);
    }

    /* 文本发光质感 */
    .text-glow-cyan {
      text-shadow: 0 0 16px rgba(6, 182, 212, 0.5);
    }