:root{--bg:#f3f6fa;--card:#fff;--ink:#14243a;--muted:#68788d;--line:#dce4ec;--navy:#173a61;--blue:#2f75b5;--teal:#0e6b75;--green:#2d7b45;--red:#b42318;--orange:#c45d16;--yellow:#8a6900;--shadow:0 7px 24px rgba(20,38,60,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif}button,input,select,textarea{font:inherit}.appbar{position:sticky;top:0;z-index:30;background:linear-gradient(135deg,#173a61,#275a8c);color:#fff;padding:13px 15px;box-shadow:0 2px 10px #0002}.appbar b{font-size:18px}.appbar small{display:block;opacity:.82;margin-top:2px}.wrap{max-width:980px;margin:auto;padding:11px 10px 92px}.tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:8px 0 11px}.tab{border:0;border-radius:9px;background:#e6edf5;color:#35506d;padding:8px 2px;font-size:9.5px;font-weight:800}.tab.active{background:var(--navy);color:#fff}.view{display:none}.view.active{display:block}.card{background:var(--card);border:1px solid #e0e7ee;border-radius:15px;padding:14px;margin-bottom:11px;box-shadow:var(--shadow)}.card h2{font-size:16px;margin:0 0 10px}.card h3{font-size:13px;margin:12px 0 7px}.hero{background:linear-gradient(135deg,#234c7b,#0e6b75);color:#fff;border-radius:17px;padding:18px;margin-bottom:11px}.hero h1{font-size:21px;margin:0 0 6px}.hero p{font-size:12px;line-height:1.65;margin:0;opacity:.92}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.step b{font-size:11.5px;display:block}.step span{font-size:9.5px;color:var(--muted);line-height:1.4}.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field label{display:block;font-size:11.5px;font-weight:800;margin-bottom:4px;color:#344d68}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd6e1;border-radius:9px;padding:9px 10px;background:#fff;color:var(--ink)}.field textarea{min-height:72px;resize:vertical}.field small,.hint{font-size:10px;color:var(--muted);line-height:1.55;display:block;margin-top:4px}.note{font-size:10.5px;line-height:1.55;background:#fff7dc;border-left:4px solid #d2a31b;border-radius:7px;padding:9px}.info{font-size:10.5px;line-height:1.55;background:#eef6fb;border-left:4px solid var(--blue);border-radius:7px;padding:9px}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.actions button,.buttonlike{border:0;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer;min-width:120px;flex:1;text-align:center}.primary{background:var(--blue);color:#fff}.secondary{background:#e8eef5;color:#24425f}.danger{background:#fce9e7;color:var(--red)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.kpi{background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px;text-align:center}.kpi b{display:block;font-size:18px}.kpi span{font-size:9px;color:var(--muted)}.gate{border:2px solid;border-radius:13px;padding:12px;margin:9px 0}.gate.red{background:#fff0ee;border-color:#dd6e64}.gate.orange{background:#fff2e8;border-color:#d9874e}.gate.yellow{background:#fff9df;border-color:#d0b445}.gate.green{background:#eef8f1;border-color:#6aa77b}.gate strong{font-size:16px}.gate p{font-size:10.5px;line-height:1.5;margin:4px 0 0}.issue{border:1px solid var(--line);border-left:5px solid #9aa8b8;border-radius:11px;padding:10px;margin:7px 0;background:#fff}.issue.block{border-left-color:var(--red)}.issue.high{border-left-color:var(--orange)}.issue.warn{border-left-color:#d0a000}.issue.pass{border-left-color:var(--green)}.issue .top{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}.issue h4{font-size:12px;margin:0}.issue p{font-size:10.2px;line-height:1.5;margin:4px 0;color:#465970}.level{font-size:8.8px;font-weight:900;background:#edf2f6;border-radius:10px;padding:3px 6px;white-space:nowrap}.basis{font-size:9.2px!important;color:#7c8998!important}.badge{display:inline-block;background:#eaf1f7;color:#36536f;border-radius:999px;padding:3px 7px;margin:2px;font-size:9px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.dim{background:#f2f7fb;border-radius:10px;padding:9px;text-align:center}.dim b{display:block;font-size:17px}.dim span{font-size:8.8px;color:var(--muted)}details{border-top:1px solid var(--line);padding-top:8px;margin-top:9px}summary{cursor:pointer;font-size:12px;font-weight:800}.defect{border:1px solid var(--line);border-radius:12px;padding:10px;margin:7px 0;background:#fff}.defect.high{border-left:5px solid var(--red)}.defect.medium{border-left:5px solid var(--orange)}.defect.watch{border-left:5px solid #d0a000}.defect.low{border-left:5px solid #94a2b1}.defect h4{font-size:12px;margin:0}.defect p{font-size:10px;color:var(--muted);line-height:1.45;margin:4px 0}.tablewrap{overflow-x:auto}.tablewrap table{width:100%;border-collapse:collapse;font-size:9.5px}.tablewrap th,.tablewrap td{border-bottom:1px solid var(--line);padding:7px;text-align:right;white-space:nowrap}.tablewrap th:first-child,.tablewrap td:first-child{text-align:left}.source{padding:9px 0;border-bottom:1px solid var(--line)}.source:last-child{border:0}.source b{font-size:10.5px}.source p,.source a{font-size:9.2px;color:var(--muted);line-height:1.4;word-break:break-all}.record{border:1px solid var(--line);border-radius:11px;padding:10px;margin:7px 0}.record b{font-size:11px}.record p{font-size:9.5px;color:var(--muted);margin:3px 0}.hidden{display:none!important}.test-pass{color:var(--green);font-weight:900}.test-fail{color:var(--red);font-weight:900}.pillrow{display:flex;gap:5px;flex-wrap:wrap}.pill{padding:5px 8px;border-radius:999px;background:#edf2f6;font-size:9.5px}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.checkitem{border:1px solid var(--line);border-radius:9px;padding:8px;font-size:10px}.checkitem input{margin-right:6px}
@media(max-width:680px){.grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.tabs{grid-template-columns:repeat(7,1fr);gap:2px}.tab{font-size:8px;padding:8px 0}.kpis{grid-template-columns:1fr 1fr}.design-grid{grid-template-columns:1fr 1fr}.checkgrid{grid-template-columns:1fr}}
@media print{.appbar,.tabs,.actions,.no-print{display:none!important}.view{display:none!important}#resultView{display:block!important}.wrap{max-width:none;padding:0}.card,.issue,.defect,.gate{box-shadow:none;break-inside:avoid}}

.designgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0}.dim{background:#f1f6fb;border:1px solid #e1e8ef;border-radius:11px;padding:9px;text-align:center}.dim b{display:block;font-size:16px}.dim span{font-size:9px;color:var(--muted)}
.defrow{display:grid;grid-template-columns:1.05fr 1fr;gap:8px;border-bottom:1px solid var(--line);padding:9px 0}.defrow:last-child{border:0}.defrow b{font-size:12px;display:block}.defrow small{font-size:9.5px;color:var(--muted);line-height:1.45;display:block;margin-top:3px}.risk{display:inline-block;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.risk.high{background:#fde9e6;color:#9d2118}.risk.medium{background:#fff0e2;color:#9a4d10}.risk.watch{background:#fff8d8;color:#7c6200}.risk.low{background:#edf5ef;color:#2d6e40}
.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.checkitem{font-size:10.5px;padding:8px;border:1px solid var(--line);border-radius:9px;background:#fafcfe}.matrix{overflow-x:auto}.matrix table{width:100%;border-collapse:collapse;font-size:10px}.matrix th,.matrix td{border-bottom:1px solid var(--line);padding:6px;text-align:right;white-space:nowrap}.matrix th:first-child,.matrix td:first-child{text-align:left}.record{border:1px solid var(--line);border-radius:10px;padding:9px;margin:7px 0}.record b{font-size:11px}.record p{font-size:9.5px;color:var(--muted);margin:3px 0}
@media(max-width:650px){.designgrid{grid-template-columns:1fr 1fr}.defrow{grid-template-columns:1fr}.checkgrid{grid-template-columns:1fr}}