:root{--ink:#1F2A37;--soft:#6B7280;--line:#E3E7EC;--red:#C0392B;--bg:#F6F7F9;--card:#FFF;--accent:#2F5D8A}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif}
.top{padding:26px 24px 8px;max-width:1600px;margin:0 auto}
.top h1{margin:0;font-size:23px;font-weight:700}
.top h1 span{font-size:14px;font-weight:400;color:var(--soft);margin-left:12px}
.sub{margin:8px 0 0;color:var(--soft);font-size:13px}
.wrap{max-width:1600px;margin:0 auto;padding:10px 24px 24px;display:grid;gap:20px;grid-template-columns:minmax(330px,420px) 1fr;align-items:start}
@media (max-width:1050px){.wrap{grid-template-columns:1fr}}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.lbl{display:flex;align-items:center;font-size:13px;font-weight:600;margin-bottom:8px}
.hint{font-weight:400;color:var(--soft);margin-left:8px;font-size:12px}
.zoomlabel{margin-left:auto;font-weight:400;font-size:12px;color:var(--soft)}
textarea{width:100%;height:290px;padding:12px;border:1px solid var(--line);border-radius:8px;resize:vertical;font-size:15px;line-height:1.9;font-family:"Songti SC",serif;color:var(--ink)}
textarea:focus,select:focus,input:focus{outline:2px solid #B7CBDF;border-color:#9FB6CC}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.opts label{display:flex;flex-direction:column;font-size:12px;color:var(--soft);gap:4px}
.opts label:nth-child(3){grid-column:1/-1}
.opts label.check{flex-direction:row;align-items:center;grid-column:1/-1;gap:6px;color:var(--ink);font-size:13px}
.opts input,.opts select{padding:6px 8px;border:1px solid var(--line);border-radius:6px;font-size:13px;color:var(--ink);background:#fff}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
button{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:13px;cursor:pointer;color:var(--ink)}
button:hover{background:#F2F5F8}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
button.primary:hover{background:#28547C}
button:disabled{opacity:.6;cursor:default}
.count{font-size:12px;color:var(--soft);margin-left:auto}
.warn{margin:10px 0 0;padding:8px 10px;background:#FDF3F1;border:1px solid #F0CFC9;border-radius:6px;color:#9B2C1F;font-size:12px;line-height:1.6}
.preview{padding:4px 2px;overflow:auto}
.sheets{display:flex;flex-direction:column;align-items:center;gap:18px;transform-origin:top center}
.empty{color:var(--soft);font-size:13px;padding:24px 0}

/* ---- A4 纸张 ---- */
.sheet{width:21cm;height:29.7cm;background:#fff;box-shadow:0 2px 16px rgba(16,24,40,.14);
  padding:1.4cm 1.6cm 1.2cm;display:flex;flex-direction:column;
  font-family:"Songti SC","STSong","SimSun",serif;color:#1F2A37;line-height:1.35}
.s-head{flex:0 0 auto}
.s-title{font-size:18pt;font-weight:700;letter-spacing:.01em}
.s-title span{font-size:11.5pt;font-weight:400;color:#6B7280;margin-left:.5em}
.s-meta{font-size:9.5pt;color:#6B7280;margin-top:3pt}
.s-rule{border-bottom:.75pt solid #2F3A46;margin:7pt 0 8pt}
.s-legend{font-size:9pt;color:#6B7280}
.s-legend b{color:#C0392B;font-weight:600}
.s-read{font-size:9pt;color:#6B7280;margin-top:2pt}
.s-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;padding:8pt 0 6pt}
.srow{display:flex;align-items:flex-start;min-height:2.5cm}
.cellnum{width:.8cm;flex:0 0 .8cm;text-align:center;font-size:8.5pt;color:#9A9A9A;font-family:"Times New Roman",serif}
.gap{width:1.2cm;flex:0 0 1.2cm}
.col{width:1.2cm;flex:0 0 1.2cm;display:flex;flex-direction:column;align-items:center}
.syl{font-family:"Times New Roman",serif;white-space:nowrap;line-height:1.15;margin-bottom:2pt}
.syl .hot{color:#C0392B}
.box{width:1.21cm;height:1.22cm;margin:0 -.005cm;background-size:100% 100%;background-repeat:no-repeat}
.s-foot{flex:0 0 auto;font-size:9pt;color:#6B7280}

/* ---- 答案页 ---- */
.atable{width:100%;border-collapse:collapse;font-size:10pt}
.atable th{font-size:9pt;color:#8A93A0;text-align:left;font-weight:600;border-bottom:1.5pt solid #8A93A0;padding:2pt 4pt}
.atable td{border-bottom:.6pt solid #D6DAE0;padding:3pt 4pt;vertical-align:middle}
.atable .an{width:.8cm;text-align:center;color:#9A9A9A;font-family:"Times New Roman",serif}
.atable .aw{width:4cm;font-size:11pt}
.atable .at{width:5.85cm;color:#6B7280;font-size:9pt}
.atable .ap .hot{color:#C0392B}

.foot{max-width:1600px;margin:0 auto;padding:0 24px 36px;color:var(--soft);font-size:12px;line-height:1.8}
.foot p{margin:2px 0}

@media print{
  @page{size:A4 portrait;margin:0}
  html,body{background:#fff}
  .top,.panel:not(.preview-panel),.foot{display:none!important}
  .wrap{display:block;padding:0;margin:0;max-width:none}
  .preview-panel{border:0;padding:0;background:none;border-radius:0}
  .preview-panel .lbl{display:none}
  .preview{padding:0;overflow:visible}
  .sheets{gap:0;zoom:1!important}
  .sheet{box-shadow:none;page-break-after:always;break-after:page}
  .sheet:last-child{page-break-after:auto;break-after:auto}
}