:root{--bg:#f4f6f8;--ink:#152033;--muted:#687386;--line:#dfe5eb;--nav:#102b49;--accent:#b2212b;--card:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.55}
.hero{background:#101820;color:white;border-top:8px solid var(--accent);padding:22px max(24px,5vw);display:flex;justify-content:space-between;align-items:center}.brand-row{display:flex;align-items:center;gap:20px}.sustech-logo-link{display:block;flex:0 0 auto;border-radius:7px;background:transparent;padding:5px;line-height:0}.sustech-logo-link:focus,.sustech-logo-link:hover{outline:2px solid #d6a45c;outline-offset:3px}.sustech-logo{display:block;width:246px;height:auto;max-height:78px;object-fit:contain}.hero h1{font-size:34px;margin:3px 0}.hero p{margin:4px 0;color:#d9e0e7}.eyebrow{font-size:13px;color:#9db0c0}.version{border:1px solid #617789;padding:9px 14px;border-radius:20px}
nav{display:flex;gap:5px;padding:10px max(20px,5vw);background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;overflow:auto}.nav{border:0;background:transparent;padding:10px 13px;border-radius:8px;cursor:pointer;white-space:nowrap}.nav.active{background:#edf1f5;font-weight:700;color:var(--nav)}
main{max-width:1280px;margin:auto;padding:24px}.page{display:none}.page.active{display:block}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 4px 16px rgba(25,43,62,.04);margin-bottom:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.notice{background:#f7f0e7;border-left:4px solid #b98b44;padding:13px 15px;border-radius:8px;margin-bottom:20px}.notice.warn{background:#fff7e3;border-left-color:#d19a1d}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.principle{background:white;border:1px solid var(--line);border-radius:12px;padding:15px}.principle b{display:block;color:#9c1d27;margin-bottom:5px}.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dimension{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px}.dimension b{display:block;margin-bottom:4px}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.timeline>div{background:#f8fafc;border:1px solid #e6ebf0;padding:13px;border-radius:10px}.timeline span{display:inline-block;background:#b2212b;color:white;padding:3px 7px;border-radius:12px;font-size:12px;margin-right:5px}.flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:28px 0}.flow span{border:1px solid #cfd7df;background:#f8fafc;padding:10px 14px;border-radius:9px;font-weight:700}.flow .focus{background:#b2212b;color:white;border-color:#b2212b}.flow i{font-style:normal;color:#8793a0}
label{display:block;margin:11px 0;font-size:14px}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cfd7e1;border-radius:8px;margin-top:6px;font:inherit;background:white}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checks label,.task{display:flex;align-items:flex-start;gap:8px}.checks input,.task input{width:auto;margin-top:4px}
.primary,.secondary{border:0;border-radius:8px;padding:11px 14px;cursor:pointer;font-weight:700}.primary{background:#102f53;color:white;width:100%;margin-top:12px}.primary.short{width:auto}.secondary{background:#edf1f5;color:#334}.hidden{display:none}.muted{color:var(--muted)}
.riskbar{padding:14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.riskbar.green{background:#e8f7ee;color:#176538}.riskbar.yellow{background:#fff5d8;color:#7b5d05}.riskbar.orange{background:#fff0dd;color:#9a4f06}.riskbar.red{background:#fde8e8;color:#9b2727}.riskbar .level{font-size:22px;font-weight:800}.sectionbox{background:#f8fafb;border:1px solid #e5eaef;border-radius:9px;padding:12px;margin:10px 0}.sectionbox h3{margin:0 0 8px}.sectionbox li{margin:5px 0}.authority{border-left:4px solid #214f80}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.stat{padding:14px;border-radius:10px;background:#f8fafc;border:1px solid #e5eaf0}.stat b{font-size:22px}.caseitem{border-top:1px solid #e9edf1;padding:12px 0}.caseitem:first-child{border-top:0}.between{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.tabs button{background:white;border:1px solid var(--line);padding:8px 11px;border-radius:8px;cursor:pointer}.tabs button.active{background:#102f53;color:white}.cols{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.panel{background:#f9fafb;border:1px solid #e4e9ee;border-radius:10px;padding:14px}.panel h3{margin-top:0}.improve{margin-top:18px}.improve .proposal{border-left:4px solid #b2212b;background:#faf7f7;padding:12px;margin:10px 0}
footer{text-align:center;color:#7b8794;padding:22px}.support{margin-top:6px;font-size:13px}.support a{color:#355d86;font-weight:700;text-decoration:none}.support a:hover{text-decoration:underline}
@media(max-width:950px){.principles{grid-template-columns:repeat(2,1fr)}.dimension-grid{grid-template-columns:repeat(2,1fr)}.grid2,.cols{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}}
@media(max-width:600px){.principles,.dimension-grid,.row,.stats{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start;gap:10px}.brand-row{align-items:flex-start;flex-direction:column}.sustech-logo{width:220px;height:auto;max-height:72px}}
@media print{nav,footer,.primary,.secondary{display:none}.grid2{grid-template-columns:1fr}.card{box-shadow:none}}