/* roulang page: index */
@import url('/assets/css/vendor/1ecd1de215-css2.css');

    :root {
      --gold: #B8860B;
      --darkgold: #8B6914;
      --warm: #3D3535;
      --linen: #F5F0E8;
      --champagne: #E8D5B7;
      --paper: #FCFAF5;
      --muted: #6B5E5E;
      --footer-bg: #2C2525;
      --card-shadow: 0 2px 12px rgba(61,53,53,0.06);
      --card-hover: 0 8px 28px rgba(61,53,53,0.12);
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', serif;
      background-color: #FCFAF5;
      color: #3D3535;
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
    }

    .container-main {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
    }

    /* 导航栏模糊效果 */
    .nav-blur {
      background: rgba(252, 250, 245, 0.92);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 2px 10px rgba(61,53,53,0.04);
    }

    /* chip导航项 */
    .nav-chip {
      border-radius: 6px;
      padding: 6px 14px;
      font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
      font-weight: 500;
      font-size: 0.95rem;
      color: #3D3535;
      transition: all 0.2s ease;
      position: relative;
      background: transparent;
    }
    .nav-chip:hover {
      background: #F5F0E8;
    }
    .nav-chip.active {
      color: #B8860B;
      font-weight: 600;
    }
    .nav-chip.active::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 14px;
      right: 14px;
      height: 2px;
      background: #B8860B;
      border-radius: 1px;
    }

    /* 按钮主样式 */
    .btn-primary {
      background: #B8860B;
      color: white;
      font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
      font-weight: 600;
      padding: 12px 28px;
      border-radius: 8px;
      border: none;
      cursor: pointer;
      transition: all 0.25s ease;
      display: inline-block;
      text-align: center;
      box-shadow: 0 2px 8px rgba(184,134,11,0.2);
    }
    .btn-primary:hover {
      background: #8B6914;
      transform: translateY(-2px);
      box-shadow: 0 6px 18px rgba(139,105,20,0.35);
    }
    .btn-outline {
      background: transparent;
      color: #B8860B;
      border: 1.5px solid #B8860B;
      font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;
      font-weight: 600;
      padding: 12px 28px;
      border-radius: 8px;
      cursor: pointer;
      transition: all 0.25s ease;
      display: inline-block;
      text-align: center;
    }
    .btn-outline:hover {
      background: #B8860B;
      color: white;
      transform: translateY(-2px);
    }
    .btn-white-outline {
      background: transparent;
      color: white;
      border: 2px solid white;
      font-weight: 600;
      padding: 14px 36px;
      border-radius: 8px;
      transition: 0.25s;
    }
    .btn-white-outline:hover {
      background: white;
      color: #B8860B;
    }

    /* 卡片系统 */
    .card-hover {
      transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      box-shadow: 0 2px 12px rgba(61,53,53,0.06);
      border-radius: 12px;
    }
    .card-hover:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 28px rgba(61,53,53,0.12);
    }

    /* 统计数字样式 */
    .stat-number {
      font-family: 'DM Serif Display', 'Georgia', serif;
      font-size: 2.8rem;
      color: #B8860B;
      line-height: 1.2;
    }

    /* 流程圆形数字 */
    .step-circle {
      width: 48px;
      height: 48px;
      background: #B8860B;
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 1.3rem;
      font-family: 'Inter', sans-serif;
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }
    .step-line {
      border-top: 2px dashed #E8D5B7;
      position: absolute;
      top: 24px;
      left: 50%;
      width: 100%;
      z-index: 1;
    }

    /* FAQ手风琴 */
    .faq-item {
      border: 1px solid #E8D5B7;
      background: #FCFAF5;
      border-radius: 12px;
      overflow: hidden;
      margin-bottom: 16px;
    }
    .faq-question {
      padding: 20px 24px;
      font-weight: 600;
      font-size: 1.1rem;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #FCFAF5;
    }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
      background: #F8F4EC;
      padding: 0 24px;
    }
    .faq-answer.open {
      max-height: 200px;
      padding: 20px 24px;
    }
    .arrow-icon {
      transition: transform 0.3s ease;
    }
    .faq-item.active .arrow-icon {
      transform: rotate(180deg);
    }

    /* 移动端汉堡菜单 */
    .mobile-menu {
      display: none;
    }
    @media (max-width: 768px) {
      .desktop-nav {
        display: none;
      }
      .mobile-menu {
        display: block;
      }
      .stat-number {
        font-size: 2.2rem;
      }
    }
    .hamburger-line {
      width: 24px;
      height: 2px;
      background: #3D3535;
      margin: 5px 0;
      transition: 0.3s;
    }