/* ofyoo mobile adaptation — 仅在手机生效，桌面视觉零影响 */
/* 显式浅色：任何环境下固定浅底，不跟随系统深色模式 */
/* 只强制背景色；文字颜色一律沿用原设计（Skins/Editor 内除本文件外无任何 body/html 背景或颜色覆盖） */
html { background: #fff; }
body { background-color: #fff !important; }

@media screen and (max-width: 959px) {
  html, body { width: 100%; overflow-x: hidden; }
  body { -webkit-text-size-adjust: 100%; font-size: 14px; }

  /* 老站 950px 版心在窄屏铺满 */
  .Head, .Label, .Case, .News, .FootNav, .Topic, .content, .main {
    width: 100% !important; max-width: 100% !important; box-sizing: border-box;
  }
  /* 固定宽的列/块改为自适应 */
  .Head .Search, .Head .Notice, .News .n1, .News .tit, .News .n1 .con,
  .Label .n, .Label .n .text, .FootNav .tel, [class*="n1"], [width="310"], [width="350"], [width="620"], [width="628"], [width="615"], [width="190"] {
    width: auto !important; max-width: 100% !important; float: none !important;
  }
  img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }
  table { max-width: 100%; }
  div, td { word-wrap: break-word; }
  a { -webkit-tap-highlight-color: rgba(0,0,0,.08); }
  input, select, textarea, button { font-size: 16px; } /* 防 iOS 聚焦缩放 */

  /* 正文图片/附件下载区不撑破屏幕 */
  .Topic img, .News img, [class*="content"] img { max-width: 100%; }

  /* —— 旧版心单列化（本轮补上）——
     老站正文容器真名是 .Content(950px) / .Content2(980px)，侧栏 .left(158px) / .left2(188px) / .right(122px) 全是定宽浮动，
     正文 .center 648px。上面第 12 行原本写的是 .content / .main —— 类名大小写敏感，那两条从来没选中过，
     于是手机上 950px 版心被居中后左右各裁掉一截（正文靠左栏在屏幕外、右栏也看不见）。
     这里按真名重做：容器改成 flex 单列，正文排第一、两个侧栏顺次落到下面。
     侧栏保持它们原本的 158/122/188px 定宽（里面的 .LiMenu 手风琴、促销图、在线咨询小方块都是按这个尺寸设计的，
     实测把 .left 的宽度放开会让 dt 撑到 96px 高、压到下面那条菜单上），只是从"浮在正文两侧"变成"排在正文下面"。
     全部在 @media(max-width:959px) 内，桌面版式零影响。 */
  .Content, .Content2 {
    display: flex; flex-wrap: wrap; align-items: flex-start;
    width: auto !important; max-width: 100% !important;
    padding: 0 10px; box-sizing: border-box;
  }
  .Content > div, .Content2 > div {
    order: 2; float: none !important; box-sizing: border-box;
    flex: 0 0 auto; max-width: 100%;
  }
  .Content > .center, .Content2 > .center {
    order: 1; flex: 0 0 100%;
    width: auto !important; max-width: 100% !important;
  }
  .Content > .left { width: 158px !important; padding-right: 0 !important }
  .Content2 > .left2 { width: 188px !important; padding-right: 0 !important }
  .Content > .right, .Content2 > .right { order: 3; width: 122px !important }

  /* 正文子树里写死宽度的块一律放开（.Detail 620px、.DownLoad .con 638px、列表行 310/480/520px、图片行 648px…
     旧站 CSS 里这类声明有几十条，逐条列不现实），浮动改为流式，一行一条。
     表单控件排除在外：width:auto 会把输入框缩成默认小方块。 */
  .Content .center *:not(input):not(select):not(textarea):not(button),
  .Content2 .center *:not(input):not(select):not(textarea):not(button) {
    float: none !important; width: auto !important; max-width: 100% !important; box-sizing: border-box;
  }
  /* 列表行的日期原来靠 float:right 贴右，流式后用 flex 保住同一行（标题占满、日期靠右） */
  .Content .center .News li, .Content .center .CaseImg .n { display: flex; flex-wrap: wrap; align-items: baseline }
  .Content .center .News li .left, .Content .center .CaseImg .n .tit { flex: 1 1 auto }
}