/* =========================================================================
   手机端适配补丁（2026-10-23）——在页面原有 CSS 之后加载，只在 ≤820px 生效
   目标：去掉桌面遗留提示、放大可读字号、把多列压窄的模块重排成手机版式
   ========================================================================= */

@media (max-width:820px){

  /* ---------- 全局：可读性与点击区 ---------- */
  html{-webkit-text-size-adjust:100%}
  body{font-size:15px}
  .nav .lang span{min-height:44px;min-width:36px;display:inline-flex;align-items:center;justify-content:center}
  .nav .lang{font-size:14px}
  .burger,.nav .burger{min-height:40px;padding:0 14px;font-size:13.5px;
    display:inline-flex;align-items:center;justify-content:center;line-height:1}
  .nav-links a{padding:12px 14px;font-size:15px}
  .pin-foot,.deckfoot{font-size:11.5px;line-height:1.7}

  /* 桌面端交互提示不要出现在手机上 */
  .deckfoot .wrap>span:last-child{display:none}   /* 滚轮/方向键/右侧圆点 翻屏 */
  .ring-hint,.tty-hint,#pin #hint{display:none !important}

  /* ---------- 首页 ---------- */
  .p1 .cap5{grid-template-columns:repeat(2,1fr) !important;gap:9px}
  .p1 .cap5 .c:last-child{grid-column:1 / -1}
  .cap5 .c b{white-space:normal !important;font-size:13.5px;line-height:1.4}
  .cap5 .c span{font-size:12px;line-height:1.6}
  .hero35 h1{font-size:30px;line-height:1.18}
  .hero35 .sub,.p1 .sub{font-size:14px;line-height:1.85}
  .entry35 .e{padding:16px 16px}
  .entry35 .e h3{font-size:16px}
  .entry35 .e p{font-size:12.5px}

  /* ---------- 服务能力 ---------- */
  .svc-wrap{padding-bottom:236px}
  .svc-hero .lead{font-size:14px;line-height:1.9}
  .svc-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin-top:18px}
  .svc-stats div{padding-left:12px}
  .svc-stats b{font-size:19px}
  .svc-stats span{font-size:11.5px}
  .svc .ss-entries{left:0 !important;right:0 !important;width:auto !important;margin:0 14px;
    transform:none !important;display:grid !important;grid-template-columns:1fr 1fr;gap:10px}
  .svc .ss-entry{width:auto;min-height:62px;padding:11px 13px}
  .svc .ss-entry .k{font-size:14px;line-height:1.35;white-space:normal}
  .svc .ss-entry .s{font-size:11.5px;line-height:1.45;margin-top:5px;display:block}

  /* ---------- 供应链：手机默认 3D 地图（拉近 + 双指缩放），可切「仓点清单」 ---------- */
  body[data-page="supply"] #mapFallback{display:none !important}
  body[data-page="supply"] #app{display:block !important}
  body[data-page="supply"] #pin{height:100vh;min-height:560px}
  body[data-page="supply"] #hudTop{top:calc(var(--nav-h,64px) + 12px) !important;left:16px}
  body[data-page="supply"] #hudTop .t1{font-size:22px;letter-spacing:1px}
  body[data-page="supply"] #hudTop .t2{font-size:11.5px;letter-spacing:1.6px;margin-top:6px}
  body[data-page="supply"] #hudTop .t3{font-size:11px;margin-top:6px;letter-spacing:.4px}
  body[data-page="supply"] #stats{display:grid !important;grid-template-columns:1fr 1fr;gap:4px 12px;
    position:absolute;left:16px;right:16px;width:auto;top:calc(var(--nav-h,64px) + 108px) !important;bottom:auto;
    font-size:11px;line-height:1.55;padding:0;background:none;border:0;z-index:4;text-align:left}
  body[data-page="supply"] #stats b{font-size:12.5px;color:#CDE86B}
  body[data-page="supply"] #stats>div:nth-child(n+3){display:none}
  body[data-page="supply"] .ss-entries{left:0 !important;right:0 !important;width:auto !important;margin:0 14px;
    transform:none !important;display:grid !important;grid-template-columns:1fr 1fr;gap:9px;bottom:14px}
  body[data-page="supply"] .ss-entry{width:auto;min-height:58px;padding:10px 12px}
  body[data-page="supply"] .ss-entry .k{font-size:13.5px}
  body[data-page="supply"] .ss-entry span.s{font-size:11px;line-height:1.4}

  /* 仓点快捷条：两行（产地仓 / 销货仓），点一个 → 地图飞过去 + 信息卡 */
  body[data-page="supply"] .m-hubchips{position:absolute;left:14px;right:14px;bottom:162px;z-index:6;
    display:flex !important;flex-direction:column;gap:5px;padding:8px 9px;border-radius:14px;
    background:rgba(6,32,21,.62);border:1px solid rgba(205,232,107,.16);
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
  body[data-page="supply"] .m-hubchips .hrow{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
    body[data-page="supply"] .m-hubchips .hcap-sp{visibility:hidden}
  body[data-page="supply"] .m-hubchips .hcap{font-size:10px;color:#8FB3A4;letter-spacing:0;flex:0 0 auto;margin-right:0;width:26px;line-height:1.2}
  body[data-page="supply"] .m-hubchips button{height:30px;padding:0 5px 0 5px;border-radius:15px;font-size:11px;
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);color:#DCEFE6;
    font-family:var(--sans);white-space:nowrap;display:inline-flex;align-items:center;gap:4px}
  body[data-page="supply"] .m-hubchips button::before{content:'';width:5px;height:5px;border-radius:50%;flex:0 0 5px}
  body[data-page="supply"] .m-hubchips button.is-origin::before{background:#3fe08f;box-shadow:0 0 8px #3fe08f}
  body[data-page="supply"] .m-hubchips button.is-hub::before{background:#39c9ff;box-shadow:0 0 8px #39c9ff}
  body[data-page="supply"] .m-hubchips button.on{background:rgba(205,232,107,.22);border-color:rgba(205,232,107,.8);color:#F4FFDA;font-weight:600}
  body[data-page="supply"].mlist .m-hubchips{display:none}

  /* 立体地图 / 仓点清单 切换按钮 */
  body[data-page="supply"] #pin #mHubTog{position:absolute;right:14px;bottom:152px;z-index:6;
    display:inline-flex !important;align-items:center;gap:7px;padding:0 15px;height:38px;border-radius:19px;
    background:rgba(205,232,107,.14);border:1px solid rgba(205,232,107,.55);color:#EAFBC0;
    font-size:13px;font-family:var(--sans);letter-spacing:.5px;cursor:pointer;
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  body[data-page="supply"] #mHubTog:active{background:rgba(205,232,107,.26)}

  /* 清单态：地图与标题层让位 */
  body[data-page="supply"].mlist #app,
  body[data-page="supply"].mlist #hudTop,
  body[data-page="supply"].mlist #stats{display:none !important}
  body[data-page="supply"] #hubList{display:none !important}
  body[data-page="supply"].mlist #hubList{
    display:block !important;position:absolute;left:14px !important;right:14px !important;
    top:calc(var(--nav-h,64px) + 14px) !important;bottom:200px !important;max-height:none !important;
    width:auto !important;overflow:auto;padding:16px 16px 12px;
    background:rgba(6,32,21,.92);border:1px solid rgba(205,232,107,.22);border-radius:16px;z-index:5;
  }
  body[data-page="supply"] #hubList .gl{font-size:13px;margin:12px 0 8px;color:#CDE86B}
  body[data-page="supply"] #hubList .gl:first-child{margin-top:0}
  body[data-page="supply"] #hubList .items{display:flex;flex-wrap:wrap;gap:8px}
  body[data-page="supply"] #hubList button{padding:10px 12px;border-radius:10px;font-size:13.5px;line-height:1.35}
  body[data-page="supply"] #hubList button span{font-size:11.5px}
  body[data-page="supply"] #hubList .hintline{font-size:11.5px;line-height:1.7;margin-top:10px}

/* ---------- 品牌页（悠芯鲜 / 泰塔悠） ---------- */
  .bp-wrap{padding:calc(var(--nav-h,64px) + 10px) 14px calc(var(--nav-h,64px) + 22px);gap:14px}
  .bp-switch{gap:8px;margin-bottom:14px}
  .bp-switch button{min-height:40px;font-size:12.5px;padding:8px 12px}
  .bp-copy h1{font-size:30px}
  .bp-copy .lead{font-size:14px;line-height:1.85}
  .tty-points{grid-template-columns:1fr;gap:10px}
  .tty-points>div{font-size:12.8px;line-height:1.6}
  .tty-quote{font-size:12.5px}
  .at-filt{flex-wrap:wrap;gap:8px;margin-top:12px}
  .at-filt button{min-height:38px;padding:8px 14px;font-size:13px}
  .ringnav button{min-height:40px;padding:8px 14px;font-size:13px}

  /* ---------- 关于与合作 ---------- */
  .ab-hero .lead{font-size:14px;line-height:1.9}
  .ab-stats{gap:10px 18px}
  .ab-stats b{font-size:17px}
  .ab-stats span{font-size:11.5px;line-height:1.5}
  .ab-cinfo{gap:6px 18px}
  .ab-cinfo span{font-size:12px}
  .ab-cinfo b,.ab-cinfo a{font-size:15px}
  .ab-qrs{gap:16px}
  .ab-qrs figcaption{font-size:11.5px}

  /* ---------- 子屏 ---------- */
  .ss-entry{min-height:52px}
  .ss-head h2{font-size:18px}
  .ss-content p,.ss-content li{font-size:13.5px}
  .ss-content .sell{font-size:14px;line-height:1.75}
  .ss-body{padding:16px 14px 6px;gap:16px}
  .ss-panel{width:96vw;max-height:92vh}
}

@media (max-width:380px){
  .p1 .cap5{grid-template-columns:1fr !important}
  .p1 .cap5 .c:last-child{grid-column:auto}
  .svc-stats{grid-template-columns:1fr}
}

/* 品牌页：手机两列图鉴网格（替代环形） */
@media (max-width:820px){
  .ring-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:6px}
  .ring-grid .rg-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:0;
    background:#fff;border-radius:12px;overflow:hidden;text-align:left;cursor:pointer;
    box-shadow:0 6px 18px rgba(0,0,0,.16)}
  .ring-grid .rg-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
  .ring-grid .rg-card .ph{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
    background:#F3F6F2;color:#5C7A6A;font-size:12px}
  .ring-grid .rg-nm{display:block;padding:9px 10px 2px;font-size:13.5px;font-weight:600;color:#17382A;line-height:1.3}
  .ring-grid .rg-en{display:block;padding:0 10px 10px;font-size:9.5px;letter-spacing:.06em;color:#7C8F86}
}

/* 中文版不显示产品英文名（英文版靠词典替换） */
html[data-lang="zh"] .ring-grid .rg-en{display:none}
html[data-lang="zh"] .ring-grid .rg-nm{padding-bottom:11px}
@media (max-width:820px){ .nav-links a{padding:14px 16px} }

@media (max-width:820px){
  /* 仓点信息卡：手机上贴边更宽、字号放大、关闭热区 40×40 */
  body[data-page="supply"] #pin #card{left:14px !important;right:14px !important;width:auto !important;
    max-height:48vh;overflow:auto;padding:15px 16px 13px}
  body[data-page="supply"] #card .k{font-size:11px}
  body[data-page="supply"] #card h3{font-size:18px;line-height:1.25}
  body[data-page="supply"] #card .sub{font-size:12.5px;line-height:1.45}
  body[data-page="supply"] #card .row{font-size:12.5px;line-height:1.75;gap:7px}
  body[data-page="supply"] #card .row .lb{flex:0 0 48px}
  body[data-page="supply"] #card .foot{font-size:11px;line-height:1.65}
  body[data-page="supply"] #card .x{width:40px;height:40px;right:2px;top:2px;display:flex;align-items:center;
    justify-content:center;font-size:22px;line-height:1}
}

@media (max-width:820px){
  /* 品牌页：桌面是一屏锁滚动（html.onepage overflow:hidden），手机上必须放开，否则悠芯鲜/泰塔悠往下看不到 */
  html.onepage,html.onepage body{overflow-y:auto !important;overflow-x:hidden !important;height:auto !important}
  body[data-page="brands"]{overflow-y:auto !important;height:auto !important}
  body[data-page="brands"] section.bp{height:auto !important;min-height:calc(100vh - var(--nav-h,64px)) !important;
    overflow:visible !important}
  body[data-page="brands"] .bp-wrap{height:auto !important;
    padding-bottom:calc(var(--nav-h,64px) + 26px) !important}
  body[data-page="brands"] .bp-stage-uxx,body[data-page="brands"] .bp-media{overflow:visible !important;height:auto !important}
  /* 品牌切换条：胶囊按自身宽度、在框内水平居中（不改尺寸，只改对齐） */
  .bp-switch{display:flex !important;width:max-content !important;max-width:100%;box-sizing:border-box;
    margin:0 auto 16px !important}
  .bp-switch{padding:4px}
  .bp-switch button{justify-content:center;align-items:center;text-align:center;flex:0 0 auto;
    height:40px;min-height:0;padding:0 20px;font-size:13.5px;line-height:1}
  .bp-switch button>span{display:flex;align-items:center;justify-content:center;height:100%;line-height:1}
  .bp-switch button em{display:none}      /* 手机只留中文名，两个选项等宽、切换条左右对称 */
}

@media (max-width:820px){
  /* 悠芯鲜：手机也上环形动效（原两列网格改回环） */
  .bp-stage-uxx{padding:8px 6px 6px;border-radius:16px}
  #ringStage{height:clamp(230px,33vh,300px);border-radius:14px;perspective:620px;perspective-origin:50% 46%}
  #ringStage .rc{border-radius:11px;padding:5px;box-shadow:0 12px 26px rgba(0,0,0,.5)}
  #ringStage .rc img{border-radius:7px}
  #ringStage .rc .nm{font-size:10.5px;padding:10px 6px 5px}
  #ringStage .floor{bottom:26px;height:38px}
  .ring-hint{display:none !important}
  .ringnav{right:8px;bottom:6px;gap:6px}
  .ringnav button{font-size:12px;padding:5px 11px}
  .at-filt{margin-top:10px}
}