/* roulang page: index */
:root {
      --color-brand: #0EA568;
      --color-brand-hover: #059669;
      --color-flame: #F97316;
      --color-obsidian: #1E293B;
      --color-steel: #64748B;
      --color-court: #F8FAFC;
    }
    html {
      scroll-behavior: smooth;
      font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    body {
      background-color: #FFFFFF;
      color: #1E293B;
      line-height: 1.75;
      overflow-x: hidden;
    }
    /* 斜切色块样式 */
    .hero-skew-container {
      position: relative;
      background: linear-gradient(135deg, rgba(11, 15, 25, 0.94) 0%, rgba(17, 24, 39, 0.88) 100%), url('/assets/images/2c8a0addea4f054f.png') center/cover no-repeat;
    }
    .hero-skew-cut {
      clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
    }
    @media (max-width: 768px) {
      .hero-skew-cut {
        clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
      }
    }
    /* 卡片悬浮光晕 */
    .feature-card {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
    }
    .feature-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 28px -4px rgba(14, 165, 104, 0.15);
    }
    /* FAQ 展开旋转 */
    details summary::-webkit-details-marker {
      display: none;
    }
    details[open] summary svg {
      transform: rotate(180deg);
    }
    details[open] {
      border-color: #0EA568;
    }