/* 全局：字体、变量、底色（加载提示 2026-10-21 删了） */
/* 本地正文字体 Basic Commercial：2026-10-26 起不用了（没有网页授权：MyFonts 一年 416 美元还限浏览量），留着给参数面板「正文字体（全站）」切回去对比；
   @font-face 只有真的用到才下载，所以平时不会下这几个 TTF。定下来以后 fonts/ 不要部署 */
@font-face { font-family: "Basic Commercial"; src: url("../fonts/BasicCommercial%20LT%20Roman%20Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Basic Commercial"; src: url("../fonts/BasicCommercial%20LT%20Roman%20Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Basic Commercial"; src: url("../fonts/BasicCommercial%20LT%20Roman%20Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
:root {
  --font-display: "itc-avant-garde-gothic-pro", "ITC Avant Garde Gothic", "Avant Garde", sans-serif;
  --font-label: "interstate", "Interstate", "Helvetica Neue", Arial, sans-serif;
  /* 正文：Akzidenz-Grotesk Next Pro（Adobe Fonts 项目 ijx4dka，400 / 400 斜体 / 700；2026-10-26 用户换的，Adobe 上只有 Next 没有老版）。原来 "Basic Commercial", "Helvetica Neue", Arial, sans-serif
     改这里也要改 js/main.js 的 BODY_FONTS */
  --font-body: "akzidenz-grotesk-next-pro", "Helvetica Neue", Arial, sans-serif;
  --ink: #000;
  /* 左侧 bulletin 栏和右侧导航栏共用：宽度、内边距、上下两条隐形边界 */
  --side-w: min(440px, calc(38vw * var(--zf, 1)));   /* 只在抵消了浏览器缩放的层里用（导航、左栏）：那里 vw 会被 zoom 缩小，乘回 --zf（js/zoom.js） */
  --side-pad: 40px;
  --clip-top: 10vh;
  --clip-bottom: 10vh;
  --left-base: 1.1;   /* 左侧栏：宽度和字号整体倍率（2K 上调的） */
  /* 2026-10-27 小屏校正（js/pages/items.js fitLeft）：--left-kw = 栏宽跟屏宽成比例（2K = 1），--left-kf = 字号 / 提示框，缩得少一些（不低于 P.leftFontMin） */
  --left-scale: calc(var(--left-base) * var(--left-kf, 1));
}
/* 底色 = 首页的背景 #091015（js/pages/home.js 的 P.bg）：脚本和 WebGL 还没画出第一帧时，打开首页看到的也已经是这块深蓝（原来 #0b0b0c） */
/* 2026-10-27 原生滚动容器（js/scroll-input.js）：根元素可以滚（html 下面一个看不见的大占位块，停在正中间），浏览器才会在触控板手势真正结束时发 scrollend。
   body 钉在屏幕上（fixed inset 0）= 整个网站都在里面、不跟着滚；body 里的层次、绝对定位（#oop 等）都和原来一样。
   滚动条藏起来；触屏的拖动照旧交给各页面自己处理（只留双指缩放），不让根元素跟着手指滚。原来：html, body { margin: 0; height: 100%; background: #091015; overflow: hidden; } */
html { margin: 0; height: 100%; background: #091015; overflow: scroll; scrollbar-width: none; overscroll-behavior: none; touch-action: pinch-zoom; }
html::-webkit-scrollbar { display: none; }
body { margin: 0; position: fixed; inset: 0; background: #091015; overflow: hidden; }
body { font-family: "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif; color: #d8d4cc; }
canvas { display: block; }
/* 页面灰底：首页、AWE、OoP 暂时是纯灰，盖住导航栏以外的所有内容（导航栏在它上面）；只有 Altered Items 露出红底和椅子 */
#page-cover { position: fixed; inset: 0; z-index: 1; background: #8c8c8c; display: none; }   /* 背景层 z 1 */
body.page-gray #page-cover { display: block; }
/* 2026-10-21 用户：删掉加载提示（#loading「LOADING」），一瞬间也不要出现；原样备份在 archive/loading-2026-10-21/ */
/* 页面切换的背景刷：固定在背景层（z 1，和 #page-cover、OoP 白底同级，DOM 里排在它们后面所以画在上面），
   页面内容（z 2 以上）始终在它上面——旧页面还没消失完的东西不会被盖住；平时隐藏 */
#brush { position: fixed; inset: 0; z-index: 1; visibility: hidden; pointer-events: none; }
#brush .strip { position: absolute; top: 0; bottom: 0; }   /* 竖条：位置、宽度、背景、遮罩由脚本设置 */