:root{color:#10213f;background:#eef3f9;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,Arial,sans-serif;font-synthesis-weight:none}html,body,#vue-root{width:100%;height:100%;margin:0}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;overflow-x:hidden}#vue-root{flex:1 1 auto;width:100vw;height:100vh;min-width:0;min-height:0;overflow:hidden}#vue-root>*{flex:1 1 auto;min-width:0;min-height:0}button{font:inherit}.app-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,rgba(28,101,191,.12),transparent 42%),#eef3f9}.app-shell.full-workbench{display:grid;grid-template-rows:52px minmax(0,1fr);place-items:stretch;padding:0;background:#111827}.workspace{width:min(920px,100%);padding:40px;background:#fff;border:1px solid #d8e2ef;border-radius:8px;box-shadow:0 20px 50px #132d541f}.brand-row{display:flex;align-items:center;gap:18px}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:8px;background:#1d57a8;color:#fff;font-weight:700}.eyebrow{margin:0 0 6px;color:#617089;font-size:13px}h1{margin:0;font-size:30px;line-height:1.25}.status-panel{margin-top:32px;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #d8e2ef;border-radius:8px;color:#334155;background:#f8fafc}.status-dot{width:10px;height:10px;border-radius:999px;background:#94a3b8}.status-dot.ready{background:#16a34a}.status-dot.warning{background:#d97706}.status-dot.offline{background:#dc2626}.action-row{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button{min-width:92px;height:42px;border-radius:6px;cursor:pointer}.primary-button{min-width:160px;border:0;color:#fff;background:#1d57a8}.primary-button:hover{background:#174a91}.secondary-button{border:1px solid #cbd5e1;color:#1f2f46;background:#fff}.secondary-button:hover{background:#f8fafc}.workbench-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;color:#f8fafc;background:#111827;border-bottom:1px solid rgba(255,255,255,.12)}.ghost-button{height:34px;color:#f8fafc;border:1px solid rgba(255,255,255,.22);background:#ffffff14}.ghost-button:hover{background:#ffffff24}.workbench-frame-shell{min-height:0;background:#0f172a}.workbench-frame{width:100%;height:100%;border:0;display:block;background:#fff;opacity:0}.workbench-frame.workbench-frame-ready{opacity:1}@media(max-width:640px){.app-shell{padding:18px}.app-shell.full-workbench{padding:0}.workspace{padding:24px}h1{font-size:24px}}