:root{--bg:#f4f7fb;--card:#fff;--ink:#14243a;--muted:#68778d;--line:#dbe3ec;--navy:#1f3d63;--blue:#2f75b5;--green:#2e7d46;--orange:#c25a14;--red:#b42318;--yellow:#947000;--shadow:0 7px 24px rgba(20,36,58,.08)}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}
.appbar{position:sticky;top:0;z-index:30;background:linear-gradient(135deg,#1f3d63,#315d8c);color:white;padding:13px 15px;box-shadow:0 2px 10px #0002}.appbar b{font-size:18px}.appbar div{font-size:11px;opacity:.85;margin-top:2px}
.wrap{max-width:900px;margin:auto;padding:12px 11px 90px}.tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0 12px}.tab{border:0;border-radius:9px;background:#e6edf5;padding:9px 3px;font-size:11px;font-weight:800;color:#364d68}.tab.active{background:var(--navy);color:white}
.view{display:none}.view.active{display:block}.card{background:var(--card);border:1px solid #e0e7ef;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:14px;margin:12px 0 7px}.hero{background:linear-gradient(135deg,#234a79,#256d73);color:white;border-radius:17px;padding:18px;margin-bottom:11px}.hero h1{font-size:21px;margin:0 0 5px}.hero p{font-size:12px;line-height:1.65;margin:0;opacity:.92}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:5px;color:#344b65}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd6e2;border-radius:9px;padding:10px;background:white;color:var(--ink)}.field textarea{min-height:65px}.field small,.hint{font-size:10.5px;color:var(--muted);line-height:1.55;display:block;margin-top:4px}.note{background:#fff7db;border-left:4px solid #d2a719;padding:9px;border-radius:7px;font-size:11px;line-height:1.55}
.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.actions button,.buttonlike{flex:1;min-width:120px;border:0;border-radius:10px;padding:10px 12px;font-weight:800;cursor:pointer;text-align:center}.primary{background:var(--blue);color:white}.secondary{background:#e8eef5;color:#24435f}.danger{background:#fce9e7;color:var(--red)}
.modegrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modecard{border:2px solid #d9e2ec;border-radius:14px;padding:13px;cursor:pointer;background:white}.modecard.active{border-color:var(--blue);background:#f0f7ff}.modecard b{display:block;font-size:14px}.modecard span{font-size:11px;color:var(--muted);line-height:1.5}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}.kpi{background:white;border:1px solid var(--line);border-radius:11px;padding:9px;text-align:center}.kpi b{display:block;font-size:18px}.kpi span{font-size:9.5px;color:var(--muted)}
.gate{border:2px solid;border-radius:13px;padding:12px;margin:9px 0}.gate.red{background:#fff0ed;border-color:#db6a60}.gate.orange{background:#fff3e8;border-color:#d4864e}.gate.yellow{background:#fff9dd;border-color:#d0b446}.gate.green{background:#edf8f0;border-color:#68a77b}.gate strong{font-size:16px}.gate p{font-size:11px;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:white}.issue.block{border-left-color:var(--red)}.issue.high{border-left-color:var(--orange)}.issue.warn{border-left-color:#d2a000}.issue.pass{border-left-color:var(--green)}.issue .top{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.issue h4{margin:0;font-size:12px}.level{font-size:9px;font-weight:900;background:#edf1f5;border-radius:10px;padding:3px 6px;white-space:nowrap}.issue p{font-size:10.5px;line-height:1.5;margin:4px 0;color:#485a70}.issue .basis{font-size:9.5px;color:#7b8899}
.badge{display:inline-block;border-radius:999px;background:#eaf1f7;padding:3px 7px;margin:2px;font-size:9.5px;color:#36536f}.source{border-bottom:1px solid var(--line);padding:9px 0}.source:last-child{border:0}.source b{font-size:11px}.source p,.source a{font-size:9.5px;color:var(--muted);line-height:1.45;word-break:break-all}.record{border:1px solid var(--line);border-radius:11px;padding:10px;margin:7px 0}.record b{font-size:12px}.record p{font-size:10px;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}
@media(max-width:620px){.grid,.modegrid{grid-template-columns:1fr}.tabs{gap:3px}.tab{font-size:9.5px}.kpis{grid-template-columns:repeat(2,1fr)}}@media print{.appbar,.tabs,.no-print,.actions{display:none!important}.view{display:none!important}#resultView{display:block!important}.wrap{max-width:none;padding:0}.card,.issue,.gate{box-shadow:none;break-inside:avoid}}