/* roulang page: index */
@layer base {
      body {
        font-family: 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Inter', system-ui, sans-serif;
        color: #4A4A4A;
        background-color: #FAF9F7;
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
      }
      *, *::before, *::after { box-sizing: border-box; }
      .container { max-width: 1280px; margin-left: auto; margin-right: auto; padding-left: 1.5rem; padding-right: 1.5rem; }
      @media (min-width: 1024px) { .container { padding-left: 2rem; padding-right: 2rem; } }
    }
    /* 导航毛玻璃 */
    .nav-blur {
      background: rgba(255, 255, 255, 0.88);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    /* 卡片悬停动效 */
    .card-hover { transition: all 0.2s ease; }
    .card-hover:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.06); }
    /* 手风琴动画 */
    .faq-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.3s ease; }
    .faq-item.active .faq-content { max-height: 200px; padding-bottom: 1rem; }
    .faq-item.active .faq-icon i { transform: rotate(45deg); }
    /* 数字动画初始隐藏 */
    .count-num { opacity: 0; transition: opacity 0.4s; }
    .counted .count-num { opacity: 1; }
    /* 移动端菜单 */
    .mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
    .mobile-open .mobile-menu { max-height: 500px; }
    /* 自定义下划线 */
    .nav-active { color: #C8A96E; border-bottom: 2px solid #C8A96E; padding-bottom: 4px; }