:root{--ink:#2B2118;--text:#5B5245;--mute:#9A8F80;--line:#EFE6D8;--sky:#0EA5E9}
*{box-sizing:border-box}
body{margin:0;background:#F4EFE6;color:var(--ink);
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}
.bar{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);
  padding:12px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.bar label{font-size:12.5px;font-weight:700;color:var(--mute)}
.grp{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;
  font-size:12.5px;font-weight:700;color:var(--text);cursor:pointer;font-family:inherit}
.chip.on{background:var(--sky);border-color:var(--sky);color:#fff}
.btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 14px;
  font-size:13px;font-weight:800;color:var(--text);cursor:pointer;font-family:inherit}
.btn.primary{background:var(--sky);border-color:var(--sky);color:#fff}
.seed{font-size:11.5px;color:var(--mute);margin-left:auto}

.stage{padding:22px 12px 60px}
.sheet{width:210mm;min-height:297mm;background:#fff;margin:0 auto 22px;padding:14mm 12mm;
  display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(90,70,40,.14);
  page-break-after:always;break-after:page;position:relative}
.sheet:last-child{page-break-after:auto;break-after:auto}
.shead{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--ink);
  padding-bottom:4mm;margin-bottom:6mm}
.stitle{font-size:16pt;font-weight:800;letter-spacing:.5px}
.ssub{font-size:9pt;color:var(--text);margin-top:2mm}
.sright{font-size:9pt;color:var(--text);text-align:right;line-height:1.9}
.fill{display:inline-block;border-bottom:1px solid #999;width:26mm}
.pgrid-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8mm 6mm;justify-items:center;margin:auto 0}
.pz{display:flex;flex-direction:column;align-items:center;gap:2mm}
.ptitle{font-size:9pt;font-weight:800;color:var(--text)}
.pgrid{display:grid;border:0.9mm solid var(--ink);border-radius:1.2mm;overflow:hidden;background:#fff}
.pc{display:grid;place-items:center;background:#fff}
.pv{font-weight:700;line-height:1}
.sfoot{position:absolute;left:12mm;right:12mm;bottom:8mm;border-top:1px solid var(--line);
  padding-top:2mm;font-size:8pt;color:var(--mute);display:flex;justify-content:space-between}

@page{size:A4 portrait;margin:0}
@media print{
  body{background:#fff}
  .bar{display:none!important}
  .stage{padding:0}
  .sheet{margin:0;box-shadow:none;width:210mm;height:296mm;min-height:296mm;overflow:hidden}
}
@media (max-width:820px){
  .sheet{width:100%;min-height:auto;padding:16px}
  .pgrid-wrap{gap:14px}
  .sfoot{position:static;margin-top:14px}
}