:root { color:#172033; background:#f5f7fa; font-family:"Microsoft YaHei",Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; }
main { max-width:1180px; margin:0 auto; padding:34px 24px 56px; }
.topbar { display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:24px; border-bottom:1px solid #d7dde5; }
.brand-heading { display:flex; align-items:center; gap:18px; }.brand-logo { width:210px; height:60px; object-fit:contain; object-position:left center; }
.eyebrow { color:#0f766e; font-size:11px; letter-spacing:.08em; margin:0 0 7px; }
h1,h2 { margin:0; letter-spacing:0; } h1 { font-size:32px; } h2 { font-size:20px; } .subhead { color:#64748b; margin:8px 0 0; }
.topbar-actions { display:flex; gap:12px; align-items:center; }.health { background:#e5f5ef; border:1px solid #a7d9c9; color:#146c55; font-size:13px; padding:7px 10px; border-radius:5px; }.ghost { background:#fff; color:#0f766e; }
.identity { display:flex; gap:10px; align-items:center; padding:18px 0; color:#64748b; font-size:13px; }.identity input { width:150px; }.slash { color:#c1c9d4; }
input,textarea { width:100%; border:1px solid #b8c2cf; border-radius:6px; background:#fff; color:#172033; font:inherit; padding:10px 11px; }.input:focus,input:focus,textarea:focus { outline:2px solid #2f8f83; outline-offset:1px; }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:18px; }.metric-card { background:#fff; border:1px solid #d7dde5; border-radius:7px; padding:17px 18px; }.metric-label,.metric-note { display:block; color:#64748b; font-size:13px; }.metric-card strong { display:block; font-size:26px; margin:9px 0 5px; }
.quick-command,.panel { background:#fff; border:1px solid #d7dde5; border-radius:7px; padding:22px; }.quick-command { margin-bottom:18px; }.section-heading { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; margin-bottom:15px; }.section-hint { color:#64748b; font-size:12px; }.work-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.alert-feed { margin-top:18px; }
label { display:grid; gap:6px; color:#3d4a5c; font-size:13px; margin-top:13px; }.actions,.inline { display:flex; gap:10px; margin-top:13px; }.inline input { min-width:0; }
button { border:1px solid #0f766e; border-radius:6px; background:#0f766e; color:#fff; cursor:pointer; font:inherit; padding:10px 15px; white-space:nowrap; } button:hover { background:#0c625c; } button:disabled { background:#aeb8c4; border-color:#aeb8c4; cursor:not-allowed; } button.secondary { background:#334155; border-color:#334155; } button.confirm { background:#a65b14; border-color:#a65b14; }
#status { color:#a65b14; min-height:20px; font-size:13px; } pre { max-height:270px; margin:14px 0 0; overflow:auto; padding:12px; border:1px solid #d7dde5; border-radius:6px; background:#f7fafb; color:#172033; font-size:12px; line-height:1.45; white-space:pre-wrap; word-break:break-word; } pre:empty { display:none; } .alert-list { display:grid; gap:10px; }.alert-item { border-left:3px solid #0f766e; background:#f7fafb; padding:11px 13px; }.alert-item strong { display:block; }.alert-item span,.empty { color:#64748b; font-size:13px; }
@media (max-width:760px) { main { padding:22px 14px 38px; }.topbar,.section-heading { gap:14px; flex-direction:column; }.brand-heading { gap:12px; }.brand-logo { width:180px; height:52px; }.topbar-actions { width:100%; justify-content:space-between; }.metrics,.work-grid { grid-template-columns:1fr; }.identity { flex-wrap:wrap; }.identity input { flex:1; min-width:120px; } h1 { font-size:27px; } }