*{box-sizing:border-box}
html{background:var(--canvas)}
body{margin:0;width:100%;min-width:320px;background:var(--canvas);color:var(--ink);
font-family:var(--font-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}
a{color:var(--brand-lite)}
button{font-family:inherit;font-size:14px;cursor:pointer}
input,select,textarea{font-family:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.muted{color:var(--ink-faint)}
[hidden]{display:none!important}
/* ============================================================
布局：左栏 + 内容。只有一层导航。
============================================================ */
/* 只在有左栏的页面上铺网格 —— 家长页（parent.html）没有左栏，
写死两列的话它的内容会掉进 236px 的第一列。 */
body:has(> .sidenav){display:grid;grid-template-columns:var(--sidenav-w) minmax(0,1fr);min-height:100vh;
transition:grid-template-columns var(--t) var(--ease)}
html[data-sidenav="min"] body:has(> .sidenav){grid-template-columns:var(--sidenav-min) minmax(0,1fr)}
/* 内容区：顶线一行 + 主区（有右侧信息轨的页面多一列） */
.shell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.shell:has(.rail){grid-template-columns:minmax(0,1fr) 300px}
@media(max-width:1280px){.shell:has(.rail){grid-template-columns:minmax(0,1fr)}.rail{display:none}}
.topline{grid-column:1/-1}
/* ---------- 左栏 ---------- */
.sidenav{position:sticky;top:0;height:100vh;background:var(--surface);color:var(--ink);
border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;z-index:30}
.sidenav .logo{display:flex;align-items:center;gap:10px;height:var(--topline-h);padding:0 var(--sp-4);
border-bottom:1px solid var(--line);flex:none;color:var(--ink);text-decoration:none;white-space:nowrap}
.sidenav .logo img{width:32px;height:32px;border-radius:8px;display:block;flex:none}
.sidenav .logo .t{font-weight:700;font-size:14px;line-height:1.2}
.sidenav .logo .t small{display:block;font-weight:400;font-size:11px;color:var(--ink-faint);letter-spacing:.06em}
.sidenav nav{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-2);scrollbar-width:none}
.sidenav nav::-webkit-scrollbar{width:0}
.sidenav h4{margin:var(--sp-3) var(--sp-3) var(--sp-1);font-size:11px;font-weight:600;color:var(--ink-faint);
letter-spacing:.08em;white-space:nowrap}
/* 整行都能点：内边距挂在 a 上。手指不会瞄准文字（2026-08-28 钱老师手机上撞过）。 */
.sidenav a.item{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 var(--sp-3);
border-radius:var(--r-sm);white-space:nowrap;color:var(--ink);text-decoration:none;font-size:14px;
transition:background var(--t) var(--ease)}
@media(hover:hover){.sidenav a.item:hover{background:var(--canvas)}}
.sidenav a.item.on{background:var(--brand);color:var(--ink-invert);font-weight:600}
.sidenav a.item svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.sidenav a.item span{overflow:hidden;text-overflow:ellipsis}
.badge{margin-left:auto;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;
padding:1px 7px;border-radius:99px;background:var(--danger-tint);color:var(--danger);min-width:20px;text-align:center}
.sidenav a.item.on .badge{background:rgba(255,255,255,.22);color:#fff}
.badge.q{background:var(--void-tint);color:var(--ink-faint)}
.sidenav .foot{flex:none;border-top:1px solid var(--line);padding:var(--sp-2)}
.sidenav .user{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px var(--sp-2);border-radius:var(--r-sm);
color:var(--ink);text-decoration:none;white-space:nowrap}
@media(hover:hover){.sidenav .user:hover{background:var(--canvas)}}
.sidenav .user.on{background:var(--canvas)}
.avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);
display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.sidenav .user .who{min-width:0;line-height:1.25}
.sidenav .user .who b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis}
.sidenav .user .who small{display:block;font-size:11px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis}
/* R-117 身份切换：多岗位的人在左下角选当前身份，菜单和数据只按这个身份 */
.sidenav .idsw{display:flex;flex-wrap:wrap;gap:4px;padding:2px var(--sp-2) var(--sp-2)}
.sidenav .idsw button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);
font-size:11.5px;padding:2px 8px;border-radius:99px;cursor:pointer;white-space:nowrap}
.sidenav .idsw button.on{background:var(--brand);border-color:var(--brand);color:#fff;cursor:default}
html[data-sidenav="min"] .sidenav .idsw{display:none}
.sidenav .fold{display:flex;align-items:center;gap:10px;min-height:36px;padding:0 var(--sp-3);width:100%;
border:0;background:none;border-radius:var(--r-sm);color:var(--ink-faint);font-size:12.5px;white-space:nowrap}
@media(hover:hover){.sidenav .fold:hover{background:var(--canvas);color:var(--ink)}}
.sidenav .fold svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none;
transition:transform var(--t) var(--ease)}
/* 折叠态：只留图标；有未读数的项右上角一个红点 */
html[data-sidenav="min"] .sidenav .logo .t,html[data-sidenav="min"] .sidenav h4,
html[data-sidenav="min"] .sidenav a.item span,html[data-sidenav="min"] .sidenav .user .who,
html[data-sidenav="min"] .sidenav .fold span,html[data-sidenav="min"] .sidenav .badge{display:none}
html[data-sidenav="min"] .sidenav .logo{justify-content:center;padding:0}
html[data-sidenav="min"] .sidenav a.item{justify-content:center;padding:0;position:relative}
html[data-sidenav="min"] .sidenav a.item:has(.badge:not([hidden]))::before{content:"";position:absolute;top:8px;right:10px;
width:6px;height:6px;border-radius:50%;background:var(--danger)}
html[data-sidenav="min"] .sidenav .grp+.grp{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line)}
html[data-sidenav="min"] .sidenav .user{justify-content:center;padding:6px 0}
html[data-sidenav="min"] .sidenav .fold{justify-content:center;padding:0}
html[data-sidenav="min"] .sidenav .fold svg{transform:rotate(180deg)}
/* ---------- 顶线：菜单按钮（手机）、全站找学生、唯一的金色主按钮 ---------- */
.topline{position:sticky;top:0;z-index:20;height:var(--topline-h);display:flex;align-items:center;gap:var(--sp-3);
padding:0 var(--gutter);background:var(--canvas);border-bottom:1px solid var(--line)}
.menubtn{display:none;background:transparent;border:1px solid var(--line-strong);color:var(--ink);
border-radius:var(--r-sm);font-size:16px;line-height:1;min-inline-size:44px;min-block-size:44px;padding:0}
.gsearch{position:relative;width:min(320px,100%)}
.gsearch input{width:100%;height:34px;padding:0 12px 0 34px;border:1px solid var(--line);border-radius:var(--r-sm);
background:var(--surface);font-size:13px;color:var(--ink)}
.gsearch input::placeholder{color:var(--ink-faint)}
.gsearch svg{position:absolute;left:11px;top:10px;width:15px;height:15px;stroke:var(--ink-faint);fill:none;stroke-width:1.8;pointer-events:none}
.gs-list{position:absolute;left:0;right:0;top:40px;background:var(--surface);border:1px solid var(--line);
border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden;z-index:40}
.gs-list a{display:flex;align-items:center;gap:var(--sp-3);padding:9px 12px;color:var(--ink);text-decoration:none;font-size:13px}
.gs-list a+a{border-top:1px solid var(--line)}
.gs-list a:hover,.gs-list a.on{background:var(--canvas)}
.gs-list a b{font-weight:600}
.gs-list a small{color:var(--ink-faint);margin-left:auto;white-space:nowrap}
.gs-list .none{padding:12px;color:var(--ink-faint);font-size:13px}
.topline .btn-main{margin-left:auto}
/* ---------- 主区 ---------- */
.main{padding:var(--sp-6) var(--gutter) var(--sp-12);min-width:0}
h1{font-family:var(--font-display);font-weight:900;font-size:28px;line-height:1.2;margin:0 0 var(--sp-5);letter-spacing:-.01em}
h1+.desc,h1+p.desc{margin:calc(var(--sp-5) * -1 + 4px) 0 var(--sp-5)}
.desc{color:var(--ink-soft);font-size:13px;max-inline-size:76ch;line-height:1.6}
.desc b{color:var(--ink);font-weight:600}
/* 标题行右边放操作：一屏只有一个实心主按钮 */
.page-head{display:flex;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}
.page-head h1{margin:0}
.page-head .desc{margin:4px 0 0}
.page-head .acts{margin-left:auto;align-self:center}
/* 模块标题 */
.sec{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-8) 0 var(--sp-3);
font-size:13px;font-weight:600;color:var(--ink-soft)}
.sec i{flex:1;height:1px;background:var(--line);font-style:normal}
/* 筛选器 */
.filters{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-3)}
.sel{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-sm);
padding:6px 12px;font-size:13px;color:var(--ink-faint);min-width:120px;
display:flex;justify-content:space-between;gap:var(--sp-3);cursor:pointer}
.sel b{color:var(--ink);font-weight:500}
.sel::after{content:"▾";color:var(--ink-faint)}
.more{background:transparent;border:1px dashed var(--line-strong);border-radius:var(--r-sm);
padding:6px 12px;color:var(--brand-lite);font-weight:600}
/* 已选标签 */
.chips{display:inline-flex;gap:var(--sp-2);flex-wrap:wrap;vertical-align:middle;margin-right:var(--sp-3)}
.chip{background:var(--brand-tint);border:1px solid var(--line-strong);border-radius:99px;
padding:2px 8px 2px 10px;font-size:12.5px;color:var(--ink);display:inline-flex;align-items:center;gap:var(--sp-2)}
.chip span{color:var(--ink-faint);cursor:pointer;font-size:15px;line-height:1}
/* 结果摘要 + 操作 */
.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
flex-wrap:wrap;margin-bottom:var(--sp-3)}
.summary{font-size:13px;color:var(--ink-soft);display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}
.summary b{color:var(--ink)}
.acts{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}
/* 按钮：默认描边；一屏只有一个 .btn-main（金色实心） */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 14px;
background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;
border-radius:var(--r-sm);font-size:13.5px;font-weight:500;white-space:nowrap;line-height:1;
transition:background var(--t) var(--ease),border-color var(--t) var(--ease),transform 80ms var(--ease)}
@media(hover:hover){.btn:hover{background:var(--surface-muted);border-color:var(--ink-faint)}}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn-main{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}
@media(hover:hover){.btn-main:hover{background:var(--accent-hover);border-color:var(--accent-hover)}}
.btn-ghost{border-color:transparent;background:transparent;color:var(--ink-soft)}
@media(hover:hover){.btn-ghost:hover{background:var(--surface-3);color:var(--ink)}}
.btn-sm{min-height:28px;padding:0 10px;font-size:12.5px}
.btn-danger{color:var(--danger)}
.btn.on{background:var(--brand);border-color:var(--brand);color:var(--ink-invert)}
/* 表格 */
.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:auto;position:relative;
box-shadow:var(--shadow)}
.scrollhint{display:none;font-size:12px;color:var(--ink-faint);text-align:center;padding:6px}
.tablewrap.scrolls + .scrollhint{display:block}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:860px;white-space:nowrap}
thead th{position:sticky;top:0;background:var(--surface-muted);text-align:left;
font-weight:500;font-size:12.5px;color:var(--ink-soft);
padding:0 12px;height:38px;border-bottom:1px solid var(--line);z-index:1}
tbody td{padding:0 12px;height:46px;border-bottom:1px solid var(--line);vertical-align:middle}
td.cell-name{min-width:220px;max-width:300px}
tbody tr:last-child td{border-bottom:0}
tbody tr{transition:background var(--t) var(--ease)}
@media(hover:hover){tbody tr:hover{background:var(--surface-muted)}}
.r{text-align:right}
.c{text-align:center}
.name{font-weight:600;color:var(--ink);text-decoration:none}
a.name:hover{color:var(--brand-lite)}
.sub{font-size:12px;color:var(--ink-faint);white-space:nowrap;line-height:1.3}
input[type=checkbox]{accent-color:var(--brand-lite)}
/* 手机：左栏变抽屉，顶线露出菜单按钮 */
@media(max-width:767px){
body:has(> .sidenav),html[data-sidenav="min"] body:has(> .sidenav){grid-template-columns:minmax(0,1fr)}
.sidenav{position:fixed;left:0;top:0;bottom:0;width:250px;transform:translateX(-100%);
transition:transform var(--t) var(--ease);box-shadow:0 0 0 100vw rgba(28,43,106,0)}
.sidenav.open{transform:none;box-shadow:0 0 0 100vw rgba(28,43,106,.3)}
html[data-sidenav="min"] .sidenav .logo .t,html[data-sidenav="min"] .sidenav h4,
html[data-sidenav="min"] .sidenav a.item span,html[data-sidenav="min"] .sidenav .user .who,
html[data-sidenav="min"] .sidenav .badge{display:revert}
html[data-sidenav="min"] .sidenav a.item{justify-content:flex-start;padding:0 var(--sp-3)}
.sidenav .fold{display:none}
/* 手指不是鼠标：抽屉里一行至少 44px */
.sidenav a{min-block-size:44px}
.menubtn{display:grid;place-items:center}
.topline{padding:0 var(--sp-4);gap:var(--sp-2)}
.gsearch{flex:1}
.main{padding-inline:var(--sp-4)}
h1{font-size:24px}
}
/* R-126 左栏分组可折叠：点组名收起 / 展开（收起整栏时不生效） */
.sidenav h4{cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none}
.sidenav h4 .caret{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
transform:rotate(45deg);margin-right:4px;transition:transform var(--t) var(--ease)}
.sidenav .grp.grp-off h4 .caret{transform:rotate(-45deg)}
/* 类名不能叫 fold —— 底部「收起菜单」按钮就是 .fold，撞名后点分组会把整栏收起（2026-10-05 踩坑） */
html:not([data-sidenav="min"]) .sidenav .grp.grp-off a.item{display:none}
/* R-126 切页时左栏、顶线原地不动，只有右边内容在换（Chrome / Safari 新版支持；不支持的照常整页跳） */
@view-transition{navigation:auto}
.sidenav{view-transition-name:sidenav}
.topline{view-transition-name:topline}
::view-transition-old(root),::view-transition-new(root){animation-duration:.12s}
/* R-126 外壳：页面被 app.html 内嵌时，自己的左栏和顶线不画，内容占满 */
html[data-embed]{--topline-h:0px}
html[data-embed] body:has(> .sidenav){grid-template-columns:minmax(0,1fr)}
html[data-embed] .sidenav,html[data-embed] .topline{display:none}
.app-frame{display:block;width:100%;height:calc(100vh - var(--topline-h));border:0;background:var(--canvas)}
.app-main{padding:0}