/* 倘卖无 · 移动端适配（响应式） */
@media (max-width: 640px) {
  header { padding:16px 14px !important; }
  /* 手机端只留 logo，隐藏文字 slogan（slogan 属于 PC 端品牌露出） */
  .slogan { display:none !important; }
  /* 覆盖 tech.css 里写死的 182x80 !important */
  .logo, header .logo { width:120px !important; height:53px !important; max-width:120px !important; }
  header.hero-head { padding:12px 14px !important; flex-wrap:nowrap !important; gap:8px !important; }
  .hero-nav { display:none !important; }
  .wrap { max-width:100% !important; padding:12px !important; }
  .card { padding:16px 14px !important; border-radius:14px !important; }
  .market-card { padding:14px 14px 12px !important; border-radius:14px !important; }
  .hero-sell { max-width:100% !important; padding:15px 18px !important; font-size:16px !important; }
  .hero-sec-title { margin:16px 0 8px !important; padding:0 2px !important; font-size:15px !important; }
  label { margin:12px 0 5px !important; font-size:13px !important; }
  .btn { border-radius:11px !important; }
  header h1 { font-size:18px !important; }
  header p { font-size:12px !important; }
  .wrap { padding:12px !important; }

  /* 顶栏按钮组：触摸友好 */
  .tabs { gap:6px !important; flex-wrap:wrap !important; }
  .tabs button { padding:12px 8px !important; font-size:14px !important; flex:1 1 30% !important; min-width:90px !important; }

  /* 输入框与按钮：加大触摸区 */
  input, select { padding:14px 12px !important; font-size:16px !important; } /* 16px 防 iOS 缩放 */
  .btn { padding:15px !important; font-size:16px !important; }
  label { margin:16px 0 7px !important; font-size:14px !important; }

  /* 行内两列 → 单列 */
  .row { flex-direction:column !important; gap:0 !important; }
  .row > div { flex:1 1 auto !important; }

  /* 统计卡片换行 */
  .stat { gap:8px !important; }
  .stat > div { flex:1 1 45% !important; min-width:45% !important; padding:12px !important; }
  .stat b { font-size:20px !important; }

  /* 表格 → 卡片式（关键：手机上不再横向挤压） */
  .scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  table { font-size:13px !important; }
  th, td { padding:9px 6px !important; }

  /* 地图高度适配 */
  #map { height:240px !important; }

  /* 弹窗占满宽 */
  .modal { padding:12px !important; align-items:flex-start !important; padding-top:40px !important; }
  .modal .card { max-width:100% !important; }

  /* 底部入口链接 */
  .footlinks { font-size:12px !important; padding-bottom:20px !important; }
  .footlinks a { display:inline-block; padding:6px 4px; }
}

/* ===== 手机端底部固定操作栏 ===== */
.mobile-dock { display:none; }
@media (max-width: 640px) {
  .mobile-dock {
    display:flex; position:fixed; left:0; right:0; bottom:0; z-index:60;
    padding:8px 6px calc(8px + env(safe-area-inset-bottom));
    gap:2px; align-items:flex-end;
    background:rgba(255,253,244,.94);
    backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
    border-top:1px solid rgba(242,164,60,.28);
    box-shadow:0 -10px 30px -18px rgba(120,60,20,.6);
  }
  .dock-btn {
    flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:3px; padding:7px 2px; border:none; border-radius:11px;
    font-size:10.5px; font-weight:700; letter-spacing:.1px; cursor:pointer;
    background:transparent; color:#8C7A6B; line-height:1.1;
    white-space:nowrap; min-width:0;
  }
  .dock-btn span { font-size:19px; line-height:1; }
  .dock-btn.ghost:active { background:rgba(242,145,58,.12); }
  /* 中间主按钮：凸起圆形，视觉重心 */
  .dock-btn.primary {
    flex:1; position:relative; flex-direction:column; gap:2px;
    padding:0; background:transparent; box-shadow:none;
    color:#B96A14; font-size:10.5px;
  }
  .dock-btn.primary span {
    width:54px; height:54px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:24px; margin-top:-24px;
    background:linear-gradient(135deg,#FFC65C,#F2913A 58%,#E8862E);
    border:3px solid #FFFDF4;
    box-shadow:0 8px 20px -6px rgba(242,145,58,.85), 0 2px 6px rgba(120,60,20,.18);
    transition:transform .16s ease, filter .16s ease;
  }
  .dock-btn.primary:active span { transform:scale(.94); filter:brightness(.96); }
  .dock-btn.primary b { font-size:10.5px; font-weight:700; display:block; margin-top:1px; }
  /* 为底部栏留出空间，避免遮挡页脚 */
  .dock-spacer { height:82px; }
}

/* 超小屏 */
@media (max-width: 380px) {
  .tabs button { flex:1 1 100% !important; }
  header h1 { font-size:16px !important; }
}

/* 触摸设备：去掉 hover 抖动 */
@media (hover: none) {
  .btn:active { opacity:.85; }
}
