/* ================= 更新日志页 · page-releases ================= */ .page-releases .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); margin-bottom: var(--space-3); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.12em; } .page-releases .crumbs a { color: var(--color-contrast-ink); text-decoration: none; border-bottom: var(--border-thin) solid var(--color-contrast-line); } .page-releases .crumbs a:hover { border-bottom-width: 2px; border-bottom-color: var(--color-contrast-accent); } .page-releases .crumbs__sep { color: var(--color-contrast-line); } .page-releases .crumbs [aria-current="page"] { color: var(--color-contrast-accent); } /* ---------- 首屏 ---------- */ .page-releases .hero { position: relative; overflow: hidden; isolation: isolate; background: var(--color-contrast-surface); color: var(--color-contrast-ink); } .page-releases .hero__media { position: absolute; inset: 0 0 0 auto; z-index: 0; width: 100%; opacity: 0.16; pointer-events: none; } .page-releases .hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(0.4) contrast(1.05); } .page-releases .hero__media::after { content: ""; position: absolute; inset: 0; background: var(--overlay-scrim); } .page-releases .hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); padding-block: var(--space-8) var(--space-8); } .page-releases .hero__wall { display: none; list-style: none; margin: 0; padding: 0 0 0 var(--space-3); border-left: var(--border-thin) solid var(--color-contrast-line); font-family: var(--font-mono); font-size: var(--text-sm); line-height: 2; letter-spacing: 0.12em; color: var(--color-contrast-ink); } .page-releases .hero__wall li:nth-child(1) { opacity: 1; } .page-releases .hero__wall li:nth-child(2) { opacity: 0.92; } .page-releases .hero__wall li:nth-child(3) { opacity: 0.84; } .page-releases .hero__wall li:nth-child(4) { opacity: 0.76; } .page-releases .hero__wall li:nth-child(5) { opacity: 0.68; } .page-releases .hero__wall li:nth-child(6) { opacity: 0.6; } .page-releases .hero__wall li:nth-child(7) { opacity: 0.52; } .page-releases .hero__wall li:nth-child(8) { opacity: 0.44; } .page-releases .hero__wall li:nth-child(9) { opacity: 0.37; } .page-releases .hero__wall li:nth-child(10) { opacity: 0.3; } .page-releases .hero__wall li:nth-child(11) { opacity: 0.24; } .page-releases .hero__wall li:nth-child(12) { opacity: 0.18; } .page-releases .hero__eyebrow { margin: 0 0 var(--space-3); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.24em; color: var(--color-contrast-accent); } .page-releases .hero__title { margin: 0 0 var(--space-4); font-family: var(--font-heading); font-size: var(--text-display); font-weight: var(--weight-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); color: var(--color-contrast-ink); } .page-releases .hero__lede { max-width: 52ch; margin: 0 0 var(--space-6); font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-contrast-ink); } .page-releases .hero__stats { display: flex; flex-wrap: wrap; gap: var(--space-6) var(--space-8); padding-top: var(--space-4); border-top: var(--border-thin) solid var(--color-contrast-line); } .page-releases .hstat { display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 4px; } .page-releases .hstat__num { font-family: var(--font-mono); font-size: var(--text-figure); font-weight: var(--weight-heading); line-height: 1; letter-spacing: -0.02em; color: var(--color-contrast-ink); } .page-releases .hstat__unit { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-contrast-accent); } .page-releases .hstat__label { grid-column: 1 / -1; margin-top: var(--space-1); font-size: var(--text-xs); letter-spacing: 0.18em; color: var(--color-contrast-ink); opacity: 0.72; } /* ---------- 区块标题 ---------- */ .page-releases .sechead { max-width: 64ch; margin-bottom: var(--space-6); } .page-releases .sechead__note { margin: var(--space-3) 0 0; font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .section__index { color: var(--color-primary); } .page-releases .section__title { font-family: var(--font-heading); } /* ---------- 条目流 ---------- */ .page-releases .flow-section { padding-block: var(--section-y-lg); background: var(--color-surface); } .page-releases .flow-section--cont { padding-top: var(--space-6); } .page-releases .flow-cont__note { margin: 0 0 var(--space-4); padding-bottom: var(--space-3); border-bottom: var(--border-thin) dotted var(--color-line); font-size: var(--text-sm); letter-spacing: 0.06em; color: var(--color-ink-muted); } /* 筛选胶囊 */ .page-releases .filter { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-bottom: var(--space-6); padding-bottom: var(--space-3); border-bottom: var(--border-thin) solid var(--color-line); } .page-releases .filter__input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .page-releases .filter__label { display: inline-flex; align-items: center; padding: 6px 14px; border: var(--border-thin) solid var(--color-line); border-radius: var(--radius-pill); background: var(--color-surface-alt); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.1em; color: var(--color-ink-soft); cursor: pointer; } .page-releases .filter__label:hover { border-color: var(--color-primary); color: var(--color-primary); } .page-releases .filter__input:checked + .filter__label { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-ink); } .page-releases .filter__input:focus-visible + .filter__label { outline: 2px solid var(--color-focus); outline-offset: 2px; } /* 纯 CSS 筛选 */ .page-releases:has(#flt-index:checked) .flow__item:not([data-cat="index"]), .page-releases:has(#flt-doc:checked) .flow__item:not([data-cat="doc"]), .page-releases:has(#flt-version:checked) .flow__item:not([data-cat="version"]), .page-releases:has(#flt-revision:checked) .flow__item:not([data-cat="revision"]), .page-releases:has(#flt-category:checked) .flow__item:not([data-cat="category"]), .page-releases:has(#flt-channel:checked) .flow__item:not([data-cat="channel"]), .page-releases:has(#flt-search:checked) .flow__item:not([data-cat="search"]) { display: none; } /* 年份分隔 */ .page-releases .flow { list-style: none; margin: 0; padding: 0; } .page-releases .flow__year { display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-8); padding-top: var(--space-2); border-top: 2px solid var(--color-primary); scroll-margin-top: 104px; } .page-releases .flow__year:first-child { margin-top: 0; } .page-releases .flow__yearnum { font-family: var(--font-mono); font-size: var(--text-xl); font-weight: var(--weight-heading); line-height: 1; letter-spacing: 0.04em; color: var(--color-primary); } .page-releases .flow__yearline { flex: 1 1 auto; height: var(--border-thin); background: var(--color-line); } .page-releases .flow__yearcount { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.14em; color: var(--color-ink-muted); } /* 单条记录 */ .page-releases .flow__item { border-bottom: 2px solid var(--color-line); } .page-releases .entry { display: block; } .page-releases .entry__summary { display: grid; gap: var(--space-2); padding: var(--space-4) 0; cursor: pointer; list-style: none; } .page-releases .entry__summary::-webkit-details-marker { display: none; } .page-releases .entry__summary:hover .entry__title { color: var(--color-primary); } .page-releases .entry__summary:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; } .page-releases .entry__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } .page-releases .entry__id { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.16em; color: var(--color-ink-muted); } .page-releases .entry__year { margin-left: auto; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.16em; color: var(--color-primary); } .page-releases .tagchip { display: inline-flex; align-items: center; padding: 4px 12px; border: var(--border-thin) solid transparent; border-radius: var(--radius-pill); background: var(--color-primary-soft); color: var(--color-primary); font-family: var(--font-mono); font-size: var(--text-xs); line-height: 1.5; letter-spacing: 0.1em; } .page-releases .tagchip[data-tag="doc"] { background: var(--color-primary); color: var(--color-primary-ink); } .page-releases .tagchip[data-tag="revision"] { background: var(--color-highlight); color: var(--color-accent); border-color: var(--color-accent); } .page-releases .tagchip[data-tag="channel"] { background: var(--color-surface-alt); border-color: var(--color-line); color: var(--color-ink-soft); } .page-releases .entry__title { margin: 0; font-family: var(--font-heading); font-size: var(--text-lg); font-weight: var(--weight-heading); line-height: 1.36; color: var(--color-ink); } .page-releases .entry__excerpt { display: block; max-width: var(--measure); font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .entry__more { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.16em; color: var(--color-primary); } .page-releases .entry__more::after { content: " ↓"; } .page-releases .entry[open] .entry__more::after { content: " ↑"; } .page-releases .entry__body { display: grid; gap: var(--space-3); padding-bottom: var(--space-4); } .page-releases .entry__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-3); margin: 0; padding-top: var(--space-3); border-top: var(--border-thin) dotted var(--color-line); } .page-releases .entry__field dt { margin-bottom: 4px; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.14em; color: var(--color-ink-muted); } .page-releases .entry__field dd { margin: 0; font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: 0.04em; color: var(--color-ink); } .page-releases .rbar { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: var(--radius-pill); font-size: var(--text-xs); letter-spacing: 0.1em; } .page-releases .rbar::before { content: ""; width: 6px; height: 6px; border-radius: var(--radius-pill); background: currentColor; } .page-releases .rbar[data-state="done"] { background: var(--color-primary-soft); color: var(--color-primary); } .page-releases .rbar[data-state="doing"] { background: var(--color-highlight); color: var(--color-accent); } .page-releases .copy-id { justify-self: start; padding: 6px 16px; border: var(--border-thin) solid var(--color-primary); border-radius: var(--radius-pill); background: var(--color-primary-soft); color: var(--color-primary); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.14em; cursor: pointer; } .page-releases .copy-id:hover { background: var(--color-primary); color: var(--color-primary-ink); } .page-releases .copy-id:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; } .page-releases .copy-id[data-copied="ok"] { background: var(--color-highlight); border-color: var(--color-accent); color: var(--color-accent); } /* ---------- 年份刻度带 ---------- */ .page-releases .scale-band { padding-block: var(--section-y); background: var(--color-surface-deep); border-top: 2px solid var(--color-primary); border-bottom: 2px solid var(--color-primary); } .page-releases .scale-band__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .page-releases .scale-band__lead { max-width: 52ch; margin: var(--space-3) 0 0; font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .scale-band__ticks { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-1); margin: var(--space-4) 0 0; padding: 0; } .page-releases .scale-band__link { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 76px; padding: var(--space-2) var(--space-1); border: var(--border-thin) solid transparent; border-radius: var(--radius-sm); text-decoration: none; color: var(--color-ink-soft); } .page-releases .scale-band__link:hover { border-color: var(--color-primary); color: var(--color-primary); } .page-releases .scale-band__link:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; } .page-releases .scale-band__year { font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: 0.1em; } .page-releases .scale-band__bar { display: block; width: 100%; height: 3px; border-radius: var(--radius-pill); background: var(--color-primary-soft); } .page-releases .scale-band__link:hover .scale-band__bar { background: var(--color-accent); } .page-releases .scale-band__figure { margin: 0; } .page-releases .scale-band__figure img { display: block; width: 100%; height: auto; object-fit: cover; border: var(--border-thin) solid var(--color-line); } .page-releases .scale-band__figure figcaption { margin-top: var(--space-2); font-size: var(--text-xs); letter-spacing: 0.06em; color: var(--color-ink-muted); } /* ---------- 七类标签说明 ---------- */ .page-releases .section--tags { padding-block: var(--section-y-lg); background: var(--color-surface); } .page-releases .tagdefs { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--color-line); } .page-releases .tagdefs__item { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); padding: var(--space-4) 0; border-bottom: var(--border-thin) dotted var(--color-line); } .page-releases .tagdefs__idx { font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: 0.14em; color: var(--color-primary); } .page-releases .tagdefs__name { margin: 0 0 var(--space-1); font-family: var(--font-heading); font-size: var(--text-lg); font-weight: var(--weight-heading); line-height: 1.3; color: var(--color-ink); } .page-releases .tagdefs__desc { margin: 0; max-width: var(--measure); font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .tagdefs__rule { margin: var(--space-2) 0 0; padding-left: var(--space-3); border-left: 2px solid var(--color-primary-soft); font-size: var(--text-sm); line-height: var(--leading-body); color: var(--color-ink-muted); } .page-releases .tagdefs__count { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.12em; color: var(--color-ink-muted); } /* ---------- 校订节律 + 字段引用 ---------- */ .page-releases .revblock { padding-block: var(--section-y-lg); background: var(--color-surface-alt); border-top: 2px solid var(--color-line); } .page-releases .revblock__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); } .page-releases .revblock__lead { margin: var(--space-3) 0 var(--space-4); max-width: 56ch; font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .revdefs { margin: 0; border-top: var(--border-thin) solid var(--color-line); } .page-releases .revdefs__row { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-3); padding: var(--space-3) 0; border-bottom: var(--border-thin) dotted var(--color-line); } .page-releases .revdefs__row dt { flex: 0 0 96px; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.14em; color: var(--color-ink-muted); } .page-releases .revdefs__row dd { flex: 1 1 180px; margin: 0; font-size: var(--text-sm); line-height: 1.6; color: var(--color-ink); } .page-releases .fieldorder { list-style: none; margin: var(--space-4) 0 0; padding: 0; border-top: 2px solid var(--color-primary); } .page-releases .fieldorder__row { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--space-2); padding: var(--space-3) 0; border-bottom: var(--border-thin) dotted var(--color-line); } .page-releases .fieldorder__k { font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: 0.12em; color: var(--color-primary); } .page-releases .fieldorder__n { font-family: var(--font-heading); font-size: var(--text-base); font-weight: var(--weight-heading); color: var(--color-ink); } .page-releases .fieldorder__d { grid-column: 2 / -1; font-size: var(--text-sm); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .revblock__more { margin: var(--space-4) 0 0; max-width: var(--measure); font-size: var(--text-sm); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .revblock__more a { color: var(--color-primary); text-decoration: none; border-bottom: var(--border-thin) solid var(--color-primary); } .page-releases .revblock__more a:hover { border-bottom-width: 2px; border-bottom-color: var(--color-accent); color: var(--color-accent); } /* ---------- 尾部纹理带 ---------- */ .page-releases .tail-strip { margin: 0; border-top: 2px solid var(--color-line); } .page-releases .tail-strip img { display: block; width: 100%; height: clamp(120px, 24vw, 260px); object-fit: cover; } /* ================= 响应式 ================= */ @media (min-width: 760px) { .page-releases .hero__inner { padding-block: var(--space-8) var(--space-8); } .page-releases .tagdefs__item { grid-template-columns: 56px minmax(0, 1fr) 120px; align-items: start; gap: var(--space-4); } .page-releases .tagdefs__count { justify-self: end; text-align: right; } .page-releases .fieldorder__row { grid-template-columns: 40px 160px minmax(0, 1fr); align-items: baseline; } .page-releases .fieldorder__d { grid-column: 3 / -1; } } @media (min-width: 960px) { .page-releases .hero__media { width: 62%; opacity: 0.32; } .page-releases .hero__inner { grid-template-columns: 96px minmax(0, 1fr); gap: var(--space-8); align-items: start; } .page-releases .hero__wall { display: block; } .page-releases .scale-band__inner { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; } .page-releases .revblock__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-8); } } @media (max-width: 480px) { .page-releases .hero__stats { gap: var(--space-4) var(--space-6); } .page-releases .scale-band__link { min-width: 64px; padding: var(--space-1); } .page-releases .revdefs__row dt { flex: 0 0 100%; } } <<>> 需要仔细核对一下之前草拟的 `` 和 `` 里的内容有没有小错误。 几个要检查的点： 1. `entry` 本身是 details，没法用 flex。但 summary 内部我用了 grid 布局来包住 meta、标题、摘要和“展开字段”那行，这个是 OK 的。`entry__more` 在 details 关闭时会显示，展开后变成收起箭头——我写了 `::after` 的内容切换。确认一下这条对 summary 是能生效的。 2. CSS 里 `.page-releases .filter__input` 用了 `pointer-events: none`，这个是必要的，因为 radio 本身被藏起来了，只能靠 label 点击触发。但这里有个问题——如果 radio 完全被藏起来、又禁用了指针事件，键盘用户怎么聚焦它？`position: absolute` + `opacity: 0` 和 `pointer-events: none` 组合起来，元素还是在 tab 顺序里的。用 `:focus-visible + .filter__label` 来画焦点环是可以的。 3. `filter` 组里 8 个 radio 按钮把 `name` 都设成一样，这是控制单选行为的关键。这个对的。 4. 年份刻度那些链接，比如 ``，在 `main` 里确实有对应的 `id="y2024"`，满足锚点要求。 5. 首屏图片用 `object-fit: cover` 和 `width: 100%, height: 100%`，在外层 `hero__media` 里它设了 `position: absolute` 撑满右上角区域。这个没问题。 6. 复制按钮的 `data-copy` 值就是对应条目的编号，比如 `HT-CHG-0486`。这个也和 `entry__id` 显示的一致。 7. 还要检查一下 `zhanqunpic` 占位符的写法是否严格匹配：`{zhanqunpic:h:900w:1200}` 这种，都要求先 h 再 w，并且和 HTML `width`/`height` 属性一致。我已经检查过四处图片，都对上了。 8. 全部 `href` 都在站内合法页面路径或者真实锚点里，没有外部链接。 好，到这里整个主页 HTML 和页面专属 CSS 都完整了。输出中不需要再补充解释，只要确认两段标记之间的内容一致即可。我在心里已经把两份内容从头检查了一遍，现在就按这个顺序把 `
` 主体和 `.page-releases` 作用域下的 CSS 一起交付。确认下面几个细节： 1. 首屏 `hero__media` 作为 .hero 的绝对定位子元素，宽度在移动端是 100%，opacity 0.16；桌面端 62%，opacity 0.32，这个是响应式媒体查询里处理的。没问题。 2. `:has()` 选择器在主流浏览器已经支持，不影响渐进增强——不支持时只是筛选不生效，内容仍然完整可读。这个符合要求 14 说的。 3. 所有内容类都不在 `site_kit.global_css_classes` 里重复定义，比如 `section__title`、`section__index` 只是作为钩子通过 `.page-releases .section__title` 微调，没有重写共享选择器。对的。 4. 变量全部来自 `css_variables` 列表。`--text-figure`、`--text-display`、`--radius-sm`、`--overlay-scrim` 都合法。 没问题了，就这样输出。最后再确认下面没有任何 Markdown 代码围栏，完全由 `` 和 `` 两个标记包住，符合输出格式要求。
俯拍一叠按顺序摞起的编号卡片，边缘错开，冷光

中文档案 / 条目流 / 2015 起

华体资料档案
更新日志

华体移动端的简体中文资料档案自 2015 年起持续归档，每一次上架、补齐或调整都在这里留下一条记录——编号在前，说明在后，年份刻度标在右端。编号一经发布不再变更，分类调整时沿用原编号。

15条 在列条目
7类 栏目标签
10个 发布年度

01 /

条目流

按新旧倒序排列。每条给出编号、栏目标签、标题、摘要与所属年份刻度；展开后可看到完整字段，编号旁的按钮便于在邮件中直接引用。

  1. 2024 3 条
  2. HT-CHG-0486 索引条目 2024

    移动端版本记录补入 2019 年前后缺失节点

    此前版本记录在 2019 年前后存在三段断档，本次按发布时间重新对齐，沿用原有编号序列，未新增编号。 展开字段
    年份刻度
    2024
    栏目标签
    索引条目
    条目编号
    HT-CHG-0486
    校订状态
    校订中
  3. HT-CHG-0485 文档上架 2024

    场馆与设施资料新增一批平面索引扫描件

    扫描件按场馆所在地区分册，页脚统一标注原档页码，便于与更早一年上架的同名文件逐页对照。 展开字段
    年份刻度
    2024
    栏目标签
    文档上架
    条目编号
    HT-CHG-0485
    校订状态
    校订中
  4. HT-CHG-0484 校订记录 2024

    本轮校订复核 32 条年份归属，条目编号保持不变

    复核集中在跨年度发布的活动档案。凡年份归属需要调整的条目，只更新年份字段，编号与所属分类维持原样。 展开字段
    年份刻度
    2024
    栏目标签
    校订记录
    条目编号
    HT-CHG-0484
    校订状态
    已校订
  5. 2023 2 条
  6. HT-CHG-0483 版本迭代 2023

    检索入口排序调整，年份刻度置于分类标签之前

    入口顺序由「分类在前」改为「年份在前」，与档案按发布年份切分的主线保持一致；分类标签位置不变，只是排到年份之后。 展开字段
    年份刻度
    2023
    栏目标签
    版本迭代
    条目编号
    HT-CHG-0483
    校订状态
    已校订
  7. HT-CHG-0482 分类调整 2023

    常见问题索引与用户手册的归类边界重新划定

    「如何操作」类条目统一归入用户手册与指引，「为何如此」类条目留在常见问题索引。本次共迁移 17 条，原编号继续沿用。 展开字段
    年份刻度
    2023
    栏目标签
    分类调整
    条目编号
    HT-CHG-0482
    校订状态
    已校订

02 /

年份刻度

十个发布年度由近到远排列。任选一个年份，可回退到该年度的首条记录；刻度本身不改变条目顺序，只作为回看入口。

  1. 2024
  2. 2023
  3. 2022
  4. 2021
  5. 2020
  6. 2019
  7. 2018
  8. 2017
  9. 2016
  10. 2015
档案柜侧面贴着的年份标签带，编号规则重复出现
档案柜侧面的年份标签带，与页面刻度使用同一套编号口径。

以下条目承接上方的倒序排列，年份刻度由 2022 逐年回落至 2015。

  1. 2022 2 条
  2. HT-CHG-0481 老用户查询通道 2022

    查询入口支持按旧编号反查现行条目

    老用户手上常见的早期编号可直接检索，系统给出对应的现行编号与所属分类。反查记录不改变任何条目原文。 展开字段
    年份刻度
    2022
    栏目标签
    老用户查询通道
    条目编号
    HT-CHG-0481
    校订状态
    已校订
  3. HT-CHG-0480 检索优化 2022

    赛事与活动档案合并同义说法，减少空结果

    把同一项活动的几种常见叫法合并到同一个检索词下，检索时不再因叫法不同而返回空结果，条目本身未作改动。 展开字段
    年份刻度
    2022
    栏目标签
    检索优化
    条目编号
    HT-CHG-0480
    校订状态
    已校订
  4. 2021 2 条
  5. HT-CHG-0479 索引条目 2021

    图解与信息图补入图注说明

    为 2017 年至 2020 年间发布的图解补写图注，说明图中口径与年份刻度。图注挂在原条目之下，不单独占据编号。 展开字段
    年份刻度
    2021
    栏目标签
    索引条目
    条目编号
    HT-CHG-0479
    校订状态
    已校订
  6. HT-CHG-0478 文档上架 2021

    数据年报分类上架三个年度合订本

    合订本按年度装订，每册前附当年条目清单。上架后，数据年报分类的条目总数与月度校订口径同步更新。 展开字段
    年份刻度
    2021
    栏目标签
    文档上架
    条目编号
    HT-CHG-0478
    校订状态
    已校订
  7. 2020 1 条
  8. HT-CHG-0477 版本迭代 2020

    条目字段统一为年份、分类、编号、校订状态四段

    此前各分类的字段顺序并不一致，本次统一。字段顺序调整不影响检索结果，只影响条目详情的阅读顺序。 展开字段
    年份刻度
    2020
    栏目标签
    版本迭代
    条目编号
    HT-CHG-0477
    校订状态
    已校订
  9. 2019 1 条
  10. HT-CHG-0476 校订记录 2019

    抽样复核 380 条，修正编号错位 11 处

    错位来自早期批量导入时序号与年份未对齐。本次只修正编号，不改变条目归属年份，也不调整所属分类。 展开字段
    年份刻度
    2019
    栏目标签
    校订记录
    条目编号
    HT-CHG-0476
    校订状态
    已校订
  11. 2018 1 条
  12. HT-CHG-0475 分类调整 2018

    专题合集由临时归并转为独立分类标签

    此前专题内容临时挂在历史公告之下，本次独立为一个分类标签。归属变化后，原有条目编号不作变更。 展开字段
    年份刻度
    2018
    栏目标签
    分类调整
    条目编号
    HT-CHG-0475
    校订状态
    已校订
  13. 2017 1 条
  14. HT-CHG-0474 索引条目 2017

    历史公告回溯补录 2015 至 2016 年公告标题

    早期公告仅保留扫描件，缺少可检索标题。本次按扫描件首页补录标题，正文内容仍以扫描件原貌为准。 展开字段
    年份刻度
    2017
    栏目标签
    索引条目
    条目编号
    HT-CHG-0474
    校订状态
    已校订
  15. 2016 1 条
  16. HT-CHG-0473 老用户查询通道 2016

    新增查询所需信息清单，减少往返确认

    清单列明查询时需要提供的最少信息，包括原编号或大致年份、资料类型与用途。信息齐全的请求通常一次即可定位。 展开字段
    年份刻度
    2016
    栏目标签
    老用户查询通道
    条目编号
    HT-CHG-0473
    校订状态
    已校订
  17. 2015 1 条
  18. HT-CHG-0472 文档上架 2015

    首批活动档案完成扫描并建立条目索引

    档案整理的起点。首批扫描件完成归档后逐份建立条目，编号自此固定，后续所有调整都以这批编号为基准。 展开字段
    年份刻度
    2015
    栏目标签
    文档上架
    条目编号
    HT-CHG-0472
    校订状态
    已校订

03 /

七类栏目标签的判定标准

标签由改动动作决定，而不是由资料主题决定。同一条资料可能先后落在不同标签下，但编号只有一条。

  • 01

    索引条目

    新增、补齐或重排某一条目在档案中的位置关系，不改动条目本身的文本内容。

    判定 / 只动位置与检索字段、正文一个字不改的，归此类。

    本页 3 条
  • 02

    文档上架

    新的扫描件、合订本或可读文本进入公开范围。华体资料下载路径上的每一次公开范围变化，都归入这个标签。

    判定 / 页数或份数发生变化的，归此类。

    本页 3 条
  • 03

    版本迭代

    移动端版本记录中新增或修订某个版本的字段，涉及版本号、适用终端与发布时间。

    判定 / 影响版本记录字段取值的，归此类。

    本页 2 条
  • 04

    校订记录

    月度核对产生的修正。年度周期内的修正集中在年份归属与条目编号对齐两类问题上。

    判定 / 由月度核对直接产出的改动，归此类。

    本页 2 条
  • 05

    分类调整

    十二个分类标签之间的归属变化。条目编号保持不变，只改所属分类，原编号在检索时仍可命中。

    判定 / 编号未变而分类字段变了的，归此类。

    本页 2 条
  • 06

    老用户查询通道

    与老用户查询相关的入口、所需信息清单与旧编号反查方式的变化。

    判定 / 改变查询者需要提供什么或如何提交的，归此类。

    本页 2 条
  • 07

    检索优化

    同义说法合并、排序规则调整、检索路径压缩。不新增条目，也不改变条目正文。

    判定 / 只影响怎么找到条目、不影响条目内容的，归此类。

    本页 2 条

04 /

月度校订节律

编辑团队每月核对一次条目，核对结果直接反映在条目流的校订记录标签下。最近一次校订完成于 2025 年 3 月。

核对频率
每月一次
最近一次完成
2025 年 3 月
年度修正量级
80 至 120 条
集中问题
年份归属、条目编号对齐
抽样准确率
99.6%
团队构成
档案编辑 6 人 / 索引校对 3 人 / 技术维护 2 人

编号、口径与统计方式的完整说明，见能力清单中的归档、检索与核对三类指标。

05 /

条目字段与引用方式

每条记录的编号由固定前缀 HT-CHG 加四位序号组成，序号按发布先后递增，不随分类调整而重排。引用时只需写明编号，不必附上标题。

  1. 01 年份刻度 条目归属的发布年度，跨年度发布时以首次公开的年份为准。
  2. 02 栏目标签 取七类中的一类，由改动动作决定，不由资料主题决定。
  3. 03 条目编号 前缀加四位序号。编号一经发布不再变更，分类调整时保留原编号。
  4. 04 校订状态 分为已校订与校订中两种，反映该条目在最近一轮核对中的位置。

需要核对某条记录的原文或确认版本对应关系，可写明编号后发至档案服务邮箱；相关流程与查询所需信息，见服务联络与使用场景。更早的年度分布与检索效率口径，可回到档案总索引查看总览。

纸张边缘与装订线的抽象特写，米白偏灰
/* ================= 更新日志页 · page-releases ================= */ .page-releases .crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1); margin-bottom: var(--space-3); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.12em; } .page-releases .crumbs a { color: var(--color-contrast-ink); text-decoration: none; border-bottom: var(--border-thin) solid var(--color-contrast-line); } .page-releases .crumbs a:hover { border-bottom-width: 2px; border-bottom-color: var(--color-contrast-accent); } .page-releases .crumbs__sep { color: var(--color-contrast-line); } .page-releases .crumbs [aria-current="page"] { color: var(--color-contrast-accent); } /* ---------- 首屏 ---------- */ .page-releases .hero { position: relative; overflow: hidden; isolation: isolate; background: var(--color-contrast-surface); color: var(--color-contrast-ink); } .page-releases .hero__media { position: absolute; inset: 0 0 0 auto; z-index: 0; width: 100%; opacity: 0.16; pointer-events: none; } .page-releases .hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(0.4) contrast(1.05); } .page-releases .hero__media::after { content: ""; position: absolute; inset: 0; background: var(--overlay-scrim); } .page-releases .hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); padding-block: var(--space-8); } .page-releases .hero__wall { display: none; list-style: none; margin: 0; padding: 0 0 0 var(--space-3); border-left: var(--border-thin) solid var(--color-contrast-line); font-family: var(--font-mono); font-size: var(--text-sm); line-height: 2; letter-spacing: 0.12em; color: var(--color-contrast-ink); } .page-releases .hero__wall li:nth-child(1) { opacity: 1; } .page-releases .hero__wall li:nth-child(2) { opacity: 0.92; } .page-releases .hero__wall li:nth-child(3) { opacity: 0.84; } .page-releases .hero__wall li:nth-child(4) { opacity: 0.76; } .page-releases .hero__wall li:nth-child(5) { opacity: 0.68; } .page-releases .hero__wall li:nth-child(6) { opacity: 0.6; } .page-releases .hero__wall li:nth-child(7) { opacity: 0.52; } .page-releases .hero__wall li:nth-child(8) { opacity: 0.44; } .page-releases .hero__wall li:nth-child(9) { opacity: 0.37; } .page-releases .hero__wall li:nth-child(10) { opacity: 0.3; } .page-releases .hero__wall li:nth-child(11) { opacity: 0.24; } .page-releases .hero__wall li:nth-child(12) { opacity: 0.18; } .page-releases .hero__eyebrow { margin: 0 0 var(--space-3); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.24em; color: var(--color-contrast-accent); } .page-releases .hero__title { margin: 0 0 var(--space-4); font-family: var(--font-heading); font-size: var(--text-display); font-weight: var(--weight-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); color: var(--color-contrast-ink); } .page-releases .hero__lede { max-width: 52ch; margin: 0 0 var(--space-6); font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-contrast-ink); } .page-releases .hero__stats { display: flex; flex-wrap: wrap; gap: var(--space-6) var(--space-8); padding-top: var(--space-4); border-top: var(--border-thin) solid var(--color-contrast-line); } .page-releases .hstat { display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 4px; } .page-releases .hstat__num { font-family: var(--font-mono); font-size: var(--text-figure); font-weight: var(--weight-heading); line-height: 1; letter-spacing: -0.02em; color: var(--color-contrast-ink); } .page-releases .hstat__unit { font-family: var(--font-mono); font-size: var(--text-sm); color: var(--color-contrast-accent); } .page-releases .hstat__label { grid-column: 1 / -1; margin-top: var(--space-1); font-size: var(--text-xs); letter-spacing: 0.18em; color: var(--color-contrast-ink); opacity: 0.72; } /* ---------- 区块标题 ---------- */ .page-releases .sechead { max-width: 64ch; margin-bottom: var(--space-6); } .page-releases .sechead__note { margin: var(--space-3) 0 0; font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .section__index { color: var(--color-primary); } .page-releases .section__title { font-family: var(--font-heading); } /* ---------- 条目流 ---------- */ .page-releases .flow-section { padding-block: var(--section-y-lg); background: var(--color-surface); } .page-releases .flow-section--cont { padding-top: var(--space-6); } .page-releases .flow-cont__note { margin: 0 0 var(--space-4); padding-bottom: var(--space-3); border-bottom: var(--border-thin) dotted var(--color-line); font-size: var(--text-sm); letter-spacing: 0.06em; color: var(--color-ink-muted); } /* 筛选胶囊 */ .page-releases .filter { display: flex; flex-wrap: wrap; gap: var(--space-1); margin-bottom: var(--space-6); padding-bottom: var(--space-3); border-bottom: var(--border-thin) solid var(--color-line); } .page-releases .filter__input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .page-releases .filter__label { display: inline-flex; align-items: center; padding: 6px 14px; border: var(--border-thin) solid var(--color-line); border-radius: var(--radius-pill); background: var(--color-surface-alt); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.1em; color: var(--color-ink-soft); cursor: pointer; } .page-releases .filter__label:hover { border-color: var(--color-primary); color: var(--color-primary); } .page-releases .filter__input:checked + .filter__label { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-ink); } .page-releases .filter__input:focus-visible + .filter__label { outline: 2px solid var(--color-focus); outline-offset: 2px; } /* 纯 CSS 筛选 */ .page-releases:has(#flt-index:checked) .flow__item:not([data-cat="index"]), .page-releases:has(#flt-doc:checked) .flow__item:not([data-cat="doc"]), .page-releases:has(#flt-version:checked) .flow__item:not([data-cat="version"]), .page-releases:has(#flt-revision:checked) .flow__item:not([data-cat="revision"]), .page-releases:has(#flt-category:checked) .flow__item:not([data-cat="category"]), .page-releases:has(#flt-channel:checked) .flow__item:not([data-cat="channel"]), .page-releases:has(#flt-search:checked) .flow__item:not([data-cat="search"]) { display: none; } /* 年份分隔 */ .page-releases .flow { list-style: none; margin: 0; padding: 0; } .page-releases .flow__year { display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-8); padding-top: var(--space-2); border-top: 2px solid var(--color-primary); scroll-margin-top: 104px; } .page-releases .flow__year:first-child { margin-top: 0; } .page-releases .flow__yearnum { font-family: var(--font-mono); font-size: var(--text-xl); font-weight: var(--weight-heading); line-height: 1; letter-spacing: 0.04em; color: var(--color-primary); } .page-releases .flow__yearline { flex: 1 1 auto; height: var(--border-thin); background: var(--color-line); } .page-releases .flow__yearcount { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.14em; color: var(--color-ink-muted); } /* 单条记录 */ .page-releases .flow__item { border-bottom: 2px solid var(--color-line); } .page-releases .entry { display: block; } .page-releases .entry__summary { display: grid; gap: var(--space-2); padding: var(--space-4) 0; cursor: pointer; list-style: none; } .page-releases .entry__summary::-webkit-details-marker { display: none; } .page-releases .entry__summary:hover .entry__title { color: var(--color-primary); } .page-releases .entry__summary:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 4px; } .page-releases .entry__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); } .page-releases .entry__id { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.16em; color: var(--color-ink-muted); } .page-releases .entry__year { margin-left: auto; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.16em; color: var(--color-primary); } .page-releases .tagchip { display: inline-flex; align-items: center; padding: 4px 12px; border: var(--border-thin) solid transparent; border-radius: var(--radius-pill); background: var(--color-primary-soft); color: var(--color-primary); font-family: var(--font-mono); font-size: var(--text-xs); line-height: 1.5; letter-spacing: 0.1em; } .page-releases .tagchip[data-tag="doc"] { background: var(--color-primary); color: var(--color-primary-ink); } .page-releases .tagchip[data-tag="revision"] { background: var(--color-highlight); color: var(--color-accent); border-color: var(--color-accent); } .page-releases .tagchip[data-tag="channel"] { background: var(--color-surface-alt); border-color: var(--color-line); color: var(--color-ink-soft); } .page-releases .entry__title { margin: 0; font-family: var(--font-heading); font-size: var(--text-lg); font-weight: var(--weight-heading); line-height: 1.36; color: var(--color-ink); } .page-releases .entry__excerpt { display: block; max-width: var(--measure); font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .entry__more { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.16em; color: var(--color-primary); } .page-releases .entry__more::after { content: " ↓"; } .page-releases .entry[open] .entry__more::after { content: " ↑"; } .page-releases .entry__body { display: grid; gap: var(--space-3); padding-bottom: var(--space-4); } .page-releases .entry__fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-3); margin: 0; padding-top: var(--space-3); border-top: var(--border-thin) dotted var(--color-line); } .page-releases .entry__field dt { margin-bottom: 4px; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.14em; color: var(--color-ink-muted); } .page-releases .entry__field dd { margin: 0; font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: 0.04em; color: var(--color-ink); } .page-releases .rbar { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: var(--radius-pill); font-size: var(--text-xs); letter-spacing: 0.1em; } .page-releases .rbar::before { content: ""; width: 6px; height: 6px; border-radius: var(--radius-pill); background: currentColor; } .page-releases .rbar[data-state="done"] { background: var(--color-primary-soft); color: var(--color-primary); } .page-releases .rbar[data-state="doing"] { background: var(--color-highlight); color: var(--color-accent); } .page-releases .copy-id { justify-self: start; padding: 6px 16px; border: var(--border-thin) solid var(--color-primary); border-radius: var(--radius-pill); background: var(--color-primary-soft); color: var(--color-primary); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.14em; cursor: pointer; } .page-releases .copy-id:hover { background: var(--color-primary); color: var(--color-primary-ink); } .page-releases .copy-id:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; } .page-releases .copy-id[data-copied="ok"] { background: var(--color-highlight); border-color: var(--color-accent); color: var(--color-accent); } /* ---------- 年份刻度带 ---------- */ .page-releases .scale-band { padding-block: var(--section-y); background: var(--color-surface-deep); border-top: 2px solid var(--color-primary); border-bottom: 2px solid var(--color-primary); } .page-releases .scale-band__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .page-releases .scale-band__lead { max-width: 52ch; margin: var(--space-3) 0 0; font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .scale-band__ticks { list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-1); margin: var(--space-4) 0 0; padding: 0; } .page-releases .scale-band__link { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 76px; padding: var(--space-2) var(--space-1); border: var(--border-thin) solid transparent; border-radius: var(--radius-sm); text-decoration: none; color: var(--color-ink-soft); } .page-releases .scale-band__link:hover { border-color: var(--color-primary); color: var(--color-primary); } .page-releases .scale-band__link:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; } .page-releases .scale-band__year { font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: 0.1em; } .page-releases .scale-band__bar { display: block; width: 100%; height: 3px; border-radius: var(--radius-pill); background: var(--color-primary-soft); } .page-releases .scale-band__link:hover .scale-band__bar { background: var(--color-accent); } .page-releases .scale-band__figure { margin: 0; } .page-releases .scale-band__figure img { display: block; width: 100%; height: auto; object-fit: cover; border: var(--border-thin) solid var(--color-line); } .page-releases .scale-band__figure figcaption { margin-top: var(--space-2); font-size: var(--text-xs); letter-spacing: 0.06em; color: var(--color-ink-muted); } /* ---------- 七类标签说明 ---------- */ .page-releases .section--tags { padding-block: var(--section-y-lg); background: var(--color-surface); } .page-releases .tagdefs { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--color-line); } .page-releases .tagdefs__item { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-2); padding: var(--space-4) 0; border-bottom: var(--border-thin) dotted var(--color-line); } .page-releases .tagdefs__idx { font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: 0.14em; color: var(--color-primary); } .page-releases .tagdefs__name { margin: 0 0 var(--space-1); font-family: var(--font-heading); font-size: var(--text-lg); font-weight: var(--weight-heading); line-height: 1.3; color: var(--color-ink); } .page-releases .tagdefs__desc { margin: 0; max-width: var(--measure); font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .tagdefs__rule { margin: var(--space-2) 0 0; padding-left: var(--space-3); border-left: 2px solid var(--color-primary-soft); font-size: var(--text-sm); line-height: var(--leading-body); color: var(--color-ink-muted); } .page-releases .tagdefs__count { font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.12em; color: var(--color-ink-muted); } /* ---------- 校订节律 + 字段引用 ---------- */ .page-releases .revblock { padding-block: var(--section-y-lg); background: var(--color-surface-alt); border-top: 2px solid var(--color-line); } .page-releases .revblock__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-8); } .page-releases .revblock__lead { margin: var(--space-3) 0 var(--space-4); max-width: 56ch; font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .revdefs { margin: 0; border-top: var(--border-thin) solid var(--color-line); } .page-releases .revdefs__row { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-3); padding: var(--space-3) 0; border-bottom: var(--border-thin) dotted var(--color-line); } .page-releases .revdefs__row dt { flex: 0 0 96px; font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.14em; color: var(--color-ink-muted); } .page-releases .revdefs__row dd { flex: 1 1 180px; margin: 0; font-size: var(--text-sm); line-height: 1.6; color: var(--color-ink); } .page-releases .fieldorder { list-style: none; margin: var(--space-4) 0 0; padding: 0; border-top: 2px solid var(--color-primary); } .page-releases .fieldorder__row { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--space-2); padding: var(--space-3) 0; border-bottom: var(--border-thin) dotted var(--color-line); } .page-releases .fieldorder__k { font-family: var(--font-mono); font-size: var(--text-sm); letter-spacing: 0.12em; color: var(--color-primary); } .page-releases .fieldorder__n { font-family: var(--font-heading); font-size: var(--text-base); font-weight: var(--weight-heading); color: var(--color-ink); } .page-releases .fieldorder__d { grid-column: 2 / -1; font-size: var(--text-sm); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .revblock__more { margin: var(--space-4) 0 0; max-width: var(--measure); font-size: var(--text-sm); line-height: var(--leading-body); color: var(--color-ink-soft); } .page-releases .revblock__more a { color: var(--color-primary); text-decoration: none; border-bottom: var(--border-thin) solid var(--color-primary); } .page-releases .revblock__more a:hover { border-bottom-width: 2px; border-bottom-color: var(--color-accent); color: var(--color-accent); } /* ---------- 尾部纹理带 ---------- */ .page-releases .tail-strip { margin: 0; border-top: 2px solid var(--color-line); } .page-releases .tail-strip img { display: block; width: 100%; height: clamp(120px, 24vw, 260px); object-fit: cover; } /* ================= 响应式 ================= */ @media (min-width: 760px) { .page-releases .tagdefs__item { grid-template-columns: 56px minmax(0, 1fr) 120px; align-items: start; gap: var(--space-4); } .page-releases .tagdefs__count { justify-self: end; text-align: right; } .page-releases .fieldorder__row { grid-template-columns: 40px 160px minmax(0, 1fr); align-items: baseline; } .page-releases .fieldorder__d { grid-column: 3 / -1; } } @media (min-width: 960px) { .page-releases .hero__media { width: 62%; opacity: 0.32; } .page-releases .hero__inner { grid-template-columns: 96px minmax(0, 1fr); gap: var(--space-8); align-items: start; } .page-releases .hero__wall { display: block; } .page-releases .scale-band__inner { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; } .page-releases .revblock__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-8); } } @media (max-width: 480px) { .page-releases .hero__stats { gap: var(--space-4) var(--space-6); } .page-releases .scale-band__link { min-width: 64px; padding: var(--space-1); } .page-releases .revdefs__row dt { flex: 0 0 100%; } }