/* 办公室助手 · 网页工作台
 * 设计变量与小程序端 app.wxss 对齐：品牌色、三级灰阶文本、ok/warn/err 四态色。
 */
:root{
  --brand:#2E5CA8; --brand-dark:#1F437F; --brand-weak:#eaf1fb; --brand-line:#b8cde8;
  --bg:#f3f5f9; --panel:#ffffff; --line:#e4e9f0; --line-strong:#d3dae5;
  --text:#202b46; --text-weak:#606f83; --text-faint:#6e7d90;
  --ok:#189a6a; --ok-weak:#e6f7f0;
  --warn:#c2761f; --warn-weak:#fdf3e4;
  --err:#d0453c; --err-weak:#fdecea;
  --radius:16px; --radius-sm:10px;
  font-family:Inter,"Source Han Sans SC","Noto Sans CJK SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  color:var(--text); background:var(--bg); font-size:14px;
}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
.app-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;line-height:1}
.app-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:22px;font-weight:400;font-style:normal;white-space:nowrap;vertical-align:middle}
.brand-icon .app-icon,.brand-icon svg{width:24px;height:24px;fill:none;stroke:currentColor}

nav a span{width:22px;text-align:center;font-size:19px;line-height:1;flex:none}
nav a span .app-icon{width:20px;height:20px;margin:auto}
nav a .app-emoji{font-size:19px}
.brand-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.tool-icon .app-icon{width:23px;height:23px;color:var(--brand-dark)}
.page-icon .app-icon{width:23px;height:23px;color:var(--brand)}
.dz-icon,.format-emoji,.empty-icon{font-family:Inter,"Segoe UI Symbol","Microsoft YaHei",sans-serif}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
[hidden]{display:none!important}

/* ---------- 按钮 ---------- */
button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;max-width:100%;min-height:42px;height:auto;border:1px solid var(--line-strong);border-radius:10px;background:#fff;padding:10px 16px;color:#33435b;cursor:pointer;font-weight:600;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
button:hover{background:var(--brand-weak);border-color:var(--brand-line)}
button:disabled{opacity:.55;cursor:wait}
.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
button.big,.primary.big{min-height:48px;padding:12px 24px;font-size:15px;border-radius:11px}
.danger{color:var(--err)}
.danger:hover{background:var(--err-weak);border-color:#f0c5c2}
a{color:var(--brand);text-decoration:none}
button:focus-visible,a:focus-visible{outline:3px solid #a7bfff;outline-offset:3px}

/* ---------- 左侧边栏 ---------- */
.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:var(--panel);border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;z-index:10}
.brand{display:flex;gap:10px;color:#17263d;font-size:18px;font-weight:750;align-items:center}
.brand-icon{background:var(--brand);color:#fff;border-radius:10px;font-size:28px;width:38px;height:38px;display:grid;place-items:center}
.brand small{display:block;font-size:11px;color:var(--text-faint);font-weight:400;margin-top:3px}
.nav-label{font-size:11px;letter-spacing:1px;color:var(--text-faint);margin:20px 12px 8px}
nav{display:grid;gap:3px}
nav a{position:relative;min-width:0;padding:13px 14px;border-radius:10px;color:var(--text-weak);display:flex;gap:12px;align-items:center;line-height:1.3;transition:background .15s,color .15s}
nav a span{width:22px;text-align:center}
nav a:hover{background:#f1f5fc;color:var(--text)}
nav a.active{background:var(--brand-weak);color:var(--brand);font-weight:700}
nav a.active::before{content:'';position:absolute;left:-20px;top:9px;bottom:9px;width:4px;border-radius:4px;background:var(--brand)}
.sidebar-foot{margin-top:auto;font-size:12px;color:var(--text-weak);padding:10px 10px 0;line-height:1.6}
.sidebar-foot p{font-size:11px;color:var(--text-faint)}
.sync-dot{display:inline-block;background:var(--ok);border-radius:50%;width:6px;height:6px;margin-right:6px}

/* ---------- 顶栏与主区 ---------- */
.shell{margin-left:236px;min-width:0}
header{min-height:60px;height:auto;padding:10px 28px;background:#ffffffeb;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;backdrop-filter:blur(8px)}
.breadcrumb{color:var(--text-faint);font-size:12px}
.breadcrumb span{margin:0 16px;color:var(--line-strong)}
.breadcrumb b{color:var(--text-weak);font-weight:500}
.account{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0;font-size:12px;flex-wrap:wrap}
.account span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
main{max-width:1560px;margin:auto;padding:24px 28px 40px;min-height:calc(100vh - 110px)}
footer{text-align:center;font-size:11px;color:var(--text-faint);padding:12px;border-top:1px solid var(--line)}
h1{font-size:28px;letter-spacing:-.6px;margin:0 0 12px}
h2{font-size:19px;margin:0 0 16px}
h3{font-size:16px;margin:0 0 10px}
p{color:var(--text-weak);line-height:1.8;margin:8px 0 16px}
.eyebrow{color:var(--brand);font-size:10px;font-weight:700;letter-spacing:2px;display:block;margin-bottom:14px}
.small{font-size:12px;color:var(--text-faint)}

.ok-text{color:var(--ok)}
.err-text{color:var(--err)}

/* ---------- 首页 ---------- */

.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 10px}
.section-heading h2{margin:0}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.tool-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;color:inherit;min-width:0;min-height:170px;transition:transform .15s,border-color .15s,box-shadow .15s}

.tool-icon{width:44px;height:44px;background:var(--tint,var(--brand-weak));border-radius:12px;display:grid;place-items:center;font-size:23px;flex:none}
.tool-head{display:flex;align-items:center;gap:10px;min-width:0}
.tool-head h3{margin:0;font-size:15px;line-height:1.3;min-width:0}
.tool-card p{font-size:12px;flex:1;margin:0 0 10px}
.tool-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--brand);font-size:12px}

.tool-tag{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:10px;padding:3px 8px;border-radius:20px;font-weight:600;letter-spacing:.5px;z-index:1}
.tool-card:hover{transform:translateY(-3px);border-color:var(--brand-line);box-shadow:0 10px 28px rgba(46,92,168,.08)}
.badge{background:#f1f5fb;color:var(--text-faint);padding:3px 8px;border-radius:4px;font-size:10px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:12px 0}
.stat{padding:14px;border:1px solid var(--line);background:var(--panel);border-radius:10px}
.stat strong{display:block;font-size:24px;margin-top:8px}
.stat span{font-size:12px;color:var(--text-faint)}

/* ---------- 页面骨架 ---------- */
.page-head{margin-bottom:24px}.page-head h1{display:flex;align-items:center;gap:10px;line-height:1.25}.page-icon{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:var(--brand-weak);font-size:22px}
.page-head p{margin:0}
.page-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 16px;padding:12px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}
.page-cta .small{flex:1;min-width:200px}
.workspace{display:grid;grid-template-columns:minmax(290px,.9fr) minmax(0,1.25fr);gap:14px;align-items:start}
.panel{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;margin-bottom:12px;box-shadow:0 3px 18px rgba(31,58,110,.045);overflow:hidden}
.panel h2{display:flex;align-items:center;gap:10px}
.step{font-size:11px;color:var(--brand);background:var(--brand-weak);padding:5px 7px;border-radius:5px}

/* ---------- 表单 ---------- */
label{display:block;color:var(--text-weak);font-size:12px;margin:16px 0 7px}
input,textarea,select{width:100%;padding:11px 12px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-sm);outline:none;color:var(--text);min-width:0}
textarea{resize:vertical;min-height:104px;line-height:1.8}
input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(46,92,168,.09)}
input[type=checkbox]{width:auto}
input[type=color]{height:42px;padding:5px}
input:disabled,select:disabled{background:#f4f6fa;color:var(--text-faint)}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;min-width:0}.actions>button,.actions>.import-button{flex:0 1 auto;min-width:0}
.flow-help{color:var(--text-faint);font-size:11px;margin-top:14px}
summary{cursor:pointer;font-weight:600;color:var(--text-weak)}
details{margin:18px 0}
.checks{display:flex;gap:15px;align-items:center}
.checks label{margin:0}

.import-button{display:inline-flex;align-items:center;border:1px solid var(--brand-line);border-radius:10px;padding:10px 14px;cursor:pointer;margin:0;font-weight:600;color:#33435b}
.import-button:hover{background:var(--brand-weak)}
.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}
.template-grid button{min-height:65px;background:#f0f5ff;color:#244d90}
.template-grid button:hover{border-color:var(--brand)}

/* ---------- 空态 / 加载态 / 提示 ---------- */
.empty{text-align:center;padding:30px 14px;color:var(--text-faint);line-height:1.8}
.empty .empty-icon{font-size:36px;display:block;margin-bottom:12px}
.empty .spinner{display:block;margin:0 auto 14px}
.spinner{display:inline-block;width:22px;height:22px;border:3px solid #d8e2f5;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}
.notice{padding:13px 16px;background:var(--brand-weak);border:1px solid #dfe8fa;border-radius:var(--radius-sm);color:#4a6da8;font-size:12px;line-height:1.8;margin:16px 0;overflow-wrap:anywhere}
.notice.error,.error{background:var(--err-weak);color:var(--err);border-color:#f0c5c2}
.notice.warn{background:var(--warn-weak);color:var(--warn);border-color:#eed9b8}
.notice.ok{background:var(--ok-weak);color:var(--ok);border-color:#bfe6d6}
.notice.error{max-height:240px;overflow:auto}
.result-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px}

/* ---------- 列表行（方案 / 记录 / 接龙） ---------- */
.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 12px;border-bottom:1px solid var(--line);min-width:0;border-radius:var(--radius-sm)}
.row:last-child{border:0}
.row:hover{background:#f6f9ff}
.row>div{min-width:0}
.row strong{display:block;overflow-wrap:anywhere}
.row small{color:var(--text-faint);display:block;margin-top:6px}
.row button{flex-shrink:0;font-size:12px}
.row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.row select{width:auto;max-width:125px;flex-shrink:0}

/* ---------- 表格（斑马纹 / 悬浮 / 操作列右对齐） ---------- */
.scroll-table{overflow:auto;max-width:100%;max-height:640px;border:1px solid var(--line);border-radius:var(--radius-sm)}
table{border-collapse:collapse;width:100%;font-size:12px}
th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}
th{background:#f6f8fc;color:var(--text-weak);font-weight:500;position:sticky;top:0}
tbody tr:nth-child(even){background:#f9fbfe}
tbody tr:hover{background:var(--brand-weak)}
tbody tr:last-child td{border-bottom:0}
table td:last-child:has(button),table th:last-child:has(button){text-align:right}

/* ---------- 座次 ---------- */
.seat-map{width:100%;height:auto;max-height:620px;background:#eef3f9;border:1px solid #d9e2ee;border-radius:18px;box-shadow:0 16px 38px rgba(31,58,110,.08)}
#seat-result{min-width:0}
#jl-search,#jl-filter{margin-bottom:12px}
.seat-map .seat{cursor:pointer;touch-action:none}
.seat-map .seat.dragging{opacity:.85;cursor:grabbing}
.seat-map .seat-table.editable{cursor:move;touch-action:none}
.seat-map .seat-table.editable:hover rect,.seat-map .seat-table.editable:hover circle{fill:#d8e3f7}
.cand-row{margin:12px 0;padding:11px 14px;background:#fffbf3;border:1px dashed #e6cfa6;border-radius:var(--radius-sm);font-size:12px;color:#8a6320;line-height:2}
.chip{display:inline-flex;align-items:center;margin:3px 0 3px 6px;padding:4px 12px;border:1px solid var(--brand-line);border-radius:999px;background:#fff;color:#33435b;font-size:12px;cursor:pointer}
.chip:hover{background:var(--brand-weak);border-color:var(--brand)}
#seat-pop{position:fixed;z-index:60;width:262px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 12px 32px rgba(31,58,110,.18);font-size:12px}
#seat-pop label{display:block;margin:9px 0 2px;color:#5a7199}
#seat-pop input{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--line);border-radius:8px}
.pop-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}
.pop-head button{border:none;background:none;font-size:18px;line-height:1;color:#8b9bb4;cursor:pointer}
.pop-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.pop-actions button{flex:1 1 auto;padding:7px 10px;font-size:12px;border-radius:8px;border:1px solid var(--brand-line);background:#fff;cursor:pointer}
.pop-cands{margin-top:10px;padding-top:9px;border-top:1px dashed var(--line);color:#8a6320;line-height:2}
/* ---------- 文档在线预览 ---------- */
.document-preview{margin-top:16px;max-height:680px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#eef2f7;padding:12px}
.document-preview-large{height:min(80vh,920px);min-height:720px;max-height:none;resize:vertical}
.document-workspace{grid-template-columns:minmax(0,1fr);max-width:1500px;margin-inline:auto}
.document-workspace .document-preview-large{width:100%;box-sizing:border-box}
.document-preview-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-faint)}
.pdf-preview-pages{display:grid;gap:14px}.pdf-preview-page{display:flex;justify-content:center}.pdf-preview-page canvas{max-width:100%;height:auto;background:#fff;box-shadow:0 3px 16px rgba(25,42,70,.12)}
.docx-preview-host{overflow:auto}.docx-preview-host .docx-wrapper{padding:14px!important;background:#e8edf4!important}.docx-preview-host section.docx{box-shadow:0 3px 16px rgba(25,42,70,.12)!important;margin:0 auto 14px!important}
.preview-limit-note{text-align:center;margin:10px 0 2px}
.format-preview-error{background:#ffd7d7;color:#a40000;border-bottom:2px solid #e11d48;padding:1px 2px;border-radius:2px}
.format-preview-error-block{outline:3px solid rgba(225,29,72,.78);outline-offset:3px;background:rgba(255,225,225,.48)!important}
@media(max-width:760px){.document-preview-large{height:68vh;min-height:520px}}

/* ---------- 照片处理 · 四阶段向导 ---------- */

.swatches{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 4px}
.swatch{width:34px;height:34px;border-radius:var(--radius-sm);border:2px solid var(--line-strong);cursor:pointer;padding:0;transition:transform .12s,border-color .12s,box-shadow .12s}
.swatch:hover{transform:scale(1.08)}
.swatch.selected{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-weak)}
.preview-box{min-height:340px;display:grid;place-items:center;background:repeating-conic-gradient(#f1f4f8 0% 25%,#fff 0% 50%) 50%/20px 20px;border:1px dashed var(--line-strong);border-radius:10px;position:relative;overflow:hidden;padding:12px}
.preview-box img{max-width:100%;max-height:460px;object-fit:contain;display:block}
.preview-box.stale img{opacity:.45;filter:grayscale(.4)}

.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}
.works-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.works-toolbar .sheet-opt{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-weak)}
.works-toolbar .sheet-opt select{min-height:34px;padding:5px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel);color:var(--text);font-size:13px}
.works-toolbar .small{margin-left:auto}
.work-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}
.work-card:hover{border-color:var(--brand-line);box-shadow:0 8px 22px rgba(46,92,168,.08)}
.work-card .thumb{aspect-ratio:3/4;background:repeating-conic-gradient(#f1f4f8 0% 25%,#fff 0% 50%) 50%/16px 16px;display:grid;place-items:center}
.work-card .thumb img{width:100%;height:100%;object-fit:contain}
.work-card .meta{padding:10px 12px;font-size:12px;color:var(--text-weak);line-height:1.7;flex:1}
.work-card .meta strong{color:var(--text)}
.work-card .ops{display:flex;gap:8px;padding:0 12px 12px}
.work-card .ops button{flex:1;padding:7px 8px;font-size:12px}

/* ---------- 弹窗 / 通知 ---------- */
dialog{border:1px solid var(--line);border-radius:14px;padding:36px;max-width:calc(100vw - 32px);width:500px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #16284c33}
dialog::backdrop{background:#15244070;backdrop-filter:blur(3px)}
#login-dialog{text-align:center}
#detail-dialog{width:760px}
.dialog-close{position:absolute;right:12px;top:10px;padding:4px 10px;font-size:22px;border:0;background:transparent}
.dialog-close:hover{background:var(--brand-weak)}
.confirm-dialog{width:min(440px,calc(100vw - 28px));padding:26px}
.confirm-dialog .confirm-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--warn-weak);font-size:22px;margin-bottom:14px}
.confirm-dialog .confirm-copy h2{margin:0 0 8px;font-size:18px}
.confirm-dialog .confirm-copy p{margin:0;color:var(--text-weak);line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.confirm-danger{background:var(--err);border-color:var(--err);color:#fff}
.confirm-danger:hover{background:#a4312b;border-color:#a4312b}
@media(max-width:480px){.confirm-dialog{padding:22px 18px}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}
.qr-area{min-height:220px;display:grid;place-items:center}
.qr-area img{width:220px;height:220px}
.verify{letter-spacing:4px;font-size:22px;color:#243959}
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#243959;color:#fff;padding:14px 22px;border-radius:var(--radius-sm);max-width:90vw;z-index:100;box-shadow:0 6px 25px #0002}

/* ---------- 响应式 ---------- */
@media(min-width:1450px){
  .tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

}
@media(min-width:1100px){
  .workspace:has(#seat-result)>section:last-child{position:sticky;top:24px;align-self:start}
}
@media(max-width:1100px){
  .sidebar{width:200px;padding:18px 12px}
  nav a.active::before{left:-14px}
  .shell{margin-left:200px}
  main{padding:20px 18px}
  header{padding:0 16px}
  .workspace{grid-template-columns:minmax(0,1fr)}

  .tools-grid{gap:12px}
  .tool-card{padding:16px}
  .stats{gap:10px}
}
@media(max-width:740px){
  .sidebar{position:static;width:auto;padding:12px 14px;border-right:0;border-bottom:1px solid var(--line)}
  .brand{font-size:17px}
  .brand small,.sidebar-foot,.nav-label{display:none}
  nav{display:flex;overflow-x:auto;overflow-y:hidden;margin-top:8px;gap:4px;padding-bottom:2px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
  nav a{white-space:nowrap;padding:8px 10px;font-size:12px;scroll-snap-align:start}
  nav a.active::before{display:none}
  .shell{margin:0}
  header{min-height:52px;height:auto;padding:8px 14px}
  .breadcrumb{display:none}
  .account{width:100%;justify-content:flex-end;gap:8px}
  .account span{max-width:120px}
  .account button{min-height:36px;padding:7px 11px;font-size:12px}
  main{padding:20px 14px}

  h1{font-size:22px}
  .tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tool-card{padding:14px;min-height:170px}
  .tool-card h3{font-size:14px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel{padding:16px}
  .workspace{display:block}
  .fields{grid-template-columns:minmax(0,1fr)}

  .row{flex-wrap:wrap}
  .page-cta{padding:12px 14px}
  .actions>button,.actions>.import-button{flex:1 1 145px}
  dialog{padding:24px 18px}
}
@media(max-width:420px){
  :root{font-size:13px}
  .sidebar{padding:10px 12px}
  nav a{padding:8px 9px}
  header{padding:8px 12px}
  main{padding:16px 12px 32px}

  .tools-grid{grid-template-columns:1fr}
  .tool-card{min-height:0;padding:14px}
  .tool-card p{margin-bottom:8px}
  .stats{grid-template-columns:1fr 1fr}
  .panel{padding:16px 14px}
  .page-head h1{font-size:22px}.page-icon{width:36px;height:36px;font-size:19px}
  .actions>button,.actions>.import-button{flex:1 1 100%;width:100%}

  .privacy-choice-grid{grid-template-columns:1fr}
  .draft-paper{padding:18px 16px;font-size:14px}
}

/* ---------- 账号与职责工作区 ---------- */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#f0f3f9;border-radius:12px;margin:24px 0 18px}
.auth-tabs button{border:0;background:transparent;color:var(--text-weak)}
.auth-tabs button.selected{background:white;color:var(--brand);box-shadow:0 2px 8px #202b4610}
.auth-submit,.wechat-button{width:100%;min-height:46px}
.wechat-button{background:#edf9f3;color:#14714b;border-color:#c9e8d7}
.auth-divider{text-align:center;color:var(--text-faint);font-size:12px;margin:20px 0 14px}
.captcha-row{display:flex;align-items:center;gap:10px}
.captcha-row input{flex:1;min-width:0}
.captcha-img{width:120px;height:42px;border:1px solid var(--line);border-radius:8px;cursor:pointer;flex:none;background:#f4f6fb}
.form-error{color:var(--err);min-height:20px;font-size:13px}
.account-status{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0 24px}
.account-status strong{display:block;margin-top:5px;font-size:18px;overflow-wrap:anywhere}
.doc-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}
.doc-overview>div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:14px;font-weight:600;font-size:14px}
.step-dot{display:inline-grid;place-items:center;background:var(--brand-weak);color:var(--brand);width:28px;height:28px;border-radius:9px;flex:none}
.doc-workspace>div{min-width:0}.doc-workspace{align-items:start;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.reference-picker{padding:16px;background:#f7f9fd;border:1px solid var(--line);border-radius:12px;margin:14px 0 20px}
.catalog-list{display:grid;gap:8px;max-height:245px;overflow:auto;margin-top:12px;padding:2px}
.catalog-option{display:block;text-align:left;width:100%;padding:12px 14px;white-space:normal;background:white}
.catalog-option span{display:block;font-size:11px;color:var(--text-weak);margin-top:5px;font-weight:400}
.source-preview{background:#fff;border:1px solid var(--brand-line);border-radius:12px;padding:16px;margin:14px 0}
.source-preview a{overflow-wrap:anywhere;font-size:13px}
.department-preview{max-height:210px;overflow:auto;margin:12px 0;font-size:12px;line-height:1.7}
.department-preview p{padding-bottom:10px;border-bottom:1px solid var(--line)}
.import-block{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}
.check-row{display:flex;align-items:flex-start;gap:8px;line-height:1.6;margin:14px 0}
.check-row input{width:auto;flex:none;margin-top:4px}
.draft-section{border-bottom:1px solid var(--line);padding:14px 0}
.draft-section h3{color:var(--brand);font-size:14px}.draft-section .result-text{line-height:1.9}
.draft-checks{background:#fff9ee;border:1px solid #f1e2c6;border-radius:12px;padding:14px;margin:16px 0}
.draft-checks h3{color:#946321}.result-badge{display:inline-block;background:var(--ok-weak);color:var(--ok);border-radius:8px;padding:8px 12px;font-size:12px}
.draft-paper{margin-top:12px;padding:24px 26px;border:1px solid #eadfca;border-radius:12px;background:#fffdf9;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);font-family:"Songti SC","SimSun",serif;font-size:15px;line-height:2.05}.draft-paper h3{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.panel,.row>div,main,form,.fields>*{min-width:0}
.result-text,.notice,.flow-help,small{overflow-wrap:anywhere}
input[type=file]{max-width:100%;font-size:13px}
summary{line-height:1.7;cursor:pointer;padding:6px 0}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}
@media(min-width:1200px){.doc-output{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;padding-right:3px}}
@media(max-width:1050px){.doc-workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){.doc-overview{gap:6px}.doc-overview>div{padding:10px 7px;gap:6px;font-size:11px}.step-dot{width:22px;height:22px}.source-preview,.reference-picker{padding:12px}.account-status{grid-template-columns:1fr}.auth-tabs button{padding:10px}}
@media(max-width:520px){.doc-overview{grid-template-columns:1fr}.doc-overview>div{font-size:12px;padding:10px 12px}.catalog-list{max-height:210px}.source-actions{display:flex;flex-wrap:wrap;gap:8px}.source-actions>*{flex:1 1 140px}.privacy-mode-switch{width:100%}.privacy-choice-grid{grid-template-columns:1fr}}

/* ---------- 打印 ---------- */
@media print{
  .sidebar,header,footer,.actions,button,.page-cta{display:none!important}
  .shell{margin:0}
  main{padding:0}
  .workspace{display:block}
  .panel{break-inside:avoid}
  body{background:#fff}
  body.print-seat .workspace>div:first-child{display:none!important}
  .scroll-table{max-height:none}
  .notice.error{max-height:none}
  /* 座次图打印：只保留座次图本体，铺满纸张，去掉阴影与工具栏 */
  body.print-seat .flow-steps,body.print-seat .page-head,body.print-seat .page-cta,
  body.print-seat .seat-result-toolbar,body.print-seat .seat-canvas-zoom,body.print-seat .seat-canvas-hud,
  body.print-seat .custom-tools-bar,body.print-seat .seat-waiting-panel,body.print-seat #seat-ai,
  body.print-seat .seat-canvas-frame .notice{display:none!important}
  body.print-seat .seat-canvas-frame{max-height:none;overflow:visible}
  body.print-seat .seat-map{max-height:none;width:100%;box-shadow:none;border:1px solid #d9e2ee;background:#fff}
  body.print-seat .seat-map .hall-board{filter:none}
}

.seat-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0 18px}
.seat-preset-card{position:relative;display:flex;align-items:center;gap:10px;min-height:74px;padding:10px 12px;text-align:left;background:#fbfcfe;border:1px solid var(--line);border-radius:12px;color:var(--text);font-weight:600}
.seat-preset-card:hover{background:#f5f8ff;border-color:var(--brand-line)}
.seat-preset-card.selected{background:var(--brand-weak);border:2px solid var(--brand);box-shadow:0 6px 16px rgba(46,92,168,.10)}
.seat-preset-card>span:nth-child(2){min-width:0;display:block}.seat-preset-card small{display:block;margin-top:4px;color:var(--text-weak);font-weight:400;line-height:1.45;overflow-wrap:anywhere}
.seat-preset-card i{position:absolute;right:9px;top:7px;color:var(--brand);font-style:normal;opacity:0}.seat-preset-card.selected i{opacity:1}
.seat-preset-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:11px;background:#fff;border:1px solid #dce5f3;color:var(--brand-dark);font-size:25px;font-weight:800}
.seat-map .hall-board{filter:drop-shadow(0 7px 10px rgba(31,58,110,.08))}
.seat-map .seat.selected rect:not(.seat-shadow){stroke:var(--brand);stroke-width:3}
.seat-map .seat-table.selected rect,.seat-map .seat-table.selected circle{stroke:var(--brand);stroke-width:3}
@media(max-width:560px){.seat-preset-grid{grid-template-columns:1fr}}

/* 自定义座次画布工具 */

.custom-tools{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.custom-tools.visual-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.custom-tools button{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#33435b;cursor:pointer}
.custom-tools.visual-tools button{min-height:44px;display:flex;flex-direction:row;gap:5px;padding:5px 7px;align-items:center;justify-content:center;white-space:normal;text-align:center;font-size:11px;border-radius:8px}
.custom-tools button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-weak)}
.custom-tools button.danger{border-color:#e5b4b4;color:#b4261f}
.mini-shape{position:relative;display:block;width:34px;height:24px}
.mini-seat::before,.mini-stage-seat::before{content:'';position:absolute;left:3px;right:3px;top:1px;height:17px;border:1.5px solid #4b78b7;border-radius:5px;background:#edf4ff}.mini-seat::after,.mini-stage-seat::after{content:'';position:absolute;left:7px;right:7px;bottom:0;height:6px;border-radius:3px;background:#bdd0ef}.mini-stage-seat::before{border-color:#c2873d;background:#fff2df}.mini-stage-seat::after{background:#e5b36c}
.mini-table::before{content:'';position:absolute;left:0;right:0;top:5px;height:15px;border:1.5px solid #a9b8ca;border-radius:5px;background:#e9eef5}.mini-circle::before{content:'';position:absolute;width:22px;height:22px;border:1.5px solid #a9b8ca;border-radius:50%;background:#e9eef5;left:6px;top:1px}.mini-semi::before{content:'';position:absolute;width:26px;height:13px;border:1.5px solid #a9b8ca;border-bottom:none;border-radius:26px 26px 0 0;background:#e9eef5;left:4px;top:6px}.mini-podium::before{content:'';position:absolute;left:4px;right:4px;top:7px;height:12px;border:1.5px solid #a9b8ca;border-radius:4px;background:#f7e9c8}
@media(max-width:560px){.custom-tools.visual-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}
#custom-tools .fields{align-items:end}
#custom-tools input{max-width:120px}
@media(max-width:760px){#custom-tools .fields{display:flex}#custom-tools input{width:100px}}

/* 小程序宣传卡：标题单行，二维码可点击放大。 */
.mini-promo{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:10px;padding:12px 10px;border:1px solid #c9d8f2;border-radius:12px;background:linear-gradient(160deg,#eef4ff 0%,#dde9fb 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.mini-promo-copy{display:grid;gap:4px;text-align:center;min-width:0;width:100%}
.promo-title{color:var(--brand-dark);font-size:11px;font-weight:700;letter-spacing:0;line-height:1.5;white-space:nowrap}
.promo-label{font-size:10px}
.promo-sub{color:#5a7199;font-size:11px;letter-spacing:.5px;line-height:1.3}
.miniapp-qr-trigger{display:block;flex:none;padding:5px;min-height:0;line-height:0;border:1px solid #d9e4f5;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(46,92,168,.12);cursor:zoom-in}
.miniapp-qrcode{display:block;width:120px;height:120px;max-width:100%;border-radius:8px;background:#fff;object-fit:contain}
#miniapp-qr-dialog{width:420px;text-align:center}
#miniapp-qr-dialog h2{margin:8px 20px 18px;font-size:18px}
.miniapp-qr-large{display:block;width:100%;max-width:340px;aspect-ratio:1;object-fit:contain;margin:0 auto;background:#fff;border-radius:12px}
#miniapp-qr-dialog p{margin:14px 0 0}
@media(min-width:741px){.sidebar{overflow-y:auto;overscroll-behavior:contain}}

.privacy-custom-mode{display:grid;gap:9px;margin:10px 0 16px;color:var(--text-weak);font-size:13px}.privacy-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.privacy-choice{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:66px;padding:11px 13px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);box-shadow:none}.privacy-choice b{font-size:22px;line-height:1;flex:none}.privacy-choice span{display:grid;gap:3px;min-width:0}.privacy-choice strong{font-size:13px}.privacy-choice small{font-size:11px;color:var(--text-faint);font-weight:400;line-height:1.45}.privacy-choice.selected{border-color:var(--brand);background:var(--brand-weak);box-shadow:0 4px 14px rgba(46,92,168,.08)}
.mini-promo .promo-title{color:var(--brand-dark);font-size:11px;font-weight:700;letter-spacing:0}
.mini-promo .promo-sub{color:#5a7199;font-size:11px;letter-spacing:.5px}

/* 在线视频下载 */
.video-info{padding:12px 14px;border:1px solid var(--brand-line);border-radius:10px;background:var(--brand-weak);line-height:1.6;margin-top:12px}
.video-job{padding:14px 0;border-bottom:1px solid var(--line)}
.video-job:last-child{border-bottom:0;padding-bottom:0}
.video-job .actions{margin-top:10px}
.video-job strong{max-width:70%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* format selection cards */
.format-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 14px}
.format-card{position:relative;display:flex;appearance:none;text-align:left;color:inherit;font:inherit;width:100%;flex-direction:column;gap:5px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff;cursor:pointer;transition:.16s;min-height:112px}
.format-card:hover{border-color:var(--brand-line);background:var(--brand-weak);transform:translateY(-1px)}
.format-card.selected{border:2px solid var(--brand);background:var(--brand-weak);box-shadow:0 5px 14px rgba(46,92,168,.12)}
.format-card input{position:absolute;opacity:0;pointer-events:none}.format-emoji{font-size:26px}.format-card strong{font-size:16px}.format-card small{color:var(--text-weak)}.format-card i{position:absolute;right:10px;top:8px;color:var(--brand);font-style:normal;font-weight:800}

.format-card:disabled{opacity:.52;cursor:not-allowed;transform:none}
.hero-privacy{margin-top:14px;max-width:640px;color:var(--text-faint)}
.photo-color-picker{position:relative;height:34px;width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 5px;cursor:pointer;font-size:11px;color:var(--text-weak);overflow:hidden;box-sizing:border-box}
.photo-color-picker span{display:block;width:24px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.12)}

html,body{min-width:0;overflow-x:hidden}
main,.panel,.workspace,.row,.fields,.actions{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
pre{white-space:pre-wrap;overflow-wrap:anywhere}
.scroll-table,.table-wrap{max-width:100%;overflow-x:auto}
@media(max-width:1180px){.workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:740px){main{padding:20px 14px 40px}.panel{padding:16px}.actions button,.actions .import-button{flex:1 1 140px}}
/* 自定义座次：网格、拖动时动态辅助线与吸附 */
.seat-map .seat-grid path{stroke:#dfe8f5;stroke-width:.7;vector-effect:non-scaling-stroke;opacity:.75}
.seat-map .seat-snap-guides{pointer-events:none}
.seat-map .seat-snap-guides path{stroke:#ef8d32;stroke-width:2;stroke-dasharray:8 6;vector-effect:non-scaling-stroke;opacity:.95}
.seat-map .seat.dragging,.seat-map .seat-table.dragging{opacity:.72}
.custom-tools button{white-space:nowrap}
.custom-tools-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;padding:12px;background:#f7faff;border:1px solid var(--line);border-radius:14px}
.custom-tools-bar .custom-tools-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.custom-tools-bar .custom-tools-row label{display:flex;align-items:center;gap:6px;color:var(--text);font-weight:600}
.custom-tools-bar .custom-tools-row select,.custom-tools-bar .custom-tools-row input{width:auto;max-width:130px;margin:0}
.custom-tools-bar .custom-tools-row button{padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#33435b;cursor:pointer}
.custom-tools-bar .custom-tools-row button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-weak)}
.seat-map .seat.drop-target rect:not(.seat-shadow){stroke:#ef8d32;stroke-width:3.2;stroke-dasharray:6 4}
.seat-map .seat.selected rect:not(.seat-shadow),.seat-map .seat-table.selected rect,.seat-map .seat-table.selected circle{stroke-width:3}
.seat-map .seat.selected.multi-selected rect:not(.seat-shadow),.seat-map .seat-table.selected.multi-selected rect,.seat-map .seat-table.selected.multi-selected circle{stroke-width:2.4;stroke-dasharray:5 3}
.seat-map .seat-marquee{fill:rgba(46,92,168,.08);stroke:#2E5CA8;stroke-width:1.4;stroke-dasharray:5 4;pointer-events:none;vector-effect:non-scaling-stroke}
.seat-map.panning{cursor:grabbing}

@media(max-width:560px){.custom-tools-bar .custom-tools-row{flex-direction:column;align-items:flex-start}}
.seat-canvas-mode{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seat-canvas-mode>.small{flex:1 1 260px;min-width:180px}.seat-mode-tabs{display:inline-flex;padding:3px;border-radius:11px;background:#e9eef7;gap:3px}.seat-mode-tabs button{min-height:36px;padding:7px 13px;border:0;border-radius:8px;background:transparent;color:var(--text-weak);font-weight:700}.seat-mode-tabs button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(31,58,110,.10)}
.seat-zoom{display:flex;align-items:center;gap:5px;margin-left:auto}.seat-zoom button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.seat-editor-status{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 10px;border-radius:9px;background:#eef4ff;color:var(--brand-dark);font-size:12px;font-weight:600}
.seat-batch-tools{display:grid;grid-template-columns:auto minmax(118px,1fr) minmax(118px,1fr) repeat(4,minmax(78px,.65fr)) auto;gap:8px;align-items:end;padding:10px;border:1px solid #dde6f3;border-radius:11px;background:#fff}.seat-batch-tools>strong{align-self:center;color:var(--text);white-space:nowrap}.seat-batch-tools label{display:grid;gap:3px;margin:0;color:var(--text-weak);font-size:11px;font-weight:600}.seat-batch-tools input,.seat-batch-tools select{width:100%;min-width:0;margin:0;padding:8px 9px}.seat-batch-tools button{min-height:40px;margin:0}
.seat-arrange-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.seat-arrange-tools button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.custom-tools-row button.active{border-color:var(--brand);background:var(--brand-weak);color:var(--brand)}
.seat-waiting-panel{margin:12px 0;padding:12px 14px;border:1px solid #ead7ae;border-radius:12px;background:#fffaf0}.seat-waiting-panel>div:first-child{display:flex;align-items:center;gap:8px}.seat-waiting-panel>div:first-child span{padding:2px 8px;border-radius:999px;background:#f7e8c5;color:#815710;font-size:11px;font-weight:700}.seat-waiting-panel p{margin:5px 0 8px}.seat-waiting-panel .cand-row{margin:0}
.canvas-mode-hint{padding:10px 12px;border-radius:10px;background:#f0f4fa;color:var(--text-weak);font-size:12px;line-height:1.6}.canvas-shortcuts{line-height:1.6}
@media(max-width:900px){.seat-batch-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.seat-batch-tools>strong{grid-column:1/-1}.seat-batch-tools button{width:100%}}
@media(max-width:560px){.seat-canvas-mode{align-items:stretch}.seat-canvas-mode>.small{flex-basis:100%;min-width:0}.seat-zoom{margin-left:0;flex-wrap:wrap}.seat-batch-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.seat-batch-tools>strong,.seat-batch-tools button{grid-column:1/-1}.seat-arrange-tools button{flex:1 1 120px}.seat-editor-status{display:grid}.custom-tools-bar{padding:10px}}

/* 自定义会场画布：把高频状态和误操作保护直接呈现在编辑面板中。 */
.canvas-save-state{margin-left:auto;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}
.canvas-save-state.saved{color:#16734a;background:#e5f6eb}
.canvas-save-state.dirty{color:#a85a00;background:#fff0d6}
.seat-map .seat.locked,.seat-map .seat-table.locked{filter:saturate(.78)}
.seat-map .seat.locked rect:not(.seat-shadow),.seat-map .seat-table.locked rect,.seat-map .seat-table.locked circle,.seat-map .seat-table.locked path{stroke-dasharray:4 2}
.seat-lock-icon{font-size:12px;pointer-events:none;user-select:none;paint-order:stroke;stroke:#fff;stroke-width:3px;transform:translateY(-10px)}
.seat-map .seat.locked .seat-lock-icon{transform:none}
.custom-tools.visual-tools #toggle-lock,.canvas-selection-actions #toggle-lock{border-color:#ddc887;background:#fffaf0;color:#7a5a08}
.custom-tools.visual-tools #toggle-lock.active,.canvas-selection-actions #toggle-lock.active{border-color:var(--brand);background:var(--brand-weak);color:var(--brand)}
.canvas-selection-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px;border:1px solid #dde6f3;border-radius:10px;background:#fff;font-size:12px}.canvas-selection-actions>span{font-weight:700;color:var(--text)}.canvas-selection-actions>small{color:var(--text-weak);margin-right:auto}.canvas-selection-actions button{min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#f8faff;color:var(--text);font-size:12px}.canvas-selection-actions button:hover{border-color:var(--brand);color:var(--brand)}.canvas-selection-actions button.danger{border-color:#e5b4b4;color:#b4261f;background:#fffafa}
.canvas-help{display:grid;gap:14px;line-height:1.7}.canvas-help p{margin:0}.canvas-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.canvas-help-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8faff}.canvas-help-grid strong{display:block;margin-bottom:4px;color:var(--brand-dark)}.canvas-help-grid span{display:block;font-size:12px;color:var(--text-weak)}
@media(max-width:650px){.canvas-save-state{margin-left:0}.canvas-help-grid{grid-template-columns:1fr}.canvas-selection-actions>small{flex-basis:100%;margin-right:0}.canvas-selection-actions button{flex:1 1 110px}}

/* ---------- 值班规则 / 人员导入 ---------- */
.duty-people-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:16px}
.duty-people-actions button,.duty-people-actions .import-button{min-height:48px;width:100%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center}
.duty-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 14px}
.duty-mode-card{position:relative;display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:100px;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;color:var(--text);cursor:pointer}
.duty-mode-card:has(input:checked){border:2px solid var(--brand);background:var(--brand-weak)}
.duty-mode-card input{position:absolute;right:10px;top:10px;width:auto}
.duty-mode-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--brand-dark);font-size:18px;font-weight:800}
.duty-mode-card span:last-child{min-width:0}.duty-mode-card strong{display:block}.duty-mode-card small{display:block;margin-top:4px;color:var(--text-weak);line-height:1.45}
.profile-editor{padding:10px 12px;margin:10px 0;border:1px solid var(--line);border-radius:11px;background:#fafbfd}
.profile-shift{padding:12px;margin-top:10px;border-radius:10px;background:#fff;border:1px solid #edf1f7}
@media(max-width:650px){.duty-people-actions,.duty-mode-grid{grid-template-columns:1fr}.duty-mode-card{min-height:76px}}

/* ---------- 值班日历预览 ---------- */
.calendar-panel{display:grid;gap:12px}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.calendar-toolbar strong{font-size:14px}
.calendar-toolbar button{width:38px;min-width:38px;min-height:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;color:var(--text);white-space:nowrap}
.calendar-toolbar button:hover{border-color:var(--brand);color:var(--brand)}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.calendar-weekday{text-align:center;font-size:11px;color:var(--text-weak);padding:4px 0}
.calendar-cell{min-height:68px;border-radius:8px;border:1px solid var(--line);padding:6px;background:#f8fbff;display:grid;align-content:start;gap:3px}
.calendar-cell.blank{background:transparent;border:0;min-height:0}
.calendar-cell.weekend{background:#fff7ed;border-color:#f4d9b8}
.calendar-cell.holiday{background:#fff0f0;border-color:#f3c1c1}
.calendar-cell.workday{background:#effaf4;border-color:#bfe6d6}
.calendar-date{font-size:13px;font-weight:700;color:var(--text)}
.calendar-label{font-size:10px;color:#b4261f;line-height:1.25}
.calendar-shifts{display:flex;gap:4px}

.shift-cell{display:flex;align-items:center;gap:4px;min-width:0;padding:2px 6px;border-radius:8px;font-size:11px;line-height:1.3}
.shift-cell i{flex:0 0 auto;color:#fff;font-style:normal;font-weight:700;border-radius:6px;padding:1px 5px}
.shift-cell b{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600;font-size:11px}
.shift-cell.day{background:#e8f0ff}.shift-cell.day i{background:#3169e7}
.shift-cell.night{background:#efe9fb}.shift-cell.night i{background:#65459a}
.calendar-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--text-weak)}
.calendar-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px}
.calendar-legend .work{background:#f8fbff;border:1px solid var(--line)}
.calendar-legend .weekend{background:#fff7ed;border:1px solid #f4d9b8}
.calendar-legend .holiday{background:#fff0f0;border:1px solid #f3c1c1}
.calendar-legend .workday{background:#effaf4;border:1px solid #bfe6d6}
@media(max-width:650px){.calendar-cell{min-height:60px;padding:4px}.calendar-label{display:none}}

/* ---------- 我的作品操作重做 ---------- */
.work-card .ops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px 12px}
.work-card .ops button,.work-card .ops label{width:100%;margin:0;padding:8px;border:1px solid var(--brand-line);border-radius:9px;background:#fff;color:var(--text);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.work-card .ops button:hover,.work-card .ops label:hover{background:var(--brand-weak);border-color:var(--brand)}
.work-card .ops .danger{border-color:#e5b4b4;color:#b4261f}
.work-card .work-format{width:100%;margin:0;padding:8px;border:1px solid var(--brand-line);border-radius:9px;background:#fff;color:var(--text);font-size:12px}

/* ---------- 接龙卡片 ---------- */
.jl-card{padding:16px;margin-bottom:10px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.15s}
.jl-card:hover{border-color:var(--brand-line);box-shadow:0 7px 20px rgba(46,92,168,.07)}
.jl-card-head,.jl-card-foot{display:flex;align-items:center;gap:10px;min-width:0}.jl-card-head strong{flex:1;min-width:0;overflow-wrap:anywhere}.jl-card-meta{margin-top:5px;color:var(--text-weak);font-size:12px}.jl-progress{height:7px;margin:12px 0 8px;border-radius:999px;background:#edf1f7;overflow:hidden}.jl-progress>i{display:block;height:100%;background:var(--brand);border-radius:999px}.jl-card-foot{justify-content:space-between;color:var(--text-faint);font-size:11px}.jl-card-foot button{min-height:34px;padding:6px 10px;font-size:11px}
.jl-detail-actions{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.jl-detail-actions>.small{display:block;margin-bottom:7px}.jl-owner-tools{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}.jl-owner-tools>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.jl-owner-tools .actions{margin-top:10px}

/* 会议助手 */
.meeting-row{gap:18px;align-items:flex-start;}
.meeting-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;min-width:0;}
.meeting-actions button{min-width:88px;flex:1 1 88px;}

@media(max-width:820px){.meeting-actions{width:100%;justify-content:flex-start;}}
.meeting-head{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;width:100%;}
.meeting-head small{display:block;margin-top:3px;}
.meeting-toggle{flex:0 0 auto;color:var(--brand);font-size:12px;font-weight:600;}
.meeting-detail{display:block;padding:16px 18px;}
.meeting-detail .meeting-head{margin-bottom:10px;}
.meeting-section{margin:14px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbfcfe;}
.meeting-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#f3f6fc;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.meeting-section-head small{display:block;color:var(--text-weak);font-weight:400;margin-top:2px;}
.meeting-section-actions{display:flex;gap:8px;}
.meeting-section-actions button{min-width:64px;padding:6px 12px;font-size:13px;}
.meeting-editor{width:100%;border:none;outline:none;resize:vertical;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.7;background:#fff;color:var(--text);min-height:120px;box-sizing:border-box;}
.meeting-editor:focus{background:#fff;}
.meeting-detail .meeting-actions{justify-content:flex-start;margin-top:12px;}
.meeting-detail .meeting-actions button{flex:0 1 auto;}

.meeting-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meeting-result-grid .meeting-section{margin:0}.meeting-section-transcript,.meeting-section-todoText{grid-column:1/-1}
@media(max-width:560px){.meeting-detail{padding:13px;}.meeting-section-head{flex-direction:column;align-items:stretch;}.meeting-section-actions{justify-content:flex-end;}.meeting-editor{font-size:16px;}}
@media(max-width:820px){.meeting-result-grid{grid-template-columns:1fr}.meeting-section-transcript,.meeting-section-todoText{grid-column:auto}}

/* ---------- 待办中心（网页“我的资料”） ---------- */
.web-todo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.web-todo-stats>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;text-align:center}.web-todo-stats strong{display:block;font-size:22px}.web-todo-stats span{font-size:11px;color:var(--text-faint)}.web-todo-stats .danger-stat strong{color:var(--err)}
.web-todo-add{margin:12px 0 16px;padding:12px;border:1px solid var(--brand-line);border-radius:11px;background:var(--brand-weak)}.web-todo-add summary{cursor:pointer;color:var(--brand-dark);font-weight:700}.web-todo-add form{margin-top:14px}
.web-todo-group{margin-top:18px}.web-todo-group h3{display:flex;align-items:center;gap:7px;margin-bottom:9px}.web-todo-group h3 span{min-width:24px;padding:2px 7px;border-radius:999px;background:#eef2f7;color:var(--text-faint);font-size:10px;text-align:center}
.web-todo-item{padding:13px;margin-bottom:8px;border:1px solid var(--line);border-radius:11px;background:#fff}.web-todo-item.done{opacity:.7;background:#f8faf9}.web-todo-item.done .web-todo-main strong{text-decoration:line-through;color:var(--text-weak)}.web-todo-main{display:flex;gap:10px;align-items:flex-start;min-width:0}.web-todo-main>div{flex:1;min-width:0}.web-todo-main strong{display:block;overflow-wrap:anywhere}.web-todo-main small{display:block;margin-top:3px;color:var(--text-faint)}.web-todo-main p{margin:7px 0 0;font-size:11px;line-height:1.5}.web-todo-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:var(--brand-weak)}.web-todo-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #f0f2f6}.web-todo-actions button,.button-link{min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.button-link:hover{background:var(--brand-weak);border-color:var(--brand-line)}
@media(max-width:520px){.web-todo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.web-todo-main{flex-wrap:wrap}.web-todo-main .badge{margin-left:44px}.web-todo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.web-todo-actions button,.button-link{width:100%}}

/* ---------- 照片处理工作台 v2 ---------- */
.photo-progress-web{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px}
.photo-progress-step{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text-faint);font-size:12px}
.photo-progress-step span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:#edf1f7;color:var(--text-weak);font-weight:800}
.photo-progress-step.active{border-color:var(--brand-line);background:var(--brand-weak);color:var(--brand-dark)}
.photo-progress-step.active span{background:var(--brand);color:#fff}
.photo-progress-step.done{border-color:#bfe6d6;background:var(--ok-weak);color:var(--ok)}
.photo-progress-step.done span{background:var(--ok);color:#fff}
.photo-studio-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.15fr);gap:22px;align-items:start}
.photo-preview-column{min-width:0;position:sticky;top:20px;align-self:start}
.photo-source-drop{min-height:210px;display:grid;place-items:center;align-content:center;gap:8px;padding:26px;border:2px dashed var(--line-strong);border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f5f8fc);text-align:center;cursor:pointer;transition:.15s}
.photo-source-drop:hover,.photo-source-drop.dragging{border-color:var(--brand);background:var(--brand-weak)}
.photo-source-drop:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}
.photo-source-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff;color:var(--brand);font-size:30px;box-shadow:0 5px 16px rgba(46,92,168,.08)}
.photo-source-drop strong{font-size:15px}.photo-source-drop small{color:var(--text-faint)}
.photo-source-drop.has-file{grid-template-columns:110px minmax(0,1fr);justify-items:start;align-items:center;text-align:left;min-height:140px}
.photo-source-drop.has-file img{width:100px;height:120px;object-fit:contain;border-radius:10px;background:#eef2f7;border:1px solid var(--line)}
.photo-source-drop.has-file span{display:grid;gap:7px;min-width:0}.photo-source-drop.has-file strong,.photo-source-drop.has-file small{overflow-wrap:anywhere}
.photo-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.photo-mode-card{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:88px;padding:14px;text-align:left;background:#fbfcfe;border:1px solid var(--line);border-radius:13px;color:var(--text)}
.photo-mode-card:hover{border-color:var(--brand-line);background:var(--brand-weak)}
.photo-mode-card.selected{border:2px solid var(--brand);background:var(--brand-weak);box-shadow:0 6px 18px rgba(46,92,168,.08)}
.photo-mode-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:11px;background:#fff;font-size:23px}
.photo-mode-copy{display:block;min-width:0}.photo-mode-copy strong{display:block}.photo-mode-copy small{display:block;margin-top:4px;color:var(--text-weak);font-weight:400;line-height:1.4}.photo-mode-card i{position:absolute;right:9px;top:7px;color:var(--brand);font-style:normal}
.photo-unit-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin:14px 0 3px;border-radius:11px;background:#f0f3f8}.photo-unit-toggle button{min-height:36px;padding:7px 10px;border:0;background:transparent}.photo-unit-toggle button.selected{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(31,58,110,.08)}
.photo-range{display:grid;gap:5px;margin:16px 0}.photo-range label{display:flex;justify-content:space-between;margin:7px 0 0}.photo-range input[type=range]{width:100%}
.photo-subtitle{margin:22px 0 9px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
.photo-swatches{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:9px 0 4px}.photo-swatches .swatch{width:100%;height:34px}
.photo-privacy{padding:4px 0 2px}.photo-privacy .check-row{margin:10px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fafbfd}
.photo-library-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;align-items:start}
.photo-job-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line)}.photo-job-row:last-child{border-bottom:0}.photo-job-row>div{min-width:0}.photo-job-row strong{display:block;overflow-wrap:anywhere}.photo-job-row small{display:block;margin-top:4px;color:var(--text-faint)}.photo-job-row button{min-height:34px;padding:6px 10px;font-size:11px;flex:none}
@media(max-width:1100px){.photo-studio-layout,.photo-library-grid{grid-template-columns:minmax(0,1fr)}.photo-preview-column{position:static}.photo-library-grid{gap:0}}
@media(max-width:650px){.photo-progress-web{gap:5px}.photo-progress-step{display:grid;justify-items:center;padding:9px 4px;gap:4px;font-size:10px;text-align:center}.photo-mode-grid{grid-template-columns:1fr}.photo-swatches{grid-template-columns:repeat(6,minmax(0,1fr))}.photo-source-drop.has-file{grid-template-columns:80px minmax(0,1fr)}.photo-source-drop.has-file img{width:72px;height:92px}.photo-job-row{align-items:flex-start;flex-wrap:wrap}}

/* ========== 手机端深度优化 ========== */
@media(max-width:740px){
  /* 触摸友好：最小点击区域 44px */
  button, .button-link, .import-button, nav a, .format-card, .seat-preset-card, .duty-mode-card, .tool-card {
    min-height:44px;
    -webkit-tap-highlight-color:transparent;
  }
  input, select, textarea {
    min-height:44px;
    font-size:16px; /* 防止 iOS 自动缩放 */
  }
  textarea { min-height:88px; }

  /* 底部安全区域（iPhone 刘海屏） */
  body { padding-bottom:env(safe-area-inset-bottom); }
  main { padding-bottom:calc(40px + env(safe-area-inset-bottom)); }
  footer { padding-bottom:calc(18px + env(safe-area-inset-bottom)); }
  #toast { bottom:calc(28px + env(safe-area-inset-bottom)); }

  /* 顶部导航优化 */
  .sidebar {
    position:sticky;
    top:0;
    z-index:100;
    padding:12px 14px 10px;
    box-shadow:0 2px 12px rgba(0,0,0,.06);
  }
  .brand { font-size:16px; gap:8px; }
  .brand-icon { width:36px; height:36px; font-size:22px; border-radius:9px; }
  nav {
    margin-top:12px;
    gap:4px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  nav::-webkit-scrollbar { display:none; }
  nav a {
    padding:10px 14px;
    font-size:13px;
    border-radius:20px;
    background:#f1f5fc;
    flex-shrink:0;
  }
  nav a.active {
    background:var(--brand);
    color:#fff;
  }

  /* 顶栏优化 */
  header {
    position:sticky;
    top:0;
    z-index:99;
    padding:10px 14px;
    min-height:56px;
    flex-wrap:wrap;
    gap:8px;
  }
  .account { width:auto; }
  .account button { min-height:40px; padding:8px 14px; font-size:13px; }

  /* 主内容区 */
  main { padding:16px 14px calc(32px + env(safe-area-inset-bottom)); }
  h1 { font-size:22px; }
  h2 { font-size:17px; }
  .panel { padding:16px 14px; border-radius:14px; }
  .panel h2 { font-size:16px; }

  /* Hero 区域 */

  /* 工具卡片 */
  .tools-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .tool-card {
    padding:14px;
    min-height:0;
    border-radius:14px;
  }
  .tool-icon { width:40px; height:40px; font-size:20px; margin-bottom:10px; border-radius:11px; }
  .tool-card h3 { font-size:13px; margin-bottom:4px; }
  .tool-card p { font-size:11px; margin-bottom:10px; line-height:1.5; }
  .tool-bottom { font-size:11px; }

  .tool-tag { top:10px; right:10px; font-size:10px; padding:3px 8px; }

  /* 统计卡片 */
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .stat { padding:14px; border-radius:12px; }
  .stat strong { font-size:22px; margin-top:6px; }
  .stat span { font-size:11px; }

  /* 工作区 */
  .workspace { gap:14px; }
  .page-cta {
    padding:12px 14px;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }
  .page-cta button { width:100%; }
  .page-cta .small { min-width:0; font-size:12px; }

  /* 表单 */
  .fields { gap:12px; }
  .fields > * { min-width:0; }
  label { font-size:13px; }
  .actions { gap:8px; }
  .actions > button, .actions > .import-button {
    flex:1 1 calc(50% - 4px);
    min-height:46px;
    font-size:14px;
  }

  /* 对话框 */
  dialog {
    width:calc(100vw - 24px);
    max-width:calc(100vw - 24px);
    padding:20px 16px;
    border-radius:16px;
    max-height:92vh;
  }
  dialog::backdrop { background:rgba(0,0,0,.5); }
  .dialog-close {
    position:absolute;
    top:8px;
    right:8px;
    width:40px;
    height:40px;
    font-size:22px;
    padding:0;
    border-radius:50%;
  }

  /* 表格横向滚动 */
  .scroll-table, .table-wrap, #duty-calendar {
    max-width:100%;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .scroll-table table { min-width:600px; }

  /* 日历优化 */
  .calendar-grid { min-width:320px; }
  .calendar-cell { min-height:56px; padding:4px 2px; }
  .calendar-date { font-size:12px; }
  .calendar-label { font-size:9px; }

  /* 接龙卡片 */
  .jl-card-head, .jl-card-foot { flex-wrap:wrap; gap:8px; }
  .jl-card-foot button { flex:1 1 calc(50% - 4px); }

  /* 待办事项 */
  .web-todo-item { padding:12px; }
  .web-todo-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
  .web-todo-actions button, .button-link { width:100%; min-height:40px; font-size:12px; }

  /* 照片工作台 */
  .photo-source-drop { padding:20px; min-height:140px; }
  .photo-swatches { grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
  .photo-swatches button { aspect-ratio:1; min-height:0; padding:0; border-radius:8px; }

  /* 公文格式卡片 */
  .format-cards { gap:8px; }
  .format-card { padding:12px 10px; min-height:0; border-radius:12px; }
  .format-emoji { font-size:24px; }
  .format-card strong { font-size:13px; }
  .format-card small { font-size:10px; }

  /* 座次预设 */
  .seat-preset-grid { grid-template-columns:1fr; gap:8px; }
  .seat-preset-card { padding:12px; }

  /* 值班模式 */
  .duty-mode-grid { grid-template-columns:1fr; gap:8px; }
  .duty-mode-card { min-height:0; padding:12px; }

  /* 步骤指示器 */

  /* 公文工作区 */
  .doc-workspace { grid-template-columns:minmax(0,1fr); }
  .doc-overview { grid-template-columns:1fr; gap:6px; }
  .doc-overview > div { padding:10px; font-size:12px; }

  /* 会议操作按钮 */
  .meeting-actions { width:100%; }
  .meeting-actions button { flex:1 1 calc(50% - 4px); min-height:44px; }

  /* 视频任务 */
  .video-job strong { max-width:100%; }

  /* 自定义工具按钮 */
  .custom-tools.visual-tools {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .custom-tools.visual-tools button {
    min-height:44px;
    font-size:12px;
    padding:8px;
  }

  /* 账号状态 */
  .account-status { grid-template-columns:1fr; gap:10px; }
  .auth-tabs button { padding:10px; font-size:13px; }
}

/* 超小屏幕（<380px） */
@media(max-width:380px){
  .tools-grid { grid-template-columns:1fr; }
  .stats { grid-template-columns:1fr; }
  .actions > button, .actions > .import-button { flex:1 1 100%; }
  nav a { padding:9px 12px; font-size:12px; }
}

/* 横屏手机优化 */
@media(max-width:900px) and (orientation:landscape){
  .sidebar { position:fixed; width:180px; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .shell { margin-left:180px; }
  nav { flex-direction:column; overflow:visible; }
  nav a { white-space:normal; }
}

/* ===== 流程步骤条 ===== */
.flow-steps{display:flex;align-items:center;gap:10px;margin:4px 0 18px;padding:10px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap}
.flow-steps .step{font-size:13px;color:var(--text-weak);font-weight:600;white-space:nowrap}
.flow-steps .step.on{color:var(--brand)}
.flow-steps i{flex:0 0 34px;height:2px;background:var(--line);position:relative}
.flow-steps i::after{content:'';position:absolute;right:-1px;top:-3px;border:4px solid transparent;border-left-color:var(--line)}

/* ===== 格式检查：严重级别快速筛选 ===== */
.format-severity-filter{display:flex;gap:7px;overflow-x:auto;margin:10px 0 14px;padding:2px 0 5px;scrollbar-width:thin}
.format-severity-filter button{flex:none;min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text-weak);font-size:12px;font-weight:600;white-space:nowrap}
.format-severity-filter button.active{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);color:var(--brand-dark);background:var(--brand-weak)}
.format-severity-filter .p0{color:#b91c1c}.format-severity-filter .p1{color:#92400e}.format-severity-filter .p2{color:#075985}
.format-severity-filter .p0.active{border-color:#b91c1c;background:#fff1f1}.format-severity-filter .p1.active{border-color:#92400e;background:#fff9e8}.format-severity-filter .p2.active{border-color:#075985;background:#eef9ff}

/* ===== 座次：查座 + 导出工具条 ===== */
.seat-result-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.seat-search{flex:1 1 240px;display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;height:40px;background:#fff;border:1px solid var(--line);border-radius:10px}
#seat-result:fullscreen,#seat-result:-webkit-full-screen{background:#f2f6fc;padding:24px;overflow:auto}
#seat-result:fullscreen .seat-map,#seat-result:-webkit-full-screen .seat-map{max-height:none;height:auto}
#seat-result:fullscreen .custom-tools-bar,#seat-result:-webkit-full-screen .custom-tools-bar{position:sticky;top:0;background:#f2f6fc;z-index:5}
.seat-search:focus-within{border-color:var(--brand)}
.seat-search-icon{font-size:14px}
.seat-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px}
.seat-search .small{color:var(--text-weak);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
#export-seat-list{min-height:40px;padding:0 14px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;color:var(--text);font-weight:600;white-space:nowrap}
#export-seat-list:hover{border-color:var(--brand);color:var(--brand)}

/* 查座命中高亮 */
.seat-map .seat.seat-found rect:not(.seat-shadow){stroke:#ef8d32;stroke-width:3.4;stroke-dasharray:7 4}
.seat-map .seat.seat-found circle{stroke:#ef8d32;stroke-width:3.4;stroke-dasharray:7 4;fill:#fff1df}
@keyframes seat-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(239,141,50,.0))}50%{filter:drop-shadow(0 0 6px rgba(239,141,50,.85))}}
.seat-map .seat.seat-found{animation:seat-pulse 1.1s ease-in-out 3}

/* ===== 座次：自定义画布工作台 ===== */
.custom-tools-bar{display:grid;gap:10px;margin:0 0 12px;padding:12px;border:1px solid var(--brand-line);border-radius:14px;background:#f8faff}
.seat-canvas-mode{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.seat-canvas-mode>button{min-height:36px;padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font-weight:600;cursor:pointer}
.seat-canvas-mode>button.active{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(46,92,168,.18)}
.seat-canvas-mode>.small{flex:1 1 230px;margin-left:4px}
.seat-zoom{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px;background:#eef3fb;border-radius:9px}
.seat-zoom button{min-width:34px;min-height:31px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;font-weight:700}
.seat-zoom button:hover{background:#fff;color:var(--brand)}
#seat-zoom-reset{min-width:54px;font-size:12px}
.seat-arrange-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 0;border-top:1px solid #e7edf7;border-bottom:1px solid #e7edf7}
.seat-arrange-tools button,.custom-tools-row button{min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);cursor:pointer;font-size:12px}
.seat-arrange-tools button:hover,.custom-tools-row button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-weak)}
.custom-tools-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.custom-tools-row label{display:inline-flex;align-items:center;gap:6px;margin:0}
.custom-tools-row input,.custom-tools-row select{width:auto;min-height:34px;margin:0;padding:5px 8px}
.canvas-shortcuts{padding:8px 10px;border-radius:9px;background:#fff;line-height:1.65}
.canvas-mode-hint{padding:10px 12px;border-radius:10px;background:#fff;color:var(--text-weak);font-size:12px;line-height:1.65}
.seat-map:not(.editing) .seat{cursor:grab}
.seat-map:not(.editing) .seat.dragging{cursor:grabbing}
.seat-map.editing .seat,.seat-map.editing .seat-table{cursor:move}
.seat-map.panning{cursor:grabbing!important}
.seat-canvas-frame{position:relative;min-width:0;isolation:isolate}
.seat-canvas-frame>.seat-map{display:block;margin:0}
.seat-canvas-zoom{position:absolute;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:4px;max-width:calc(100% - 28px);padding:4px;border:1px solid rgba(111,137,179,.45);border-radius:10px;background:rgba(255,255,255,.94);box-shadow:0 5px 16px rgba(25,53,88,.16);backdrop-filter:blur(8px)}
.seat-canvas-zoom button{min-width:34px;min-height:32px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.seat-canvas-zoom button:hover,.seat-canvas-zoom button:focus-visible{background:#eaf1ff;color:var(--brand);outline:0}
.seat-canvas-zoom #seat-zoom-reset{min-width:56px;color:var(--brand-dark);background:#edf3ff}
.seat-map .seat-snap-guides path{stroke:#ef8d32;stroke-width:1.6;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;pointer-events:none}
.seat-map .seat-marquee{fill:rgba(46,92,168,.08);stroke:var(--brand);stroke-width:1.5;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;pointer-events:none}
.seat-map .seat.drop-target rect:not(.seat-shadow){stroke:#ef8d32!important;stroke-width:4!important;filter:drop-shadow(0 0 4px rgba(239,141,50,.5))}
.seat-map .seat.multi-selected rect:not(.seat-shadow),.seat-map .seat-table.multi-selected>*:first-child{stroke-dasharray:5 3}
#seat-pop .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:720px){.seat-zoom{width:100%;margin-left:0;justify-content:center}.seat-canvas-mode>.small{order:3;flex-basis:100%}.seat-canvas-zoom{right:8px;bottom:8px;gap:2px;padding:3px}.seat-canvas-zoom button{min-width:31px;min-height:30px;padding:4px 6px}.seat-canvas-zoom #seat-zoom-fit,.seat-canvas-zoom #seat-zoom-selection{display:none}.seat-arrange-tools{max-height:128px;overflow:auto}.custom-tools-row{align-items:stretch}.custom-tools-row label{flex:1 1 160px}.canvas-shortcuts{display:none}}

/* ===== 值班：视图切换 ===== */
.duty-view-toggle{display:inline-flex;gap:4px;padding:4px;background:#eef2f9;border-radius:10px;margin:12px 0}
.duty-view-toggle button{border:0;background:transparent;padding:8px 18px;border-radius:8px;cursor:pointer;color:var(--text-weak);font-weight:600;font-size:13px}
.duty-view-toggle button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(31,58,110,.12)}

/* ===== 值班：人×日期网格 ===== */
.duty-grid-scroll{overflow:auto;max-height:560px;border:1px solid var(--line);border-radius:12px;background:#fff}
table.duty-grid{border-collapse:separate;border-spacing:0;font-size:12px;min-width:100%}
.duty-grid thead th{position:sticky;top:0;z-index:3;background:#f3f6fc;color:var(--text);font-weight:600;padding:6px 2px;text-align:center;border-bottom:1px solid var(--line);border-left:1px solid #e8eef8;min-width:34px}
.duty-grid thead th b{display:block;font-size:12px}
.duty-grid thead th i{font-style:normal;font-size:10px;color:var(--text-weak)}
.duty-grid th.pn{position:sticky;left:0;z-index:2;background:#f3f6fc;text-align:left;padding:6px 10px;min-width:132px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.duty-grid th.pn small{display:block;font-weight:400;color:var(--text-weak);font-size:10px;margin-top:2px}
.duty-grid td{text-align:center;padding:4px 2px;border-bottom:1px solid #f0f4fb;border-left:1px solid #f0f4fb;min-width:34px;height:34px;vertical-align:middle}
.duty-grid tr:hover td{background:#f7faff}
.duty-grid td.wk{background:#fff7ed}
.duty-grid td.hol{background:#fff0f0}
.duty-grid td.work{background:#effaf4}
.duty-grid thead th.wk{background:#fdeeda}
.duty-grid thead th.hol{background:#fde2e2}
.duty-grid thead th.work{background:#ddf3e8}
.duty-grid td.td,.duty-grid thead th.td{box-shadow:inset 0 0 0 2px var(--brand)}
.cs{display:inline-block;font-style:normal;padding:2px 6px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}
.cs.day{background:#dcecff;color:#1d63d8}
.cs.night{background:#2b3a67;color:#fff}
.cs.lead-day{background:#c9e7d3;color:#14703c}
.cs.lead-night{background:#6b3fa0;color:#fff}
.duty-grid-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-weak);margin-top:10px}
.duty-grid-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:4px;vertical-align:-1px}
.duty-grid-legend .sw.wk{background:#fff7ed;border:1px solid #f4d9b8}
.duty-grid-legend .sw.hol{background:#fff0f0;border:1px solid #f3c1c1}
.duty-grid-legend .sw.td{box-shadow:inset 0 0 0 2px var(--brand)}

/* ===== 日历：今日高亮 ===== */
.calendar-cell.today{box-shadow:inset 0 0 0 2px var(--brand)}

/* ===== 积分不足弹窗 ===== */
.points-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.points-modal{background:#fff;border-radius:16px;padding:28px 24px;max-width:360px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative}
.points-modal h3{margin:0 0 8px;font-size:20px;color:var(--text)}
.points-modal .points-msg{color:var(--text-weak);font-size:14px;margin:0 0 18px}
.points-modal .points-qr-img{width:168px;height:168px;border-radius:12px;display:block;margin:0 auto}

.seat-bg-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.points-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1}
.points-ways{display:flex;gap:10px;margin-bottom:18px}
.points-way{flex:1;background:var(--bg-soft);border-radius:10px;padding:12px 8px}
.points-way strong{display:block;font-size:13px;color:var(--text);margin-bottom:4px}
.points-way span{font-size:11px;color:var(--brand);font-weight:600}
.points-qr{margin-bottom:18px}
.points-qr-box{width:120px;height:120px;margin:0 auto 8px;border:2px dashed #ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fafafa}
.points-qr-placeholder{font-size:12px;color:#bbb;text-align:center;line-height:1.4}
.points-qr p{font-size:12px;color:var(--text-weak);margin:0;line-height:1.6}
.points-ok{width:100%;padding:12px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}

/* docx 需求：公文来文框一行点击展开 */
.doc-source-compact{height:3.2em;min-height:3.2em;overflow:hidden;cursor:pointer;resize:none;color:var(--text-weak);transition:height .18s ease,min-height .18s ease}
.doc-source-compact:focus,.doc-source-compact.expanded{height:auto;min-height:14em;overflow:auto;cursor:text;color:var(--text);transition:height .18s ease,min-height .18s ease}
/* docx 需求：值班人员数值卡片 */
.duty-people-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:4px 0 8px}
.duty-people-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:16px 8px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s;margin:0}
.duty-people-card:hover{border-color:var(--brand);box-shadow:0 3px 10px rgba(46,92,168,.12);transform:translateY(-2px)}
.duty-people-card strong{font-size:12px;color:var(--text-weak);font-weight:600}
.duty-people-card b{font-size:24px;color:var(--brand);font-weight:700;line-height:1}
.duty-people-detail{display:grid;gap:8px}
.duty-people-detail .row select{width:auto;max-width:150px;margin:0}
/* docx 需求：座次画布更多工具折叠 */
.seat-more-tools{margin-top:10px;border:1px solid #e2e9f5;border-radius:11px;background:#fbfcff;padding:6px 10px}
.seat-more-tools summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--text-weak);padding:4px 0;user-select:none}
.seat-more-tools[open] summary{color:var(--brand);margin-bottom:6px}
.seat-more-tools .seat-batch-tools,.seat-more-tools .seat-arrange-tools{margin-top:8px}
.seat-main-tools{border-top:1px solid #e7edf7;padding-top:8px}
/* docx 需求：照片更多按钮与色卡协调（彩虹底 + 当前色角标） */
.photo-color-picker{position:relative;height:34px;width:100%;border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:conic-gradient(from 210deg,#f87171,#fbbf24,#4ade80,#38bdf8,#a78bfa,#f87171);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;cursor:pointer;overflow:hidden;box-sizing:border-box;transition:transform .12s,border-color .12s}
.photo-color-picker:hover{transform:scale(1.08)}
.photo-color-picker span{display:block;width:20px;height:11px;border-radius:3px;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.photo-color-picker b{font-size:9px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4);line-height:1}
.photo-color-dialog{margin:4px 0 8px;border:1px solid var(--line);border-radius:12px;background:#fafbff;overflow:hidden}
.photo-color-dialog .pcd-main{display:flex;flex-direction:column;gap:10px;padding:12px}
.photo-color-dialog .pcd-sv{position:relative;height:150px;border:1px solid rgba(0,0,0,.18);border-radius:8px;cursor:crosshair;touch-action:none;overflow:hidden}
.photo-color-dialog .pcd-dot{position:absolute;width:13px;height:13px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px rgba(0,0,0,.4);pointer-events:none}
.photo-color-dialog .pcd-hue{position:relative;height:14px;border-radius:7px;background:linear-gradient(to right,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);cursor:ew-resize;touch-action:none;border:1px solid rgba(0,0,0,.14)}
.photo-color-dialog .pcd-hue-dot{position:absolute;top:-3px;width:10px;height:18px;border:2px solid #fff;border-radius:4px;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.4);pointer-events:none}
.photo-color-dialog .pcd-custom-row{display:flex;align-items:center;gap:10px;min-height:26px}
.photo-color-dialog .pcd-custom-title{font-size:11px;font-weight:700;color:var(--text-weak);flex:0 0 auto}
.photo-color-dialog .pcd-custom-grid{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:20px;flex:1}
.photo-color-dialog .pcd-custom-cell{position:relative;width:22px;height:22px;border:1px solid rgba(0,0,0,.14);border-radius:4px;cursor:pointer}
.photo-color-dialog .pcd-custom-cell i{position:absolute;inset:0;border-radius:3px}
.photo-color-dialog .pcd-custom-cell b{position:absolute;top:-5px;right:-5px;width:14px;height:14px;line-height:12px;text-align:center;font-size:10px;color:#fff;background:#e11d48;border-radius:50%;opacity:0;transition:opacity .12s}
.photo-color-dialog .pcd-custom-cell:hover b{opacity:1}
.photo-color-dialog .pcd-custom-cell.on{outline:2px solid var(--brand);outline-offset:1px}
.photo-color-dialog .pcd-custom-empty{font-size:10px;color:var(--text-faint)}
.photo-color-dialog .pcd-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--line);background:#fff}
.photo-color-dialog .pcd-preview{display:flex;align-items:center;gap:8px}
.photo-color-dialog .pcd-preview i{width:34px;height:34px;border:1px solid rgba(0,0,0,.2);border-radius:6px}
.photo-color-dialog .pcd-preview span{font-size:12px;font-weight:700;font-family:monospace;color:var(--text)}
.photo-color-dialog .pcd-actions{display:flex;gap:6px;flex-wrap:wrap}
.photo-color-dialog .pcd-actions button{padding:6px 10px;font-size:11px;border-radius:8px}
@media(max-width:650px){.photo-color-dialog .pcd-foot{flex-direction:column;align-items:stretch}}

/* ---------- 全局精修（2026-09-18）---------- */
.stat-link{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:18px 20px;position:relative;transition:border-color .15s,transform .15s,box-shadow .15s}
.stat-link:hover{border-color:var(--brand-line);transform:translateY(-2px);box-shadow:0 8px 20px rgba(46,92,168,.07)}
.stat-link i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;color:var(--text-faint);font-size:18px;transition:color .15s}
.stat-link:hover i{color:var(--brand)}
.stat-link strong{display:block;font-size:24px;margin-top:4px}
.stat-link small{font-size:11px;color:var(--text-faint);font-weight:400;margin-left:4px}
.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 20px;border:2px dashed var(--line-strong);border-radius:var(--radius);background:#fafcff;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;min-height:150px}
.drop-zone:hover,.drop-zone.over{border-color:var(--brand);background:var(--brand-weak)}
.drop-zone.has-file{border-style:solid;border-color:var(--ok);background:var(--ok-weak)}
.dz-icon{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:22px;box-shadow:0 4px 12px rgba(46,92,168,.06)}
.drop-zone strong{font-size:14px}
.drop-zone .small{font-size:12px;color:var(--text-faint)}

.video-info-card{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#f6f9ff,var(--panel));border:1px solid var(--brand-line);border-radius:var(--radius);padding:18px;margin-top:14px}
.vic-play{flex:none;width:46px;height:46px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 6px 16px rgba(46,92,168,.25)}
.video-info-card strong{font-size:15px}
.video-info-card .small{font-size:12px;color:var(--text-faint)}
.vic-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.vic-tags span{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2px 9px;font-size:11px;color:var(--text-weak)}
.jl-template-card{flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:14px 16px;min-height:0;border-radius:var(--radius)}
.jl-template-card span{font-size:20px;margin-bottom:2px}
.jl-template-card strong{font-size:14px}
.jl-template-card small{font-size:11px;color:var(--text-faint);font-weight:400;line-height:1.5}
.eyebrow{font-size:11px;letter-spacing:1.6px}
.reference-picker.picked>#org-search,.reference-picker.picked>#catalog-stats,.reference-picker.picked>#catalog-list,.reference-picker.picked>.fields,.reference-picker.picked>.flow-help,.reference-picker.picked .org-picker-head,.reference-picker.picked #catalog-stats,.reference-picker.picked #catalog-list{display:none}

/* 公文拟办：首屏只保留当前单位和主操作，资料库与导入按需展开。 */
.org-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#eef4ff,#f8faff);color:var(--text)}
.org-summary strong{display:block;font-size:14px;color:var(--text)}
.org-summary .small{margin-top:3px}.org-summary button{flex:none;min-height:34px;padding:7px 11px;font-size:12px;background:#fff}
#org-current{margin:10px 0 0;background:#fbfcff;color:var(--text-weak)}
#org-details{margin:12px 0 0;border:1px solid var(--line);border-radius:12px;background:#fff}
#org-details>summary{padding:13px 15px;color:var(--text);list-style-position:inside}
#org-details[open]>summary{border-bottom:1px solid var(--line);background:#fbfcff}
#org-details .reference-picker{margin:0;border:0;border-radius:0;background:transparent}
.org-picker-head{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);gap:14px;align-items:end}
.org-picker-head .fields{display:block}.org-picker-head label{margin-top:0}
.catalog-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px;padding:3px}
.catalog-option{min-height:88px;border-radius:10px;border-color:#e3e9f3}
.catalog-option:hover{box-shadow:0 5px 14px rgba(46,92,168,.08)}
.source-preview{box-shadow:0 6px 20px rgba(46,92,168,.05)}
.source-preview h3{margin-bottom:5px}.department-preview{background:#fafcff;border:1px solid #edf1f7;border-radius:9px;padding:0 12px;max-height:190px}
.template-unit-name{margin-top:14px;font-size:12px;font-weight:600;color:var(--text)}
.template-unit-name input{margin-top:7px}
.source-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}.source-actions a{font-size:12px}
.org-upload{margin:0;padding:0 16px 16px}.org-upload>summary{padding:14px 0 0}.org-upload .import-block{margin-top:12px}
.reference-picker.picked #catalog-preview{margin:0}.reference-picker.picked .source-preview{margin:0}

/* 来文框默认一行，只有输入时才展开；清空并离开后恢复紧凑状态。 */
.doc-source-compact{height:46px;min-height:46px;line-height:24px;padding:10px 12px;resize:none;overflow:hidden}
.doc-source-compact:focus{height:260px;min-height:260px;resize:vertical}
@media(max-width:760px){.org-picker-head{grid-template-columns:1fr}.catalog-list{grid-template-columns:1fr}.org-summary{align-items:flex-start}.org-summary button{min-height:38px}.source-actions>*{width:100%}}

/* ========== 工作台重排（2026-09-18） ========== */
.welcome-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f1f5fb;border:1px solid #dfe7f1;border-radius:16px;padding:22px 32px;margin-bottom:20px;box-shadow:0 3px 12px rgba(31,58,110,.04)}
.welcome-text h1{margin:6px 0 6px;font-size:25px;line-height:1.3}
.welcome-text .hero-privacy{margin:0;max-width:560px;color:var(--text-faint)}
.welcome-actions .primary{min-height:44px;padding:0 26px;font-size:14px}
.stats{margin:0 0 20px}
.home-todo-summary{margin:0 0 20px}
.home-todo-card{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;width:100%;min-height:98px;padding:17px 21px;text-align:left;font:inherit;cursor:pointer}
.todo-home-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,#e8f7ee,#effcff);font-size:25px}.todo-home-icon .app-icon{width:27px;height:27px;color:#19865d}
.todo-home-copy{min-width:0}.todo-home-copy>span{display:block;font-size:13px;color:var(--text-weak);font-weight:600}.todo-home-copy strong{display:block;margin:2px 0;font-size:27px;line-height:1.15;color:var(--text)}.todo-home-copy strong small{margin-left:6px;font-size:12px;color:var(--text-faint);font-weight:400}.todo-home-copy p{margin:3px 0 0;color:var(--text-faint);font-size:12px;line-height:1.45}
.todo-home-action{color:var(--brand);font-size:13px;font-weight:700;white-space:nowrap}.home-todo-card:hover .todo-home-action{color:var(--brand-dark)}
@media(max-width:560px){.home-todo-card{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px}.todo-home-action{grid-column:2;justify-self:start}.todo-home-copy strong{font-size:23px}}
.tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.tool-card{min-height:148px;padding:18px;border-radius:16px}
.tool-card .tool-icon{width:44px;height:44px;font-size:22px;border-radius:12px;margin-bottom:12px}
.tool-card h3{font-size:15px;margin:0 0 5px}
.tool-card p{font-size:12px;line-height:1.6;margin:0 0 10px}
.tool-card .tool-bottom{font-size:12px}
.section-heading{margin:24px 0 12px}
.section-heading h2{font-size:18px}
@media (max-width:1200px){.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:920px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-bar{flex-direction:column;align-items:flex-start;gap:14px}}

/* 公文格式优化：检查结果列表 */
.issue-list{display:grid;gap:8px;margin-top:8px}
.issue-item{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.issue-item b{display:block;font-size:13px;margin-bottom:3px;color:var(--text)}
.issue-item p{margin:0;font-size:12px;color:var(--text-weak);line-height:1.6}
.issue-item.blocker{border-left:3px solid #e11d48;background:#fff5f5}
.issue-item.warning{border-left:3px solid #f59e0b;background:#fffaf0}
.issue-item.hint{border-left:3px solid #3b82f6;background:#f5f9ff}
.notice.ok{background:#f0faf3;border-color:#cdeeda;color:#166534}
.pdf-tool-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}
#convert-preview .pdf-image-source{display:block;max-width:100%;max-height:70vh;object-fit:contain;margin:0 auto 12px}
.pdf-tool-tab{display:flex;min-height:72px;flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 12px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px}
.pdf-tool-tab strong{font-size:13px;color:var(--text)}.pdf-tool-tab small{margin-top:3px;font-size:10px;line-height:1.4;color:var(--text-faint)}
.pdf-tool-tab.selected{border-color:var(--brand);background:var(--brand-weak);box-shadow:0 0 0 1px var(--brand)}
.pdf-tool-options{margin-top:12px}.pdf-tool-options:empty{display:none}
.pdf-mode-switch,.privacy-mode-switch{display:inline-flex;gap:4px;margin:0 0 18px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(31,58,110,.04)}
.pdf-mode-switch button,.privacy-mode-switch button{min-height:38px;border:0;background:transparent;padding:8px 20px;color:var(--text-weak);box-shadow:none}
.pdf-mode-switch button.active,.privacy-mode-switch button.active{background:var(--brand);color:#fff;box-shadow:0 4px 12px rgba(46,92,168,.2)}
.pdf-tool-file-list{display:grid;gap:7px;margin:10px 0}.pdf-tool-file-list:empty{display:none}
.pdf-tool-file-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fafcff}
.pdf-tool-file-list span{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-tool-file-list span b{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:6px;background:var(--brand-weak);color:var(--brand);font-size:10px}
.pdf-tool-file-list small{color:var(--text-faint);white-space:nowrap}.pdf-tool-file-list button{min-height:30px;padding:5px 9px;font-size:11px;color:var(--err)}
.pdf-tool-file-list .pdf-tool-file-name em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;color:var(--text)}
.pdf-tool-file-actions{display:flex;align-items:center;gap:4px;flex:none}
.pdf-tool-file-actions button{min-width:28px;min-height:28px;padding:3px 7px;font-size:13px;color:var(--brand);border:1px solid var(--line);border-radius:7px;background:#fff}
.pdf-tool-file-actions button:hover{border-color:var(--brand);background:var(--brand-weak)}
.pdf-tool-file-actions button[data-remove-pdf]{color:var(--err)}
.pdf-tool-file-actions button[data-remove-pdf]:hover{border-color:var(--err);background:#fef2f2}
.pdf-tool-file-list .pdf-tool-add-more{width:100%;margin-top:2px;padding:9px 10px;border:1px dashed var(--brand);border-radius:9px;background:var(--brand-weak);color:var(--brand);font-size:12px;font-weight:600}
.pdf-tool-add-more:hover{background:#e2ecff}
.pdf-tool-file-row{animation:pdf-row-in .18s ease}
@keyframes pdf-row-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}

.privacy-issues{display:grid;gap:8px;margin-top:10px;max-height:460px;overflow:auto}.privacy-issues .issue-item{margin:0}
#privacy-output{min-height:300px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.75;background:#fafcff}
.privacy-local-banner{display:flex;align-items:center;gap:14px;margin:0 0 16px;padding:16px 19px;border:1px solid #bfe6d6;border-radius:13px;background:linear-gradient(135deg,#edfbf4,#f6fffb);color:#166534}
.privacy-local-banner .privacy-lock{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#d8f4e5}.privacy-local-banner .app-icon{width:23px;height:23px}
.privacy-local-banner strong{display:block;font-size:14px}.privacy-local-banner p{margin:3px 0 0;color:#488064;font-size:11px;line-height:1.55}
.privacy-workspace{grid-template-columns:minmax(360px,.92fr) minmax(520px,1.35fr);max-width:1500px;margin-inline:auto}
.privacy-drop{margin-top:4px}.privacy-drop .dz-icon{width:auto;height:46px;padding:0 10px;border-radius:10px;background:#eaf0ff;color:var(--brand);font-size:14px;font-weight:800;letter-spacing:.6px}
.privacy-preserve{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 4px}.privacy-preserve span{padding:5px 9px;border-radius:999px;background:#eff8f4;color:#2f7658;font-size:10px}
.privacy-summary{padding:15px 16px;border:1px solid var(--line);border-radius:10px}.privacy-summary strong,.privacy-summary span{display:block}.privacy-summary span{margin-top:4px;font-size:11px;line-height:1.6}.privacy-summary.has-issues{background:#fff8eb;border-color:#eed9b8;color:#8a5b18}.privacy-summary.safe{background:#effaf5;border-color:#bfe6d6;color:#166534}
@media(max-width:980px){.privacy-workspace{grid-template-columns:1fr}.privacy-workspace .document-preview-large{min-height:520px;height:65vh}}
@media(max-width:760px){.pdf-tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-mode-switch,.privacy-mode-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.pdf-mode-switch button,.privacy-mode-switch button{padding:8px 10px}.pdf-tool-file-list>div{grid-template-columns:minmax(0,1fr) auto}.pdf-tool-file-list small{display:none}}

/* ========== 统一反馈与后台任务体验（2026-09-20） ========== */
.state-view{display:grid;justify-items:center;gap:6px;min-height:112px;padding:28px 18px;border:1px dashed var(--line);border-radius:12px;background:#fbfcfe}
.state-view strong{display:block;color:var(--text);font-size:14px;font-weight:700}
.state-view .state-detail{display:block;max-width:620px;color:var(--text-faint);font-size:12px;line-height:1.6}
.state-view.state-loading{background:#f8faff;border-color:var(--brand-line)}
.state-view.state-loading strong{color:var(--brand-dark)}
.state-view.state-error{background:var(--err-weak);border-color:#f0c5c2}
.state-view.state-error .empty-icon,.state-view.state-error strong{color:var(--err)}
.state-view.state-warning{background:var(--warn-weak);border-color:#eed9b8}
.state-view.state-warning .empty-icon,.state-view.state-warning strong{color:var(--warn)}
.state-view.state-success{background:var(--ok-weak);border-color:#bfe6d6}
.state-view.state-success .empty-icon,.state-view.state-success strong{color:var(--ok)}
.button-spinner{width:15px;height:15px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;opacity:.8}
button.is-loading{cursor:wait}
button:disabled:not(.is-loading){cursor:not-allowed}
button.ghost{background:#f8fafc;color:var(--text-weak)}

#toast{display:flex;align-items:center;gap:8px;min-height:46px;font-weight:650;line-height:1.45;border:1px solid transparent;transition:opacity .15s,transform .15s}
#toast.toast-success{background:#176f50;border-color:#2b8a68}
#toast.toast-error{background:#a73535;border-color:#c95757}
#toast.toast-warning{background:#8a5b18;border-color:#ad782c}
#toast.toast-info{background:#243959;border-color:#3b557b}

.task-card{padding:16px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 4px 14px rgba(31,58,110,.035)}
.task-card+.task-card{margin-top:10px}
.task-card-head,.task-status-wrap{display:flex;align-items:center;gap:10px}
.task-card-head{justify-content:space-between}
.task-title{min-width:0;flex:1}
.task-title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-title small{display:block;margin-top:4px;color:var(--text-faint)}
.task-status-wrap{flex:none}
.task-pill{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap;background:#eef2f7;color:var(--text-weak)}
.task-pill i{font-style:normal}
.task-pending{background:#eef2f7;color:#657083}
.task-running{background:var(--brand-weak);color:var(--brand-dark)}
.task-success{background:var(--ok-weak);color:var(--ok)}
.task-error{background:var(--err-weak);color:var(--err)}
.task-warning{background:var(--warn-weak);color:var(--warn)}
.task-progress{margin:10px 0 4px}
.task-progress>div{height:7px;overflow:hidden;border-radius:999px;background:#edf1f7}
.task-progress>div>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),#7899f3);transition:width .35s ease}
.task-progress>span{display:block;margin-top:5px;color:var(--text-faint);font-size:11px;line-height:1.45}
.task-message{margin:10px 0 0}
.task-sync-note{margin:0 0 12px}

.meeting-row,.meeting-detail{border:1px solid var(--line);border-radius:13px;background:#fff;margin-bottom:10px}
.meeting-row{padding:14px 16px}
.meeting-detail{box-shadow:0 5px 18px rgba(31,58,110,.045)}
.meeting-head .task-title{min-width:0}
.meeting-head .task-status-wrap{margin-left:auto}
.meeting-detail>.task-progress,.meeting-row>.task-progress{margin-left:0;margin-right:0}
.meeting-detail>.state-view{margin:12px 0}
.video-job{border-bottom:0;margin-bottom:10px}
.video-job:last-child{padding-bottom:16px}
.video-job strong{max-width:none}
.video-job .actions{margin-top:12px}
/* 页面级信息层级：高频操作在前，高级/追溯内容按需展开 */
.meeting-focus-note{display:flex;align-items:center;gap:10px;margin:12px 0;padding:11px 13px;border:1px solid var(--brand-line);border-radius:10px;background:var(--brand-weak);color:var(--brand-dark)}
.meeting-focus-note strong{flex:none;font-size:12px}.meeting-focus-note span{font-size:11px;line-height:1.5;color:var(--text-weak)}
.meeting-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.meeting-focus-grid .meeting-section{margin:0}
.meeting-reference{margin-top:14px;border:1px solid var(--line);border-radius:11px;background:#fafcff;overflow:hidden}
.meeting-reference>summary{cursor:pointer;padding:12px 14px;font-size:12px;font-weight:700;color:var(--text-weak);user-select:none}
.meeting-reference[open]>summary{border-bottom:1px solid var(--line);background:#f5f8fd;color:var(--brand-dark)}
.meeting-reference>.meeting-section{margin:12px}
.seat-advanced-settings{margin:14px 0;border:1px solid var(--line);border-radius:11px;background:#fafcff;overflow:hidden}
.seat-advanced-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:12px 14px;color:var(--text);font-size:12px;font-weight:700;user-select:none}
.seat-advanced-settings>summary span{color:var(--text-faint);font-size:10px;font-weight:500}
.seat-advanced-settings[open]>summary{border-bottom:1px solid var(--line);background:#f5f8fd}
.seat-advanced-body{padding:13px 14px}
.seat-advanced-body>.fields:first-child{margin-top:0}
/* 多人会议：自动分声后由用户把 A/B/C 对应到真实姓名 */
.meeting-speaker-status{margin:0 0 14px}
.meeting-speaker-map{margin:12px 0 16px;padding:15px;border:1px solid var(--brand-line);border-radius:12px;background:#fbfdff}
.meeting-speaker-head strong,.meeting-speaker-head small{display:block}.meeting-speaker-head strong{font-size:14px}.meeting-speaker-head small{margin-top:4px;color:var(--text-faint);line-height:1.55}
.meeting-speaker-rows{display:grid;gap:9px;margin-top:12px}.meeting-speaker-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);gap:12px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.meeting-speaker-row b,.meeting-speaker-row small{display:block}.meeting-speaker-row b{font-size:12px}.meeting-speaker-row b i{margin-left:5px;color:var(--text-faint);font-size:10px;font-style:normal;font-weight:500}.meeting-speaker-row small{margin-top:4px;overflow:hidden;color:var(--text-faint);line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.meeting-speaker-row input{margin:0}.meeting-speaker-actions{display:flex;justify-content:flex-end;margin-top:12px}

/* 座位牌：独立入口 + 当前座次名单一键带入 */

.name-card-import{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.name-card-import>*{margin:0}
.name-card-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:7px 0 12px}.name-card-presets button{min-height:56px;padding:9px 8px;border:1px solid var(--line);background:#fff}.name-card-presets button.active{border-color:var(--brand);background:var(--brand-weak);color:var(--brand-dark)}.name-card-presets small{display:block;margin-top:3px;color:var(--text-faint);font-size:9px;font-weight:500}
@media(max-width:760px){.meeting-speaker-row{grid-template-columns:1fr}.meeting-speaker-row small{white-space:normal}.meeting-speaker-actions button{width:100%}.name-card-presets{grid-template-columns:1fr}}

/* 座位牌：左表单 + 右实时预览 */
.name-card-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:14px;align-items:start}

.name-card-preview-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.name-card-preview-head strong{font-size:12px;color:var(--brand-dark)}
.name-card-preview-box{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;justify-content:center;min-height:150px}
.name-card-preview-box svg{width:100%;height:auto;display:block}
.name-card-preview-empty{color:var(--text-faint);font-size:12px;padding:44px 8px;text-align:center;width:100%}
.name-card-preview-nav{display:flex;gap:8px}.name-card-preview-nav button{flex:1;min-height:34px}
.name-card-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.name-card-presets button{flex-direction:column;justify-content:center}.name-card-presets small{font-size:11px}
.name-card-preview-nav button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.name-card-layout{grid-template-columns:1fr}}

@media(max-width:760px){.meeting-focus-grid{grid-template-columns:1fr}.meeting-focus-note{align-items:flex-start;flex-direction:column;gap:4px}.seat-advanced-settings>summary{align-items:flex-start;flex-direction:column;gap:3px}}

.web-profile-head{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fafcff}
.web-avatar{width:76px;height:76px;flex:0 0 76px;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,var(--brand),#7593ef);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800;box-shadow:0 7px 20px rgba(46,92,168,.16)}
.web-avatar img{width:100%;height:100%;object-fit:cover}
.web-avatar-copy{min-width:0;flex:1}
.web-avatar-copy>strong{display:block;margin-bottom:4px}
.web-avatar-copy>.small{display:block;line-height:1.55}
.compact-actions{margin-top:9px}
.compact-actions button{min-height:36px;padding:7px 11px;font-size:12px}

.seat-map:focus-visible{outline:3px solid rgba(46,92,168,.42);outline-offset:-3px}
.seat-canvas-frame{overflow:hidden;border-radius:14px}
.seat-canvas-hud{position:absolute;left:14px;bottom:14px;z-index:3;max-width:calc(100% - 300px);padding:7px 10px;border:1px solid rgba(111,137,179,.32);border-radius:9px;background:rgba(255,255,255,.92);box-shadow:0 4px 14px rgba(25,53,88,.12);backdrop-filter:blur(8px);color:var(--text);font-size:11px;font-weight:700;pointer-events:none}
.seat-canvas-hud span{display:block;margin-top:2px;color:var(--text-faint);font-size:10px;font-weight:500}
.seat-map.editing{touch-action:none}
.seat-map .seat.selected rect:not(.seat-shadow),.seat-map .seat-table.selected rect,.seat-map .seat-table.selected circle,.seat-map .seat-table.selected path{filter:drop-shadow(0 0 4px rgba(46,92,168,.28))}
.seat-map .seat.dragging,.seat-map .seat-table.dragging{filter:drop-shadow(0 7px 8px rgba(31,58,110,.2))}
@media(max-width:720px){.task-card-head,.meeting-head{align-items:flex-start}.task-status-wrap{flex-direction:column;align-items:flex-end}.web-profile-head{align-items:flex-start}.web-avatar{width:62px;height:62px;flex-basis:62px;border-radius:18px}.seat-canvas-hud{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.captcha-img.captcha-loading{opacity:.45;filter:grayscale(1);cursor:wait}

/* ---------- 2026-09 全站视觉精修 / 响应式收口 ---------- */
.panel,.tool-card,.stat,.meeting-row,.meeting-detail,.web-profile-head,.source-preview{border-color:#dfe5ee;box-shadow:0 8px 26px rgba(31,58,110,.045)}
.panel{border-radius:16px;padding:24px}.panel h2{line-height:1.35}.page-head{padding:2px 2px 0}.page-head h1{letter-spacing:-.35px}.page-icon{border-radius:14px;box-shadow:inset 0 0 0 1px rgba(195,210,248,.7)}
input,textarea,select{border-radius:10px;border-color:#d7dfeb;background:#fbfcfe}input:focus,textarea:focus,select:focus{background:#fff}.actions{align-items:center}.actions>button,.actions>.import-button{min-height:42px}.notice{border-radius:11px}.empty.state-view{border:1px dashed #dfe5ee;background:#fbfcfe}.drop-zone{border-radius:15px}.emoji-icon,.dz-icon,.format-emoji,.empty-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.format-emoji{font-size:27px}
@media(max-width:900px){header{padding:14px 20px}.account{justify-content:flex-start}.breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{padding:20px}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){main{padding:20px 14px 38px}.page-head{margin-bottom:18px}.page-head h1{font-size:24px;align-items:flex-start}.page-icon{width:38px;height:38px;flex:0 0 38px}.panel{padding:16px;border-radius:14px}.fields{grid-template-columns:1fr}.workspace{gap:14px}.tools-grid,.bento-grid{grid-template-columns:1fr}.tool-card{min-height:0;padding:18px}.actions{align-items:stretch}.actions>button,.actions>.import-button{flex:1 1 100%;width:100%}.page-cta{align-items:stretch}.page-cta button{width:100%}.row{align-items:flex-start;flex-wrap:wrap}.row>button,.row>select{max-width:100%}.meeting-speaker-row{grid-template-columns:1fr}.meeting-speaker-row small{white-space:normal}.name-card-preview-head{align-items:flex-start;flex-direction:column}}
@media(max-width:420px){header{padding:12px 14px;align-items:flex-start;flex-direction:column}.account{width:100%;justify-content:flex-start}.account span{max-width:100%}button{padding:9px 12px}.panel{padding:14px}.page-head p{line-height:1.65}.seat-mode-tabs,.pdf-mode-switch,.privacy-mode-switch{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.seat-mode-tabs button,.pdf-mode-switch button,.privacy-mode-switch button{min-width:0;padding:8px}}

/* ============================================================
 * 桌面大屏适配（2026-09-22 新增）
 *
 * 原则：只新增 min-width 向上放大规则，不改动任何小屏/移动端行为。
 *  - main 原 max-width:1560px（:65）在视口 ≥1796 时开始产生左右留白，
 *    2560 屏两侧各空 382px；这里按档放宽。
 *  - .workspace（:118）是多页共用的固定分栏比例，改用 :has() 按页精确定位，
 *    避免页面之间互相污染；:has 不被支持时整条规则被忽略，安全降级。
 * ============================================================ */

/* ---------- 1. 全局：正文容器随屏幕放宽 ---------- */
@media (min-width:1800px){
  main{max-width:1720px;padding:40px 44px 60px}
}
@media (min-width:2200px){
  main{max-width:2080px}
}

/* ---------- 2. 首页 ---------- */
/* tools-grid 保持 4 列：共 11 个工具，改 5 列会出现「5+5+1」的孤行，故只把卡片长高 */
@media (min-width:1600px){
  .welcome-bar{padding:28px 40px}
  .welcome-text h1{font-size:30px}
  .welcome-text .hero-privacy{max-width:720px}
  .home-todo-card{min-height:112px;padding:20px 26px}
  .tool-card{min-height:172px;padding:22px}
  .tool-card .tool-icon{width:52px;height:52px;font-size:26px}
  .tool-card h3{font-size:16px}
}

/* ---------- 3. 公文拟办 doc ---------- */
@media (min-width:1500px){
  .doc-source-compact:focus{height:420px;min-height:420px}
}
@media (min-width:1600px){
  .catalog-list{max-height:420px}
  .department-preview{max-height:340px}
  .doc-overview>div{padding:18px 20px;font-size:14px}
}
@media (min-width:1700px){
  .doc-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
}

/* ---------- 4. 公文格式优化 / PDF 工具箱 ---------- */
/* 两页的 HTML 本来就是两栏，但 style.css:201 把它压成了单列，
   宽屏下预览被挤到首屏之外。两页左右内容相反，故分别定位：
   格式优化的主预览在左栏，PDF 工具箱的主预览在右栏。 */
@media (min-width:1400px){
  .document-workspace:has(#format-issues){grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);max-width:1860px}
  .document-workspace:has(#convert-preview){grid-template-columns:minmax(380px,.85fr) minmax(0,1.15fr);max-width:1860px}
}
@media (min-width:1500px){
  .document-preview-large{height:min(70vh,860px);min-height:560px}
  .drop-zone{min-height:170px;padding:40px 28px}
}
@media (min-width:1600px){
  .format-card{min-height:132px;padding:20px}
  .pdf-tool-tab{min-height:88px;padding:14px}
}

/* ---------- 5. 敏感信息脱敏 privacy ---------- */
@media (min-width:1500px){
  .privacy-workspace .document-preview-large{height:min(66vh,820px);min-height:520px}
  .privacy-issues{max-height:620px}
}
@media (min-width:1600px){
  .privacy-workspace{grid-template-columns:minmax(380px,.85fr) minmax(560px,1.5fr);max-width:1860px}
}

/* ---------- 6. 座次 seats ---------- */
/* .seat-map 原 max-height:620px（:180）：会场越高，按高度缩放后左右留白越多 */
@media (min-width:1600px){
  .seat-map{max-height:min(78vh,900px)}
  .custom-tools.visual-tools{grid-template-columns:repeat(4,minmax(0,1fr))}
  .seat-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1920px){
  .seat-map{max-height:min(82vh,1040px)}
}
/* :256 已有 sticky，这里补高度上限，否则面板超高时 sticky 不生效 */
@media (min-width:1600px){
  .workspace:has(#seat-result)>section:last-child{max-height:calc(100vh - 40px);overflow:auto}
}

/* ---------- 7. 座位牌 namecards ---------- */
@media (min-width:1500px){
  .name-card-presets{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1600px){
  .workspace:has(#card-preview-box){grid-template-columns:minmax(420px,1.05fr) minmax(0,1.35fr)}
  .name-card-preview-box{min-height:min(62vh,560px);align-items:center}
}
@media (min-width:1920px){
  .workspace:has(#card-preview-box){grid-template-columns:minmax(460px,1fr) minmax(0,1.5fr)}
  .name-card-preview-box{min-height:min(70vh,680px)}
}

/* ---------- 8. 会议记录 meeting ---------- */
/* 成果区原在窄左栏，右侧 848px 只放使用说明；成果网格里三个容器没有跨列，
   被压成约 273px，纪要/待办再各分一半只剩 130px */
@media (min-width:1500px){
  .workspace:has(#meeting-jobs){grid-template-columns:minmax(0,2.1fr) minmax(320px,.8fr)}
}
@media (min-width:1920px){
  .workspace:has(#meeting-jobs){grid-template-columns:minmax(0,2.6fr) minmax(360px,.7fr)}
  .meeting-result-grid{grid-template-columns:minmax(0,1fr)}
  .meeting-result-grid>.meeting-focus-note,
  .meeting-result-grid>.meeting-focus-grid,
  .meeting-result-grid>.meeting-reference{grid-column:1/-1}
  .meeting-editor{min-height:220px}
  .meeting-section-transcript .meeting-editor{min-height:min(52vh,460px)}
  .meeting-speaker-row{grid-template-columns:minmax(0,1.6fr) minmax(240px,.6fr)}
}

/* ---------- 9. 值班排班 duty ---------- */
@media (min-width:1600px){
  .calendar-cell{min-height:92px;padding:10px}
  .calendar-grid{gap:8px}
  .calendar-date{font-size:14px}
  .shift-cell{font-size:12px}
}
@media (min-width:1800px){
  .workspace:has(#duty-result){grid-template-columns:minmax(360px,1.05fr) minmax(0,1.25fr)}
}
@media (min-width:1920px){
  .calendar-cell{min-height:108px}
  .duty-grid-scroll{max-height:calc(100vh - 240px);min-height:440px}
  .duty-grid th.pn{min-width:170px}
  .duty-grid td,.duty-grid thead th{min-width:40px;height:40px;font-size:13px}
  .scroll-table{max-height:calc(100vh - 220px)}
}
@media (min-width:2200px){
  .calendar-cell{min-height:120px}
  .duty-grid-scroll{max-height:none}
}

/* ---------- 10. 照片处理 photo ---------- */
/* photo-workbench.js:400 原把 max-height:460px 写进内联样式，内联优先级高于样式表，
   已同步移除该内联值；下面先兜底复原小屏行为，再按档放大。 */
.preview-box canvas{max-width:100%;max-height:460px}
@media (min-width:1600px){
  .photo-studio-layout{grid-template-columns:minmax(380px,.85fr) minmax(0,1.3fr);gap:26px}
  .preview-box{min-height:min(70vh,720px)}
  .preview-box img,.preview-box canvas{max-height:min(70vh,760px)}
  .photo-progress-web{max-width:1120px}
  .photo-source-drop.has-file img{width:132px;height:158px}
}
@media (min-width:1920px){
  .photo-preview-column .preview-box{min-height:min(74vh,900px)}
  .photo-preview-column .preview-box img,
  .photo-preview-column .preview-box canvas{max-height:min(74vh,920px)}
  .photo-library-grid{grid-template-columns:minmax(0,1.5fr) minmax(340px,.5fr)}
}
@media (min-width:2200px){
  .photo-studio-layout{grid-template-columns:minmax(420px,.8fr) minmax(0,1.45fr)}
}

/* ---------- 11. 在线视频下载 video ---------- */
@media (min-width:1600px){
  .workspace:has(#video-jobs){grid-template-columns:minmax(400px,1fr) minmax(0,1.4fr)}
  #video-jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .video-job{margin-bottom:0}
  .task-card+.task-card{margin-top:0}
}
@media (min-width:1800px){
  .video-info-card{padding:22px;gap:20px}
  .vic-play{width:60px;height:60px;font-size:20px}
}
@media (min-width:2200px){
  #video-jobs{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---------- 12. 接龙 jielong ---------- */
@media (min-width:1600px){
  #jl-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .jl-card{margin-bottom:0}
  #detail-dialog{width:1080px}
}
@media (min-width:1800px){
  .workspace:has(#jl-history){grid-template-columns:minmax(380px,.9fr) minmax(0,1.5fr)}
}
@media (min-width:2200px){
  #jl-history{grid-template-columns:repeat(3,minmax(0,1fr))}
  #detail-dialog{width:1360px}
}

/* ---------- 13. 我的资料 me ---------- */
/* .stats 原固定 repeat(4)：积分区 3 个会空一格，云端记录 5 个会「4+1」断行 */
@media (min-width:1600px){
  .stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
  .stat{padding:22px 24px}
  .stat strong{font-size:32px}
  #profile-form input{max-width:420px}
}
@media (min-width:1800px){
  .workspace:has(#web-todo-center){grid-template-columns:minmax(480px,1fr) minmax(0,1fr)}
}
@media (min-width:1920px){
  .web-avatar{width:96px;height:96px;flex-basis:96px;font-size:34px}
}

/* 文档阅读和窄屏操作：预览可独立放大，长文件名不挤压操作按钮。 */
svg.app-icon{display:inline-block;vertical-align:middle;stroke:currentColor}
.empty-icon .app-icon{width:36px;height:36px}.brand-icon svg{display:block}
.preview-toolbar{position:sticky;top:-12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:-12px -12px 12px;background:#f8fafc;border-bottom:1px solid var(--line)}
.preview-toolbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text-weak)}
.preview-toolbar button{flex:none;min-height:36px;padding:7px 12px;font-size:13px}
.document-preview.preview-expanded{position:fixed;inset:16px;z-index:90;width:auto;height:auto;min-height:0;max-height:none;margin:0;box-shadow:0 0 0 24px rgba(15,23,42,.58),0 12px 48px rgba(15,23,42,.25)}
.preview-content{min-width:0}.preview-content .pdf-preview-page{max-width:100%;margin:0 auto 20px}.preview-content canvas{display:block;width:100%;height:auto;max-width:1200px;margin:auto}.pdf-preview-page>small{display:block;text-align:center;padding:8px;color:var(--text-weak)}
.preview-content .docx-preview-host{overflow:visible;min-width:fit-content}.docx-preview-host .docx-preview-page-wrapper{padding:16px!important;background:transparent!important}
.row>div:first-child{min-width:0}.row strong,.pdf-tool-file-name em{overflow-wrap:anywhere}.row .actions,.row-actions{flex-wrap:wrap;flex-shrink:0}
button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #96b2ff;outline-offset:3px}
.tool-card:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(31,58,110,.07)}
.panel,.home-todo-card{border-radius:16px;box-shadow:0 3px 12px rgba(31,58,110,.04)}
.tool-tag{background:#eaf1fb;color:var(--brand-dark);border:1px solid var(--brand-line)}
@media(max-width:740px){.document-preview.preview-expanded{inset:8px}.preview-toolbar{gap:8px}.row{flex-wrap:wrap}.row .actions,.row-actions{max-width:100%}.pdf-tool-file-row{flex-wrap:wrap}.pdf-tool-file-name{flex:1 1 65%;min-width:0}.pdf-tool-file-actions{margin-left:auto}.actions>button{max-width:100%;white-space:normal}}
.meeting-mindmap{padding:16px;background:#f7f9fd;border-radius:12px;margin:12px 0}.mindmap-node{padding:10px 14px;margin:8px 0;overflow-wrap:anywhere;border-radius:8px;background:white;border:1px solid #dde6f3}.mindmap-branch{color:var(--brand-dark);font-weight:600}.mindmap-leaf{margin-left:22px;border-left:3px solid #b6caed;font-size:14px}.checkbox-row{display:flex;align-items:center;gap:8px;margin:16px 0}.checkbox-row input{width:auto;flex:none}

/* 统一页面比例：内容宽度有上限，预览随可用高度变化，触控目标不随窄屏缩小。 */
:root { --bg:#F1F3F7; --text:#1E2430; --text-weak:#5d6b80; --text-faint:#6e7d90; --content-max:1480px; font-size:15px; }
body { min-width:0; }
.sidebar { width:216px; padding:24px 16px; overflow-y:auto; overscroll-behavior:contain; }
.shell { margin-left:216px; }
header { min-height:72px; padding:14px 32px; }
main { width:100%; max-width:var(--content-max); padding:28px 32px 48px; }
main:focus { outline:none; } /* 路由焦点用于读屏，不给整个页面画默认黑框；操作控件保留焦点环。 */
h1 { font-size:clamp(24px,2vw,28px); line-height:1.35; letter-spacing:0; }
h2 { font-size:18px; line-height:1.45; } h3 { line-height:1.45; }
p { line-height:1.7; }.small,label { font-size:13px; }
button,.import-button { min-height:44px; border-radius:10px; line-height:1.45; }
button:disabled { cursor:not-allowed; }
input:not([type=checkbox]):not([type=radio]),select { min-height:44px; }
.panel { padding:22px; margin-bottom:18px; border-radius:16px; }
.workspace { gap:20px; }.workspace>*,.fields>*,.welcome-text { min-width:0; }
.page-head { margin-bottom:20px; }.page-head p { max-width:76ch; }
.welcome-bar { padding:24px; gap:20px; }.welcome-text h1 { font-size:26px; }
.welcome-text .hero-privacy { max-width:64ch; }
.section-heading { margin:24px 0 14px; }
.tool-card { min-height:164px; padding:20px; }.tool-card h3 { font-size:16px; }
.tool-card .tool-icon { width:44px; height:44px; margin-bottom:12px; border-radius:12px; }
.tool-card p { font-size:13px; line-height:1.6; margin-bottom:14px; }
.home-todo-card { min-height:96px; padding:18px 20px; }
.stats { grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:12px; }
.stat { padding:18px; }.stat strong { font-size:28px; }
.actions { gap:10px; }.actions>button,.actions>.import-button { flex:0 1 auto; width:auto; }
.document-preview-large { height:65vh; height:clamp(280px,65svh,760px); min-height:280px; max-height:none; }
.privacy-workspace .document-preview-large { height:65vh; height:clamp(280px,65svh,760px); min-height:280px; }
.document-preview.preview-expanded { min-height:0; height:auto; inset:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
.preview-toolbar { flex-wrap:wrap; }.preview-toolbar>span { flex:1 1 180px; }.preview-toolbar button { min-height:44px; }
.name-card-preview-box { min-height:280px; min-height:clamp(280px,58svh,620px); }
.photo-preview-column .preview-box,.preview-box { min-height:280px; min-height:clamp(280px,58svh,620px); }
.photo-preview-column .preview-box img,.photo-preview-column .preview-box canvas,.preview-box img,.preview-box canvas { max-height:65vh; max-height:clamp(240px,65svh,720px); }
.drop-zone { min-height:132px; padding:26px 18px; }
.format-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.format-card { min-height:106px; padding:16px; }.pdf-tool-tab { min-height:72px; padding:12px; }
.format-card:not(.selected) i { display:none; }
.scroll-table { max-height:65vh; }.calendar-cell { min-height:86px; }
dialog { max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); padding:26px; }
#toast { bottom:calc(20px + env(safe-area-inset-bottom)); overflow-wrap:anywhere; }
@media(min-width:1180px) {
  .document-workspace:has(#format-issues) { grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); }
  .document-workspace:has(#convert-preview) { grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr); }
}
@media(min-width:1800px) { main { --content-max:1600px; }.tool-card { min-height:172px; } }
@media(max-width:1100px) {
  .sidebar { width:188px; padding:20px 14px; }.shell { margin-left:188px; }
  main { padding:24px; } header { padding:14px 24px; }
}
@media(max-width:900px) {
  .workspace,.document-workspace,.privacy-workspace,.photo-studio-layout,.photo-library-grid { grid-template-columns:minmax(0,1fr); }
  .panel { padding:18px; }.welcome-bar { padding:20px; }.welcome-text h1 { font-size:24px; }
}
@media(max-width:740px) {
  .sidebar { position:static; width:100%; padding:14px 16px; overflow:visible; }
  .shell { margin-left:0; } nav { min-width:0; max-width:100%; } nav a { flex:none; min-height:44px; font-size:13px; }
  header { padding:12px 16px; min-height:64px; }.account { justify-content:flex-start; }.account button { min-height:44px; font-size:13px; }
  main { padding:20px calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left)); }
  .panel { padding:16px; margin-bottom:16px; }.page-head h1 { font-size:22px; }.page-head p { font-size:14px; }
  input,textarea,select { font-size:16px; } /* iOS 聚焦输入时不因字号过小自动放大。 */
  .fields { gap:0 12px; }.actions>button,.actions>.import-button { flex:1 1 120px; width:auto; }
  .page-cta button { width:auto; flex:1 1 160px; }.page-cta .small { min-width:0; flex:1 1 100%; }
  .row { gap:10px; }.row-actions { width:100%; justify-content:flex-end; gap:8px; }.row button { min-height:44px; }
  .document-preview-large,.privacy-workspace .document-preview-large { height:58vh; height:clamp(240px,58svh,560px); min-height:240px; resize:none; }
  .name-card-preview-box,.photo-preview-column .preview-box,.preview-box { min-height:240px; }
  .format-cards { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .format-card { padding:12px 8px; min-height:112px; align-items:center; text-align:center; }
  .format-card small { font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
  .stats { grid-template-columns:repeat(2,minmax(0,1fr)); }.stat { padding:14px; }.stat strong { font-size:24px; }
  dialog { padding:22px 18px; max-width:calc(100vw - 24px); }.confirm-actions { flex-direction:row; }.confirm-actions button { flex:1; width:auto; }
}
@media(min-width:360px) and (max-width:740px) {
  .tools-grid,.bento-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .tool-card { display:flex; min-height:180px; padding:16px 14px; gap:0; }.tool-card .tool-icon { margin-bottom:12px; }
  .tool-head { flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:10px; }
  .tool-head .tool-icon { margin-bottom:0; }
  .tool-card h3 { font-size:15px; }.tool-card p { font-size:13px; }.tool-bottom { gap:6px; flex-wrap:wrap; }
}
@media(max-width:359px) {
  main { padding-left:calc(12px + env(safe-area-inset-left)); padding-right:calc(12px + env(safe-area-inset-right)); }
  .tools-grid,.bento-grid { grid-template-columns:minmax(0,1fr); }.tool-card { min-height:0; }
  .welcome-bar { padding:16px; }.welcome-text h1 { font-size:22px; }.panel { padding:14px; }
}
@media(max-height:500px) and (orientation:landscape) {
  .document-preview-large,.privacy-workspace .document-preview-large { height:65vh; min-height:180px; }
  dialog { max-height:calc(100dvh - 16px); padding:18px; }
}

/* Local ID-photo composition and formalwear controls */
.photo-formalwear-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.photo-formalwear-grid button{width:100%;min-width:0;max-width:100%;height:auto;min-height:58px;margin:0;padding:12px 8px;white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.photo-formalwear-grid button.selected{border-color:var(--brand);background:#edf3fd;color:var(--brand)}