/* ====================================================
   master.css - 电脑端前台基础样式（reset + 布局 + 公共类）
   ----------------------------------------------------
   加载链：BaseUI 的 PC 分支
           color.css -> master.css -> headfoot.css -> index.css / inside.css
   不含：移动端（headfoot_mob.css / index_mob.css）
         后台（system.css / user.css，各自带一套 reset，与本文件互不影响）

   整理：只保留实测在用的规则
   1. 删除全站 0 引用的 11 条：.clearfloat .clearfix .left .right .shadow
      .img-zoom-in .video .videoplay .btn .btn-orange .btn-outline。
      其中 .video 在 inside.css 已有完全相同的定义；.btn 系的唯一消费方
      原为 En/Default.aspx，随 En 站删除后已无任何引用。
   2. 移除 @import url('color.css')：本文件的加载点（BaseUI.cs 第 313 行）
      前一行均已单独加载 color.css，属重复引入。
   3. 系统设置改用大厂通行写法：字体栈改系统原生字体、「html 移动端字号
      自适应」「img 自适应」「表单控件字体继承」三项按主流默认补齐。
   4. 有意不加 box-sizing: border-box：存量布局按 content-box 计算
      （内页 inside.css 的 float 定宽 254+922+24=1200、页脚二维码 img 的
      112px 宽 + 6px padding），全局改盒模型会让这些尺寸全部偏移。新增样式
      若需 border-box，请在使用处局部声明。
   5. 订正加载链描述：CommonBaseUI.cs 已于同日删除（全站零引用，属死文件），
      故本文件头与上述说明中只保留 BaseUI。
   ==================================================== */

/* ========== 1. Reset ========== */

* { margin: 0; padding: 0; }

/* 防止 iOS 横屏自动放大文字 */
/* 客户口径「全部字号以 17 号为基础」，对齐 SEO4305 标准站（20905）。
   做法：根字号 16px → 17px。SEO4305 标准站（cdecn / 2026_4305，见 seo4305-frontend-ui §22）
   约定「根字号 17px + 正文/辅助文字用 rem」，root 一改全站同步放大，不触碰 px 定宽布局。
   ⚠️ giso 与标准站的差异：giso 首页 index.css / headfoot.css 的字号是**设计稿原色硬编码的 px**
   （56 + 18 处），不受 root 影响，故那两个文件已按 16→17 比例单独换算上浮（见各文件内的换算注释）。
   本行 root 17px 主要服务内页 inside.css 里已有的 rem 字号（0.75rem / 0.875rem / 1rem 等）与后续新增内容。 */
html {
    -webkit-text-size-adjust: 100%;
    font-size: 17px;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    line-height: var(--lh-normal);
    color: var(--font-color);
    min-width: 1200px;
}

h1, h2, h3, h4, h5, h6 { font-size: 16px; }

ul, li { list-style: none; }

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

/* 表单控件跟随 body 字体，不再各浏览器默认 */
button, input, select, textarea { font: inherit; }

a {
    color: var(--font-color-normal);
    text-decoration: none;
    cursor: pointer;
}

a:hover { color: var(--font-color-title); }

/* ========== 2. 布局 ========== */

/* 清除浮动（aspx\WebTop.ascx 使用） */
.clear { clear: both; }

/* 内容容器：默认 1200，宽屏依次放宽 */
.container { width: 1200px; margin: 0 auto; }

@media (min-width: 1501px) and (max-width: 1700px) {
    .container { width: 1400px; }
}

@media (min-width: 1701px) {
    .container { width: 1600px; }
}

/* ========== 3. 移动端兜底（未开启移动端样式时） ========== */

/* 本段只留说明、无规则：记录一处已撤销的尝试，避免重复踩坑。
   手机走「无 viewport meta 的整页缩放」形态 —— 布局视口是浏览器默认的 980px，
   1200px 的内容被整页缩放到屏幕宽度（实测 iPhone 390px：缩放比 0.325）。
   ⚠️ 此形态下媒体查询的宽度基准就是那个 980px，所以断点要用 max-width:1024px，
   效果稿里的 768px 在这里永远不会命中。
   曾在此加 body { padding: 0 60px } 给页面左右留白（body 边框盒 1200→1320，
   手机两边各约 18px），站长判定不合理，已于同日撤销：留白让整页缩得更小，
   且通栏区块（顶部条 / 轮播 / 数据背书 / 页脚）两侧会多出白边。不要再加回来。 */