/* ==========================================================================
   responsive.css — 平板与手机自适应
   ========================================================================== */

/* ---------- 平板 (≤1024px) ---------- */
@media screen and (max-width: 1024px) {
  :root {
    --header-height: 90px;
  }

  .header-brand-logo {
    height: 70px;
  }

  .brand-cn {
    font-size: 18px;
  }

  .brand-en {
    font-size: 11px;
  }

  .header-brand-text {
    min-width: 220px;
  }

  .header-search input {
    width: 150px;
  }

  .nav-list > li > a {
    padding: 14px 8px;
    font-size: 15px;
  }

  .hero-slider {
    height: 450px;
  }

  .hero-content h1 {
    font-size: 32px;
  }

  .experts-grid {
    flex-wrap: wrap;
    padding: 0 15px;
  }

  .offers-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .faq-grid {
    gap: 20px;
  }

  .stat-number {
    font-size: 36px;
  }

  .stat-item {
    padding: 0 20px;
  }
}

/* ---------- 手机 (≤768px) ---------- */
@media screen and (max-width: 768px) {
  :root {
    --header-height: auto;
  }

  /* 头部三行：LOGO+名称 / 电话 / 搜索 */
  .header-top {
    flex-direction: column;
    align-items: stretch;
    padding: 12px 0;
    height: auto;
    gap: 12px;
  }

  .header-brand {
    width: 100%;
    gap: 10px;
  }

  .header-brand-logo {
    height: 55px;
  }

  .header-brand-text {
    min-width: 0;
    max-width: none;
  }

  .brand-cn {
    font-size: 15px;
  }

  .brand-en {
    font-size: 10px;
  }

  .header-tools {
    display: none;
  }

  /* 汉堡菜单 */
  .nav-toggle {
    display: flex;
  }

  .main-nav .container {
    flex-wrap: wrap;
    position: relative;
  }

  .nav-list {
    display: none;
    flex-direction: column;
    width: 100%;
    background: var(--color-primary-dark);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .nav-list.is-open {
    display: flex;
  }

  .nav-list > li {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .nav-list > li {
    flex: none;
    text-align: left;
  }

  .nav-list > li > a {
    padding: 14px 20px;
    white-space: normal;
    font-size: 15px;
  }

  .nav-dropdown {
    position: static;
    transform: none;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    min-width: 0;
    display: none;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 0;
    padding: 0;
  }

  .nav-list > li.has-dropdown.is-expanded > .nav-dropdown {
    display: block;
  }

  .nav-dropdown li a {
    color: rgba(255, 255, 255, 0.85);
    padding: 8px 20px 8px 32px;
  }

  .nav-dropdown li a:hover {
    background: rgba(0, 0, 0, 0.1);
    color: var(--color-white);
  }

  .services-grid {
    flex-direction: column;
    gap: 20px;
    padding: 0 15px;
  }

  /* 四步流程：一行两列 */
  .steps-flow {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px 16px;
  }

  .steps-flow::before {
    display: none;
  }

  .step-item {
    flex: none;
  }

  .step-num {
    width: 48px;
    height: 48px;
    font-size: 20px;
    margin-bottom: 12px;
  }

  .step-title {
    font-size: 15px;
  }

  .step-tag {
    font-size: 13px;
  }

  .step-desc {
    font-size: 12px;
  }

  /* 我们的服务 */
  .offers-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .offer-card {
    padding: 22px 18px;
  }

  .faq-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .consult-title {
    font-size: 22px;
  }

  .consult-form {
    padding: 16px;
  }

  .consult-form-row--info {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 12px;
  }

  .consult-field--content {
    margin-bottom: 12px;
  }

  .nav-lang {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
  }

  .main-nav {
    position: sticky;
    top: 0;
  }

  /* Hero */
  .hero {
    min-height: 280px;
  }

  .hero-slider {
    height: 350px;
  }

  .hero-content h1 {
    font-size: 22px;
    letter-spacing: 1px;
  }

  /* 特色四栏：一行两列 */
  .features-bar {
    grid-template-columns: repeat(2, 1fr);
  }

  .feature-item {
    padding: 24px 16px;
  }

  .feature-item .feature-icon {
    font-size: 40px;
  }

  .feature-item h3 {
    font-size: 16px;
  }

  .feature-item p {
    font-size: 12px;
  }

  /* 专家团队：一行两列 */
  .experts-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px;
    padding: 0 15px;
  }

  a.expert-card {
    max-width: none;
    width: auto;
  }

  a.expert-card .expert-avatar {
    width: 120px;
    height: 120px;
  }

  a.expert-card h3 {
    font-size: 14px;
  }

  a.expert-card .expert-title {
    font-size: 12px;
  }

  .hero-arrow--prev {
    left: 10px;
  }

  .hero-arrow--next {
    right: 10px;
  }

  .hero-arrow {
    width: 40px;
    height: 40px;
  }

  .hero-arrow .iconfont {
    font-size: 22px;
  }

  /* 回忆区块 */
  .section-memories {
    min-height: 400px;
  }

  /* 费用对比 */
  .section-cost-compare {
    padding: 48px 0;
  }

  .cost-slide-header h2 {
    font-size: 22px;
  }

  .cost-cards {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .cost-card {
    padding: 22px 18px;
  }

  .cost-price-list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .cost-arrow {
    width: 36px;
    height: 36px;
  }

  .cost-arrow--prev {
    left: 0;
  }

  .cost-arrow--next {
    right: 0;
  }

  .cost-arrow .iconfont {
    font-size: 18px;
  }

  /* 生物医学新技术 */
  .section-biotech {
    padding: 48px 0;
  }

  .bio-table {
    font-size: 13px;
  }

  .bio-table thead th,
  .bio-table tbody td {
    padding: 10px 12px;
  }

  .memories-content {
    max-width: 100%;
    padding: 40px 0;
  }

  .memories-content h2 {
    font-size: 28px;
  }

  /* 医院介绍统计：一行两列 */
  .hospital-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px;
  }

  .stat-item {
    flex: none;
    max-width: none;
    padding: 10px;
  }

  .stat-item:not(:last-child)::after {
    display: none;
  }

  .stat-number {
    font-size: 32px;
  }

  /* 页脚 */
  .footer-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-qr,
  .footer-qr-item {
    display: none;
  }

  .section-header h2 {
    font-size: 22px;
  }

  .section-services,
  .section-steps,
  .section-our-services,
  .section-cost-compare,
  .section-experts,
  .section-faq,
  .section-consult,
  .section-hospital {
    padding: 50px 0;
  }

  .section-consult {
    padding-bottom: 60px;
  }
}

/* ---------- 小屏手机 (≤480px) ---------- */
@media screen and (max-width: 480px) {
  .hero-slider {
    height: 280px;
  }

  .hero-content h1 {
    font-size: 18px;
  }

}