/**
 * @file style.css
 * @description 首页专属样式表（Hero 板块等首页专属模块）
 * @author oncedrop
 * @update 2026-06-25
 */

/* ========================================================================
   1. 通用容器（版心）
   ======================================================================== */
   .container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 24px;
  }
  
  /* ========================================================================
     2. Hero 板块（极简风格）
     ======================================================================== */
  .hero {
    min-height: calc(100vh - 72px);
    display: flex;
    align-items: center;
    overflow-x: hidden;
    background-color: #fdf9f5;
  }
  
  .hero-container {
    display: flex;
    width: 100%;
    max-width: var(--container-max-width);
    margin: 0 auto;
  }
  
  /* —— 左侧文字 —— */
  .hero-text {
    flex: 1;
    padding: 60px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .hero-title {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--color-secondary);
    margin-bottom: 16px;
    letter-spacing: -1px;
  }
  
  .hero-title .dot {
    color: var(--color-primary);
    margin: 0 8px;
  }
  
  .hero-subtitle {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary);
    margin-bottom: 24px;
    letter-spacing: -0.5px;
  }
  
  .hero-desc {
    font-size: 17px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.75;
    margin-bottom: 32px;
  }
  .hero-desc p {
    margin: 0 0 12px 0;
  }
  .hero-desc p:last-child {
    margin-bottom: 0;
  }
  
  /* —— 主按钮（深色圆角）—— */
  .btn-hero {
    display: inline-block;
    padding: 14px 32px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    align-self: flex-start;
    position: relative;
    overflow: hidden;
  }
  .btn-hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .btn-hero:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .btn-hero:hover::after {
    left: 130%;
  }
  
  /* —— 三个关键词 —— */
  .hero-keywords {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid #eee;
  }
  
  .hero-keywords li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }
  
  .hero-keywords strong {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.2;
  }
  
  .hero-keywords span {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-primary);
  }
  
  /* —— 右侧图片（限制高度 + 圆角）—— */
  .hero-media {
    flex: 1;
    position: relative;
  }
  
  .hero-media img {
    width: 100%;
    height: 640px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
  }
  
  /* ========================================================================
     3. 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .hero-text {
      padding: 48px 40px;
    }
  
    .hero-title {
      font-size: 48px;
    }
  
    .hero-subtitle {
      font-size: 28px;
      margin-bottom: 20px;
    }
  
    .hero-desc {
      font-size: 18px;
      margin-bottom: 28px;
    }
  
    .hero-keywords {
      gap: 28px;
      margin-top: 36px;
    }
  
    .hero-keywords strong {
      font-size: 18px;
    }
  
    .hero-keywords span {
      font-size: 18px;
    }
  
    .hero-media img {
      height: 500px;
      border-radius: 20px;
    }
  }
  
  /* ========================================================================
     4. 移动端适配（≤ 768px）—— 上下布局
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .hero {
      min-height: auto;
    }
  
    .hero-container {
      flex-direction: column;
    }
  
    .hero-text {
      padding: 40px 24px;
      order: 2;
    }
  
    .hero-title {
      font-size: 36px;
      margin-bottom: 16px;
    }
  
    .hero-subtitle {
      font-size: 22px;
      margin-bottom: 16px;
    }
  
    .hero-desc {
      font-size: 15px;
      margin-bottom: 24px;
      max-width: 100%;
    }
  
    .btn-hero {
      padding: 12px 28px;
      font-size: 18px;
      align-self: stretch;
      text-align: center;
    }
  
    .hero-keywords {
      justify-content: space-between;
      gap: 16px;
      margin-top: 28px;
    }
  
    .hero-keywords li {
      align-items: center;
    }
  
    .hero-keywords strong,
    .hero-keywords span {
      font-size: 18px;
      font-weight: 700;
      line-height: 1.3;
    }
  
    .hero-media {
      order: 1;
    }
  
    .hero-media img {
      height: 360px;
      border-radius: 20px;
    }
  }
  
  /* ========================================================================
     5. 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .hero-text {
      padding: 28px 16px;
    }
  
    .hero-title {
      font-size: 28px;
    }
  
    .hero-subtitle {
      font-size: 18px;
      margin-bottom: 14px;
    }
  
    .hero-desc {
      font-size: 18px;
    }
  
    .hero-keywords {
      flex-wrap: wrap;
      gap: 16px 8px;
      margin-top: 24px;
    }
  
    .hero-keywords li {
      flex: 1 1 30%;
    }
  
    .hero-keywords strong,
    .hero-keywords span {
      font-size: 18px;
    }
  
    .hero-media img {
      height: 280px;
      border-radius: 20px;
    }
  }
  
  /* ========================================================================
     6. Features 特色服务板块
     ======================================================================== */
  .features {
    padding: 100px 0;
    background: #fdf9f5;
    overflow-x: hidden;
  }
  
  /* ========================================================================
     2b. Hero Stats —— Hero 下方数据卡片模块
     ======================================================================== */
  .hero-stats {
    padding: 80px 0 80px;
    background: #fcefe3;
  }
  
  .hero-stats-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 24px;
  }
  
  .hero-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
  }
  
  .hero-stat-card {
    background: #fefefe;
    border: 1px solid #ebebeb;
    border-radius: 24px;
    padding: 48px 32px 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: transform 0.8s ease, box-shadow 0.3s ease, opacity 0.8s ease;
    opacity: 0;
    transform: translateY(40px);
  }
  
  .hero-stat-card.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  .hero-stat-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.06);
  }
  
  /* —— 上方图标块（带光晕）—— */
  .hero-stat-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background-color: var(--ic, #ff6b9d);
    opacity: 0.9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 56px;
    position: relative;
  }
  
  /* 图标下方彩色光晕 */
  .hero-stat-icon::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -16px);
    width: 80px;
    height: 40px;
    background: radial-gradient(ellipse at center, var(--ic, #ff6b9d) 0%, transparent 70%);
    opacity: 0.45;
    z-index: 0;
  }
  
  .hero-stat-icon svg {
    width: 28px;
    height: 28px;
    position: relative;
    z-index: 1;
    color: #fff;
  }
  
  .hero-stat-icon img {
    width: 28px;
    height: 28px;
    position: relative;
    z-index: 1;
    display: block;
    object-fit: contain;
  }
  
  /* —— 数字 —— */
  .hero-stat-number {
    font-size: 44px;
    font-weight: 800;
    color: var(--color-secondary);
    line-height: 1.1;
    letter-spacing: -1px;
    margin-bottom: 12px;
  }
  
  /* —— 标签 —— */
  .hero-stat-label {
    font-size: 15px;
    font-weight: 500;
    color: var(--color-text);
    opacity: 0.75;
    line-height: 1.4;
    letter-spacing: 0.2px;
  }
  
  /* 响应式：平板端（≤ 992px）两列 */
  @media screen and (max-width: 992px) {
    .hero-stats {
      padding: 32px 0 60px;
    }
  
    .hero-stats-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }
  
    .hero-stat-card {
      padding: 40px 24px 32px;
    }
  
    .hero-stat-number {
      font-size: 36px;
    }
  }
  
  /* 响应式：小屏（≤ 480px）上下堆叠 */
  @media screen and (max-width: 480px) {
    .hero-stats-grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }
  
    .hero-stat-card {
      padding: 32px 24px 28px;
      border-radius: 20px;
    }
  
    .hero-stat-number {
      font-size: 32px;
    }
  
    .hero-stat-icon {
      margin-bottom: 44px;
    }
  }
  
  .features-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    gap: 60px;
  }
  
  /* —— 左侧文字 —— */
  .features-text {
    flex: 1;
    max-width: 460px;
    transform: translateX(-80px);
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  
  .features-text.is-visible {
    transform: translateX(0);
    opacity: 1;
  }
  
  .features-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-secondary);
    margin-bottom: 20px;
  }
  
  .features-desc {
    font-size: 18px;
    line-height: 1.7;
    color: var(--color-text);
    opacity: 0.75;
    margin-bottom: 32px;
  }
  
  .features-keywords {
    list-style: none;
    margin: 0 0 32px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .features-keywords li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.2;
  }
  .features-keywords strong,
  .features-keywords span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
  }
  
  .btn-features {
    display: inline-block;
    padding: 14px 32px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    position: relative;
    overflow: hidden;
  }
  .btn-features::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .btn-features:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .btn-features:hover::after {
    left: 130%;
  }
  
  /* —— 右侧四个小板块 —— */
  .features-grid {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    transform: translateX(80px);
    opacity: 0;
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  
  .features-grid.is-visible {
    transform: translateX(0);
    opacity: 1;
  }
  
  .feature-card {
    min-height: 280px;
    background: #fff;
    border-radius: 12px;
    padding: 40px 28px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .feature-card.is-visible:hover,
  .feature-card:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  }
  
  .feature-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(247, 130, 16, 0.1);
    border-radius: 12px;
    margin-bottom: 20px;
  }
  
  .feature-icon svg {
    width: 24px;
    height: 24px;
    color: var(--color-primary);
  }
  
  .feature-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-secondary);
    margin-bottom: 12px;
  }
  
  .feature-desc {
    font-size: 18px;
    line-height: 1.65;
    color: var(--color-text);
    opacity: 0.7;
  }
  
  /* ========================================================================
     7. Features 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .features {
      padding: 80px 0;
    }
  
    .features-container {
      gap: 40px;
    }
  
    .features-title {
      font-size: 30px;
    }
  
    .features-grid {
      gap: 20px;
    }
  
    .feature-card {
      min-height: 260px;
      padding: 28px;
    }
  }
  
  /* ========================================================================
     8. Features 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .features {
      padding: 60px 0;
    }
  
    .features-container {
      flex-direction: column;
      gap: 32px;
    }
  
    .features-text {
      max-width: 100%;
      text-align: center;
      transform: translateY(24px);
    }
  
    .features-text.is-visible {
      transform: translateY(0);
    }
  
    .features-grid {
      grid-template-columns: 1fr;
      gap: 16px;
      transform: translateY(24px);
    }
  
    .features-grid.is-visible {
      transform: translateY(0);
    }
  
    .features-title {
      font-size: 26px;
    }
  
    .features-keywords {
      align-items: center;
      gap: 12px;
      margin-bottom: 24px;
    }
    .features-keywords li {
      font-size: 16px;
    }
  
    .btn-features {
      width: 100%;
      text-align: center;
    }
  
    .feature-card {
      min-height: 240px;
      padding: 24px;
    }
  
    .feature-icon {
      width: 48px;
      height: 48px;
      margin-bottom: 16px;
    }
  }
  
  /* ========================================================================
     10. Partners 合作伙伴板块
     ======================================================================== */
  .partners {
    padding: 80px 0;
    background: #fdf9f5;
    overflow-x: hidden;
  }
  
  .partners-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  /* —— Tab 切换按钮 —— */
  .partners-tabs {
    display: flex;
    background: #f5f5f5;
    border-radius: 50px;
    padding: 6px;
    margin-bottom: 48px;
  }
  
  .tab-btn {
    padding: 12px 32px;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-text);
    opacity: 0.7;
    background: transparent;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  
  .tab-btn.active {
    color: #fff;
    opacity: 1;
    background: var(--color-primary);
  }
  
  .tab-btn:hover:not(.active) {
    opacity: 1;
  }
  
  /* —— Tab 内容 —— */
  .partners-content {
    width: 100%;
  }
  
  .tab-panel {
    display: none;
  }
  
  .tab-panel.active {
    display: block;
  }
  
  /* —— 无限滚动容器 —— */
  .marquee-container {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  
  .marquee {
    overflow: hidden;
    position: relative;
  }
  
  .marquee-track {
    display: flex;
    width: max-content;
    animation: marquee 20s linear infinite;
    will-change: transform;
  }
  
  .marquee-left .marquee-track {
    animation-direction: normal;
  }
  
  .marquee-right .marquee-track {
    animation-direction: reverse;
  }
  
  @keyframes marquee {
    0% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }
  
  .marquee-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
    flex-shrink: 0;
  }
  
  .marquee-item img {
    height: 80px;
    width: auto;
    max-width: none;
    max-height: none;
    object-fit: contain;
    filter: grayscale(0);
  }
  
  .marquee-item:hover {
    opacity: 1;
  }
  
  /* ========================================================================
     11. Partners 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .partners {
      padding: 60px 0;
    }
  
    .partners-tabs {
      margin-bottom: 36px;
    }
  
    .tab-btn {
      padding: 10px 24px;
      font-size: 18px;
    }
  
    .marquee-item {
      padding: 0 35px;
    }
  
    .marquee-item img {
      height: 64px;
    }
  }
  
  /* ========================================================================
     12. Partners 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .partners {
      padding: 48px 0;
    }
  
    .partners-tabs {
      margin-bottom: 28px;
    }
  
    .tab-btn {
      padding: 8px 20px;
      font-size: 12px;
    }
  
    .marquee-container {
      gap: 16px;
    }
  
    .marquee-item {
      padding: 0 20px;
    }
  
    .marquee-item img {
      height: 50px;
    }
  }
  
  /* ========================================================================
     13. Partners 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .tab-btn {
      padding: 8px 16px;
      font-size: 11px;
    }
  
    .marquee-item {
      padding: 0 15px;
    }
  
    .marquee-item img {
      height: 40px;
    }
  }
  
  /* ========================================================================
     14. How It Works 工作流程板块
     ======================================================================== */
  .how-it-works {
    position: relative;
    padding: 100px 0;
    background: #fdf9f5;
    overflow: hidden;
  }
  
  .how-it-works-wave {
    position: absolute;
    left: 0;
    right: 0;
    top: 42%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 0;
  }
  
  .how-it-works-wave svg {
    width: 100%;
    height: 120px;
  }
  
  .how-it-works-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  /* —— 标题区 —— */
  .how-it-works-header {
    text-align: center;
    max-width: 720px;
    margin-bottom: 72px;
  }
  
  .how-it-works-title {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 16px;
  }
  
  .how-it-works-title .title-accent {
    color: var(--color-primary);
    margin-right: 10px;
  }
  
  .how-it-works-title .title-main {
    color: var(--color-secondary);
  }
  
  .how-it-works-desc {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.7;
  }
  
  /* —— 步骤流程 —— */
  .how-it-works-steps {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin-bottom: 56px;
  }
  
  .work-step {
    flex: 1;
    max-width: 220px;
    text-align: center;
    padding: 0 8px;
  }
  
  .work-step:nth-child(8n+1),
  .work-step:nth-child(8n+5) {
    margin-top: 36px;
  }
  
  .work-step:nth-child(8n+3),
  .work-step:nth-child(8n+7) {
    margin-top: 0;
  }
  
  .work-step-visual {
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
  }
  
  .work-step-num {
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 2;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    background: var(--color-primary);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(247, 130, 16, 0.35);
  }
  
  .work-step-icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
  }
  
  .work-step-icon img{
    width: 40px;
    height: 40px;
    color: var(--color-primary);
  }
  
  .work-step-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 12px;
    line-height: 1.4;
  }
  
  .work-step-desc {
    font-size: 18px;
    line-height: 1.65;
    color: var(--color-text);
    opacity: 0.7;
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  
  /* —— 步骤间连接箭头 —— */
  .work-step-arrow {
    flex-shrink: 0;
    width: 48px;
    padding-top: 42px;
    color: rgba(247, 130, 16, 0.35);
  }
  
  .work-step-arrow svg {
    width: 100%;
    height: auto;
  }
  
  /* —— Start Now 按钮 —— */
  .btn-how-start {
    display: inline-block;
    padding: 14px 48px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    position: relative;
    overflow: hidden;
  }
  .btn-how-start::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .btn-how-start:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .btn-how-start:hover::after {
    left: 130%;
  }
  
  /* ========================================================================
     15. How It Works 平板端适配（≤ 1200px）
     ======================================================================== */
  @media screen and (max-width: 1200px) {
    .how-it-works-steps {
      flex-wrap: wrap;
      gap: 8px 0;
      justify-content: center;
    }
  
    .work-step {
      flex: 0 0 calc(33.333% - 32px);
      max-width: 240px;
      margin-top: 0 !important;
    }
  
    .work-step-arrow {
      display: none;
    }
  }
  
  /* ========================================================================
     16. How It Works 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .how-it-works {
      padding: 80px 0;
    }
  
    .how-it-works-header {
      margin-bottom: 56px;
    }
  
    .how-it-works-title {
      font-size: 32px;
    }
  
    .work-step {
      flex: 0 0 calc(50% - 24px);
      max-width: 280px;
      margin-bottom: 32px;
    }
  
    .how-it-works-steps {
      margin-bottom: 32px;
    }
  }
  
  /* ========================================================================
     17. How It Works 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .how-it-works {
      padding: 60px 0;
    }
  
    .how-it-works-wave {
      display: none;
    }
  
    .how-it-works-header {
      margin-bottom: 40px;
    }
  
    .how-it-works-title {
      font-size: 26px;
    }
  
    .how-it-works-title .title-accent {
      display: block;
      margin-right: 0;
      margin-bottom: 4px;
    }
  
    .how-it-works-desc {
      font-size: 18px;
    }
  
    .how-it-works-steps {
      flex-direction: column;
      align-items: center;
      gap: 0;
    }
  
    .work-step {
      flex: none;
      width: 100%;
      max-width: 360px;
      margin-bottom: 40px;
      padding: 0;
    }
  
    .work-step:last-child {
      margin-bottom: 0;
    }
  
    .work-step-icon {
      width: 88px;
      height: 88px;
    }
  
    .work-step-icon svg {
      width: 36px;
      height: 36px;
    }
  
    .btn-how-start {
      width: 100%;
      max-width: 360px;
      text-align: center;
      margin-top: 40px;
    }
  }
  
  /* ========================================================================
     18. Products 热门产品板块
     ======================================================================== */
  .products {
    padding: 60px 0 100px;
    background: #fdf9f5;
  }
  
  /* ========== Comparison 对比表格 ========== */
  .comparison {
    padding: 80px 0 80px;
    background: #fcefe3;
  }
  .comparison-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
  }
  .comparison-title {
    font-size: 36px;
    font-weight: 700;
    color: #1a1a1a;
    text-align: center;
    margin-bottom: 24px;
  }
  .comparison-action {
    text-align: center;
    margin-bottom: 40px;
  }
  .btn-comparison {
    display: inline-block;
    padding: 14px 32px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    position: relative;
    overflow: hidden;
  }
  .btn-comparison::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  .btn-comparison:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .btn-comparison:hover::after {
    left: 130%;
  }
  .comparison-table-wrap {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  }
  .comparison-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }
  .comparison-table thead tr {
    background: #fafafa;
    border-bottom: 1px solid #ebebeb;
  }
  .comparison-table th {
    padding: 18px 20px;
    font-size: 17px;
    font-weight: 600;
    color: #1a1a1a;
    text-align: left;
  }
  .cmp-col-label {
    width: 30%;
  }
  .cmp-col-brand {
    width: 30%;
    text-align: center !important;
  }
  .cmp-col-divider {
    width: 5%;
    background: transparent;
    position: relative;
  }
  .cmp-col-divider::after {
    content: '';
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    background: linear-gradient(to bottom, transparent, #e0e0e0, transparent);
  }
  .cmp-col-competitor {
    width: 30%;
    text-align: center !important;
  }
  .comparison-table tbody tr {
    border-bottom: 1px solid #f0f0f0;
  }
  .comparison-table tbody tr:last-child {
    border-bottom: none;
  }
  .comparison-table tbody tr:hover {
    background: #fafafa;
  }
  .cmp-cell-label {
    padding: 16px 20px;
    font-size: 18px;
    font-weight: 500;
    color: #333;
  }
  .cmp-cell {
    padding: 16px 20px;
    text-align: center;
    vertical-align: middle;
    position: relative;
  }
  .cmp-cell-divider {
    background: transparent;
    position: relative;
    padding: 0;
  }
  .cmp-cell-divider::after {
    content: '';
    position: absolute;
    top: 15%;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    background: linear-gradient(to bottom, transparent, #e0e0e0, transparent);
  }
  .cmp-badge {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
  }
  .cmp-badge-check {
    background: #e6f7ec;
    color: #27b361;
  }
  .cmp-badge-cross {
    background: #fdecea;
    color: #e64949;
  }
  .cmp-badge-custom {
    background: #f0f4ff;
    color: #4a6cf7;
    font-size: 13px;
    font-weight: 600;
    padding: 0 12px;
    width: auto;
    min-width: 30px;
    border-radius: 15px;
  }
  
  /* 响应式 */
  @media (max-width: 768px) {
    .comparison {
      padding: 60px 0 30px;
    }
    .comparison-title {
      font-size: 28px;
      margin-bottom: 30px;
    }
    .comparison-table th {
      font-size: 14px;
      padding: 14px 8px;
    }
    .cmp-cell-label {
      font-size: 14px;
      padding: 12px 8px;
    }
    .cmp-cell {
      padding: 12px 8px;
    }
    .cmp-badge {
      width: 24px;
      height: 24px;
      line-height: 22px;
      font-size: 14px;
    }
  }
  
  /* 对比表格动画（animate-element 元素的通用滚动动画） */
  .comparison-title.animate-element,
  .comparison-action.animate-element,
  .comparison-table-wrap.animate-element {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  .comparison-title.animate-element.is-visible,
  .comparison-action.animate-element.is-visible,
  .comparison-table-wrap.animate-element.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* ========== Good Case 增长案例 ========== */
  .good-case {
    padding: 60px 0 80px;
    background: #fcefe3;
  }
  .good-case-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 24px;
  }
  
  /* 顶部标题 */
  .good-case-header {
    text-align: center;
    margin-bottom: 32px;
  }
  .good-case-tag {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #555;
    letter-spacing: 1px;
  }
  .good-case-title {
    font-size: 46px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 8px 0 0 0;
    white-space: pre-line;
    overflow-wrap: break-word;
    word-break: normal;
  }
  
  /* 主体：左右文字 + 中间背景图（背景图撑满宽度，文字叠加在图上） */
  .good-case-body {
    position: relative;
    width: 100%;
    padding: 50px 24px 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    aspect-ratio: 16 / 9;
  }
  
  .good-case-side {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    z-index: 2;
  }
  .good-case-left {
    align-items: flex-start;
  }
  .good-case-right {
    align-items: flex-end;
  }
  .gc-label {
    font-size: 22px;
    font-weight: 500;
    color: #555;
  }
  .gc-value {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
  }
  .gc-value-big {
    /* After 数字可以略大 */
    font-size: 34px;
  }
  
  /* 底部：Using 提示 + 按钮 */
  .good-case-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    padding: 8px 40px 0;
    position: relative;
    z-index: 2;
  }
  .gc-using-hint {
    display: inline-block;
    padding: 8px 20px;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    border: 1.5px solid #1a1a1a;
    border-radius: 30px;
    background: #fff;
  }
  .gc-btn {
    display: inline-block;
    padding: 12px 28px;
    background: #fff;
    color: #1a1a1a;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    border: 1.5px solid #1a1a1a;
    border-radius: 30px;
    transition: all 0.2s ease;
  }
  .gc-btn:hover {
    background: #1a1a1a;
    color: #fff;
  }
  
  /* 滚动动画 */
  .good-case-header.animate-element,
  .good-case-body.animate-element,
  .good-case-footer.animate-element {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }
  .good-case-header.animate-element.is-visible,
  .good-case-body.animate-element.is-visible,
  .good-case-footer.animate-element.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  /* 响应式：手机端等比例缩小 */
  @media (max-width: 960px) {
    .good-case {
      padding: 40px 0 60px;
    }
    .good-case-title {
      font-size: 32px;
    }
    .gc-label {
      font-size: 18px;
    }
    .gc-value {
      font-size: 24px;
    }
    .gc-value-big {
      font-size: 26px;
    }
    .good-case-body {
      padding: 20px 20px 20px;
      aspect-ratio: 16 / 8;
    }
    .gc-using-hint {
      padding: 6px 16px;
      font-size: 13px;
      border-radius: 24px;
    }
    .gc-btn {
      padding: 10px 22px;
      font-size: 14px;
    }
  }
  
  @media (max-width: 640px) {
    .good-case-title {
      font-size: 24px;
    }
    .good-case-body {
      padding: 12px 12px 12px;
      aspect-ratio: 16 / 9;
    }
    .gc-label {
      font-size: 14px;
    }
    .gc-value {
      font-size: 18px;
    }
    .gc-value-big {
      font-size: 20px;
    }
    .good-case-footer {
      flex-direction: column;
      align-items: center;
      padding: 0 16px;
      gap: 12px;
    }
    .gc-btn {
      padding: 10px 24px;
    }
  }
  
  /* ========== Testimonials 客户评价（轮播）========== */
  .testimonials {
    padding: 80px 0 90px;
    background: #fcefe3;
  }
  .testimonials-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 24px;
  }
  
  /* 标题区 */
  .testi-header {
    text-align: center;
    margin-bottom: 48px;
  }
  .testi-title {
    font-size: 18px;
    font-weight: 600;
    color: #f78210;
    letter-spacing: 2px;
    margin: 0 0 12px 0;
    text-transform: uppercase;
  }
  .testi-subtitle {
    font-size: 38px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0;
    line-height: 1.25;
  }
  
  /* 轮播主体：相对定位让导航箭头绝对定位 */
  .testi-slider-wrap {
    position: relative;
    padding: 0 56px;
  }
  .testi-viewport {
    overflow: hidden;
    width: 100%;
  }
  .testi-track {
    display: flex;
    will-change: transform;
    backface-visibility: hidden;
  }
  .testi-track.is-animating {
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .testi-slide {
    flex: 0 0 100%;
    min-width: 0;
    padding: 0 12px;
    box-sizing: border-box;
  }
  /* 桌面：根据视口宽多卡片并排 */
  @media (min-width: 768px) {
    .testi-slide { flex-basis: 50%; }
  }
  @media (min-width: 1100px) {
    .testi-slide { flex-basis: 25%; }
  }
  
  /* 卡片 */
  .testi-card {
    background: #fdf9f5;
    border: 1px solid #f2e6d9;
    border-radius: 16px;
    padding: 36px 28px 28px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
  }
  .testi-card:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    border-color: #f78210;
  }
  .testi-quote {
    width: 36px;
    height: 36px;
    color: #f78210;
    margin-bottom: 18px;
    opacity: 0.85;
  }
  .testi-quote svg {
    width: 100%;
    height: 100%;
  }
  .testi-content {
    font-size: 18px;
    line-height: 1.7;
    color: #3a3a3a;
    margin: 0 0 20px 0;
    flex: 1;
  }
  
  /* 星级 */
  .testi-stars {
    display: flex;
    gap: 3px;
    margin-bottom: 20px;
  }
  .testi-star {
    color: #ddd;
    font-size: 18px;
  }
  .testi-star.is-active {
    color: #f7b400;
  }
  
  /* 评价人 */
  .testi-person {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid #f2e6d9;
  }
  .testi-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #f78210;
  }
  .testi-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .testi-avatar-letter {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    background: linear-gradient(135deg, #f78210, #d44a1a);
  }
  .testi-person-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }
  .testi-name {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a1a;
  }
  .testi-role {
    font-size: 13px;
    color: #888;
  }
  
  /* 左右箭头按钮 */
  .testi-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e5e5e5;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    z-index: 2;
  }
  .testi-nav svg {
    width: 20px;
    height: 20px;
  }
  .testi-nav:hover {
    background: #f78210;
    color: #fff;
    border-color: #f78210;
  }
  .testi-nav:active {
    transform: translateY(-50%) scale(0.94);
  }
  .testi-prev { left: 0; }
  .testi-next { right: 0; }
  
  /* 圆点分页 */
  .testi-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 32px;
  }
  .testi-dot {
    width: 10px;
    height: 10px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #d5d5d5;
    cursor: pointer;
    transition: all 0.25s ease;
  }
  .testi-dot:hover {
    background: #f7a460;
  }
  .testi-dot.is-active {
    background: #f78210;
    width: 28px;
    border-radius: 5px;
  }
  
  /* 响应式 */
  @media (max-width: 768px) {
    .testimonials {
      padding: 50px 0 60px;
    }
    .testi-subtitle {
      font-size: 26px;
    }
    .testi-slider-wrap {
      padding: 0 44px;
    }
    .testi-card {
      padding: 28px 20px 22px;
    }
    .testi-content {
      font-size: 14px;
      min-height: auto;
    }
    .testi-nav {
      width: 36px;
      height: 36px;
    }
    .testi-nav svg {
      width: 16px;
      height: 16px;
    }
  }
  
  /* ========== Home CTA 底部行动号召 ========== */
  .home-cta {
    background: #fdf9f5;
    padding: 100px 0;
  }
  .home-cta-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 24px;
  }
  .home-cta-content {
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
  }
  .home-cta-heading {
    font-size: 64px;
    font-weight: 800;
    letter-spacing: -1px;
    background: linear-gradient(120deg, #ff6b35 0%, #d44a1a 35%, #ff9966 70%, #ffcc00 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    margin: 0 0 16px 0;
    line-height: 1.1;
    text-shadow: 0 4px 16px rgba(247, 130, 16, 0.15);
  }
  .home-cta-subheading {
    font-size: 20px;
    color: #555;
    margin: 0 0 32px 0;
    line-height: 1.5;
  }
  .home-cta-keywords {
    list-style: none;
    margin: 0 0 32px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 36px;
  }
  .home-cta-keywords li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.2;
  }
  .home-cta-keywords strong,
  .home-cta-keywords span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
  }
  .home-cta-btn {
    display: inline-block;
    padding: 14px 48px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    position: relative;
    overflow: hidden;
  }
  .home-cta-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  .home-cta-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .home-cta-btn:hover::after {
    left: 130%;
  }
  .home-cta-note {
    font-size: 14px;
    color: #888;
    margin: 16px 0 0 0;
  }
  
  /* 响应式 */
  @media (max-width: 768px) {
    .home-cta { padding: 60px 0; }
    .home-cta-heading { font-size: 36px; letter-spacing: -0.5px; }
    .home-cta-subheading { font-size: 18px; margin-bottom: 24px; }
    .home-cta-keywords { gap: 16px; margin-bottom: 24px; }
    .home-cta-keywords li { font-size: 16px; }
    .home-cta-btn { font-size: 15px; padding: 14px 36px; }
  }
  
  /* ========== Products 热门产品 ========== */
  
  .products-container {
    max-width: var(--container-max-width);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  /* —— 标题区 —— */
  .products-header {
    text-align: center;
    /* max-width: 760px; */
    margin-bottom: 60px;
  }
  
  .products-title {
    font-size: 46px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.3;
    margin-bottom: 20px;
  }
  
  .products-desc {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.75;
  }
  
  /* —— 产品分类网格（桌面端：5 列错位横排）—— */
  .products-grid {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
    min-height: 440px;
  }
  
  .product-card {
    flex: 1;
    min-width: 0;
    height: 400px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #f5f5f5;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  /* 偶数卡片下移，形成高低错位 */
  .product-card:nth-child(even) {
    margin-top: 28px;
  }
  
  .product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12);
  }
  
  .product-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  
  .product-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(30, 30, 30, 0.58);
    pointer-events: none;
    z-index: 1;
  }
  
  .product-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  
  .product-card:hover .product-media img {
    transform: scale(1.08);
  }
  
  /* —— 文字信息覆盖在图片底部 —— */
  .product-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 60px 24px 24px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  }
  
  .product-name {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
  }
  
  /* ========================================================================
     15. Products 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .products {
      padding: 0 0 80px;
    }
  
    .products-header {
      margin-bottom: 48px;
    }
  
    .products-title {
      font-size: 32px;
    }
  
    /* 平板：2 列网格，取消错位 */
    .products-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      min-height: auto;
    }
  
    .product-card {
      flex: none;
      height: 280px;
    }
  
    .product-card:nth-child(even) {
      margin-top: 0;
    }
  
    .product-name {
      font-size: 18px;
    }
  }
  
  /* ========================================================================
     16. Products 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .products {
      padding: 0 0 60px;
    }
  
    .products-header {
      margin-bottom: 32px;
    }
  
    .products-title {
      font-size: 26px;
    }
  
    .products-desc {
      font-size: 18px;
    }
  
    /* 移动端：单列堆叠，统一高度 */
    .products-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      min-height: auto;
    }
  
    .product-card {
      flex: none;
      height: 240px;
    }
  
    .product-card:nth-child(even) {
      margin-top: 0;
    }
  
    .product-name {
      font-size: 18px;
    }
  
    .product-info {
      padding: 48px 20px 20px;
    }
  }
  
  /* ========================================================================
     17. Products 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .products-title {
      font-size: 22px;
    }
  
    .product-card {
      height: 200px;
    }
  }
  
  /* ========================================================================
     18. 服务页 - Dropshipping Fulfillment
     ======================================================================== */
  .service-page {
    padding: 80px 0 100px;
    background: #fff;
  }
  
  .service-page-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 24px;
  }
  
  .service-page-header {
    text-align: center;
    max-width: 800px;
    margin-bottom: 72px;
  }
  
  .service-page-title {
    font-size: 46px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.25;
    margin-bottom: 20px;
  }
  
  .service-page-desc {
    font-size: 17px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.75;
  }
  
  .service-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 56px 64px;
    width: 100%;
  }
  
  .service-feature-item {
    display: flex;
    gap: 24px;
    align-items: flex-start;
  }
  
  .service-feature-icon {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
  }
  
  .service-feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .service-feature-text {
    flex: 1;
    min-width: 0;
  }
  
  .service-feature-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.4;
    margin-bottom: 14px;
  }
  
  .service-feature-desc {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.7;
  }
  
  /* ========================================================================
     19. 服务页平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .service-page {
      padding: 64px 0 80px;
    }
  
    .service-page-header {
      margin-bottom: 56px;
    }
  
    .service-page-title {
      font-size: 36px;
    }
  
    .service-page-desc {
      font-size: 18px;
    }
  
    .service-features {
      gap: 48px 40px;
    }
  
    .service-feature-title {
      font-size: 18px;
    }
  
    .service-feature-desc {
      font-size: 18px;
    }
  }
  
  /* ========================================================================
     20. 服务页移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .service-page {
      padding: 48px 0 64px;
    }
  
    .service-page-header {
      margin-bottom: 40px;
    }
  
    .service-page-title {
      font-size: 28px;
      margin-bottom: 14px;
    }
  
    .service-page-desc {
      font-size: 18px;
    }
  
    .service-features {
      grid-template-columns: 1fr;
      gap: 36px;
    }
  
    .service-feature-item {
      gap: 20px;
    }
  
    .service-feature-icon {
      width: 60px;
      height: 60px;
    }
  }
  
  /* ========================================================================
     21. 服务页小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .service-page-title {
      font-size: 24px;
    }
  
    .service-feature-item {
      flex-direction: column;
      gap: 16px;
    }
  }
  
  /* ========================================================================
     22. 服务页 - Sourcing Solution
     ======================================================================== */
  .service-sourcing .service-page-container {
    align-items: stretch;
  }
  
  .sourcing-intro {
    display: flex;
    gap: 48px;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: 900px;
    margin: 0 auto 80px;
  }
  
  .sourcing-intro-icon {
    flex-shrink: 0;
    width: 200px;
  }
  
  .sourcing-intro-icon img {
    width: 100%;
    height: auto;
    border-radius: 50%;
  }
  
  .sourcing-intro-content {
    flex: 1;
    min-width: 0;
  }
  
  .sourcing-title {
    font-size: 46px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.25;
    margin-bottom: 20px;
  }
  
  .sourcing-title .title-accent {
    color: var(--color-primary);
  }
  
  .sourcing-lead {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.8;
    margin-bottom: 24px;
  }
  
  .sourcing-label {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    margin-bottom: 12px;
  }
  
  .sourcing-list {
    margin-bottom: 24px;
    padding-left: 20px;
  }
  
  .sourcing-list li {
    position: relative;
    font-size: 18px;
    line-height: 1.8;
    color: var(--color-text);
    opacity: 0.8;
    padding-left: 4px;
    list-style: disc;
  }
  
  .sourcing-note {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.75;
    margin-bottom: 32px;
  }
  
  .btn-sourcing {
    display: inline-block;
    padding: 14px 36px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    position: relative;
    overflow: hidden;
  }
  .btn-sourcing::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .btn-sourcing:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .btn-sourcing:hover::after {
    left: 130%;
  }
  
  .sourcing-highlights {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    padding-top: 16px;
    border-top: 1px solid #eee;
  }
  
  .sourcing-highlight-item {
    text-align: center;
    padding: 32px 24px;
    background: #fdf9f5;
    border-radius: 12px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  }
  
  .sourcing-highlight-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transform: translateY(-4px);
  }
  
  .sourcing-highlight-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(247, 130, 16, 0.1);
    border-radius: 50%;
  }
  
  .sourcing-highlight-icon svg {
    width: 26px;
    height: 26px;
    color: var(--color-primary);
  }
  
  .sourcing-highlight-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
  }
  
  .sourcing-highlight-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 12px;
  }
  
  .sourcing-highlight-desc {
    font-size: 18px;
    line-height: 1.7;
    color: var(--color-text);
    opacity: 0.7;
  }
  
  /* ========================================================================
     23. Sourcing 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .sourcing-intro {
      gap: 36px;
      margin-bottom: 64px;
    }
  
    .sourcing-intro-icon {
      width: 160px;
    }
  
    .sourcing-title {
      font-size: 32px;
    }
  
    .sourcing-highlights {
      gap: 24px;
    }
  }
  
  /* ========================================================================
     24. Sourcing 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .sourcing-intro {
      flex-direction: column;
      align-items: center;
      text-align: center;
      margin-bottom: 48px;
    }
  
    .sourcing-intro-icon {
      width: 140px;
    }
  
    .sourcing-title {
      font-size: 28px;
    }
  
    .sourcing-list {
      text-align: left;
      display: inline-block;
    }
  
    .btn-sourcing {
      width: 100%;
      text-align: center;
    }
  
    .sourcing-highlights {
      grid-template-columns: 1fr;
      gap: 20px;
      padding-top: 0;
      border-top: none;
    }
  
    .sourcing-highlight-item {
      padding: 28px 20px;
    }
  }
  
  /* ========================================================================
     25. Sourcing 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .sourcing-title {
      font-size: 24px;
    }
  
    .sourcing-intro-icon {
      width: 120px;
    }
  }
  
  /* ========================================================================
     26. 服务页 - Branding
     ======================================================================== */
  
  /* —— 模块一：品牌介绍 —— */
  .brand-hero {
    padding: 80px 0 48px;
    background: #fff;
  }
  
  .brand-hero-container {
    max-width: 760px;
    text-align: center;
  }
  
  .brand-hero-title {
    font-size: 46px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.2;
    margin-bottom: 20px;
  }
  
  .brand-hero-question {
    font-size: 17px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.75;
    margin-bottom: 24px;
  }
  
  .brand-hero-slogan {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-secondary);
  }
  
  /* —— 模块一：三大服务卡片 —— */
  .brand-services {
    padding: 0 0 100px;
    background: #fff;
  }
  
  .brand-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  
  .brand-service-card {
    background: #fdf9f5;
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  }
  
  .brand-service-card:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    transform: translateY(-6px);
  }
  
  .brand-service-media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f5f0eb;
  }
  
  .brand-service-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }
  
  .brand-service-card:hover .brand-service-media img {
    transform: scale(1.05);
  }
  
  .brand-service-body {
    padding: 32px 28px 36px;
  }
  
  .brand-service-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.4;
    margin-bottom: 14px;
  }
  
  .brand-service-desc {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.7;
  }
  
  /* —— 模块二：六步流程 —— */
  .brand-process {
    padding: 100px 0;
    background: #fdf9f5;
  }
  
  .brand-process-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 56px 80px;
  }
  
  .brand-process-item {
    display: flex;
    gap: 28px;
    align-items: flex-start;
  }
  
  .brand-process-icon {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
  }
  
  .brand-process-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .brand-process-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.4;
    margin-bottom: 12px;
  }
  
  .brand-process-desc {
    font-size: 15px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.7;
  }
  
  /* —— 模块三：包装方案轮播 —— */
  .brand-packaging {
    padding: 100px 0;
    background: #fff;
  }
  
  .brand-packaging-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .brand-packaging-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.35;
    text-align: center;
    max-width: 800px;
    margin-bottom: 56px;
  }
  
  .brand-packaging-title .title-accent {
    color: var(--color-primary);
    display: block;
    margin-bottom: 8px;
  }
  
  .brand-slider {
    position: relative;
    width: 100%;
    max-width: 1100px;
    padding: 0 56px;
  }
  
  .brand-slider-viewport {
    overflow: hidden;
    border-radius: 12px;
  }
  
  .brand-slider-track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
  }
  
  .brand-slider-track.is-resetting {
    transition: none;
  }
  
  .brand-slider-slide {
    flex: 0 0 33.333%;
    padding: 0 12px;
    box-sizing: border-box;
  }
  
  .brand-slider-slide img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  }
  
  .brand-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    color: var(--color-secondary);
    cursor: pointer;
    transition: all 0.25s ease;
    z-index: 2;
  }
  
  .brand-slider-arrow:hover {
    background: var(--color-primary);
    color: #fff;
  }
  
  .brand-slider-arrow svg {
    width: 20px;
    height: 20px;
  }
  
  .brand-slider-prev {
    left: 0;
  }
  
  .brand-slider-next {
    right: 0;
  }
  
  .brand-slider-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 32px;
  }
  
  .brand-slider-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(62, 62, 62, 0.2);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: all 0.25s ease;
  }
  
  .brand-slider-dot.active {
    background: var(--color-primary);
    transform: scale(1.2);
  }
  
  /* ========================================================================
     27. Branding 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .brand-hero-title {
      font-size: 40px;
    }
  
    .brand-services-grid {
      grid-template-columns: 1fr;
      gap: 28px;
      max-width: 520px;
      margin: 0 auto;
    }
  
    .brand-process-grid {
      gap: 40px 48px;
    }
  
    .brand-packaging-title {
      font-size: 30px;
      margin-bottom: 44px;
    }
  
    .brand-slider-slide {
      flex: 0 0 50%;
    }
  }
  
  /* ========================================================================
     28. Branding 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .brand-hero {
      padding: 56px 0 36px;
    }
  
    .brand-hero-title {
      font-size: 32px;
    }
  
    .brand-hero-question {
      font-size: 15px;
    }
  
    .brand-hero-slogan {
      font-size: 18px;
    }
  
    .brand-services {
      padding-bottom: 64px;
    }
  
    .brand-service-body {
      padding: 24px 20px 28px;
    }
  
    .brand-process {
      padding: 64px 0;
    }
  
    .brand-process-grid {
      grid-template-columns: 1fr;
      gap: 36px;
    }
  
    .brand-process-icon {
      width: 64px;
      height: 64px;
    }
  
    .brand-packaging {
      padding: 64px 0;
    }
  
    .brand-packaging-title {
      font-size: 24px;
      margin-bottom: 36px;
    }
  
    .brand-slider {
      padding: 0 44px;
    }
  
    .brand-slider-slide {
      flex: 0 0 100%;
    }
  
    .brand-slider-arrow {
      width: 38px;
      height: 38px;
    }
  }
  
  /* ========================================================================
     29. Branding 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .brand-hero-title {
      font-size: 28px;
    }
  
    .brand-process-item {
      flex-direction: column;
      gap: 16px;
    }
  
    .brand-slider {
      padding: 0 36px;
    }
  }
  
  /* ========================================================================
     30. Affiliates 推荐计划页
     ======================================================================== */
  
  /* —— Hero 板块 —— */
  .affiliates-hero {
    padding: 80px 0 64px;
    background: #fff;
  }
  
  .affiliates-hero-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 760px;
    margin: 0 auto;
  }
  
  .affiliates-hero-illustration {
    width: 320px;
    height: 280px;
    margin-bottom: 48px;
    background: url('../imgs/affiliates-hero.png') no-repeat;
    background-size: 200% auto;
    background-position: 92% center;
  }
  
  .affiliates-hero-title {
    font-size: 46px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.3;
    margin-bottom: 24px;
  }
  
  .affiliates-hero-title .title-accent {
    color: var(--color-primary);
  }
  
  .affiliates-hero-title .title-suffix {
    white-space: pre-line;
    overflow-wrap: break-word;
  }
  
  .affiliates-hero-desc {
    font-size: 18px;
    line-height: 1.8;
    color: var(--color-text);
    opacity: 0.75;
    margin-bottom: 36px;
    max-width: 640px;
  }
  
  .btn-affiliates {
    display: inline-block;
    padding: 14px 40px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    position: relative;
    overflow: hidden;
  }
  .btn-affiliates::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .btn-affiliates:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .btn-affiliates:hover::after {
    left: 130%;
  }
  
  /* —— How It Works 板块 —— */
  .affiliates-steps {
    padding: 80px 0 100px;
    background: #fdf9f5;
  }
  
  .affiliates-steps-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .affiliates-steps-title {
    font-size: 46px;
    font-weight: 700;
    color: var(--color-secondary);
    text-align: center;
    margin-bottom: 64px;
  }
  
  .affiliates-steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
    width: 100%;
    max-width: 960px;
  }
  
  .affiliates-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  .affiliates-step-icon {
    width: 90px;
    height: 90px;
    margin-bottom: 24px;
  }
  
  .affiliates-step-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .affiliates-step-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 14px;
  }
  
  .affiliates-step-desc {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.7;
    max-width: 280px;
  }
  
  /* ========================================================================
     31. Affiliates 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .affiliates-hero {
      padding: 64px 0 56px;
    }
  
    .affiliates-hero-title {
      font-size: 36px;
    }
  
    .affiliates-steps {
      padding: 64px 0 80px;
    }
  
    .affiliates-steps-title {
      font-size: 32px;
      margin-bottom: 48px;
    }
  
    .affiliates-steps-grid {
      gap: 36px;
    }
  }
  
  /* ========================================================================
     32. Affiliates 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .affiliates-hero {
      padding: 48px 0 40px;
    }
  
    .affiliates-hero-illustration {
      width: 260px;
      height: 220px;
      margin-bottom: 36px;
    }
  
    .affiliates-hero-title {
      font-size: 28px;
      margin-bottom: 18px;
    }
  
    .affiliates-hero-desc {
      font-size: 15px;
      margin-bottom: 28px;
    }
  
    .btn-affiliates {
      width: 100%;
      max-width: 360px;
      text-align: center;
    }
  
    .affiliates-steps {
      padding: 56px 0 64px;
    }
  
    .affiliates-steps-title {
      font-size: 26px;
      margin-bottom: 40px;
    }
  
    .affiliates-steps-grid {
      grid-template-columns: 1fr;
      gap: 48px;
      max-width: 360px;
    }
  
    .affiliates-step-icon {
      width: 72px;
      height: 72px;
      margin-bottom: 16px;
    }
  
    .affiliates-step-title {
      font-size: 20px;
    }
  
    .affiliates-step-desc {
      font-size: 18px;
      max-width: 100%;
    }
  }
  
  /* ========================================================================
     33. Affiliates 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .affiliates-hero-title {
      font-size: 24px;
    }
  
    .affiliates-hero-illustration {
      width: 220px;
      height: 190px;
    }
  }
  
  /* ========================================================================
     34. About Us 关于我们页
     ======================================================================== */
  
  /* —— Banner（固定背景） —— */
  .about-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 480px;
    background-image: url('../imgs/about-banner.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .about-banner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(30, 45, 70, 0.55);
  }
  
  .about-banner-title {
    position: relative;
    z-index: 1;
    font-size: 46px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
  }
  
  /* —— 模块二：品牌介绍 —— */
  .about-intro {
    padding: 80px 0;
    background: #fff;
  }
  
  .about-intro-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 60px;
    text-align: left;
  }
  
  .about-intro-text {
    flex: 1;
    min-width: 0;
  }
  
  .about-intro-text p {
    font-size: 18px;
    line-height: 1.85;
    color: var(--color-text);
    opacity: 0.85;
  }
  
  .about-intro-media {
    flex: 1;
    min-width: 0;
  }
  
  .about-intro-media img {
    width: 100%;
    height: auto;
    border-radius: 12px;
  }
  
  /* —— 模块三：愿景 + 四大优势 —— */
  .about-vision {
    padding: 80px 0 100px;
    background: #fdf9f5;
  }
  
  .about-vision-container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .about-vision-header {
    max-width: 800px;
    text-align: center;
    margin-bottom: 64px;
  }
  
  .about-vision-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 20px;
  }
  
  .about-vision-desc {
    font-size: 18px;
    line-height: 1.8;
    color: var(--color-text);
    opacity: 0.75;
  }
  
  .about-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    width: 100%;
  }
  
  .about-feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 20px;
    background: #fff;
    border-radius: 12px;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
  }
  
  .about-feature-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
    transform: translateY(-4px);
  }
  
  .about-feature-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
  }
  
  .about-feature-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .about-feature-title {
    font-size: 17px;
    font-weight: 700;
    color: var(--color-secondary);
    line-height: 1.4;
    margin-bottom: 12px;
  }
  
  .about-feature-desc {
    font-size: 18px;
    line-height: 1.7;
    color: var(--color-text);
    opacity: 0.7;
  }
  
  /* —— 模块四：价值主张 / 影响力 / 承诺 / 联系 —— */
  .about-content {
    padding: 80px 0 100px;
    background: #fff;
  }
  
  .about-content-container {
    max-width: 800px;
  }
  
  .about-block + .about-block {
    margin-top: 56px;
    padding-top: 56px;
    border-top: 1px solid #eee;
  }
  
  .about-block-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 20px;
  }
  
  .about-block-lead {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.8;
    margin-bottom: 16px;
  }
  
  .about-block-text {
    font-size: 18px;
    line-height: 1.8;
    color: var(--color-text);
    opacity: 0.8;
  }
  
  .about-block-text + .about-block-text {
    margin-top: 8px;
  }
  
  .about-block-text a {
    color: var(--color-primary);
    font-weight: 500;
  }
  
  .about-block-text a:hover {
    text-decoration: underline;
  }
  
  .about-list {
    padding-left: 0;
  }
  
  .about-list li {
    position: relative;
    font-size: 18px;
    line-height: 1.8;
    color: var(--color-text);
    opacity: 0.8;
    padding-left: 20px;
    margin-bottom: 10px;
  }
  
  .about-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
  }
  
  .about-list li strong {
    color: var(--color-secondary);
    font-weight: 600;
  }
  
  .about-metrics li {
    position: relative;
    font-size: 18px;
    line-height: 1.8;
    color: var(--color-text);
    opacity: 0.8;
    padding-left: 20px;
    margin-bottom: 10px;
  }
  
  .about-metrics li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-primary);
  }
  
  .about-connect {
    text-align: center;
  }
  
  /* ========================================================================
     35. About Us 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .about-banner {
      min-height: 400px;
    }
  
    .about-banner-title {
      font-size: 40px;
    }
  
    .about-intro {
      padding: 64px 0;
    }
  
    .about-intro-container {
      gap: 40px;
    }
  
    .about-intro-text p {
      font-size: 18px;
    }
  
    .about-vision {
      padding: 64px 0 80px;
    }
  
    .about-vision-header {
      margin-bottom: 48px;
    }
  
    .about-vision-title {
      font-size: 30px;
    }
  
    .about-features-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 24px;
    }
  
    .about-content {
      padding: 64px 0 80px;
    }
  
    .about-block-title {
      font-size: 24px;
    }
  }
  
  /* ========================================================================
     36. About Us 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .about-banner {
      min-height: 320px;
      background-attachment: scroll;
    }
  
    .about-banner-title {
      font-size: 32px;
    }
  
    .about-intro {
      padding: 48px 0;
    }
  
    .about-intro-container {
      flex-direction: column;
      gap: 32px;
    }
  
    .about-intro-text p {
      font-size: 15px;
      text-align: center;
    }
  
    .about-vision {
      padding: 48px 0 64px;
    }
  
    .about-vision-header {
      margin-bottom: 36px;
    }
  
    .about-vision-title {
      font-size: 26px;
    }
  
    .about-vision-desc {
      font-size: 15px;
    }
  
    .about-features-grid {
      grid-template-columns: 1fr;
      gap: 16px;
      max-width: 400px;
      margin: 0 auto;
    }
  
    .about-feature-item {
      padding: 28px 24px;
    }
  
    .about-content {
      padding: 48px 0 64px;
    }
  
    .about-block + .about-block {
      margin-top: 40px;
      padding-top: 40px;
    }
  
    .about-block-title {
      font-size: 22px;
      margin-bottom: 16px;
    }
  
    .about-block-lead,
    .about-block-text,
    .about-list li,
    .about-metrics li {
      font-size: 18px;
    }
  }
  
  /* ========================================================================
     37. About Us 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .about-banner {
      min-height: 280px;
    }
  
    .about-banner-title {
      font-size: 28px;
    }
  
    .about-vision-title {
      font-size: 24px;
    }
  
    .about-feature-icon {
      width: 56px;
      height: 56px;
    }
  }
  
  /* ========================================================================
     38. Contact Us 联系我们页
     ======================================================================== */
  
  /* —— Banner —— */
  .contact-banner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 480px;
    background-image: url('../imgs/s12.jpg');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .contact-banner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(30, 45, 70, 0.55);
  }
  
  .contact-banner-title {
    position: relative;
    z-index: 1;
    font-size: 46px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 1px;
  }
  
  /* —— 联系表单 —— */
  .contact-form-section {
    padding: 80px 0 100px;
    background: #fff;
  }
  
  .contact-form-container {
    max-width: 720px;
  }
  
  .contact-form-header {
    margin-bottom: 40px;
  }
  
  .contact-form-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 16px;
  }
  
  .contact-form-desc {
    font-size: 18px;
    line-height: 1.75;
    color: var(--color-text);
    opacity: 0.75;
  }
  
  .contact-form-row {
    display: flex;
    gap: 20px;
  }
  
  .contact-form-field {
    flex: 1;
    margin-bottom: 20px;
  }
  
  .contact-form-field input,
  .contact-form-field textarea {
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    color: var(--color-text);
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  
  .contact-form-field input::placeholder,
  .contact-form-field textarea::placeholder {
    color: #999;
  }
  
  .contact-form-field input:focus,
  .contact-form-field textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(247, 130, 16, 0.12);
  }
  
  .contact-form-field textarea {
    resize: vertical;
    min-height: 160px;
  }
  
  .btn-contact-send {
    display: inline-block;
    padding: 14px 48px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    position: relative;
    overflow: hidden;
  }
  .btn-contact-send::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .btn-contact-send:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .btn-contact-send:hover::after {
    left: 130%;
  }
  
  /* ========================================================================
     39. Contact Us 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .contact-banner {
      min-height: 400px;
    }
  
    .contact-banner-title {
      font-size: 40px;
    }
  
    .contact-form-section {
      padding: 64px 0 80px;
    }
  
    .contact-form-title {
      font-size: 30px;
    }
  }
  
  /* ========================================================================
     40. Contact Us 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .contact-banner {
      min-height: 320px;
      background-attachment: scroll;
    }
  
    .contact-banner-title {
      font-size: 32px;
    }
  
    .contact-form-section {
      padding: 48px 0 64px;
    }
  
    .contact-form-header {
      margin-bottom: 32px;
    }
  
    .contact-form-title {
      font-size: 26px;
    }
  
    .contact-form-desc {
      font-size: 15px;
    }
  
    .contact-form-row {
      flex-direction: column;
      gap: 0;
    }
  
    .btn-contact-send {
      width: 100%;
      text-align: center;
    }
  }
  
  /* ========================================================================
     41. Contact Us 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .contact-banner {
      min-height: 280px;
    }
  
    .contact-banner-title {
      font-size: 28px;
    }
  
    .contact-form-title {
      font-size: 24px;
    }
  
    .contact-form-field input,
    .contact-form-field textarea {
      font-size: 18px;
      padding: 12px 14px;
    }
  }
  
  /* ========================================================================
     42. Auth 登录 / 注册 / 忘记密码页（WordPress 友好结构）
     ======================================================================== */
  
  .auth-body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  
  .auth-page {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 24px 80px;
    background: #fdf9f5;
  }
  
  .auth-card {
    width: 100%;
    max-width: 440px;
    padding: 48px 40px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
  }
  
  .auth-card-header {
    text-align: center;
    margin-bottom: 32px;
  }
  
  .auth-title {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-secondary);
    margin-bottom: 10px;
  }
  
  .auth-desc {
    font-size: 15px;
    line-height: 1.65;
    color: var(--color-text);
    opacity: 0.7;
  }
  
  .auth-form {
    display: flex;
    flex-direction: column;
  }
  
  .auth-field {
    margin-bottom: 20px;
  }
  
  .auth-label {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: var(--color-secondary);
    margin-bottom: 8px;
  }
  
  .auth-field input {
    width: 100%;
    padding: 13px 16px;
    font-size: 15px;
    color: var(--color-text);
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
  }
  
  .auth-field input::placeholder {
    color: #999;
  }
  
  .auth-field input:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(247, 130, 16, 0.12);
  }
  
  .auth-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
  }
  
  .auth-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    color: var(--color-text);
    cursor: pointer;
    user-select: none;
  }
  
  .auth-checkbox input {
    width: 16px;
    height: 16px;
    accent-color: var(--color-primary);
    cursor: pointer;
  }
  
  .auth-link {
    font-size: 18px;
    color: var(--color-primary);
    font-weight: 500;
  }
  
  .auth-link:hover {
    text-decoration: underline;
  }
  
  .btn-auth-submit {
    width: 100%;
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border-radius: 50px;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    position: relative;
    overflow: hidden;
  }
  .btn-auth-submit::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .btn-auth-submit:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .btn-auth-submit:hover::after {
    left: 130%;
  }
  
  .auth-switch {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #eee;
    text-align: center;
    font-size: 18px;
    color: var(--color-text);
    opacity: 0.8;
  }
  
  .auth-switch a {
    color: var(--color-primary);
    font-weight: 600;
  }
  
  .auth-switch a:hover {
    text-decoration: underline;
  }
  
  /* 导航按钮 active 状态（登录/注册页） */
  .btn-login.active,
  .btn-register.active {
    opacity: 1;
  }
  
  .btn-login.active {
    background: var(--color-secondary);
    color: #fff;
  }
  
  .btn-register.active {
    background: #e6740a;
    border-color: #e6740a;
  }
  
  /* ========================================================================
     43. Auth 平板端适配（≤ 992px）
     ======================================================================== */
  @media screen and (max-width: 992px) {
    .auth-page {
      padding: 48px 20px 64px;
    }
  
    .auth-card {
      padding: 40px 32px;
    }
  }
  
  /* ========================================================================
     44. Auth 移动端适配（≤ 768px）
     ======================================================================== */
  @media screen and (max-width: 768px) {
    .auth-page {
      padding: 40px 16px 56px;
    }
  
    .auth-card {
      padding: 32px 24px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    }
  
    .auth-title {
      font-size: 24px;
    }
  
    .auth-desc {
      font-size: 18px;
    }
  
    .auth-options {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }
  
    .auth-field input {
      font-size: 18px;
      padding: 12px 14px;
    }
  }
  
  /* ========================================================================
     45. Auth 小屏移动端（≤ 480px）
     ======================================================================== */
  @media screen and (max-width: 480px) {
    .auth-card {
      padding: 28px 20px;
    }
  
    .auth-title {
      font-size: 22px;
    }
  }
  
  /* ========================================================================
     46. Contact Form 7 适配（使 CF7 输出与静态 contact.html 表单外观一致）
     ======================================================================== */
  
  /* —— 表单整体容器 —— */
  .wpcf7 {
    width: 100%;
  }
  
  .wpcf7-form {
    width: 100%;
  }
  
  /* —— 隐藏 CF7 自动插入的 <p> / <br> 额外间距 —— */
  .wpcf7-form > p,
  .wpcf7-form p {
    margin: 0;
    padding: 0;
  }
  
  /* —— 让 CF7 在 contact-form-field 容器内的输入框继承原样式
        （CF7 会额外包裹一层 .wpcf7-form-control-wrap，
         所以下面把原 .contact-form-field input 的样式扩展到 .wpcf7-* 选择器上）
  —— */
  .contact-form-field .wpcf7-text,
  .contact-form-field .wpcf7-email,
  .contact-form-field .wpcf7-tel,
  .contact-form-field .wpcf7-textarea {
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    color: var(--color-text);
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    font-family: inherit;
  }
  
  .contact-form-field .wpcf7-textarea {
    resize: vertical;
    min-height: 160px;
  }
  
  .contact-form-field .wpcf7-text::placeholder,
  .contact-form-field .wpcf7-email::placeholder,
  .contact-form-field .wpcf7-tel::placeholder,
  .contact-form-field .wpcf7-textarea::placeholder {
    color: #999;
  }
  
  .contact-form-field .wpcf7-text:focus,
  .contact-form-field .wpcf7-email:focus,
  .contact-form-field .wpcf7-tel:focus,
  .contact-form-field .wpcf7-textarea:focus {
    border-color: var(--color-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(247, 130, 16, 0.12);
  }
  
  /* —— 提交按钮（与原 .btn-contact-send 样式一致，
        用 class:btn-contact-send 通过 CF7 [submit] 短代码添加） —— */
  .wpcf7-form .btn-contact-send,
  .wpcf7-submit.btn-contact-send {
    display: inline-block;
    padding: 14px 48px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    font-family: inherit;
    position: relative;
    overflow: hidden;
  }
  .wpcf7-form .btn-contact-send::after,
  .wpcf7-submit.btn-contact-send::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .wpcf7-form .btn-contact-send:hover,
  .wpcf7-submit.btn-contact-send:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .wpcf7-form .btn-contact-send:hover::after,
  .wpcf7-submit.btn-contact-send:hover::after {
    left: 130%;
  }
  
  /* —— 作为兜底：即便用户没加 class:btn-contact-send，
        默认的 .wpcf7-submit 也保持一致外观 —— */
  .wpcf7-submit:not(.btn-contact-send) {
    display: inline-block;
    padding: 14px 48px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #d44a1a, var(--color-primary));
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.25s ease;
    box-shadow: 0 4px 16px rgba(247, 130, 16, 0.3);
    font-family: inherit;
    position: relative;
    overflow: hidden;
  }
  .wpcf7-submit:not(.btn-contact-send)::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: left 0.6s ease;
    pointer-events: none;
  }
  
  .wpcf7-submit:not(.btn-contact-send):hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(247, 130, 16, 0.4);
  }
  .wpcf7-submit:not(.btn-contact-send):hover::after {
    left: 130%;
  }
  
  /* —— 提交反馈信息 —— */
  .wpcf7-response-output {
    margin: 20px 0 0;
    padding: 12px 16px;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
  }
  
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output,
  .wpcf7 form.failed .wpcf7-response-output {
    border-color: #ffb900;
    background: #fff8e1;
    color: #8a6d00;
  }
  
  .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background: #edf7ed;
    color: #2d6c2d;
  }
  
  .wpcf7-not-valid-tip {
    font-size: 13px;
    color: #d44a1a;
    margin-top: 6px;
    display: block;
  }
  
  /* —— 提交中加载状态 —— */
  .wpcf7-spinner {
    margin-left: 10px;
  }
  
  /* —— 小屏自适应：两列改单列 —— */
  @media screen and (max-width: 768px) {
    .contact-form-row {
      flex-direction: column;
    }
  
    .contact-form-row .wpcf7-submit,
    .wpcf7-submit.btn-contact-send {
      width: 100%;
      text-align: center;
    }
  }

/* ========================================================================
   46. Policy Pages 政策页（Privacy / Refund）
   ======================================================================== */

.policy-page {
  padding: 80px 0 100px;
  background: #fff;
}

.policy-page-container {
  align-items: stretch;
  max-width: 1200px;
}

.policy-page-inner {
  width: 100%;
}

.policy-page-header {
  margin-bottom: 32px;
}

.policy-page-title {
  font-size: 46px;
  font-weight: 700;
  color: var(--color-secondary);
  line-height: 1.2;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.policy-intro {
  margin-bottom: 40px;
}

.policy-section-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--color-secondary);
  margin: 48px 0 24px;
  line-height: 1.3;
}

.policy-section-title:first-child {
  margin-top: 0;
}

.policy-accordion {
  border-top: 1px solid #e5e5e5;
}

.policy-accordion + .policy-section-title {
  margin-top: 56px;
}

.policy-accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

.policy-accordion-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px 0;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-secondary);
  transition: color 0.2s ease;
}

.policy-accordion-trigger:hover {
  color: var(--color-primary);
}

.policy-accordion-item.is-open .policy-accordion-trigger {
  padding-bottom: 8px;
}

.policy-accordion-icon {
  flex-shrink: 0;
  width: 24px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: var(--color-text);
  transition: transform 0.25s ease, color 0.2s ease;
}

.policy-accordion-item.is-open .policy-accordion-icon {
  transform: rotate(45deg);
  color: var(--color-primary);
}

.policy-accordion-title {
  flex: 1;
  min-width: 0;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.policy-accordion-panel {
  overflow: hidden;
}

.policy-accordion-panel[hidden] {
  display: none;
}

.policy-accordion-content {
  padding: 0 0 20px 40px;
  margin-top: 0;
  font-size: 16px;
  line-height: 1.85;
  color: var(--color-text);
  opacity: 0.85;
  white-space: pre-line;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
.policy-accordion-content a {
    color: var(--color-primary);
}
.policy-accordion-content > *:first-child {
  margin-top: 0;
}

.policy-accordion-content > *:last-child {
  margin-bottom: 0;
}

.policy-footer-note {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid #eee;
}

.policy-bottom-bar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 32px;
  margin-top: 56px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.policy-bottom-slogan {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--color-primary);
  word-break: normal;
  overflow-wrap: normal;
}

.policy-bottom-contact {
  flex-shrink: 0;
  text-align: right;
}

.policy-bottom-contact-label {
  margin: 0 0 6px;
  font-size: 14px;
  color: #999;
}

.policy-bottom-contact-email {
  margin: 0;
  font-size: 16px;
  color: var(--color-text);
}

.policy-bottom-contact-email a {
  color: inherit;
  text-decoration: none;
}

.policy-bottom-contact-email a:hover {
  color: var(--color-primary);
}

.policy-content {
  font-size: 16px;
  line-height: 1.85;
  color: var(--color-text);
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.policy-content > *:first-child {
  margin-top: 0;
}

.policy-content > *:last-child {
  margin-bottom: 0;
}

.policy-content p {
  margin: 0 0 16px;
}

.policy-content ul,
.policy-content ol {
  margin: 0 0 20px;
  padding-left: 1.4em;
}

.policy-content li {
  margin-bottom: 8px;
}

.policy-content a {
  color: var(--color-primary);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.policy-content a:hover {
  opacity: 0.85;
}

.policy-content strong {
  font-weight: 700;
  color: var(--color-secondary);
}

@media screen and (max-width: 992px) {
  .policy-page {
    padding: 64px 0 80px;
  }

  .policy-page-title {
    font-size: 36px;
  }

  .policy-section-title {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  .policy-page {
    padding: 48px 0 72px;
  }

  .policy-page-title {
    font-size: 28px;
  }

  .policy-section-title {
    font-size: 24px;
    margin-top: 40px;
  }

  .policy-accordion-trigger {
    font-size: 16px;
    padding: 16px 0;
    gap: 12px;
  }

  .policy-accordion-content {
    padding: 0 0 16px 32px;
    font-size: 15px;
    line-height: 1.75;
  }

  .policy-bottom-bar {
    flex-direction: column;
    gap: 24px;
    margin-top: 40px;
    padding-top: 32px;
  }

  .policy-bottom-slogan {
    font-size: 22px;
  }

  .policy-bottom-contact {
    text-align: left;
  }

  .policy-content {
    font-size: 15px;
    line-height: 1.75;
  }
}