/* roulang page: index */
:root {
      --color-primary: #0f172a;
      --color-secondary: #1e40af;
      --color-accent: #059669;
      --color-warning: #ea580c;
      --color-surface: #ffffff;
      --color-bg-subtle: #f8fafc;
      --color-border: #e2e8f0;
      --font-main: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }

    body {
      font-family: var(--font-main);
      color: #334155;
      background-color: var(--color-bg-subtle);
      overflow-x: hidden;
      line-height: 1.7;
    }

    h1, h2, h3, h4, h5 {
      color: var(--color-primary);
      font-weight: 700;
      line-height: 1.25;
    }

    .chip-gradient {
      background: radial-gradient(circle at 50% 0%, #1e293b 0%, #0b0f19 100%);
    }

    .glass-card {
      background: rgba(255, 255, 255, 0.96);
      backdrop-filter: blur(10px);
      border: 1px solid var(--color-border);
      box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.04), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
      transition: all 0.25s ease-in-out;
    }

    .glass-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 20px -3px rgba(15, 23, 42, 0.08);
      border-color: #cbd5e1;
    }

    .badge-primary {
      background: #eff6ff;
      color: #1d4ed8;
      border: 1px solid #bfdbfe;
    }

    .badge-laser {
      background: #ecfdf5;
      color: #047857;
      border: 1px solid #a7f3d0;
    }

    .table-container {
      border: 1px solid var(--color-border);
      border-radius: 0.5rem;
      overflow: hidden;
      background: #ffffff;
    }

    details summary::-webkit-details-marker {
      display: none;
    }