*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#1f2937;font:15px/1.6 system-ui,"Microsoft Yahei",sans-serif}header{background:#16233b;color:white;padding:15px 4%;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}nav{display:flex;gap:15px;flex-wrap:wrap}nav a{color:#e6ecf7;text-decoration:none}main{max-width:1250px;margin:26px auto;padding:0 20px;min-height:70vh}h2{font-size:24px}.card{background:white;border:1px solid #e4e8f0;border-radius:12px;padding:22px;margin:15px 0;overflow:auto}.narrow,.verify{max-width:460px;margin:70px auto;background:white;padding:28px;border-radius:14px}label{display:block;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #cad2df;border-radius:7px;font:inherit}button,.btn{background:#2456a8;color:white;border:0;padding:10px 15px;border-radius:7px;cursor:pointer;text-decoration:none;display:inline-block;font:inherit}button:disabled{opacity:.5}.danger{background:#a12d37}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stats strong{font-size:30px}.alert{background:#e6f6e9;padding:12px;border-radius:8px}.bad{background:#ffe5e5;color:#9c2222}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #e7eaf0;padding:11px;text-align:left;vertical-align:top}th{background:#f7f8fc}.inline{display:inline}.inline button{font-size:12px;padding:5px}.search{display:flex;gap:10px}.search input{margin:0}.designer{display:grid;grid-template-columns:245px minmax(0,1fr);gap:15px}.controls{margin:0}.controls button{margin:3px}.canvaswrap{overflow:auto;background:#d8dde6;padding:20px}#designCanvas{background:white;max-width:none}footer{text-align:center;color:#6b7280;padding:30px}.hint{color:#64748b}@media(max-width:700px){.designer{grid-template-columns:1fr}header{padding:15px}main{padding:0 10px}}
@font-face{font-family:cert-regular;src:url('../?page=font&face=cert-regular') format('opentype');font-display:block}
@font-face{font-family:cert-semibold;src:url('../?page=font&face=cert-semibold') format('opentype');font-display:block}
@font-face{font-family:cert-bold;src:url('../?page=font&face=cert-bold') format('opentype');font-display:block}
@font-face{font-family:cert-heavy;src:url('../?page=font&face=cert-heavy') format('opentype');font-display:block}
@font-face{font-family:cert-legacy;src:url('../?page=font&face=cert-legacy');font-display:block}
body:has(#designerForm) main{max-width:1800px}
.designer{align-items:start}.controls{max-height:calc(100vh - 60px);overflow-y:auto}.canvaspanel{min-width:0;position:sticky;top:12px;border:1px solid #cad2df;border-radius:10px;overflow:hidden}.zoomtools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:#fff;border-bottom:1px solid #d8dde6}.zoomtools button{padding:6px 10px;font-size:13px}.zoomtools span{min-width:48px;text-align:center}.canvaswrap{height:calc(100vh - 130px);min-height:320px;overflow:auto;padding:16px}.canvas-container{flex-shrink:0}.checkline{display:flex;align-items:center;gap:6px}.checkline input{width:auto;margin:0}.controls .hint{font-size:12px}#zoomValue{font-variant-numeric:tabular-nums}
@media(max-width:700px){.controls{max-height:none}.canvaspanel{position:static}.canvaswrap{height:65vh}.designer{grid-template-columns:1fr}}

@font-face{font-family:cert-sans-extralight;src:url('../?page=font&face=cert-sans-extralight') format('opentype');font-display:block}
@font-face{font-family:cert-sans-light;src:url('../?page=font&face=cert-sans-light') format('opentype');font-display:block}
@font-face{font-family:cert-sans-normal;src:url('../?page=font&face=cert-sans-normal') format('opentype');font-display:block}
@font-face{font-family:cert-sans-regular;src:url('../?page=font&face=cert-sans-regular') format('opentype');font-display:block}
@font-face{font-family:cert-sans-medium;src:url('../?page=font&face=cert-sans-medium') format('opentype');font-display:block}
@font-face{font-family:cert-sans-bold;src:url('../?page=font&face=cert-sans-bold') format('opentype');font-display:block}
@font-face{font-family:cert-sans-heavy;src:url('../?page=font&face=cert-sans-heavy') format('opentype');font-display:block}