/* roulang page: index */
:root {
      --primary: #1E40AF;
      --primary-hover: #1D4ED8;
      --accent: #EA580C;
      --accent-hover: #C2410C;
      --slate-bg: #F8FAFC;
      --dark-navy: #0F172A;
      --border-color: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .font-score {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      font-feature-settings: "tnum";
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 64, 175, 0.82) 100%);
    }
    .custom-shadow {
      box-shadow: 0 10px 25px -5px rgba(30, 58, 138, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
    }
    .section-title::after {
      content: '';
      display: block;
      width: 48px;
      height: 4px;
      background: linear-gradient(90deg, #1E40AF 0%, #EA580C 100%);
      border-radius: 2px;
      margin-top: 12px;
    }
    .section-title-center::after {
      margin-left: auto;
      margin-right: auto;
    }
    details summary::-webkit-details-marker {
      display: none;
    }