/* roulang page: index */
:root {
      --color-primary: #312E81;
      --color-secondary: #6366F1;
      --color-accent: #06B6D4;
      --color-bg-light: #F8FAFC;
      --color-text-main: #1E293B;
      --color-text-muted: #64748B;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: #F8FAFC;
      color: var(--color-text-main);
      overflow-x: hidden;
    }
    .text-gradient {
      background: linear-gradient(135deg, #312E81 0%, #6366F1 50%, #06B6D4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .text-gradient-light {
      background: linear-gradient(135deg, #FFFFFF 0%, #E0E7FF 60%, #06B6D4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .bg-grid-pattern {
      background-size: 40px 40px;
      background-image: 
        linear-gradient(to right, rgba(99, 102, 241, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(99, 102, 241, 0.05) 1px, transparent 1px);
    }
    details summary::-webkit-details-marker {
      display: none;
    }
    details[open] summary svg {
      transform: rotate(180deg);
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.88);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }