
  /* 基础样式重置与字体 */
  .lens-header-section {
    width: 100%;
    margin: 0 auto;
    /* 上方高度 100px，下方 50px */
    padding: 100px 20px 50px; 
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #f8f8f8;
    text-align: center; /* 核心：回归居中布局 */
    box-sizing: border-box;
  }

  /* 标题与描述 */
  .lens-header-section h1 {
    font-size: 45px; /* PC端标题大小：45px */
    font-weight: 800;
    margin: 0 0 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    line-height: 1.1;
  }

  /* PC端隐藏换行符 */
  .lens-header-section h1 br {
    display: none;
  }

  .lens-header-section p {
    font-size: 18px; /* PC端正文大小：18px */
    color: #666;
    max-width: 650px;
    margin: 0 auto 35px;
    line-height: 1.6;
  }

  /* 切换选项卡样式 */
  .lens-tabs-row {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center; 
  }

  /* 基础状态按钮 */
  .lens-tab-link {
    display: inline-block;
    padding: 12px 35px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #ffffff;
    color: #333;
    border: 1px solid #dddddd;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: auto; 
    white-space: nowrap;
  }

  /* 悬停效果 */
  .lens-tab-link:hover {
    background-color: #8c8c7c; 
    color: #ffffff;
    border-color: #8c8c7c;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  }

  /* 移动端适配：回归居中布局 */
  @media (max-width: 768px) {
    .lens-header-section {
      /* 移动端同样保持 100px 顶部间距 */
      padding: 100px 20px 50px; 
      text-align: center; /* 核心修改：文字回到居中对齐 */
    }
    
    /* 移动端标题保持换行以维持视觉张力 */
    .lens-header-section h1 br {
      display: block;
    }

    .lens-header-section h1 {
      font-size: 30px; /* 移动端标题大小：30px */
      margin-bottom: 20px;
    }

    .lens-header-section p {
      margin: 0 auto 30px; /* 回归居中 */
      font-size: 12px; /* 移动端正文大小：12px */
      max-width: 100%;
    }

    .lens-tabs-row {
      justify-content: center; /* 按钮回到居中排列 */
      gap: 12px;
    }

    .lens-tab-link {
      padding: 12px 25px;
      font-size: 13px;
      width: auto;
      flex: 0 1 auto; 
    }
  }
