/* 老 iPhone 兼容：不用 has 选择器、inset 简写、aspect-ratio；flex 不用 gap（iOS 14.5 以下不支持），改用 margin；grid 同时写 grid-gap */
/* 颜色语义：红 = 停产 / 超时；橙 = 带病运行 / 等待 / 等验收；绿 = 已完成；灰蓝 = 一般、待响应（没超时）。字号不小于 14px，点击区不小于 44px */
/* 对比度（白底）：--muted 5.4:1，--edge（输入框、按钮边框）3.3:1；--line 只用于分隔线（装饰，1.8:1） */
:root{--brand:#1E5BD8;--brand-soft:#E8EFFC;--ink:#1B2430;--muted:#5F6B7A;--line:#B8C0CC;--edge:#868F9C;--bg:#F3F5F8;--card:#fff;
  --u0:#C0221A;--u0s:#FDECEA;--u1:#A35400;--u1s:#FFF3E0;--u2:#4A6585;--u2s:#E8EEF6;--ok:#2E7D32;--oks:#E8F5E9;--bad:#C0221A;
  --nav:49px;
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F3F5F8;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);padding-bottom:64px;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
body.with-sub{padding-bottom:140px;padding-bottom:calc(140px + env(safe-area-inset-bottom))}
a{color:var(--brand);text-decoration:none}
.bar{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--brand);color:#fff}
.bar-t{font-weight:700;font-size:17px;margin-right:10px}.bar-u{font-size:14px;opacity:.9}
main{max-width:720px;margin:0 auto;padding:12px}
.loading,.cnt{color:var(--muted);font-size:14px;margin:6px 4px}
.card{display:block;background:var(--card);border-radius:12px;padding:14px 16px;margin:10px 0;box-shadow:0 1px 2px rgba(20,30,50,.08);color:var(--ink)}
.card h2{margin:6px 0 4px;font-size:20px;line-height:1.4}.card h3{margin:0 0 10px;font-size:16px}
.empty{text-align:center;color:var(--muted);padding:24px 16px}.empty p{margin:0 0 12px}
.hint{color:var(--muted);font-size:14px;margin:6px 0}.hint.alert{color:var(--bad);font-size:15px}
.center-l{text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--edge);background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;text-align:center}
.btn.solid{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.solid.ok{background:var(--ok);border-color:var(--ok)}
.btn.big{width:100%;min-height:52px;font-size:17px;margin-top:10px}
.btn.small{min-height:44px;padding:0 12px;font-size:15px}
.btn.ghost{border-style:dashed;color:var(--brand);background:var(--brand-soft);border-color:#7E9EE6}
.btn.pend{background:#E3E7ED;border-color:#E3E7ED;color:#3D4756}
.btn:disabled{opacity:.55}
.btn.hist{background:#F6F8FB;color:var(--muted);font-size:15px}
.link{background:none;border:0;color:var(--brand);font:inherit;cursor:pointer;padding:10px;min-height:44px}.link.bad{color:var(--bad)}
/* 表单 */
.form .fl{display:block;margin:0 0 16px}
.fl>span{display:block;font-weight:600;margin-bottom:6px}.fl>span i{color:var(--bad);font-style:normal}.fl>span small{display:inline;font-weight:400;color:var(--muted);margin-left:4px;font-size:14px}
.fl small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.fl .auto{margin:0;color:var(--muted);font-size:14.5px}.fl .auto a{display:inline-block;padding:12px 4px}
.fl.err input,.fl.err textarea{border-color:var(--bad);border-width:2px}
.fl.err .ur{border-color:var(--bad)}
.ferr{color:var(--bad);font-size:15px;font-weight:600;margin:6px 0 0}
input,textarea,select{width:100%;min-height:44px;font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--edge);border-radius:10px;background:#fff;color:var(--ink);-webkit-appearance:none}
input[type=radio],input[type=checkbox]{-webkit-appearance:auto;width:auto;min-height:0}
textarea{resize:vertical}
input:focus,textarea:focus,select:focus{outline:2px solid #9DB8F0;border-color:var(--brand)}
/* 紧急程度：三块并排（报修小程序沿用，询价没用到），选中的整块填色并打勾（不只靠颜色） */
.urg{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:8px;gap:8px}
.ur{position:relative;display:block;text-align:center;border:2px solid var(--edge);border-radius:10px;padding:8px 4px;min-height:66px;cursor:pointer;background:#fff}
.ur input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;margin:0}
.ur b{display:block;font-size:17px;line-height:1.4}.ur em{display:block;font-style:normal;color:var(--muted);font-size:14px;line-height:1.35}
.ur.u0 b{color:var(--u0)}.ur.u1 b{color:var(--u1)}.ur.u2 b{color:var(--u2)}
.ur.on.u0{background:var(--u0);border-color:var(--u0)}.ur.on.u1{background:var(--u1);border-color:var(--u1)}.ur.on.u2{background:var(--u2);border-color:var(--u2)}
.ur.on b,.ur.on em{color:#fff}.ur.on b:before{content:"✓ "}
.ulim{margin:8px 0 0;font-size:15px;font-weight:600}
.hint.stop{color:var(--u0);font-weight:600;margin-top:8px;font-size:15px}
/* 提交按钮吸在底部导航上方 */
.subbar{position:fixed;left:0;right:0;bottom:49px;bottom:calc(var(--nav) + env(safe-area-inset-bottom));z-index:6;background:rgba(243,245,248,.97);padding:8px 12px;border-top:1px solid var(--line)}
.subbar .btn.big{display:flex;max-width:696px;margin:0 auto}
/* 设备名称提示列表 */
.dev{position:relative}
.sug{position:absolute;left:0;right:0;z-index:4;background:#fff;border:1px solid var(--edge);border-radius:10px;box-shadow:0 6px 18px rgba(20,30,50,.14);max-height:300px;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:4px}
.sg{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:46px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:11px 12px;font:inherit;font-size:15.5px;color:var(--ink);text-align:left;cursor:pointer}
.sg:last-child{border-bottom:0}.sg em{font-style:normal;font-size:14px;color:var(--muted);margin-left:8px;white-space:nowrap}
.warn{background:var(--u1s);color:var(--u1);border-radius:8px;padding:8px 10px;font-size:14px}
.words{margin-bottom:6px}
/* 附件：正方形缩略图用 padding-top 撑高（不用 aspect-ratio） */
.media-up{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-bottom:8px}
.media-up:empty{display:none}
.th{position:relative;height:0;padding-top:100%;border-radius:8px;overflow:hidden;background:#000}
.th img,.th video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.th.busy{opacity:.55}.th .sp{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-size:14px;text-align:center}
.th .vt{position:absolute;left:4px;top:4px;background:rgba(0,0,0,.6);color:#fff;font-size:14px;padding:0 5px;border-radius:4px}
.th .x{position:absolute;z-index:1;right:0;top:0;width:44px;height:44px;border:0;background:none;color:#fff;font-size:20px;line-height:1;padding:0}
.th .x:before{content:"";position:absolute;right:4px;top:4px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.6);z-index:-1}
.add{width:100%;min-height:48px}.add.wide{grid-column:1/-1}
.done{text-align:center;padding:26px 16px}.done .ok{width:56px;height:56px;margin:0 auto;border-radius:50%;background:var(--oks);color:var(--ok);font-size:32px;line-height:56px}
.done .no{font-size:22px;font-weight:700;letter-spacing:.5px;margin:4px 0}
.done .said{font-size:16px;text-align:left;background:var(--brand-soft);border-radius:10px;padding:10px 12px;margin:12px 0 4px}.done .said.alert{background:var(--u0s);color:var(--bad)}
/* 列表：筛选只占一行，点「筛选」再展开 */
.filters{margin:4px 0}
.frow1{display:flex;align-items:center}
.chips{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}
.frow1 .chips{flex:1;min-width:0;margin-right:8px}
.chips.wrap{flex-wrap:wrap;overflow:visible}
.chip{flex:none;display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--edge);background:#fff;border-radius:999px;padding:8px 14px;margin:0 6px 6px 0;font:inherit;font-size:15px;line-height:1.3;color:var(--ink);cursor:pointer}
.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.frow1 .chip{margin-bottom:0}
.fbtn{flex:none;margin-right:0;font-weight:600}
.fact{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0;font-size:14px;color:var(--muted)}.fact span{min-width:0}.fact .link{flex:none;font-size:15px}
.fpanel{background:#fff;border-radius:12px;padding:6px 12px 10px;margin:8px 0 0;box-shadow:0 1px 2px rgba(20,30,50,.08)}
.fh{margin:8px 0 4px;font-size:14px;font-weight:600;color:var(--muted)}
.fexp{margin-top:10px}
/* 负责人常用的快捷回复、状态按钮和故障快捷词：点击区至少 44px（戴手套也好点） */
.act .chip,.words .chip{padding:8px 14px;font-size:15px}
/* 输入框字号不小于 16px：iOS 点进去不会放大页面；日期另起一行，从、到各占一半 */
.frow{display:flex;align-items:center}.frow input{min-width:0}.frow .search{flex:1}
.frow input[type=date]{flex:1;width:50%;padding:8px 6px;font-size:16px}.frow span{margin:0 6px;color:var(--muted);font-size:14px;white-space:nowrap}.frow span:first-child{margin-left:0}
.chk{display:inline-flex;align-items:center;min-height:44px;font-size:15px;cursor:pointer}.chk input{margin:0 8px 0 0}
.chk.big input{width:22px;height:22px}
/* 列表卡片：设备名打头（大字），第二行状态 + 进度，最后一行编号和时间 */
.row{border-left:5px solid var(--line)}.row.u0{border-left-color:var(--u0)}.row.u1{border-left-color:var(--u1)}.row.u2{border-left-color:var(--u2)}
.c1{display:flex;align-items:center}.c1 .dn{flex:1;min-width:0;font-size:18px;font-weight:700;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}
.c2{display:flex;align-items:center;flex-wrap:wrap;margin-top:6px}.c2 .pill{margin-right:8px}
.pg{font-size:15px;font-weight:600;color:var(--ink)}.pg.bad{color:var(--bad)}
.c3{color:var(--muted);font-size:15px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c6{font-size:15px;color:#2F4A6D;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c4{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-top:6px}.c4>span+span{margin-left:8px;text-align:right}
.r1{display:flex;align-items:center;flex-wrap:wrap}.r1>*{margin-left:6px}.r1 .no{margin-left:0}
.no{font-weight:700;font-size:14px;color:var(--muted);margin-right:auto;font-variant-numeric:tabular-nums}
.r5{display:flex;flex-wrap:wrap;margin-top:6px}.r5 b{font-size:14px;font-weight:600;padding:1px 8px;margin:0 6px 4px 0;border-radius:999px;background:#EEF1F5;color:var(--muted)}
.r5 b.w{background:var(--u0s);color:var(--u0)}.r5 b.rp{background:var(--u1s);color:var(--u1)}
.pill{font-size:14px;font-weight:600;padding:2px 9px;border-radius:999px;background:#EEF1F5;color:var(--muted);white-space:nowrap}
.pill.u0{background:var(--u0s);color:var(--u0)}.pill.u1{background:var(--u1s);color:var(--u1)}.pill.u2{background:var(--u2s);color:var(--u2)}
.pill.s0{background:#E8EEF6;color:#2F4A6D}.pill.s1{background:var(--brand-soft);color:#1747A8}.pill.s2{background:var(--u1s);color:var(--u1)}.pill.s3{background:var(--u1s);color:var(--u1)}.pill.s4{background:var(--oks);color:var(--ok)}
.pill.you{background:var(--u1);color:#fff}
/* 详情：顶部"一句话进度"横幅（底色跟状态走） */
.head{border-top:5px solid var(--line)}.head.u0{border-top-color:var(--u0)}.head.u1{border-top-color:var(--u1)}.head.u2{border-top-color:var(--u2)}
.prog{min-height:52px;border-radius:10px;padding:10px 12px;margin:10px 0;background:#E8EEF6;color:#2F4A6D}
.prog p{margin:0;font-size:15px;font-weight:600;line-height:1.5}.prog .p1{font-size:17px;font-weight:700}.prog p.bad{color:var(--bad)}
.prog.p-bad{background:var(--u0s);color:var(--u0);border-left:5px solid var(--u0)}
.prog.p-doing{background:var(--brand-soft);color:#1747A8}
.prog.p-check{background:var(--u1s);color:var(--u1)}
.prog.p-done{background:var(--oks);color:var(--ok)}
.acc{margin:0 0 10px}.acc .two .btn.big{margin-top:0}#rejbox textarea{margin:8px 0}
.desc{white-space:pre-wrap;margin:4px 0 8px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}
.gi{position:relative;display:block;height:0;padding-top:100%;border-radius:8px;overflow:hidden;background:#000}
.gi img,.gi video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 14px;gap:10px 14px;margin-top:8px}
.kv span{display:block;font-size:14px;color:var(--muted)}.kv b{font-size:15px;font-weight:600}.kv.bad b{color:var(--bad)}
.act h3{color:var(--brand)}.act h3.sub{margin:18px 0 6px;color:var(--ink);font-size:15px}.act textarea{margin:8px 0}
.act .btn.big:first-of-type{margin-top:0}
.wr{margin:0}
.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.two .btn.big{margin-top:0}
.quick{display:flex;flex-wrap:wrap;margin-top:8px}
.st{display:flex;align-items:center;flex-wrap:wrap;margin:12px 0 0}.st>span{font-size:14px;color:var(--muted);margin:0 8px 6px 0}
.btn.fix{border-color:var(--ok);color:var(--ok)}
#fxbox{margin-top:12px;border-top:1px dashed var(--line);padding-top:12px}
#fx[hidden]+#fxbox{margin-top:0;border-top:0;padding-top:0}
.seg{display:flex;flex-wrap:wrap}.seg label{flex:1 1 40%;display:flex;align-items:center;min-height:46px;border:1px solid var(--edge);border-radius:10px;padding:10px 12px;margin:0 8px 8px 0}.seg input{width:auto;margin-right:6px}
.tl{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--line)}
.tl li{position:relative;padding:0 0 12px 8px}.tl li::before{content:"";position:absolute;left:-21px;top:6px;width:10px;height:10px;border-radius:50%;background:#C5CDD8}
.tl li.k-reply::before{background:var(--brand)}.tl li.k-fixed::before{background:var(--ok)}.tl li.k-accept::before{background:var(--ok)}.tl li.k-reject::before{background:var(--bad)}
.tl-h{display:flex;justify-content:space-between;font-size:14px}.tl-h span{color:var(--muted);margin-left:8px}.tl p{margin:2px 0 0;white-space:pre-wrap;font-size:15px}
/* 折叠区：「时间明细」「更多数字」「技术状态」 */
details>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;font-weight:600;list-style:none}
details>summary::-webkit-details-marker{display:none}
details>summary:after{content:"展开 ▾";margin-left:auto;padding-left:8px;color:var(--brand);font-size:14px;font-weight:600;white-space:nowrap}
details[open]>summary:after{content:"收起 ▴"}
/* 统计、设置 */
.mbar{display:flex;align-items:center}.mbar .chip{margin:0}.mbar .mt{flex:1;text-align:center;font-size:17px}
.bigs{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:10px 0}
.bign{margin:0;padding:12px 14px}.bign b{display:block;font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}.bign span{display:block;font-size:16px;font-weight:700}.bign em{display:block;font-style:normal;font-size:14px;color:var(--brand);line-height:1.4;margin-top:2px}
.bign.bad b{color:var(--bad)}.bign.warnb b{color:var(--u1)}
.sum{margin:0 0 4px;font-size:16px}
.tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:8px}
.tile{background:#F6F8FB;border-radius:10px;padding:10px}.tile b{display:block;font-size:22px;font-variant-numeric:tabular-nums}.tile span{font-size:14px;color:var(--muted);line-height:1.35;display:block}.tile.bad b{color:var(--bad)}
.gc{border-top:1px solid var(--line);padding:10px 0 4px}.gc:first-of-type{border-top:0;padding-top:0}
.gh{display:flex;justify-content:space-between;align-items:baseline}.gh b{font-size:16px}.gh span{font-size:15px;color:var(--muted)}
.gc p{margin:2px 0;font-size:15px}.gc em{font-style:normal;font-weight:600}.gc em.bad,em.bad{color:var(--bad)}
.tb{width:100%;border-collapse:collapse;font-size:14px}.tb th,.tb td{padding:7px 4px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.tb th{font-size:14px;color:var(--muted);font-weight:600}
.tb a{display:inline-block;min-height:44px;line-height:44px;padding:0 8px}
.rep,.ppl,.flags,.chs{list-style:none;margin:0;padding:0}.rep li,.ppl li,.chs li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.rep li{padding:0}.rep a{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;color:var(--ink)}.rep a span{color:var(--brand);font-weight:600;white-space:nowrap;margin-left:8px}
.ppl li>*+*{margin-left:8px}.ppl small{display:block;color:var(--muted);font-size:14px}.ppl em{font-style:normal;color:var(--muted);font-size:14px;white-space:nowrap}
.um li{flex-wrap:wrap}.umr{display:flex;align-items:center}.umr select{width:auto;max-width:180px;padding:6px 8px;font-size:16px;margin-right:6px}
.flags li{padding:8px 0;border-bottom:1px solid var(--line)}.flags small{display:block;color:var(--muted);font-size:14px;margin-left:24px}
.tag{font-style:normal;font-size:14px;font-weight:600;color:var(--u1);background:var(--u1s);border-radius:999px;padding:1px 8px;margin-left:6px;white-space:nowrap}
.okc{color:var(--ok)}.badc{color:var(--bad)}.chs b{font-size:14px;text-align:right;margin-left:8px}
.addp{margin-top:8px}
.usage .tiles{grid-template-columns:1fr 1fr 1fr}
/* 底部导航 */
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.tabs a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;padding:4px 2px;font-size:14px;line-height:1.3;color:var(--muted);font-weight:600}.tabs a.on{color:var(--brand);box-shadow:inset 0 3px 0 var(--brand)}
.toast{position:fixed;left:50%;bottom:140px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9;background:rgba(20,28,40,.92);color:#fff;padding:10px 16px;border-radius:10px;font-size:15px;max-width:86vw;text-align:center}
.toast.bad{background:var(--bad)}
/* 登录页 */
body.center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.login{text-align:center;background:#fff;border-radius:14px;padding:28px 24px;max-width:340px;width:100%}.login h1{font-size:22px;margin:10px 0}

/* 顶栏：使用说明入口 */
.bar-r{display:flex;align-items:center}.bar-h{color:#fff;font-size:14px;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:4px 12px;margin-right:10px;min-height:32px;display:inline-flex;align-items:center;text-decoration:none}
/* ───────── 辊类询价 ───────── */
/* 状态颜色：退回红、制图紫、采购橙、报价蓝、完成绿 */
.pill.s-back{background:var(--u0s);color:var(--u0)}.pill.s-draw{background:#F1EBFA;color:#5B3A9A}.pill.s-buy{background:var(--u1s);color:var(--u1)}.pill.s-quote{background:var(--brand-soft);color:#1747A8}.pill.s-done{background:var(--oks);color:var(--ok)}
.row{border-left:5px solid var(--line)}.row.over{border-left-color:var(--u1);background:#FFFBF5}.row.back{border-left-color:var(--u0)}
/* 详情顶部四步 */
.steps{display:flex;list-style:none;margin:10px 0 0;padding:0;counter-reset:s}
.steps li{flex:1;position:relative;text-align:center;font-size:13px;color:var(--muted);padding-top:22px;counter-increment:s}
.steps li:before{content:counter(s);position:absolute;left:50%;top:0;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#E3E7ED;color:var(--muted);font-size:12px;line-height:20px;font-weight:700;z-index:1}
.steps li:after{content:"";position:absolute;top:9px;left:-50%;width:100%;height:2px;background:#E3E7ED}.steps li:first-child:after{display:none}
.steps li.ok:before{content:"✓";background:var(--ok);color:#fff}.steps li.ok:after,.steps li.cur:after{background:var(--ok)}
.steps li.cur{color:var(--ink);font-weight:700}.steps li.cur:before{background:var(--brand);color:#fff}.steps li.cur.back:before{background:var(--bad)}
.steps b{font-weight:inherit}
/* 产品卡片：四段（销售助理 / 制图员 / 采购员 / 报价），左边色条区分是谁填的 */
.itc{padding-bottom:6px}.itc.over{box-shadow:0 0 0 2px var(--u1) inset}
.ith{display:flex;align-items:center;margin-bottom:6px}.ith b{flex:1;min-width:0;font-size:17px}.ith span{color:var(--muted);font-size:15px;margin-left:8px;white-space:nowrap}.ith .link{margin-left:6px;padding:6px}
.sec{border-left:4px solid var(--line);padding:2px 0 6px 12px;margin:10px 0}
.sec .sh{margin:0 0 6px;font-size:14px;font-weight:700;color:var(--muted)}
.sec.s1{border-left-color:#7E9EE6}.sec.s2{border-left-color:#9B7BD4}.sec.s3{border-left-color:#E0A458}.sec.s3.over{background:#FFF7EC}.sec.s4{border-left-color:var(--ok)}
.sec .fl{display:block;margin:0 0 12px}.sec .desc{margin:6px 0}.lb{display:block;font-size:14px;color:var(--muted)}
.warnt{color:var(--u1)}
.kv.auto b{color:#1747A8}.kv.auto.bad b,.kv.bad b{color:var(--bad)}
.autos{background:#F6F8FB;border-radius:10px;padding:8px 10px;margin:0 0 12px}
.prev{margin:-6px 0 10px}.prev a{padding:0 2px}
/* 附件列表 */
.fls{list-style:none;margin:0;padding:0}.fls li{display:flex;align-items:center;flex-wrap:wrap;min-height:40px;border-bottom:1px dashed var(--line);padding:4px 0}
.fls li a{display:inline-flex;align-items:center;min-height:44px;word-break:break-all;margin-right:8px}.fls small{color:var(--muted);font-size:13px;margin-right:auto}.fls .link{min-height:40px;padding:6px 8px}
.fls.pend:empty{display:none}
.fup{margin-top:8px;cursor:pointer}.fhint{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.qh h2{margin:6px 0 2px}
/* 电脑钉钉（制图员、采购员多在电脑上）：产品卡片里两列 */
@media (min-width:760px){main{max-width:900px}.itc .grid{grid-template-columns:1fr 1fr 1fr}}
.subbar.two-b{display:flex;justify-content:center}.subbar.two-b .btn.big{margin-top:0;width:auto}.subbar.two-b #sv{flex:0 0 30%;max-width:200px;margin-right:8px}.subbar.two-b #go{flex:1;max-width:480px}