| 写 display:flex —— 那会让单元格脱离表格布局，7 列对齐会塌。
纵向排布改用「日期/农历自然流 + 班次药丸绝对定位到底部」实现 */
.datetable tbody td {
/* ⚠️ box-sizing 必须是 border-box。td 默认是 content-box，height 只约束「内容盒」，
真实行高 = height + padding(9+30) + border(1+1)。原来写 height:96px 时
实际每行 137px —— 这才是「倒班日期的高度太大」的真正原因。
改成 border-box 后，height 就是整格高度。 */
box-sizing: border-box;
height: 86px;
padding: 9px 10px 30px;
position: relative;
display: table-cell;
/* ⚠️ 必须是 center：基础规则（3.3 节）就是 center，表头「一二三…」也是 center。
这里一旦写 left，日期/农历/药丸会整体贴左边，看起来「没居中 + 宽度不协调」 */
text-align: center;
vertical-align: top;
background: var(--surface);
border: 1px solid var(--border) !important; /* !important 用于压掉 JS 写入的 inline borderLeft */
border-radius: 14px;
}
.datetable tbody td:empty {
height: 0;
padding: 0;
border: 0 !important;
background: transparent;
}
.cell-date {
display: block;
font-family: var(--font-sans);
font-size: 22px;
font-weight: 700;
line-height: 1.15;
letter-spacing: -.5px;
text-align: center;
color: var(--text);
font-variant-numeric: tabular-nums;
}
.cell-lunar {
display: block;
font-size: 12px;
line-height: 1.3;
text-align: center;
color: var(--text-mute);
}
/* ⚠️ daoban.js 在每个日期格内层套了一层 （第 445 行）。
这层 div 的高度只有「日期+农历」那么高，于是绝对定位的 .cell-shift 会以它
为基准 → 班次药丸贴着农历跑，永远到不了格子底部。
把它改回 static，药丸的基准就落回 | （已 position:relative）。 */
.datetable tbody td > div {
position: static !important;
}
/* 日期与农历之间那枚
：两者都已是 block，br 只会多撑出一行空白 */
.datetable tbody td > div > br,
.cell-shift br {
display: none;
}
.cell-shift {
position: absolute;
left: 10px;
bottom: 9px;
right: 10px;
margin: 0;
/* 与日期/农历同为 center：药丸与上面的日期同轴，格子才不会「左重右虚」 */
text-align: center;
white-space: nowrap;
}
.cell-shift .shift-night,
.cell-shift .shift-day,
.cell-shift .shift-mid,
.cell-shift .shift-rest {
padding: 3px 10px;
border-radius: 999px;
font-size: 12.5px;
font-weight: 600;
line-height: 1.35;
}
/* ⚠️ 日期改成居中后，「20」这类两位数会横移到格子中间，和右上角「节/休/工」
标签同处一行（格子高度不够，纵向上无处可让）。所以把标签往角上收 3px：
right 8→6、左右 padding 2px 6px→2px 5px。实测最窄净间距由 -0.4px 变为 +2.6px。 */
.day-tag {
top: 8px;
right: 6px;
padding: 2px 5px;
font-size: 10px;
border-radius: 7px;
}
.day-tag.holiday,
.day-tag.rest,
.day-tag.work {
font-size: 10px;
}
.memo-content {
text-align: left;
}
/* 9.4 当前班组卡（分段控件外观） */
.menu tbody {
padding: 16px;
border-radius: var(--r-xl);
border: 1px solid var(--border);
box-shadow: var(--shadow-sm);
}
.menu tbody::before {
content: "当前班组";
margin-bottom: 10px;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 1.2px;
color: var(--text-mute);
}
.menu tbody tr {
gap: 3px;
padding: 4px;
background: #F4F4F6;
border-radius: 999px;
}
.menu tbody td {
height: 38px;
line-height: 38px;
font-size: 13.5px;
font-weight: 600;
color: var(--text-soft);
background: transparent;
border-radius: 999px;
}
.menu tbody td:hover {
background: rgba(255, 255, 255, .75);
color: var(--brand-dark);
}
.menu tbody td.active {
background: linear-gradient(140deg, var(--brand) 0%, var(--brand-dark) 100%);
color: #fff;
font-weight: 700;
}
/* 9.4b 当前班组卡补充块（由 daoban-extra.js 注入：今日班次 + 本月统计） */
.team-extra {
flex: 1 1 100%;
display: flex;
flex-direction: column;
gap: 2px;
margin-top: 14px;
}
.team-extra .now {
display: flex;
align-items: baseline;
gap: 8px;
}
.team-extra .now b {
font-size: 26px;
font-weight: 700;
letter-spacing: -1px;
color: var(--brand-dark);
}
.team-extra .now span {
font-size: 11.5px;
color: var(--text-soft);
}
.team-extra .sum {
font-size: 11.5px;
line-height: 1.6;
color: var(--text-soft);
}
/* 9.5 快捷入口卡 */
.footer-section {
gap: 12px;
padding: 0;
}
.footer__nav {
display: flex;
flex-direction: column;
gap: 8px;
padding: 16px;
border-radius: var(--r-xl);
border: 1px solid var(--border);
box-shadow: var(--shadow-sm);
font-size: 0;
}
.footer__nav::before {
content: "快捷入口";
margin: 0 0 2px;
font-size: 10.5px;
font-weight: 700;
letter-spacing: 1.2px;
color: var(--text-mute);
}
.footer__nav a,
.footer__nav .nav-chip {
display: flex;
align-items: center;
justify-content: center;
font-size: 12.5px;
font-weight: 500;
color: #71717A;
padding: 9px 14px;
border: 1px solid #F2F2F4;
border-radius: 999px;
background: #FAFAFB;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
transition: background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease;
}
.footer__nav a:hover,
.footer__nav .nav-chip:hover {
background: var(--brand-soft);
border-color: var(--brand-line);
color: var(--brand-dark);
transform: translateY(-1px);
}
.footer__nav a.nav-primary {
color: var(--brand-dark);
background: var(--brand-soft);
border: 1px solid var(--brand-line);
font-weight: 600;
box-shadow: none;
}
.footer__nav a.nav-primary:hover {
background: #ECE5FA;
color: var(--brand-dark);
transform: translateY(-1px);
}
/* 9.6 页脚卡（深色）：小标签 + 发丝分隔线 + 键值行 */
.footer.footer-info {
display: flex;
flex-direction: column;
gap: 0;
padding: 16px 18px;
text-align: center;
color: #fff;
background: #18181B;
border: 0;
border-radius: var(--r-xl);
box-shadow: none;
}
.footer-info .fsec {
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, .09);
}
.footer-info .fsec:first-child {
padding-top: 0;
border-top: 0;
}
/* 页脚两行：字体/字号/字重/行高/数字宽度全部统一（用户要求「字体统一」）
第一行 粤ICP备… | v3.0 | 稳定运行 X年X天X时X分
第二行 人力资源部 · 黎佐洋 · AI | Copyright © 2019-2030 */
.footer-info .frow {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0 9px;
font-size: 12.5px;
font-weight: 500;
line-height: 1.8;
letter-spacing: .2px;
color: rgba(255, 255, 255, .58);
font-variant-numeric: tabular-nums;
}
.footer-info .frow + .frow {
margin-top: 2px;
}
/* 基础规则（第 5 节）给 .footer-info span 写死了 12px + 浅色主题的灰字，
在深色卡上会发灰发暗 —— 这里交还给继承，由下面的类各自定色 */
.footer-info .frow span {
font-size: inherit;
color: inherit;
}
/* 配色统一取品牌色系：ICP 号/运行时长用亮紫，分隔符最淡，版权最弱 */
.footer-info .fsep {
color: rgba(255, 255, 255, .2);
}
.footer-info .icp {
font-size: inherit;
color: var(--brand-light);
text-decoration: none;
transition: color .18s ease;
}
.footer-info .icp:hover {
color: #fff;
}
.footer-info .fver {
font-weight: 600;
color: rgba(255, 255, 255, .86);
}
.footer-info .frun b {
font-weight: 600;
color: var(--brand-light);
}
.footer-info .fcop {
color: rgba(255, 255, 255, .38);
}
/* ==========================================================================
9.7 断点（顺序不能乱）
========================================================================== */
@media (min-width: 1024px) {
.content {
gap: 16px;
grid-template-rows: min-content 1fr;
}
.datetable {
border-spacing: 9px;
}
.datetable tbody td {
height: 86px;
}
}
@media (max-width: 1023px) {
.content {
display: flex;
flex-direction: column;
gap: 12px;
}
.menu,
.footer-section {
margin: 0;
padding: 0;
}
}
@media (max-width: 768px) {
body {
padding: 12px 12px calc(28px + env(safe-area-inset-bottom));
}
.topbar {
padding: 9px 12px;
margin-bottom: 12px;
border-radius: var(--r-lg);
}
.logo {
height: 36px;
}
.back-pill {
padding: 7px 13px;
font-size: 12px;
}
.datetable {
border-spacing: 4px;
border-radius: var(--r-lg);
}
.datetable tbody td {
height: 72px;
padding: 7px 8px 26px;
border-radius: 11px;
}
.cell-shift {
left: 8px;
right: 8px;
bottom: 7px;
}
.cell-date {
font-size: 18px;
letter-spacing: -.3px;
}
.cell-lunar {
font-size: 10.5px;
}
.cell-shift .shift-night,
.cell-shift .shift-day,
.cell-shift .shift-mid,
.cell-shift .shift-rest {
padding: 2.5px 7px;
font-size: 11px;
}
.day-tag {
top: 6px;
right: 4px;
padding: 1px 3px;
font-size: 9.5px;
}
.day-tag.holiday,
.day-tag.rest,
.day-tag.work {
font-size: 9.5px;
}
.menu tbody,
.footer__nav {
padding: 13px;
border-radius: var(--r-lg);
}
.footer.footer-info {
padding: 15px;
border-radius: var(--r-lg);
}
.team-extra {
margin-top: 12px;
}
.team-extra .now b {
font-size: 24px;
}
}
@media (max-width: 520px) {
body {
padding: 10px 10px calc(26px + env(safe-area-inset-bottom));
}
.topbar {
padding: 8px 10px;
gap: 10px;
margin-bottom: 10px;
}
.logo {
height: 32px;
}
.content {
gap: 10px;
}
.datetable {
border-spacing: 3px;
}
.datetable tbody td {
height: 66px;
padding: 6px 6px 23px;
border-radius: 10px;
}
.cell-shift {
left: 6px;
right: 6px;
bottom: 6px;
}
.cell-date {
font-size: 17px;
}
.cell-lunar {
font-size: 10px;
}
.cell-shift .shift-night,
.cell-shift .shift-day,
.cell-shift .shift-mid,
.cell-shift .shift-rest {
padding: 2px 6px;
font-size: 10.5px;
}
.day-tag {
top: 5px;
right: 4px;
padding: 1px 2px;
font-size: 9px;
}
.day-tag.holiday,
.day-tag.rest,
.day-tag.work {
font-size: 9px;
}
.menu tbody,
.footer__nav {
padding: 12px;
}
.footer.footer-info {
padding: 14px;
}
}
@media (max-width: 360px) {
.datetable tbody td {
height: 62px;
padding: 5px 5px 21px;
}
.cell-shift {
left: 5px;
right: 5px;
bottom: 5px;
}
.cell-date {
font-size: 16px;
}
.cell-lunar {
font-size: 9.5px;
letter-spacing: -.2px;
}
.cell-shift .shift-night,
.cell-shift .shift-day,
.cell-shift .shift-mid,
.cell-shift .shift-rest {
padding: 1px 5px;
font-size: 10px;
}
.calendar-dropdown {
min-width: 56px;
}
.sdatetext {
width: 40px;
}
}
/* ==========================================================================
9.8 补充（与 9.1~9.7 同一批，放在最后以便压住上面的媒体查询）
========================================================================== */
/* 顶栏「返回首页」胶囊里的箭头 */
.back-pill svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-width: 2.1;
stroke-linecap: round;
stroke-linejoin: round;
}
/* ==========================================================================
9.10 页脚通栏 + 窄屏拆行
--------------------------------------------------------------------------
问题：PC 双栏时版权被塞在右栏（第 8 节的 grid-area:foot 只占第 2 列），
而这一行的自然宽是 351px，右栏只有 284px 可用
（icp 129 + "|" 4 + v3.0 24 + "|" 4 + 稳定运行 155 + 4×9px 间距 36）
→ 折成 4 行，且「|」孤零零挂在行尾。
修法：**只改 grid 摆放，不动 DOM** ——
把 .footer-section 设成 display:contents，让它不再生成盒子，
它的两个孩子直接落进 .content 的网格：
row1 cal | menu （当前班组）
row2 cal | nav （快捷入口，位置与改动前完全一致）
row3 foot | foot （版权，通栏独占一行）
⚠️ 不能简单地把 .footer-section 改成 grid-column:1/-1 放在第 2 行 ——
日历跨越第 1~2 行，两者会落在同一网格单元里**互相重叠**
（实测：页脚深色卡把日历最后一行的 28/29/30 压掉了）。
========================================================================== */
@media (min-width: 1024px) {
.content {
grid-template-areas:
"cal menu"
"cal nav"
"foot foot";
grid-template-rows: min-content 1fr auto;
}
/* 不生成盒子 → 其子元素成为 .content 的网格项 */
.footer-section {
display: contents;
}
.footer-section > .footer__nav {
grid-area: nav;
}
/* 版权：通栏独占第 3 行 */
.footer-section > .footer-info,
.content > .footer-info {
grid-area: foot;
}
}
/* 实测自然宽度（headless Chromium，12.5px/500）：
第 1 行 粤ICP备… | v3.0 | 稳定运行 … ≈ 351px
第 2 行 人力资源部 · 黎佐洋 · AI | Copyright © … ≈ 296px
inner = 视口 - 48px（body 10×2 + 卡片 14×2）
→ 视口 < 399px 第 1 行放不下；< 353px 第 2 行也放不下。留余量取 440 / 370。 */
@media (max-width: 440px) {
/* 拆行处的那根竖线不要了，免得「|」独占一行或悬在行尾 */
.footer-info .fver + .fsep {
display: none;
}
/* 撑满一行 → 强制换行 */
.footer-info .frun {
flex-basis: 100%;
text-align: center;
}
}
@media (max-width: 370px) {
/* 再窄连版权行也放不下 → 同样主动拆行（否则必然出现悬空的「|」） */
.footer-info .frow + .frow .fsep {
display: none;
}
.footer-info .frow + .frow .fcop {
flex-basis: 100%;
text-align: center;
}
}
/* 字体：日期数字此前单独写了一套 Arial 栈，与正文不一致 → 统一继承 */
.cell-date,
.cell-lunar {
font-family: var(--font-sans);
}
/* ==========================================================================
9.11 备注卡（R9）
--------------------------------------------------------------------------
原来「备忘」是点日期格弹一个居中模态框（daoban.js 的 .memo-dialog）。
R9 要求：把备注信息与修改放到「快捷入口」**上方**，样式跟「当前班组」那块协调。
做法：不改 daoban.js —— daoban-extra.js 在 .footer__nav 前面插一张 .memo-card，
并在 .datetable 上用捕获阶段拦截单元格点击（挡住原来弹窗的冒泡委托），
把该日期的备注直接灌进卡片里的 textarea。
视觉口径（刻意与既有两块对齐，不自创新样式）：
· 卡片外壳 = .menu tbody / .footer__nav 同款（白底 + 描边 + --r-xl + --shadow-sm）
· 「备注」小标题 = .menu tbody::before「当前班组」/ .footer__nav::before「快捷入口」同字号同色
· 日期行 = .team-extra .now 同一套（26px 品牌深紫 + 11.5px 灰）
⚠️ 只追加在本文件末尾、靠层叠覆盖；不动任何既有选择器。
========================================================================== */
.memo-card {
display: flex;
flex-direction: column;
align-items: center; /* R11：框内整体居中（与下方快捷入口同口径） */
gap: 10px;
padding: 12px;
background: var(--surface);
border: 1px solid var(--border);
border-radius: var(--r-xl);
box-shadow: var(--shadow-sm);
text-align: center;
}
/* 小标题：与 .menu tbody::before「当前班组」/ .footer__nav::before「快捷入口」逐字同款
（注意：§9.4/§9.5 把这两处从基础段的 12px/500 改成了 10.5px/700/1.2px，这里跟的是改后的值） */
.memo-card__title {
font-size: 10.5px;
font-weight: 700;
letter-spacing: 1.2px;
color: var(--text-mute);
margin-bottom: -2px;
}
/* 日期：与 .team-extra .now 同一套口径，但刻意压低字号/色阶（R11：不抢当前班组风头） */
.memo-card__now {
display: flex;
align-items: baseline;
justify-content: center;
gap: 8px;
}
.memo-card__now b {
font-size: 21px;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.1;
color: var(--brand-dark);
}
.memo-card__now span {
font-size: 11.5px;
color: var(--text-mute);
}
.memo-card__input {
width: 100%;
min-height: 62px;
padding: 10px 12px;
font-family: inherit;
font-size: 13px;
line-height: 1.6;
text-align: center;
color: var(--text);
background: var(--surface-soft);
border: 1px solid var(--border);
border-radius: var(--r-md);
outline: none;
resize: vertical;
box-sizing: border-box;
transition: background .2s ease, border-color .2s ease;
}
.memo-card__input:focus {
background: #fff;
border-color: var(--brand-line);
}
.memo-card__input:disabled {
color: var(--text-mute);
cursor: not-allowed;
}
.memo-card__input::placeholder {
color: var(--text-mute);
}
.memo-card__acts {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.memo-card__acts button {
padding: 8px 18px;
font-family: inherit;
font-size: 12.5px;
font-weight: 600;
color: var(--text-soft);
background: #F6F6F8;
border: 1px solid var(--border);
border-radius: 999px;
cursor: pointer;
transition: background .2s ease, border-color .2s ease, color .2s ease, transform .15s ease;
}
/* R11：保存按钮去掉紫渐变+投影，改浅色扁平，避免抢了当前班组（班制切换）的风头 */
.memo-card__acts .memo-card__save {
color: var(--brand-dark);
background: var(--brand-soft);
border: 1px solid var(--brand-line);
box-shadow: none;
}
.memo-card__acts .memo-card__save:hover {
background: #ECE5FA;
transform: translateY(-1px);
}
.memo-card__acts .memo-card__del:hover {
color: #DC2626;
background: #FEF2F2;
border-color: #FCA5A5;
}
.memo-card__acts button:disabled {
opacity: .45;
cursor: not-allowed;
box-shadow: none;
transform: none;
}
/* 保存/删除后的轻提示（右侧淡入淡出，不占额外行高） */
.memo-card__tip {
margin-left: auto;
font-size: 11.5px;
font-weight: 500;
color: var(--brand-dark);
line-height: 1;
opacity: 0;
transition: opacity .2s ease;
}
.memo-card__tip.on {
opacity: 1;
}
/* ---- ≥1024px：右栏多插一行 memo -------------------------------
.footer-section 在这一档是 display:contents（见 9.10），它的子元素直接落进 .content 的网格。
原来右栏是 menu / nav / foot 三行，备注卡插在 menu 与 nav 之间 →
网格必须多给一行，否则它会和 nav 抢同一个格子（重叠）。
顺序保持：当前班组 → 备注 → 快捷入口 → 页脚。 */
@media (min-width: 1024px) {
.content {
grid-template-areas:
"cal menu"
"cal memo"
"cal nav"
"foot foot";
grid-template-rows: min-content min-content 1fr auto;
}
.footer-section > .memo-card {
grid-area: memo;
}
}
/* 窄屏：内边距/圆角跟着 .menu tbody、.footer__nav 一起收（见 max-width:768 段） */
@media (max-width: 768px) {
.memo-card {
padding: 13px;
border-radius: var(--r-lg);
}
}
/* ==========================================================================
9.12 R10（2026-09-18）：日历格备注 + 快捷入口两列 + 页脚字色
--------------------------------------------------------------------------
① 日历格备注：修 R8 遗留的定位 bug
§9.3 那条 `.datetable tbody td > div { position: static !important }`
本意只治 daoban.js 给内层 wrapper 写的 inline `position:relative`，
但 .memo-tag / .memo-content 同样是 `td > div`，被这条 !important 一起
打成 static → 两大掉进文字流，后果：
· 每有一条备注，该行就从 86px 被撑到约 100px（截图里第 1/2/4 行就比
第 3/5 行高，网格是歪的）；
· 6px 紫点飘到农历下面、还压住班次药丸。
修法：两条 !important 之间**不看权重、只看先后** → 本文件末尾这条必胜；
选择器再多带一个类做双保险。形态再按断点各自给。
② 快捷入口：≥1024px 改两列（甲乙 / 丙丁 / 年历通栏）
实测单列 5 行 = 282px，比右栏可用高度多出约 90px，把右栏顶到日历之外。
两列后卡片约 185px，而 .content 第 3 行本来就是 1fr → 右栏会自动被拉到
与日历底部齐平，日历宽度一行都不用改。
③ 页脚：统一白阶，品牌紫只留 ICP 一处
（原先「紫 ICP + 紫数字 + 4 档不同白」混在一起显花，且 .38 那档对比度只有 3.6:1）
========================================================================== */
/* ---- 9.12.1 备注元素回到绝对定位（盖过 §9.3 的 `td > div` !important） ---- */
.datetable tbody td > .memo-tag,
.datetable tbody td > .memo-content {
position: absolute !important;
}
/* ---- 9.12.2 <1024px：格子只有 44~120px 宽、62~72px 高，塞不下文字
改成一枚贴在格子左边缘的品牌紫竖条 —— 任何尺寸都不会和日期/农历/班次药丸打架
（竖条落在格子内边距里，被 td 自己的 border-radius 裁圆） ---- */
@media (max-width: 1023px) {
.datetable tbody td > .memo-tag {
left: 0;
right: auto;
top: 7px;
bottom: 7px;
width: 3px;
height: auto;
border-radius: 0 3px 3px 0;
background: var(--brand);
z-index: 3;
}
.datetable tbody td > .memo-content {
display: none;
}
}
/* ---- 9.12.3 ≥1024px：格内一行品牌紫药丸 ----------------------------------
格子**统一**从 86px 加到 99px。必须所有格子一起留白：HTML 表格的行高由该行
最高的格子决定，只给有备注的格子留空间，那一行立刻比邻居高（就是上面那个 bug）。
留出的这一条卡在「农历」与「班次药丸」之间，竖向账目（vw=1180 实测）：
7px 上留白 │ 日期 25.3 │ 农历 15.6 │ 3.0 │ 备注药丸 14.1 │ 3.1 │ 班次药丸 22.9 │ 7px = 99px
⚠️ 班次药丸的 bottom 必须从 9px 收到 7px —— 否则「农历→药丸」只有 16.2px，
塞不下 14.1px 的备注药丸 + 两条间距。 */
@media (min-width: 1024px) {
.datetable tbody td {
height: 99px;
padding: 7px 10px 30px;
}
.cell-shift {
bottom: 7px;
}
/* 药丸形态不再需要那枚游离的紫点 */
.datetable tbody td > .memo-tag {
display: none;
}
.datetable tbody td > .memo-content {
left: 10px;
right: 10px;
top: auto;
bottom: 33px;
display: block;
padding: 1px 6px;
font-size: 10.5px;
font-weight: 600;
line-height: 1.15;
letter-spacing: .2px;
color: var(--brand-dark);
background: var(--brand-soft);
border-radius: 6px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
}
}
/* ---- 9.12.4 快捷入口：≥1024px 两列（甲乙 / 丙丁 / 年历通栏） ---- */
@media (min-width: 1024px) {
.footer__nav {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
/* 小标题单独占第 1 行（min-content），下面 3 行入口均分剩余高度 */
grid-template-rows: min-content;
grid-auto-rows: 1fr;
gap: 8px;
/* ⚠️ §9.10 给这档的 .content 写了 `align-items: start` —— 网格项默认不再拉伸，
于是第 3 行（1fr，实测 223px）比卡片本身（190px）高，右栏底部就比日历短一截。
这里把它拉回来，卡片才会填满，底部才和日历齐平。 */
align-self: stretch;
}
/* 小标题通栏。基础段给它写的是 `flex: 0 0 100%`，在网格里被忽略 → 要改网格写法 */
.footer__nav::before {
grid-column: 1 / -1;
}
/* 第 5 项「倒班表(年历)」通栏吃满一整行 */
.footer__nav > a,
.footer__nav > .nav-chip {
min-width: 0;
padding: 9px 8px;
text-align: center;
}
.footer__nav > a:last-child,
.footer__nav > .nav-chip:last-child {
grid-column: 1 / -1;
}
}
/* ---- 9.12.5 页脚：统一白阶，品牌紫只留 ICP 一处 --------------------------
⚠️ 必须写成 `.frow .fsep` 三节：§9.6 有一条
`.footer-info .frow span { font-size: inherit; color: inherit }`（0,2,1），
它比 `.footer-info .fsep`（0,2,0）**权重更高** —— 原先那两条 .fsep/.ver/.fcop
其实一直没生效，全都继承成行色了。 */
.footer-info .frow {
color: rgba(255, 255, 255, .72);
}
.footer-info .frow .fsep {
color: rgba(255, 255, 255, .28);
}
.footer-info .frow .fver {
color: #fff;
}
.footer-info .frow .fcop {
color: rgba(255, 255, 255, .52);
}
.footer-info .icp {
color: var(--brand-light);
}
.footer-info .icp:hover {
color: #fff;
}
/* 运行时长数字不再带紫 —— 页脚的紫色只留 ICP 这一个落点 */
.footer-info .frun b {
color: #fff;
}
/* ==========================================================================
9.13 R11（2026-09-18）：当前班制放大 + 快捷入口缩小（仅 PC ≥1024）
--------------------------------------------------------------------------
· 当前班组（.menu tbody）= 用户说的「当前班制的选择框」，是右栏的视觉主角。
R11 要求 PC 端把它「大一点」，并明确「备注卡不要抢它的风头」——
所以这里放大 .menu tbody，而 §9.11 的备注卡同时被压低字号/色阶/改浅色按钮。
· 快捷入口（.footer__nav）= 用户要求「缩小尺寸」—— 收 padding / gap / 字号。
⚠️ 这两条都只作用于 ≥1024；窄屏沿用基础段口径，不在此改。
⚠️ 与 §9.4 / §9.10 / §9.12 同权（0,1,1），但写在文件最末尾 → 源顺序在后胜出。
========================================================================== */
@media (min-width: 1024px) {
/* 9.13.1 当前班制（选择框）放大 */
.menu tbody {
padding: 20px;
}
.menu tbody td {
height: 46px;
line-height: 46px;
font-size: 15px;
}
.team-extra .now b {
font-size: 30px;
}
/* 9.13.2 快捷入口缩小（在 §9.12.4 两列基础上再收一圈） */
.footer__nav {
gap: 6px;
}
.footer__nav > a,
.footer__nav > .nav-chip {
padding: 7px 6px;
font-size: 12px;
}
.footer__nav::before {
font-size: 10px;
margin-bottom: 2px;
}
}
|