/* roulang page: index */
/* 基础重置与变量 */
    :root {
      --red: #E31837;
      --deep: #1A1A2E;
      --soft: #F5F5F7;
      --gold: #FFB800;
      --text: #2D2D2D;
      --muted: #6B7280;
      --success: #10B981;
    }
    * {
      box-sizing: border-box;
    }
    body {
      margin: 0;
      font-family: 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', system-ui, sans-serif;
      color: var(--text);
      background-color: #fff;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
    }
    /* 板块标题左侧红竖线 */
    .section-title-line {
      width: 4px;
      height: 32px;
      background-color: var(--red);
      display: inline-block;
      margin-right: 12px;
    }
    /* 卡片hover微动效 */
    .hover-lift {
      transition: transform 0.2s ease, box-shadow 0.3s ease, border-color 0.2s;
      border: 1px solid transparent;
    }
    .hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 35px -8px rgba(0,0,0,0.12);
      border-color: var(--red);
    }
    /* 图片缩放容器 */
    .img-scale-wrap {
      overflow: hidden;
      border-radius: 12px 12px 0 0;
    }
    .img-scale-wrap img {
      transition: transform 0.4s ease;
    }
    .hover-lift:hover .img-scale-wrap img {
      transform: scale(1.06);
    }
    /* FAQ 展开图标 */
    .faq-icon {
      transition: transform 0.2s ease;
      color: var(--red);
      font-weight: bold;
      font-size: 1.3rem;
    }
    .faq-item[open] .faq-icon {
      transform: rotate(45deg);
    }
    /* 表单聚焦样式 */
    input:focus, textarea:focus {
      border-color: var(--red) !important;
      box-shadow: 0 0 0 3px rgba(227,24,55,0.15) !important;
      outline: none;
    }
    /* 导航移动端菜单简单处理 (由js辅助) 移动优先隐藏菜单项 */
    @media (max-width: 767px) {
      .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 1rem;
        box-shadow: 0 10px 25px rgba(0,0,0,0.08);
        border-top: 1px solid #f0f0f0;
      }
      .nav-links.active {
        display: flex;
      }
    }
    /* Hero装饰斜线纹理 */
    .hero-pattern {
      background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 2px, transparent 2px, transparent 8px);
    }
    /* 数据数字字体加强 */
    .stat-number {
      font-family: 'Inter', system-ui, sans-serif;
    }