/* roulang page: index */
/* 基础重置与设计变量补充 */
    :root {
      --deep-green: #0A5F38;
      --warm-gold: #D4A843;
      --light-bg: #F4F7F5;
      --dark-card: #1E2F25;
      --bright-orange: #FF6B35;
      --text-body: #3A4D41;
      --text-heading: #0A2E1D;
      --border-light: #C5D1CA;
    }
    * {
      box-sizing: border-box;
    }
    body {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      background-color: var(--light-bg);
      color: var(--text-body);
      line-height: 1.7;
      margin: 0;
      -webkit-font-smoothing: antialiased;
    }
    /* 导航玻璃效果 */
    .nav-blur {
      backdrop-filter: blur(12px);
      background-color: rgba(255,255,255,0.85);
    }
    /* 导航链接下划线动画 */
    .nav-link {
      position: relative;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 50%;
      width: 0;
      height: 2px;
      background-color: var(--deep-green);
      transition: width 0.2s ease, left 0.2s ease;
      border-radius: 2px;
    }
    .nav-link:hover::after {
      width: 100%;
      left: 0;
    }
    /* 数据数字等宽 */
    .data-number {
      font-feature-settings: "tnum";
      font-variant-numeric: tabular-nums;
    }
    /* 手风琴图标旋转 */
    .faq-icon {
      transition: transform 0.3s ease;
    }
    details[open] .faq-icon {
      transform: rotate(90deg);
    }
    /* 对比分割线滑动 */
    .compare-divider {
      transition: transform 0.4s ease;
    }
    .compare-container:hover .compare-divider {
      transform: translateX(20px);
    }
    /* 服务卡片交错布局（桌面端） */
    @media (min-width: 1024px) {
      .service-card-offset {
        margin-top: -20px;
      }
    }
    /* 自定义滚动条 */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #F4F7F5;
    }
    ::-webkit-scrollbar-thumb {
      background: #A0B5A7;
      border-radius: 4px;
    }