:root{--primary:#059669;--primary-2:#047857;--primary-dark:#065f46;--accent:#34d399;--accent-soft:#d1fae5;--accent-bg:#ecfdf5;--bg:#fafaf9;--card:#fff;--text:#1c1917;--muted:#78716c;--border:#e7e5e4;--success:#16a34a;--radius:16px;--shadow:0 12px 40px rgba(5,150,105,.14)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font-family:inherit}.gradient-bg{background:linear-gradient(135deg,#065f46,#059669 55%,#10b981)}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border:none;border-radius:12px;box-shadow:0 6px 20px #05966959;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:transform .12s ease,box-shadow .12s ease}.btn-primary:hover{background:linear-gradient(135deg,#10b981,var(--primary));box-shadow:0 10px 26px #05966973;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:var(--accent-bg);border:none;border-radius:12px;color:var(--primary-dark);cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.btn-ghost:hover{background:var(--accent-soft)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 20px #1c19170d}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.badge-online{background:#dcfce7;color:#15803d}.badge-offline{background:#f1f2f7;color:var(--muted)}.badge-open{background:var(--accent-soft);color:var(--primary-dark)}.badge-closed{background:#f1f2f7;color:var(--muted)}.dot{background:var(--success);border-radius:50%;box-shadow:0 0 0 4px #22c55e26;height:8px;width:8px}.dot.gray{background:#c3c7d6;box-shadow:none}code.inline{background:#1c1917;border-radius:8px;padding:2px 8px}code.inline,pre.code-block{color:#d1fae5;font-size:13px}pre.code-block{background:#0c1f17;border:1px solid #14532d;border-radius:14px;line-height:1.7;overflow-x:auto;padding:16px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#d6d3d1;border-radius:8px}::-webkit-scrollbar-track{background:transparent}[v-cloak]{display:none!important}