/* 零碳核云 ZeroCarbon Verify — paper, not dashboard.
   A verifier must not look like the vendor's product. */
:root{
  --paper:#faf9f6; --paper2:#f3f1ea; --ink:#14171a; --ink2:#3d444b;
  --dim:#6b7078; --rule:#dcd8ce; --rule2:#c8c3b6;
  --green:#0f6b4f; --green2:#17805e; --amber:#a5711f; --red:#a33a2c;
  --serif:"Source Serif 4","Iowan Old Style","Songti SC",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",system-ui,sans-serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75;
  -webkit-font-smoothing:antialiased}
a{color:var(--green);text-decoration:none;border-bottom:1px solid rgba(15,107,79,.28)}
a:hover{border-bottom-color:var(--green)}
.wrap{max-width:940px;margin:0 auto;padding:0 26px 90px}

header{border-bottom:1px solid var(--rule);margin-bottom:44px}
.bar{display:flex;align-items:center;gap:18px;padding:20px 0 18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;border:0}
.brand svg{flex:none}
.brand b{font-family:var(--serif);font-size:17px;letter-spacing:-.2px}
.brand span{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:1.6px;color:var(--dim);
  text-transform:uppercase;margin-top:1px}
nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}
nav a{border:0;font-size:13px;color:var(--ink2);letter-spacing:.2px}
nav a:hover{color:var(--green)}
nav a.on{color:var(--ink);font-weight:600;border-bottom:2px solid var(--green);padding-bottom:2px}

h1{font-family:var(--serif);font-size:clamp(30px,4.2vw,44px);line-height:1.16;letter-spacing:-1.1px;
  font-weight:600;margin-bottom:14px}
h1 em{font-style:italic;color:var(--green)}
.lede{font-size:17px;color:var(--ink2);max-width:66ch}
h2{font-family:var(--serif);font-size:24px;letter-spacing:-.4px;font-weight:600;margin:46px 0 12px;
  padding-top:22px;border-top:1px solid var(--rule)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-family:var(--serif);font-size:17.5px;font-weight:600;margin:26px 0 8px}
p{margin-bottom:13px;max-width:74ch}
ul,ol{margin:0 0 14px 20px}
li{margin-bottom:6px;max-width:72ch}
.eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:1.8px;color:var(--green);
  text-transform:uppercase;margin-bottom:12px}

.meta{display:flex;gap:26px;flex-wrap:wrap;margin:26px 0 8px;padding:16px 0;border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule)}
.meta div{font-size:12.5px;color:var(--dim)}
.meta b{display:block;font-family:var(--mono);font-size:13px;color:var(--ink);margin-top:2px}

table{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0 18px}
th{text-align:left;font-size:10.5px;letter-spacing:.9px;text-transform:uppercase;color:var(--dim);
  padding:8px 10px;border-bottom:1.5px solid var(--rule2);font-weight:600}
td{padding:10px;border-bottom:1px solid var(--rule);vertical-align:top}
td.n{text-align:right;font-family:var(--mono);font-size:12.5px;white-space:nowrap}
tr:last-child td{border-bottom:0}

.box{background:var(--paper2);border:1px solid var(--rule);border-left:3px solid var(--green);
  padding:16px 20px;margin:20px 0;font-size:14px}
.box.warn{border-left-color:var(--amber)}
.box.stop{border-left-color:var(--red)}
.box b{font-family:var(--serif);font-size:15px}
.box p:last-child{margin-bottom:0}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:18px 0}
.card{border:1px solid var(--rule);padding:16px 18px;background:#fff}
.card .k{font-family:var(--mono);font-size:10px;letter-spacing:1.4px;color:var(--dim);margin-bottom:6px}
.card b{font-family:var(--serif);font-size:15.5px;display:block;margin-bottom:6px}
.card p{font-size:13px;color:var(--ink2);margin:0}

code{font-family:var(--mono);font-size:.92em;background:rgba(20,23,26,.05);padding:1px 5px;border-radius:3px}
.tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.8px;padding:2px 7px;
  border:1px solid var(--rule2);border-radius:2px;color:var(--dim);margin-left:6px;vertical-align:2px}
.tag.pending{border-color:var(--amber);color:var(--amber)}

footer{margin-top:70px;padding-top:20px;border-top:1px solid var(--rule);font-size:12px;color:var(--dim);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{border:0;color:var(--dim)}
footer a:hover{color:var(--green)}

@media print{ nav,footer{display:none} body{background:#fff} a{border:0;color:#000} }
