/* ========================================
   友派卡移动端适配样式（无媒体查询版本）
   通过HTML中的media属性控制加载
   ======================================== */

/* ============ 移动端标记 ============ */
#mobile-indicator {
  display: block !important;
}

/* ============ 顶部导航适配 ============ */
.site-header {
  padding: 10px 0;
}

.header-inner {
  flex-direction: column !important;
  gap: 10px;
  padding: 10px 0;
}

.site-nav {
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}

.site-nav a {
  font-size: 14px;
  padding: 6px 0;
}

.logo {
  font-size: 22px;
}

.logo .en {
  font-size: 16px;
  margin-left: 6px;
}

/* ============ 头部轮播图适配 ============ */
.hero {
  min-height: 350px !important;
}

.hero-bg {
  height: 350px !important;
}

.hero-bg img {
  height: 350px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.hero-content {
  padding: 20px 15px !important;
  margin: 0 auto !important;
  max-width: 90% !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.hero h1 {
  font-size: 1.2rem !important;
  margin-bottom: 0 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

/* 副标题显示，字号调小 */
.hero .lead {
  display: block !important;
  font-size: 0.7rem !important;
  margin-bottom: 10px !important;
  line-height: 1.3 !important;
}

/* 隐藏统计数据 */
.hero .stats {
  display: none !important;
}

/* ============ 主要内容区域适配 ============ */
.section {
  padding: 50px 0;
}

.section h2 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.section .lead-text {
  font-size: 1rem;
  margin-bottom: 30px;
}

.container {
  padding: 0 16px;
}

/* ============ 卡片网格适配 ============ */
.cards-grid {
  grid-template-columns: 1fr;
  gap: 20px;
}

.modern-card {
  padding: 24px 20px;
  min-height: auto;
}

.modern-card h3 {
  font-size: 1.2rem;
  white-space: normal;
}

.modern-card p {
  font-size: 0.95rem;
}

/* ============ 会员套餐适配 ============ */
.package-container {
  flex-direction: column;
  gap: 20px;
}

.package-card {
  min-width: 100%;
  padding: 30px 20px;
}

.package-title {
  font-size: 1.4rem;
}

.package-desc {
  font-size: 1rem;
}

/* ============ who-list 卡片适配 ============ */
.who-list {
  grid-template-columns: 1fr;
  gap: 20px;
}

.who-list li {
  padding: 30px 20px;
  min-height: auto;
}

.who-list li h3 {
  font-size: 1.3rem;
}

.who-list li p {
  font-size: 0.95rem;
}

/* ============ 数字卡片适配 ============ */
.num-grid {
  grid-template-columns: 1fr;
  gap: 20px;
}

.num-card {
  padding: 30px 20px;
}

.num-card .big {
  font-size: 2.5rem;
}

.num-card p {
  font-size: 1rem;
}

.trust {
  font-size: 0.9rem;
  padding: 15px;
  margin-top: 30px;
}

/* ============ 步骤卡片适配 ============ */
.steps-row {
  grid-template-columns: 1fr;
  gap: 25px;
}

.step {
  padding: 30px 20px;
}

.step-no {
  width: 36px;
  height: 36px;
  font-size: 1rem;
  top: -18px;
}

.step h3 {
  font-size: 1.2rem;
  margin-top: 20px;
}

.step p {
  font-size: 0.9rem;
}

/* ============ 评价卡片适配 ============ */
.test-row {
  grid-template-columns: 1fr;
  gap: 25px;
}

.test {
  padding: 30px 20px;
}

.test p {
  font-size: 1rem;
}

.test cite {
  font-size: 0.85rem;
}

/* ============ FAQ适配 ============ */
.faq-q {
  font-size: 1rem;
  padding: 18px 20px;
}

.faq-a {
  font-size: 0.95rem;
  padding: 15px 20px;
}

.faq-a.active {
  max-height: 300px;
}

/* ============ CTA适配 ============ */
.cta {
  padding: 50px 0;
}

.cta h2 {
  font-size: 1.6rem;
}

/* ============ 底部导航适配 ============ */
.site-footer {
  padding: 30px 0 20px;
}

.footer-inner {
  flex-direction: column;
  gap: 20px;
  text-align: center;
}

.footer-left {
  flex-direction: column;
  gap: 16px;
}

.footer-left .logo {
  font-size: 20px;
  justify-content: center;
}

.footer-nav {
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.footer-nav a {
  font-size: 14px;
}

.footer-right {
  text-align: center;
}

.footer-right p {
  font-size: 11px;
  word-break: break-all;
}

.footer-links {
  display: none;
}

/* ============ 按钮适配 ============ */
.btn {
  padding: 14px 28px;
  font-size: 14px;
}

/* ============ 温馨提示语适配 ============ */
.center-note {
  font-size: 1.4rem;
  padding: 8px 16px;
}

/* ============ 毛玻璃标题适配 ============ */
.glass-title {
  padding: 12px 20px;
  font-size: 1.1rem;
}

/* ============ 专家团队背景图适配 ============ */
.expert-section {
  padding: 60px 0;
}

/* ============ 让权威教授走出象牙塔适配 ============ */
#about-us {
  padding: 50px 0;
}

#about-us h2 {
  font-size: 1.6rem;
}

/* ============ 特殊情况：极小屏幕适配 ============ */
.section h2 {
  font-size: 1.6rem;
}

.hero h1 {
  font-size: 1rem !important;
}

.num-card .big {
  font-size: 2rem;
}