/* ============================================================================
   Meadow Fashion — 响应式样式（手机 / 平板）
   ----------------------------------------------------------------------------
   加载顺序：style.css → page-*.css → responsive.css（本文件，最后覆盖）
   断点：
     ≤1024px  平板 / 横屏手机
     ≤ 768px  竖屏平板 / 大屏手机（iPhone Pro Max、Android 大屏）
     ≤ 480px  常规手机（iPhone 15/16、Pixel）
     ≤ 360px  小屏手机（iPhone SE）
   设计原则：日系留白在窄屏收敛但不挤压；正文不小于 14px；日语长词强制换行；
            任何元素都不得造成横向滚动。
   ============================================================================ */


/* ==========================================================================
   0. 基础：消除横向溢出、日语断行
   ========================================================================== */

html {
  -webkit-text-size-adjust: 100%;   /* iOS 禁止横屏时自动放大文字 */
  text-size-adjust: 100%;
}

body {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* 图片、视频、表格永不撑破容器 */
img, svg, video, iframe, table { max-width: 100%; }

/* 日语标题遇长词强制断行（如「プライベートレーベル」） */
h1, h2, h3, h4, p, li, td, th, .serif, .jplight { overflow-wrap: anywhere; }

/* 横向滑动提示：仅窄屏显示（对比表在手机上需要滑动查看） */
.f-scroll-hint { display: none; }


/* ==========================================================================
   1. 首页 Masthead（品牌大头部）
   桌面端顺序修正：DOM 中开关按钮在最前，用 order 复原设计稿的视觉顺序
   ========================================================================== */

.nav-main .brand-line { order: 1; }
.nav-main .brand-word { order: 2; }
.nav-main .nav-links  { order: 3; }
.nav-main .menu-btn   { order: 4; }

/* 移动菜单开关：纯 CSS，无需 JS */
.nav-toggle { display: none; }
.menu-btn { cursor: pointer; user-select: none; }
.menu-btn-i { display: inline-block; margin-left: 6px; transition: transform 0.25s ease; }


/* ==========================================================================
   2. 子页面精简导航（产品列表 / 详情 / 视频 / 工場案内）
   四套类名结构一致，统一处理
   ========================================================================== */

.p-nav, .d-nav, .v-nav, .f-nav { position: relative; }

.p-nav-brand, .d-nav-brand, .v-nav-brand, .f-nav-brand { white-space: nowrap; }


/* ==========================================================================
   3. 平板（≤1024px）：在既有 page-*.css 基础上补齐漏项
   ========================================================================== */

@media (max-width: 1024px) {
  /* 首页统计条：标题独占一行 */
  .stats-title { grid-column: 1 / -1; }

  /* 首页系列图：三列改两列后，第三个容器占满整行 */
  .lookbook-grid > .lb-col:nth-child(3) { grid-column: 1 / -1; }

  /* 首页产品区标题块 */
  .col-head, .lookbook-head, .cap-head { flex-wrap: wrap; gap: 20px; }

  /* 详情页图库：竖向堆叠时图片不要过高 */
  .d-main-img { min-height: 420px; }

  /* 后台侧栏收窄后，内边距同步收窄 */
  .admin-side { padding: 22px 18px; }
}


/* ==========================================================================
   4. 手机（≤768px）
   ========================================================================== */

@media (max-width: 768px) {

  body { overflow-x: hidden; }

  /* ---------- 4.1 首页 Masthead ---------- */
  .ann-bar {
    padding: 8px 16px;
    font-size: 9px; letter-spacing: 1px; gap: 10px;
  }
  .ann-bar .left { gap: 12px; }
  .ann-bar .left span:nth-child(2) { display: none; }  /* 窄屏只留一条，避免挤行 */

  .nav-main {
    padding: 14px 18px 16px;
    flex-wrap: wrap;
    row-gap: 0;
  }
  .nav-main .brand-line { font-size: 9px; letter-spacing: 2px; }
  .nav-main .brand-word {
    order: 3; flex: 0 0 100%; text-align: center; margin-top: 12px;
  }
  .nav-main .brand-word h1 {
    font-size: 26px; letter-spacing: 7px;
  }
  .nav-main .brand-word p { font-size: 7px; letter-spacing: 2.5px; }
  .nav-main .menu-btn {
    order: 2; margin-left: auto;
    font-size: 11px; letter-spacing: 2px; padding: 4px 0;
  }

  /* 菜单展开：5 条链接竖排，分隔线用石色 */
  .nav-main .nav-links {
    order: 4; flex: 0 0 100%;
    display: none;
    flex-direction: column;
    gap: 0;
    margin-top: 14px;
  }
  .nav-toggle:checked ~ .nav-links { display: flex; }
  .nav-main .nav-links a {
    padding: 14px 2px;
    font-size: 12px; letter-spacing: 3px;
    border-bottom: 1px solid var(--stone);
  }
  .nav-main .nav-links a:first-child { border-top: 1px solid var(--stone); }
  .nav-main .nav-links a:hover,
  .nav-main .nav-links a.active { border-bottom-color: var(--vermilion); }

  /* 展开时 ＋ 旋转成 × */
  .nav-toggle:checked ~ .menu-btn .menu-btn-i { transform: rotate(45deg); }


  /* ---------- 4.2 子页面导航 ---------- */
  .p-nav, .d-nav, .v-nav, .f-nav {
    flex-wrap: wrap;
    padding: 14px 18px 12px;
    row-gap: 12px;
  }
  .p-nav-brand, .d-nav-brand, .v-nav-brand, .f-nav-brand {
    font-size: 20px; letter-spacing: 5px;
  }
  .p-nav-lang, .d-nav-lang, .v-nav-lang, .f-nav-lang { display: none; }

  /* 5 条链接折行显示（不隐藏、不横向滚动，全部可见） */
  .p-nav-links, .d-nav-links, .v-nav-links, .f-nav-links {
    flex: 0 0 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px 18px;
    padding-top: 4px;
  }
  .p-nav-links a, .d-nav-links a, .v-nav-links a, .f-nav-links a {
    font-size: 10px; letter-spacing: 1px;
  }

  /* 面包屑 */
  .p-crumb, .d-crumb, .f-crumb {
    padding: 12px 18px;
    font-size: 9px;
    flex-wrap: wrap;
    gap: 4px 14px;
  }


  /* ---------- 4.3 全站页脚 ---------- */
  .site-footer { padding: 48px 20px 28px; }
  .foot-top { flex-direction: column; gap: 36px; }
  .foot-brand h2 { font-size: 34px; letter-spacing: 7px; margin-bottom: 18px; }
  .foot-brand .tag { font-size: 16px; margin-bottom: 18px; }
  .foot-brand .addr { font-size: 12px; line-height: 1.9; }
  .foot-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 28px 20px;
  }
  .foot-col li { font-size: 12px; }
  .foot-bottom {
    flex-direction: column; align-items: flex-start;
    gap: 12px; margin-top: 36px; padding-top: 20px;
    line-height: 1.8;
  }
  .foot-bottom .legal { gap: 20px; }


  /* ---------- 4.4 首页 Hero ---------- */
  .hero { min-height: 0; }
  .hero-left { padding: 44px 20px 48px; gap: 20px; }
  .hero-left h1 { font-size: 40px; line-height: 1.25; }
  .en-byline { font-size: 17px; }
  .hero-dek { font-size: 14px; line-height: 1.9; }
  .hero-cta { gap: 16px; padding-top: 8px; }
  .hero-right, .hero-image { min-height: 0; }
  .hero-image { height: auto; aspect-ratio: 4 / 5; }
  .placeholder-hero { font-size: 11px; letter-spacing: 2px; padding: 24px 16px; }
  .hero-cap { font-size: 9px; padding: 8px 16px; }

  /* 按钮：窄屏改为可点满的整行高度，触控更友好 */
  .btn-ink, .btn-vermilion, .btn-ghost { padding: 14px 22px; font-size: 12px; }

  /* ---------- 4.5 首页 Stats ---------- */
  .stats-strip {
    grid-template-columns: 1fr 1fr;
    padding: 36px 20px;
    gap: 28px 18px;
  }
  .stats-title h2 { font-size: 24px; }
  .stats-dek { font-size: 12px; }
  .stat-n { font-size: 42px; letter-spacing: -1px; }
  .stat-l { font-size: 10px; }
  .stat-e { font-size: 8px; letter-spacing: 2px; }

  /* ---------- 4.6 首页 Founder Letter ---------- */
  .editor-letter { padding: 64px 20px; gap: 18px; }
  .editor-letter h2 { font-size: 30px; }
  .editor-letter .en-byline { font-size: 15px; }
  .letter-body { font-size: 14px; line-height: 1.95; margin-top: 4px; }
  .sign-name { font-size: 20px; }

  /* ---------- 4.7 首页 Lookbook ---------- */
  .lookbook-head { padding: 36px 20px 24px; flex-direction: column; align-items: flex-start; gap: 14px; }
  .lookbook-tl h2 { font-size: 26px; }
  .lookbook-grid { grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 20px 48px; }
  .lookbook-grid > .lb-col { gap: 10px; }
  .lookbook-grid > .lb-col:nth-child(3) { grid-column: 1 / -1; }
  .lb-img { font-size: 10px; letter-spacing: 1px; }
  .lb-1, .lb-3, .lb-5 { min-height: 220px; }
  .lb-2, .lb-4, .lb-6 { min-height: 120px; }

  /* ---------- 4.8 首页 Collection ---------- */
  .collection { padding: 56px 20px; }
  .col-head { flex-direction: column; align-items: flex-start; gap: 16px; margin-bottom: 28px; }
  .col-tl h2 { font-size: 26px; }
  .col-tabs {
    gap: 20px; margin-bottom: 24px;
    overflow-x: auto; flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .col-tabs .tab { font-size: 13px; white-space: nowrap; }
  .col-grid { grid-template-columns: 1fr 1fr; gap: 12px; }

  /* 产品卡：3:4 图区与色块由 style.css 统一定义，这里只收字号与留白 */
  .prod-img { font-size: 11px; padding: 10px; }
  .prod-info { padding: 12px 2px; gap: 5px; }
  .prod-cat { font-size: 8px; letter-spacing: 1.5px; }
  .prod-name { font-size: 14px; line-height: 1.35; }
  .prod-name-jp { font-size: 10px; line-height: 1.5; }
  .prod-meta { font-size: 10px; flex-wrap: wrap; gap: 4px; }
  .prod-sku { font-size: 9px; }

  /* ---------- 4.9 首页 Capabilities ---------- */
  .capabilities { padding: 56px 20px; }
  .cap-head { flex-direction: column; align-items: flex-start; gap: 18px; margin-bottom: 32px; }
  .cap-tl h2 { font-size: 26px; }
  .cap-tr { text-align: left; max-width: none; font-size: 13px; }
  .cap-grid { grid-template-columns: 1fr; }
  .cap-step { padding: 26px 20px; gap: 10px; }
  .cap-num { font-size: 40px; }
  .cap-step h3 { font-size: 18px; }
  .cap-step p { font-size: 12px; }

  /* ---------- 4.10 首页 Pull Quote ---------- */
  .pull-quote { padding: 64px 20px; gap: 18px; }
  .quote-mark { font-size: 56px; }
  .quote-body { font-size: 25px; line-height: 1.5; }
  .quote-en { font-size: 14px; }

  /* ---------- 4.11 首页 Contact ---------- */
  .contact-strip { grid-template-columns: 1fr; min-height: 0; }
  .contact-left { padding: 44px 20px; gap: 18px; }
  .contact-left h2 { font-size: 26px; }
  .contact-dek { font-size: 13px; line-height: 1.9; }
  .contact-form { padding: 32px 20px; gap: 18px; }
  .contact-wechat { gap: 16px; padding-top: 20px; }
  .contact-qr { width: 104px; height: 104px; padding: 6px; }
  .form-row { grid-template-columns: 1fr; gap: 16px; }
  .contact-form input, .contact-form textarea { font-size: 16px; }  /* 16px 防 iOS 聚焦放大 */

  /* ---------- 4.12 首页 Factory Guide（SEO 内容区） ---------- */
  .factory-guide { padding: 48px 20px; }
  .fg-head { gap: 18px; margin-bottom: 32px; }
  .fg-tl h2 { font-size: 24px; margin-top: 12px; }
  .fg-tr { font-size: 13px; max-width: none; }
  .fg-body { gap: 28px; }
  .fg-text p { font-size: 13px; line-height: 2.05; margin-bottom: 16px; }


  /* ==========================================================================
     4.13 产品列表页
     ========================================================================== */
  .p-hero { padding: 40px 20px 32px; }
  .p-hero h1 { font-size: 46px; letter-spacing: -1px; }
  .p-hero-jp { font-size: 14px; margin-top: 12px; }

  .filter-bar { padding: 18px 20px; gap: 16px; }
  .filter-left { gap: 8px; width: 100%; }
  .filter-chip { padding: 8px 12px; font-size: 10px; }
  .filter-search { margin-left: 0; width: 100%; }
  .filter-search input { min-width: 0; flex: 1; width: 100%; font-size: 16px; }
  .filter-right { flex-wrap: wrap; gap: 12px; width: 100%; }

  .p-grid { grid-template-columns: 1fr 1fr; gap: 14px; padding: 28px 20px; }
  .p-pagination { padding: 12px 20px 32px; gap: 14px; font-size: 12px; flex-wrap: wrap; justify-content: center; }
  .pg-pill { width: 32px; height: 32px; }

  .p-foot {
    flex-direction: column; align-items: flex-start;
    gap: 12px; padding: 28px 20px; line-height: 1.9;
  }
  .p-foot-l { font-size: 24px; letter-spacing: 7px; }
  .p-foot-c, .p-foot-r { font-size: 11px; letter-spacing: 0; line-height: 2; }


  /* ==========================================================================
     4.14 产品详情页
     ========================================================================== */
  .d-gallery { flex-direction: column-reverse; gap: 12px; padding: 20px; }
  .d-thumbs {
    flex-direction: row; width: 100%;
    gap: 10px; overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .d-thumb { flex: 0 0 64px; width: 64px; height: 72px; }
  .d-main-img { min-height: 0; aspect-ratio: 4 / 5; font-size: 15px; }

  .d-info { padding: 20px 20px 32px; gap: 14px; }
  .d-info h1 { font-size: 30px; line-height: 1.15; }
  .d-name-jp { font-size: 14px; }
  .d-dek { font-size: 13px; line-height: 1.9; }
  .d-specs { gap: 20px; flex-wrap: wrap; padding-top: 8px; }
  .d-sp-v { font-size: 16px; }
  .d-btns { gap: 10px; padding-top: 16px; }
  .d-btns .btn-ink, .d-btns .btn-ghost { flex: 1 1 auto; justify-content: center; }

  .d-tabs-section { padding: 44px 20px; }
  .d-tab-nav {
    gap: 20px; padding-bottom: 14px; margin-bottom: 24px;
    flex-wrap: nowrap; overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .d-tab { white-space: nowrap; }
  .d-tab-body { gap: 26px; }
  .d-tab-body p { font-size: 14px; line-height: 1.95; }
  .d-spec-box { padding: 16px; gap: 12px; }
  .d-spec-row { font-size: 12px; gap: 12px; }
  .d-tab-body .d-seo-link { font-size: 11px; margin-top: 24px; padding-top: 18px; }

  .related { padding: 44px 20px 32px; }
  .related-head { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 20px; }
  .related-head h2 { font-size: 22px; }
  .related-grid { grid-template-columns: 1fr 1fr; gap: 12px; }


  /* ==========================================================================
     4.15 视频页
     ========================================================================== */
  .v-hero { padding: 40px 20px 44px; gap: 18px; min-height: 0; }
  .v-hero h1 { font-size: 58px; letter-spacing: -2px; }
  .v-hero-jp { font-size: 14px; }
  .v-meta { gap: 24px 32px; padding-top: 12px; flex-wrap: wrap; }
  .v-meta-v { font-size: 22px; }

  .v-filter {
    gap: 22px; padding: 12px 20px;
    overflow-x: auto; flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .v-tab { font-size: 12px; white-space: nowrap; }

  .v-feat { padding: 28px 20px; gap: 22px; }
  .v-feat-info { padding-top: 0; gap: 14px; }
  .v-feat-info h2 { font-size: 22px; }
  .v-feat-en { font-size: 14px; }
  .v-feat-dek { font-size: 13px; line-height: 1.9; }
  .v-feat-meta { gap: 20px; flex-wrap: wrap; padding-top: 8px; }
  .v-feat-meta > div > div:last-child { font-size: 15px; }

  .v-grid-section { padding: 28px 20px 56px; }
  .v-grid-head { flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 20px; }
  .v-grid-head h2 { font-size: 22px; }
  .v-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
  .v-play { width: 44px; height: 44px; font-size: 14px; }
  .v-name { font-size: 14px; line-height: 1.35; }
  .v-social { flex-wrap: wrap; gap: 16px; }


  /* ==========================================================================
     4.16 工場案内页
     ========================================================================== */
  .f-hero { padding: 44px 20px 40px; }
  .f-hero h1 { font-size: 30px; line-height: 1.4; margin-top: 16px; }
  .f-hero-en { font-size: 10px; letter-spacing: 2px; }
  .f-hero-body { font-size: 13px; line-height: 2.05; margin-top: 26px; }
  .f-hero-cta { gap: 18px; margin-top: 30px; }

  .f-sec { padding: 52px 20px; }
  .f-sec-head { gap: 18px; margin-bottom: 32px; }
  .f-sec-tl h2 { font-size: 24px; margin-top: 12px; }
  .f-sec-tr { font-size: 13px; max-width: none; }

  .f-card-grid { gap: 28px; }
  .f-card h3 { font-size: 18px; }

  /* 对比表：保持桌面表格形态，容器内横向滑动查看 */
  .f-table-wrap { -webkit-overflow-scrolling: touch; }
  .f-table { min-width: 620px; }
  .f-table th, .f-table td { padding: 14px 16px; font-size: 12px; }
  .f-note { font-size: 10px; }
  .f-scroll-hint {
    display: block; margin-top: 12px;
    font-size: 10px; letter-spacing: 1px; color: var(--vermilion); font-weight: 500;
  }

  .f-flow-item { gap: 14px; padding: 24px 0; }
  .f-flow-n { flex: 0 0 30px; font-size: 11px; letter-spacing: 2px; }
  .f-flow-body h3 { font-size: 18px; margin-bottom: 10px; }
  .f-flow-body p { font-size: 12px; line-height: 1.95; }
  .f-flow-meta { font-size: 10px; }

  .f-cat { padding: 24px 20px; }
  .f-cat-j { font-size: 20px; }
  .f-cat-d { font-size: 11px; }

  .f-term-grid { gap: 26px; }
  .f-term-v { font-size: 26px; }

  .f-faq-q { gap: 14px; padding: 20px 0; }
  .f-faq-q .serif { font-size: 15px; }
  .f-faq-n { flex: 0 0 28px; font-size: 11px; }
  .f-faq-a { padding: 16px 0 24px 0; }
  .f-faq-a p { font-size: 12px; line-height: 2; }

  .f-cta { padding: 48px 20px; gap: 32px; }
  .f-cta h2 { font-size: 24px; margin-top: 12px; }
  .f-cta-dek { font-size: 13px; line-height: 1.95; margin-top: 18px; }
  .f-cta-info { gap: 14px; margin: 28px 0 24px; }
  .f-cta-info > div { flex-direction: column; gap: 4px; }
  .f-cta-info .kicker { flex: none; }
  .f-cta-qr img { width: 88px; height: 88px; }
  .f-cta-side { min-width: 0; width: 100%; padding-top: 0; }

  .f-foot {
    flex-direction: column; align-items: flex-start;
    gap: 12px; padding: 28px 20px; line-height: 1.9;
  }
  .f-foot-l { font-size: 24px; letter-spacing: 7px; }
  .f-foot-c, .f-foot-r { font-size: 11px; }


  /* ==========================================================================
     4.17 后台管理（中文界面，手机以「查看 + 快速操作」为主）
     ========================================================================== */

  /* 侧边栏 → 顶部横向导航条 */
  .admin-layout { flex-direction: column; min-height: 0; }
  .admin-side {
    position: static;
    width: 100%; height: auto;
    padding: 16px 16px 12px;
    gap: 14px;
    overflow: visible;
  }
  .side-brand-name { font-size: 18px; letter-spacing: 6px; }
  .side-user { padding: 10px 0; }
  .side-foot { display: none; }              /* 手机上省去数据库状态，腾出空间 */

  .side-nav {
    flex-direction: row;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
  }
  .side-nav a {
    white-space: nowrap;
    padding: 9px 13px;
    font-size: 12px;
  }

  /* 顶栏 */
  .admin-top {
    height: auto;
    padding: 12px 16px;
    flex-wrap: wrap;
    gap: 10px;
  }
  .admin-top-r { flex-wrap: wrap; gap: 10px; width: 100%; }
  .admin-search { width: 100%; height: 34px; }
  .admin-pub-btn { padding: 9px 14px; font-size: 12px; }

  .admin-body { padding: 18px 16px !important; }

  /* 统计卡 */
  .admin-stats { grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 22px; }
  .stat-card { padding: 16px 16px; }
  .stat-n { font-size: 40px; }
  .stat-s { font-size: 9px; }

  /* 上传区：站点信息页的 .admin-upload-row / .upload-fields 带行内 grid 定义，
     必须用 !important 才能覆盖，否则卡片会被挤出屏幕外 */
  .admin-upload-row { grid-template-columns: 1fr !important; gap: 16px; margin-bottom: 22px; }
  .upload-card { padding: 18px 16px; gap: 16px; }
  .upload-drop { padding: 26px 14px; }
  .upload-drop-plus { font-size: 36px; }
  .upload-fields { grid-template-columns: 1fr !important; gap: 12px; }

  /* 数据表格：保持表格结构，容器横向滑动 */
  .admin-activity { padding: 18px 16px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .act-head { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 14px; }
  .act-thead, .act-row { min-width: 640px; }
  .act-item, .act-by, .act-time { font-size: 11px; }

  .admin-pub-bar {
    flex-direction: column; align-items: flex-start;
    gap: 12px; padding: 14px 16px;
  }

  /* 登录页 */
  .login-wrap { padding: 20px 16px; min-height: 100svh; }
  .login-card { width: 100%; padding: 36px 22px; }
  .login-card h1 { font-size: 28px; letter-spacing: 8px; }
  .login-card input { font-size: 16px; }     /* 16px 防 iOS 聚焦放大 */

  /* 后台所有输入框：16px 消除 iOS 自动缩放 */
  .admin-body input, .admin-body select, .admin-body textarea,
  .upload-fields input, .upload-fields select { font-size: 16px; }
}


/* ==========================================================================
   5. 小屏手机（≤480px）
   ========================================================================== */

@media (max-width: 480px) {
  .ann-bar .left span { font-size: 8px; }

  /* 首页 */
  .hero-left h1 { font-size: 34px; }
  .editor-letter h2 { font-size: 26px; }
  .quote-body { font-size: 22px; }
  .stat-n { font-size: 36px; }
  .lookbook-tl h2 { font-size: 23px; }
  .col-tl h2, .cap-tl h2 { font-size: 23px; }

  /* 产品 / 视频栅格：极窄屏保持两列，仅收窄间距 */
  .p-grid, .col-grid, .v-grid, .related-grid { gap: 10px; }
  .p-hero h1 { font-size: 38px; }
  .prod-name { font-size: 13px; }

  /* 首页系列图：保持两列拼贴（不并成单列，否则首页过长且失去拼贴感） */

  /* 页脚改单列 */
  .foot-cols { grid-template-columns: 1fr; }

  /* 视频页 */
  .v-hero h1 { font-size: 46px; }

  /* 工場案内 */
  .f-hero h1 { font-size: 26px; }
  .f-sec-tl h2, .f-cta h2 { font-size: 21px; }
  .f-table { min-width: 520px; }

  /* 后台：统计卡单列 */
  .admin-stats { grid-template-columns: 1fr; }
  .stat-n { font-size: 34px; }
}


/* ==========================================================================
   6. 触摸设备：去掉悬停位移，加大可点区域
   ========================================================================== */

@media (hover: none) {
  .prod-card:hover, .v-card:hover { transform: none; }
  .fg-links a:hover { padding-left: 0; }
  .btn-ink:hover, .btn-vermilion:hover { opacity: 1; }
}