本页是其他文档引用的原始数据。所有数值来自 2026-10-08 在浏览器中读取 终末地官网 的计算样式与样式表规则；没有转存官方的样式文件、图片或字体。
本页只记官网首页（单页长滚动的那一份）。同一域名下的 云游戏页（/cloud）是另一套构建，样式表、根字号、字体、黄色都和首页不同，数据另见 measurements-cloud.md。
- 测量视口：横屏 1024×768 与 1440×810，竖屏 375×812。
- 2026-10-12 在 1440×810 下对着官网抽查过一遍：根字号的换算、字族、颜色、各控件的尺寸与状态色、阴影、关键帧、八个版块的顺序都没有变。同时补上了当时没有记的几样——各控件的圆角（第 4、8 节）、导航轨的当前项与图标宽度（8.1）、2D / 3D 切换器（8.14）——并改正了一处：分页条两端的是圆钮，不是方钮（8.6）。
- 2026-10-14 复查了语言下拉（8.12）：补上顶边条的位置和圆角，并记下这个下拉现在已经不渲染、只剩样式表里的规则。
- 2026-10-14 重量了加载页（8.13）：原来只记了色值和字号，这次把排法、横竖两套位置和退场的时间线补全了；动效一节跟着更正了一处。
- 2026-10-24 量云游戏页时顺带核对了账号 SDK：更正了 3.4 的品牌色，第 5 节末尾补上 SDK 阴影实际生效的值。
- 官网会随版本更新改版。数值过期时以重新测量为准，并更新本页日期。
- 样式表里的类名带构建哈希（如
Button_button__njqVS），下文统一去掉哈希，只保留组件名。
1. 尺寸基准#
官网全站用视口比例缩放的 rem：
| 方向 | html 字号 |
换算 |
|---|---|---|
| 横屏 | 100vw / 160 |
设计稿 1920px 宽时 1rem = 12px |
| 竖屏 | 100vw / 67.5 |
设计稿 1080px 宽时 1rem = 16px |
验证：1024px 宽时 html 字号为 6.4px，1440px 宽时为 9px，375px 宽竖屏时为 5.556px。
下文的 rem 都是这种"流式 rem"，括号里的像素值按 1920px 设计稿换算。
2. 字体#
document.fonts 中已加载的字族：
| 字族名 | 用途 | 说明 |
|---|---|---|
SansRegular / SansMedium / SansBold / SansBlack |
中文正文、标题、按钮 | 官网自托管，字族名被改写。样式表中另有一处直接写了 HarmonyOS_Sans_SC_Bold，据此推断这组字体是 HarmonyOS Sans SC，未做字形比对确认 |
Novecentosanswide-Medium / -DemiBold / -Bold |
巨型英文、分页数字 | Novecento Sans Wide，商业字体 |
Gilroy-Light / -Medium |
英文标题、英文微标签 | Gilroy，商业字体 |
SpaceGrotesk |
2D / 3D 切换等技术小字 | Space Grotesk，SIL OFL |
Roboto-Regular |
少量回退 | — |
各字体在样式表中声明的字号（横屏）：
| 字体 | 出现的字号（rem） |
|---|---|
| Novecento Wide Bold | 6、15.625、26、30.5 |
| Novecento Wide DemiBold | 3.5、4.5 |
| Novecento Wide Medium | 1、1.25、1.5、2 |
| Gilroy Light | 1、1.875、6、7.5 |
| Gilroy Medium | 1、1.125、1.25、1.5、1.75、2.25、3.75 |
| Sans Bold | 2.25、3、4.5、4.75、4.875 |
| Sans Medium | 1.125 – 4.875，集中在 1.25 与 1.875 |
| Sans Regular | 1 – 3.25，集中在 1.5 与 1.875 |
| Space Grotesk | 1.25、1.75 |
典型角色的字号（rem / 1920 稿下的 px）：
| 角色 | 字体 | 字号 | 其他 |
|---|---|---|---|
镂空巨字（//ENDFIELD） |
Novecento Wide Bold | 15.625 / 187.5 | letter-spacing: -0.625rem（−0.04em），line-height: 1，opacity: .6 |
| 干员区背景巨字 | Novecento Wide Bold | 26 – 30.5 / 312 – 366 | letter-spacing: -0.08em，文字透明 |
世界观代号（DIJIANG） |
Gilroy Light | 7.5 / 90（英文版 6 / 72） | letter-spacing: 0 |
| 干员名 | Sans Bold | 4.875 / 58.5 | #191919 |
| 干员名两侧的方括号 | Sans Medium | 3.375 / 40.5（竖屏 4.875，与名字同大） | #797979（竖屏 #999999） |
| 子页面标题 | Sans Bold | 4.5 / 54 | 行高 5.125rem |
黄带标题（LORE） |
Gilroy Medium | 3.75 / 45 | — |
黄带副题（ARKNIGHTS: ENDFIELD） |
Gilroy Light | 1.875 / 22.5 | — |
| 分节中文标题 | Sans Bold | 3 / 36 | #141414 |
| 分节英文标题 | Gilroy Medium | 2.25 / 27 | 行高 2rem |
| 首页大按钮文字 | Sans Medium | 2.25 / 27 | — |
| 通用按钮、页签文字 | Sans Medium | 1.75 / 21 | line-height: 1 |
| 正文 | Sans Regular | 1.5 – 1.5625 / 18 – 18.75 | — |
| 标签 | Sans Medium | 1.375 / 16.5 | — |
| 导航文字 | Sans Medium | 1.125 / 13.5 | 行高 1.25 |
| 英文微标签 | Gilroy Medium | 1 / 12 | 部分再 transform: scale(.5 ~ .8) 缩小 |
| 分页数字 | Novecento Wide Medium | 1.5 / 18 | — |
样式表里的负字距除了上表巨字的 −0.04em、−0.08em 和移动端菜单背景的 −0.1em，还有二十来条 −0.02em 与 −0.03em，用在外文较长的标题和标签上。
3. 颜色#
3.1 出现频率最高的值#
文字色（按使用元素数排序）：#000000、#FFFFFF、#191919、#8A8A8A、#B3B3B3、#999999、#CCCCCC、#3C3C3C、#7C7C7C、#808080。
背景色：#000000、#FAFAFA、#F2F2F2、#FFFFFF、#D9D9D9、#FFFA00、#E6E6E6、#191919、#E5E5E5、#383838。
3.2 黄色#
| 值 | 出现位置 |
|---|---|
#FFFA00 |
导航激活项、子页面头部色带、首页大按钮底、按钮内竖条、加载进度条、干员区背景旗形、标签（CV）底 |
#FFF500 |
首页大按钮内的分隔竖线 |
#EFE701 → #E6DE01 |
首页大按钮分隔线的悬停 → 按下 |
#EEEA00 |
分页按钮按下 |
#FFF000 |
世界观区的分页数字 |
#FDFD1F |
影像资料区的日期文字与播放按钮 |
#FFCC1A |
语言下拉的激活项与顶边条（偏金，与主黄不同） |
3.3 中性色的角色#
| 值 | 角色 |
|---|---|
#FFFFFF |
页面底、导航轨底、浅色按钮 |
#FAFAFA |
弹窗底、圆形翻页钮（含分页条两端的）、页签的箭头圆片 |
#F2F2F2 |
标签值底、图标钮底、移动端菜单项 |
#F3F3F3 / #F0F0F0 |
页签悬停、浅色按钮悬停 |
#E6E6E6 / #E5E5E5 |
分页条底、导航当前项与悬停的底块、页签激活底、2D / 3D 的旋钮 |
#D9D9D9 |
分隔竖线、未激活导航图标、英文名底、标题滑块 |
#CCCCCC / #B3B3B3 |
细分隔线、装饰线稿、次级图标 |
#999999 / #8A8A8A / #808080 / #7C7C7C |
次级文字、括号、图标 |
#626262 |
返回按钮悬停 |
#484848 |
深色按钮悬停 |
#383838 |
深色按钮底、返回按钮底、标签底 |
#282828 |
返回按钮按下、装饰线稿 |
#1F1F1F / #1E1E1E |
弹窗标题栏、深色分页条（80% 不透明） |
#191919 |
主文字、"前往游戏"块、标签名底 |
#141414 |
标题文字、加载页底 |
#131315 |
世界观区的胶囊导航底 |
#000000 |
世界观区与影像资料区的底 |
3.4 账号 SDK 的功能色#
以下变量来自鹰角账号 / 支付 SDK 的样式（--Functional-*、--Brand-primary），不属于终末地站点本身的视觉，仅作参考：错误 #F96F68、警告 #F5A623、成功 #48D2A0；品牌色随皮肤，官网首页上是方舟皮肤的蓝 #0098DC。
2026-10-24 更正：原来把 #0098DC 写成了 SDK 的"品牌蓝"，像是只有这一种。账号 SDK（3.5.0）的样式里写着三套皮肤：默认 #CBFF40、方舟（ak）#0098DC、终末地（ef）#FFD800，上面三个功能色在三套里相同。#0098DC 是方舟皮肤的品牌色；官网首页调登录框时不指定皮肤，SDK 就退回方舟这一套（默认那套在 3.5.0 里选不到；2026-10-24 读页面脚本核对）。云游戏页在弹框前一刻把皮肤设成 ef，见 云游戏页实测 11.1、11.2 和 账号 SDK 弹窗。
4. 圆角#
计算样式中非 0 圆角的元素（2026-10-08 数的）：
| 值 | 数量 | 说明 |
|---|---|---|
50% |
49 | 头像、圆形翻页钮、旋钮 |
0.25rem – 0.5rem（3 – 6px） |
约 50 | 小按钮、标签、卡片图片的轻微倒角 |
2.25rem – 2.8125rem |
约 20 | 分页条、胶囊导航、2D / 3D 切换器 |
2px |
10 | 通用按钮、影像区标签与播放按钮 |
其余元素的圆角均为 0。
按控件列（样式表里的规则，2026-10-12 补）：
| 圆角 | 用在哪 |
|---|---|
50% |
头像、世界观与影像区的翻页钮、分页条两端的翻页钮、页签的箭头圆片、2D / 3D 的旋钮 |
胶囊：2.625rem / 2.8125rem / 2.25rem / 1.875rem |
分页条 / 世界观区的胶囊导航 / 2D / 3D 切换器 / 导航轨的工具按钮组 |
1rem |
语言下拉的面板；里面的选项是胶囊 |
0.5rem（6px） |
新闻卡 |
0.25rem – 0.3125rem、4px（3 – 4px） |
首页大按钮、返回按钮、页签、"前往游戏"块、分享按钮、导航悬停的底块、移动端的图标钮与菜单项 |
2px |
通用按钮（悬停时变 6px）、影像区的标签与播放钮 |
2 – 6px 的这几档是看不大出来的微圆角；真正改变形状的只有圆和胶囊。
5. 阴影#
全部是零偏移的环境阴影：
| 值 | 位置 |
|---|---|
0 0 0.625rem rgba(2,2,2,.3) |
分页条两端与干员区的圆形翻页钮 |
0 0 0.75rem rgba(0,0,0,.4) |
首页大按钮 |
0 0 0.5rem rgba(0,0,0,.25) |
小型浮层 |
0 0 1rem rgba(0,0,0,.1) |
左侧导航轨 |
0 0 2rem rgba(0,0,0,.3) |
移动端顶栏 |
drop-shadow(0 0 0.25rem rgba(0,0,0,.25)) |
通用按钮 |
0 0 10px rgb(255,240,0) |
仅 2 处，黄色辉光 |
0 0 1rem rgba(255,255,255,.8) |
仅 2 处，白色辉光 |
账号 SDK 的样式里有一处带偏移的阴影，不属于站点本身（见 3.4）。
2026-10-24 补：弹层上带偏移的是皮肤规则里的 0 E(9.6) E(19.2) rgba(0,0,0,.25)（E(n) 是按 SDK 自己的字号基准折算的长度，1440 宽时 E(n) = 0.8n px）。它的选择器要求皮肤类挂在祖先上，SDK 却把皮肤类挂在每一层自己身上，所以实际匹配不到；弹层真正生效的是零偏移的 0 0 E(24) rgba(0,0,0,.5)（1440 宽时 19.2px）。见 云游戏页实测 11.4。
6. 斜纹#
统一写法是 linear-gradient(-45deg, …) 配 background-size: 0.5rem 0.5rem（6px 方格），每格两条斜带：
| 位置 | 斜带区间 | 单条占比 | 颜色 |
|---|---|---|---|
| 镂空巨字（以文字形状裁切） | 20.58% – 29.42%、70.58% – 79.42% | 约 8.8% | 黑，整体 opacity: .6 |
| 返回按钮底纹 | 16.16% – 33.84%、66.16% – 83.84% | 约 17.7% | #424242 压在 #383838 上 |
| 分页条、弹窗标题栏 | 13.95% – 36.05%（另一条对称） | 约 22.1% | 黑，opacity: .05 |
7. 动效#
样式表里的过渡时长统计：
| 时长 | 规则数 |
|---|---|
0.3s |
119 |
0.2s |
63 |
0.4s |
8 |
0.5s / 0.6s |
各 3 |
0.05s / 1s / 1.4s |
各 1 |
显式声明的缓动只有 ease-in-out（15）、ease-out（6）、linear（3），其余用浏览器默认的 ease；没有出现自定义 cubic-bezier。
2026-10-12 复查：首页载入的样式表里 0.3s 114 条、0.2s 62 条、0.4s 6 条，其余各 1 条——条数略有出入，比例没有变；显式缓动的三个数一条不差。
2026-10-14 更正：自定义的 cubic-bezier 有一条，上面的统计只数了过渡、漏了动画——加载页退场时铺满整屏的那一层用的是 cubic-bezier(1, 0, 0.7, 1)（8.13）。
关键帧：
| 名称 | 内容 |
|---|---|
flashing |
opacity：0 → .5（10%）→ 0（11%）→ .5（20%）→ 0（21%）→ .5（40%）→ 0（41%）→ 1（100%），三次短促闪烁后点亮 |
scrollTipMove |
translateY(0) 且透明 → 60% 时不透明 → 80% 时下移 1.5rem 且透明 → 复位，循环 |
scrollBreathing |
scale(1) → scale(1.2) → scale(1) |
carousel |
translateX(0) → 80% 时 translateX(-50%) → 停留到 100%，跑马灯 |
rotate |
匀速旋转一周 |
fadeIn（加载页） |
scaleX(0) → scaleX(1)。用在退场时铺满整屏的那一层上：0.6s、延迟 0.5s，见 8.13 |
8. 控件#
8.1 左侧导航轨（横屏）#
| 属性 | 值 |
|---|---|
| 宽度 | 7.5rem（90px） |
| 底色 / 阴影 | #FFFFFF / 0 0 1rem rgba(0,0,0,.1) |
| 导航项高度 | 4.5rem（54px） |
| 图标 | 宽 2.5 – 2.75rem（30 – 33px），各图标略有不同；font-size 是 1.5rem |
| 图标颜色 | 未激活 #D9D9D9，悬停 #858585，激活 #191919 |
| 当前项 | 一块 6.5 × 5rem 的 #E6E6E6 底，左缘 0.75rem 的 #191919 竖条；换栏目时整块滑到新的一项（0.3s） |
| 悬停展开 | 19.5rem 宽的 #E5E5E5 底块淡入（圆角 0.25rem），文字（Sans Medium 1.125rem）出现 |
| 工具按钮组 | 3.75rem 宽的竖向胶囊（圆角 1.875rem）、#F2F2F2 底，按钮高 3rem，之间是 1.25rem 宽的 #CCCCCC 短横；图标 #7C7C7C → 悬停 #424242 |
| "前往游戏"块 | 4.5 × 9.75rem，圆角 4px，#191919 底、白色三角与竖排文字（letter-spacing: .05em）；悬停时 #FFFA00 底淡入、文字变 #191919 |
| 分享按钮 | 悬停 / 激活时 #191919 底、图标变 #FFFA00；展开条为 #191919 底，左缘 0.375rem 黄条 |
8.2 移动端顶栏与菜单（竖屏）#
| 属性 | 值 |
|---|---|
| 顶栏 | 高 9.625rem，#FFFFFF，阴影 0 0 2rem rgba(0,0,0,.3) |
| 图标钮 | 4.75rem 见方，圆角 0.25rem，#F2F2F2 底，图标 #7C7C7C |
| "前往游戏" | 15.5 × 4.75rem，#191919 底白字（Sans Medium 1.875rem），三角图标与文字间 2px 半透明竖线 |
| 菜单项 | 高 6.75rem，圆角 0.25rem，#F2F2F2 底；激活项 #FFFA00 底，图标与分隔线变 #191919 |
| 菜单底部按钮 | 24.375 × 5.5rem，#191919 底白字 |
| 菜单背景 | 20rem 的镂空巨字（letter-spacing: -0.1em） |
8.3 通用按钮 Button#
| 属性 | 值 |
|---|---|
| 尺寸 | 20 × 4.5rem（240 × 54px） |
| 圆角 | 2px；悬停时变 6px（0.2s） |
| 底 / 字 | #383838 / #EEEEEE，Sans Medium 1.75rem |
| 阴影 | drop-shadow(0 0 0.25rem rgba(0,0,0,.25)) |
| 纹理 | ::before 铺一张纹理图 |
| 黄色竖条 | ::after：1rem × 55% 高、#FFFA00，用 clip-path 裁到左侧 25%，即一条 0.25rem 的细条 |
| 悬停 | 底变 #484848、字变白；黄条的 clip-path 变成 polygon(0 20%, 100% 50%, 0 80%) 的三角，并 translateX(0.875rem) |
| 禁用 | 底 #888888、字与竖条 #666666 |
| 浅色变体 | 底 #FFFFFF、字 #000000、竖条 #888888；悬停底 #F0F0F0 |
8.4 首页大按钮 HomeButton#
| 属性 | 值 |
|---|---|
| 尺寸 | 最小 25 × 6.25rem（300 × 75px） |
| 圆角 | 0.25rem（3px） |
| 底 / 字 | #FFFA00 加纹理 / #191919，Sans Medium 2.25rem |
| 左缘 | 0.75rem 宽的 #FFF500 边，悬停时和分隔线一起变 #EFE701 |
| 阴影 | 0 0 0.75rem rgba(0,0,0,.4) |
| 分隔线 | 0.25 × 4.375rem，#FFF500 → 悬停 #EFE701 → 按下 #E6DE01 |
| 白色变体 | 底 #F2F2F2，分隔线 #D9D9D9 → #AAAAAA → #999999；禁用底 #AAAAAA、字 #888888 |
8.5 返回按钮 BackButton#
最小 14.875 × 4.1875rem，圆角 0.3125rem；#383838 底叠 45° 斜纹（见第 6 节）；悬停 #626262，按下 #282828；白字 Sans Medium 1.25rem；左侧箭头图标。
8.6 分页 Pagination#
| 属性 | 值 |
|---|---|
| 分页条 | 高 5.25rem 的胶囊（圆角 2.625rem），#E6E6E6 叠 5% 斜纹，四周一圈 0.375rem 的同色边；深色变体 rgba(30,30,30,.8) |
| 翻页钮 | 直径 4.625rem 的圆钮，#FAFAFA，阴影 0 0 0.625rem rgba(2,2,2,.3)；外缘两圈细环（0.375rem 的 #E6E6E6、0.25rem 的白） |
| 翻页钮状态 | 悬停 #FFFA00，按下 #EEEA00，禁用时箭头 #AAAAAA |
| 箭头 | #3C3C3C |
| 页码 | Novecento Wide Medium 1.5rem |
| 块状指示 | 当前项 Novecento Wide Bold #191919，其余 Medium #3C3C3C |
这一节 2026-10-08 写的是"方钮，4.625rem 见方"：当时只量了宽高，没有看圆角。2026-10-12 复查时改正——条是胶囊，钮是圆的。
8.7 页签 SubpageTab#
高 3.75rem，圆角 4px；页签之间是 0.1875 × 2.5rem 的 #D9D9D9 竖线；悬停 #F3F3F3，激活 #E5E5E5；文字 Sans Medium 1.75rem #191919；激活时文字左移 1.75rem，右侧一个直径 2.3125rem 的 #FAFAFA 圆片淡入，里面是 #999999 的箭头。
8.8 分节标题 SectionTitle#
- 顶部装饰图标高 0.375rem，灰色（
#808080）。 - 箭头块 6.5 × 2rem：
#D9D9D9滑块从左滑入（translateX(-100%)→0），块内箭头从 −45° 转到 0°。箭头高 1.4375rem，#231815。 - 英文标题 Gilroy Medium 2.25rem（行高 2rem），中文标题 Sans Bold 3rem，入场前
opacity: 0。 - 深色底变体：英文与中文标题都变白，滑块不变。
- 版块之间的色带（干员情报的末尾）高 9.125rem，约为视口宽的 5.7%；上面的副题与主题见第 2 节的"黄带"两行。
8.9 子页面头部 SubpageHeader#
高 31.625rem；背景为 linear-gradient(white 15.5625rem, #FFFA00 0)，即上白下黄的硬切；左上 4.375rem 见方的 #191919 图标块，图标 #FFFA00；标题 Sans Bold 4.5rem，压在 95.75rem 宽的白色块上；右侧是等距线稿插图。
8.10 弹窗 ModalFrame#
| 属性 | 值 |
|---|---|
| 宽度 | 109rem（1308px） |
| 底 | #FAFAFA，叠 8% 不透明度的点阵纹理（1.5em 方格） |
| 标题栏 | 高 8.75rem，#1F1F1F 叠斜纹；小标题变体高 5.625rem |
| 标题 | Sans Regular 3.75em，白色，居中 |
| 关闭 | 2.625em，白色；悬停旋转 90°，按下 #CCCCCC |
| 装饰 | 标题下方一排小点（50% 不透明）、底部左下角线稿 |
| 遮罩 | rgba(0,0,0,.5) |
8.11 轻提示 Toast#
居中显示；rgba(0,0,0,.8) 底、白字 16px、行高 1.4；圆角 0.25em（4px），内边距 0.75em 1.25em，最宽 330px；用 opacity 淡入淡出（0.3s）。
8.12 语言下拉#
深色面板（rgba(20,20,20,.9)，圆角 1rem）、白字；选项是胶囊，平时 30% 不透明、悬停时 100%；当前项 #FFCC1A 底黑字；面板顶部一条高 0.375rem 的 #FFCC1A 细条，展开时宽度为面板的 50%（竖屏 25%）。
顶部那条细条的位置（2026-10-14 补）：它贴在面板上沿的外面（bottom: 100%），圆头（圆角 0.188rem），从面板宽度的 25% 处起、宽度由 0 过渡到 50%（0.3s）——停下来是居中的一段。竖屏时高 0.188rem，从正中往两边长。它只有这一条：没有第二个伪元素，上面不带三角或箭头。
这个下拉现在已经不渲染了（2026-10-14 复查）：规则还在样式表里（Header_langs、Header_dropDown），国内站和国际站的页面脚本里都没有用到它。现在的语言选择在国际站的页脚，是一块 #F0F0F0 的浅色面板，选项之间有 1px 的 #888888 细线，没有顶边条。
8.13 加载页#
2026-10-14 重量。这一页只在首次载入时出现一两秒，所以除了读样式表里 00-Loading 模块的规则，还在同源的内嵌页里把一次完整的加载逐帧记了下来。2026-10-08 那次只读了色值和字号，没有看排法——当时记的"进度条入场 scaleX(0) → scaleX(1)"其实是退场时铺满整屏的那一层，不是进度条。
底是 #141414，白字，盖着一张暗色的底图（background-size: cover），filter: blur(8px) 随进度降到 0。各部分的位置（横屏量在 1280×720，1rem = 8px；竖屏量在 375×812，1rem = 视口宽的 1/67.5）：
| 部分 | 横屏 | 竖屏 |
|---|---|---|
| 进度条 | 贴左缘，宽 1.25rem、通高；#FFFA00 的一段从上往下长（高度是进度的百分比） |
距底 17.75rem，轨道宽 82.4074%、高 2.5rem；从左往右长 |
| 读数的基线 | 跟着条的末端走，距左 3.125rem | 在条的末端右侧 0.75rem，比条的底边低 1.75rem |
| 读数 | 基线以上 1.625rem：一颗 0.5 × 1.875rem 的小竖条（圆角 0.25rem，下边距 0.25rem），数字 Sans Medium 4.375rem，% Sans Regular 3.25rem；行高 1，都是 #FFFA00 |
同 |
| 状态字 | 基线以上 0.5rem 起：两个 0.5rem 见方的 #666666 方块（间隔 0.25rem），下面一行 1rem 的 Updating...，#666666 |
同 |
| 标志 | 左 64.4531%、上 27.625rem，16.5 × 16.75rem | 水平居中，中心在上 50rem，19.3125 × 20.9375rem |
| 微标组 | 左 64.4531%、上 59.375rem。一张 8.8125 × 4rem 的微标图（向左探出 0.5rem；里面是一个带框的加号、两行微文字和 2 × 6 的方点阵，#666666）→ 分隔线 → 标语 |
左 4.625rem，底边距底 5.75rem |
| 分隔线 | 上边距 1.25rem、下边距 1rem，向左伸出 21.625rem；70rem 宽、2px 高，白色从两头的透明渐到中间的 10% | 同 |
| 标语 | Sans Regular 1.5rem，不折行：OVER THE FRONTIER / INTO THE FRONT |
同 |
| 三角标 | 微标组左侧 3.375rem、比它的上边低 1.5rem；1.4375 × 1.3125rem，三个朝下的小三角拼成的倒三角，#FCFC1F |
不显示 |
横屏的纵向位置也是用 rem（跟着宽度）定的，所以 16:9 以外的屏上这一列不在正中：超宽屏上会掉到底边。
动效（时间从"全部资源就绪"那一刻起算）：
| 阶段 | 内容 |
|---|---|
| 充填 | 进度每变一次，条长、读数基线的位置、底图的模糊各补间 0.5s；读数的数字就是补间中的位置取整。逐帧看是开头快、收尾慢；补间是脚本做的，样式表里读不到它的缓动 |
| 走满 | 就绪的同时进度变成 100%，上面那次补间还要 0.5s |
| 铺满 | 一层 #FFFA00 盖在最上面，transform-origin: left，scaleX(0) → scaleX(1)；延迟 0.5s，走 0.6s，cubic-bezier(1, 0, 0.7, 1) |
| 淡出 | 整层 opacity 降到 0：延迟 1.4s，走 1s，默认的 ease |
| 卸载 | 第 2.4s。页面自己的入场在第 1.5s 起 |
实测到的一次（资源都在缓存里）：第 0.5s 条走满，0.5 – 1.1s 铺满，1.4 – 2.4s 淡出。
8.14 2D / 3D 切换器#
干员情报里切换立绘与模型的开关（2026-10-12 补）。
| 属性 | 值 |
|---|---|
| 轨道（横屏） | 4.5 × 7.5rem 的竖向胶囊（圆角 2.25rem），rgba(0,0,0,.5) 底，切到 3D 时 rgba(0,0,0,.7)；3px #666666 的边 |
| 旋钮 | 直径 3.75rem 的圆，#E6E6E6 底、3px #333333 的边；上面写着当前值（2D / 3D，Space Grotesk），在两个位置之间平移 |
| 竖屏 | 10 × 5.5rem 的横向胶囊（圆角 2.75rem），rgba(0,0,0,.7) 底；旋钮直径 4.625rem |
9. 版块#
| 版块 | 底色 | 要点 |
|---|---|---|
| 首页 | 版本主视觉 | 全幅 KV；底部深色下载坞（二维码与各平台按钮） |
| 干员情报 | 白 | 名字包在灰色方括号里（括号 Sans Medium 3.375rem #797979，名字 Sans Bold 4.875rem）；标签成对出现（#191919 底白字的"名" + #F2F2F2 底的"值"，配音标签的"名"为 #FFFA00 底）；竖排圆形头像切换，选中带黄环；背景有黄色旗形与透明巨字 |
| 世界观资料 | 黑 | 黄带标题 + 等距线稿；点云三维模型 + 刻度圆环；Gilroy Light 代号；#131315 胶囊导航配白色圆钮；简介文字 #999999 |
| 影像资料 | 黑 | 标签 #38383A 圆角 2px；日期与播放钮 #FDFD1F；白色圆形翻页钮 |
| 版本日历 | 白 | 版本主题色接管刊头；黑色日期块；左侧类目竖轨；按起始日错落的横幅 |
| 玩法介绍 / 集成工业 | 白 | 截断的实心 //ENDFIELD 巨字；灰色竖排侧签；大图轮播 + 圆形翻页钮 + 1 / 5 计数 |
| 公告 | 白 | 黄色竖带（等距线稿 + 竖排文字）；// 新闻 2026.10.07 微标；卡片图片圆角 0.5rem |
版块顺序：首页 → 干员情报 → 世界观资料 → 影像资料 → 版本日历 → 玩法介绍 → 集成工业 → 公告。
10. 没有量到的东西#
- 官网的装饰线稿、纹理、注册色条都是图片资源，没有可读的 CSS 值；文档里涉及它们的颜色与尺寸都是目测。
- 字体的字形特征没有做比对，中文字体的结论是推断。
- 游戏客户端内的任何数值都不在本页范围内；相关内容见 游戏界面，其来源等级是"社区"。
- 云游戏页（
/cloud）也不在本页范围内：它是另一套构建，数据见 measurements-cloud.md，整体面貌见 云游戏页。