/* mobile.css —— 手机端适配补丁（最后加载，只在小屏/触屏生效，不改桌面版） */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:clip;max-width:100%}
img,video,canvas,svg{max-width:100%}
a,button,[role=button],.plat,label{touch-action:manipulation;-webkit-tap-highlight-color:rgba(214,166,79,.18)}
@media (max-width:760px){
  /* 顶部导航：六个入口全部放得下，不再被遮罩切掉；点击区域加高到 44px */
  .topbar{gap:10px;padding-top:max(12px,env(safe-area-inset-top));padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .nav{gap:clamp(6px,2.4vw,14px);padding-inline:4px;-webkit-mask:none;mask:none;justify-content:space-between;flex:1 1 auto}
  .nav__link{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;font-size:clamp(13px,3.6vw,14.5px);letter-spacing:.02em}
  .topbar .sound{min-width:40px;min-height:40px;justify-content:center}
  /* 页脚、文字链接的点击区域 */
  .u-link{display:inline-block;padding:6px 0}
  .footer button,.contact button{min-height:36px}
  input,select,textarea{font-size:16px} /* 防止 iOS 聚焦时自动放大 */
  .footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
}
@media (max-width:360px){
  .nav{gap:4px}
  .nav__link{font-size:12.5px;letter-spacing:0}
  .brand img,.brand__mark{width:36px;height:36px}
}
