/* roulang page: index */
:root {
      --primary: #0F172A;
      --titan: #0F3A30;
      --accent: #10B981;
      --accent-hover: #059669;
      --amber: #F59E0B;
      --bg-light: #F8FAFC;
      --border-color: #E2E8F0;
      --text-dark: #0F172A;
      --text-body: #334155;
      --text-muted: #64748B;
      --shadow-sm: 0 2px 8px -1px rgba(15, 23, 42, 0.05);
      --shadow-lg: 0 10px 25px -3px rgba(15, 23, 42, 0.08);
      --radius-md: 10px;
    }
    
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    
    body {
      background-color: #FFFFFF;
      color: var(--text-body);
      margin: 0;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }
    
    .font-num {
      font-family: "DIN Alternate", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
    }

    .glass-nav {
      background: rgba(15, 23, 42, 0.94);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }

    .hero-bg {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 58, 48, 0.88) 100%), url('/assets/images/de83a82eda07845f.png') center/cover no-repeat;
    }

    .tech-bg {
      background: radial-gradient(circle at 50% 20%, rgba(16, 185, 129, 0.12) 0%, rgba(10, 15, 29, 1) 70%), #0A0F1D;
    }

    .card-hover {
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }
    .card-hover:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.1);
      border-color: rgba(16, 185, 129, 0.4);
    }

    .btn-glow {
      box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);
      transition: all 0.2s ease-in-out;
    }
    .btn-glow:hover {
      box-shadow: 0 0 25px rgba(16, 185, 129, 0.65);
      transform: translateY(-2px);
    }

    /* 自定义手风琴动画 */
    details > summary::-webkit-details-marker {
      display: none;
    }
    details summary {
      list-style: none;
    }
    details[open] summary .faq-icon {
      transform: rotate(180deg);
    }