/* 微澜版 Wokey layout: captured product hierarchy, micro-lan brand surface. */
body[data-brand-surface="customer"],body[data-audience="public"]{--wk-bg:#f4f8f8;--wk-surface:#fff;--wk-low:#eaf1f1;--wk-line:#d8e2e2;--wk-ink:#142021;--wk-muted:#536466;--wk-primary:#0b7285;--wk-primary-soft:#d9f1f4;--wk-tertiary:#c94f36;background:var(--wk-bg);color:var(--wk-ink);font-family:Inter,"Noto Sans SC",sans-serif}
body[data-brand-surface="customer"] .aurora,body[data-audience="public"] .aurora{display:none}body:not([data-audience="owner"]) .sidebar{display:none}body:not([data-audience="owner"]) .shell{grid-template-columns:1fr}.topnav{position:sticky;top:0;z-index:50;min-height:64px;padding-inline:clamp(16px,4vw,64px);background:color-mix(in srgb,var(--wk-bg) 88%,transparent);border-bottom:1px solid var(--wk-line);backdrop-filter:blur(18px)}body[data-audience="owner"] .topnav{display:none}.topnav .brand{color:var(--wk-ink)}body[data-brand-surface="customer"] .brand-mark{display:none}body[data-brand-surface="customer"] .brand-wave{display:block;width:30px;height:30px;object-fit:contain}.brand-wave{display:none}.topnav .brand strong{font:700 20px/1 "Space Grotesk","Noto Sans SC",sans-serif;letter-spacing:-.045em}.topnav .brand small{display:block;color:var(--wk-primary);font:700 9px/1 "DM Mono",monospace;letter-spacing:.11em;margin-top:5px}.topnav-menu{gap:22px}.topnav .nav-item{height:64px;padding:0 5px;border-radius:0;color:var(--wk-muted);font-size:14px;border-bottom:2px solid transparent}.topnav .nav-item:hover,.topnav .nav-item.active{color:var(--wk-primary);background:transparent;box-shadow:none;border-bottom-color:var(--wk-primary)}.topnav-actions{gap:10px}.topnav-cta.primary-button,.primary-button{border-radius:6px;background:var(--wk-primary);border-color:var(--wk-primary);box-shadow:none}.topnav-cta.primary-button:hover,.primary-button:hover{background:#075b6a}.operator>span{background:var(--wk-primary-soft);color:var(--wk-primary)}
body[data-brand-surface="customer"] .workspace,body[data-audience="public"] .workspace{max-width:1440px;padding:32px clamp(16px,3vw,48px) 64px;background:linear-gradient(90deg,rgba(11,114,133,.04) 1px,transparent 1px),linear-gradient(rgba(11,114,133,.04) 1px,transparent 1px);background-size:72px 72px}.topbar{border-bottom:0;margin-bottom:22px}.topbar h1{font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-size:clamp(32px,4vw,56px);font-weight:900;letter-spacing:0;color:var(--wk-ink)}.topbar h1 em{font:inherit;font-style:normal;color:var(--wk-primary)}.eyebrow{color:var(--wk-primary);font-family:"DM Mono",monospace;font-weight:700;letter-spacing:.14em}.section-heading h2,.card-title{font-family:"Space Grotesk","Noto Sans SC",sans-serif;font-weight:900;color:var(--wk-ink)}.section-note,.card-hint{color:var(--wk-muted)}
body[data-brand-surface="customer"] .console-card,body[data-brand-surface="customer"] .metric-card,body[data-brand-surface="customer"] .test-card,body[data-brand-surface="customer"] .migration-card,body[data-audience="public"] .console-card{background:var(--wk-surface);border:1px solid var(--wk-line);border-radius:8px;box-shadow:0 2px 8px rgba(25,28,29,.05);color:var(--wk-ink);backdrop-filter:none}.metric-card.featured{background:var(--wk-primary-soft)}.metric strong{color:var(--wk-ink)}.quiet-button,.text-button{background:var(--wk-surface);color:var(--wk-primary);border-color:var(--wk-line);border-radius:6px}.quiet-button:hover,.text-button:hover{background:var(--wk-low)}.data-table thead th{background:var(--wk-low);color:var(--wk-muted)}.data-table tbody tr{border-color:var(--wk-line)}.data-table tbody tr:hover{background:#f6fafa}.data-table td{color:var(--wk-ink)}.live-chip{color:var(--wk-primary);border-color:#a8d5da;background:var(--wk-primary-soft)}body[data-brand-surface="customer"] input,body[data-brand-surface="customer"] select,body[data-brand-surface="customer"] textarea{background:var(--wk-surface);color:var(--wk-ink);border-color:#bdd3d5;border-radius:6px}.auth-form{gap:14px}.form-field{color:var(--wk-muted)}.form-field input{background:var(--wk-low);border-color:transparent;border-radius:6px;padding:13px 14px}.form-field input:focus{border-color:#8ec8cf}.auth-view{display:flex;justify-content:center}.auth-view .console-card.narrow{width:min(448px,100%);max-width:448px;margin:96px auto 32px;padding:34px;border-radius:12px}.auth-view .section-heading{display:block;text-align:center}.auth-view .section-heading .eyebrow{margin-bottom:9px}.auth-view .section-heading h2{font-size:28px}.auth-view .card-hint{text-align:center}.auth-view .primary-button{width:100%;justify-content:center;padding:13px}.boundary-foot{border-color:var(--wk-line)}
body[data-audience="public"][data-view="login"] .topbar,body[data-audience="public"][data-view="signup"] .topbar{display:none}body[data-audience="public"][data-view="login"] .workspace,body[data-audience="public"][data-view="signup"] .workspace{padding-top:0}[data-customer-cta][hidden]{display:none!important}
.micro-usage-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:16px;margin:16px 0}.micro-range-pill{padding:6px 10px;border:1px solid #a8d5da;border-radius:999px;background:var(--wk-primary-soft);color:var(--wk-primary);font-size:11px}.micro-trend-total{display:flex;align-items:baseline;gap:6px;margin:18px 0 8px;color:var(--wk-muted)}.micro-trend-total strong{color:var(--wk-ink);font:700 30px "JetBrains Mono",monospace}.micro-chart-wrap{min-height:180px}.micro-chart-wrap .chart-legend{display:flex;gap:14px;margin-bottom:8px;color:var(--wk-muted);font-size:11px}.micro-chart-wrap .legend-item{display:inline-flex;align-items:center;gap:5px}.micro-chart-wrap .legend-swatch{width:7px;height:7px;border-radius:50%;background:var(--wk-primary)}.micro-chart-wrap .legend-swatch.swatch-cyan{background:#9fc9cf}.micro-chart-wrap .legend-swatch.swatch-alert{background:var(--wk-tertiary)}.micro-chart-wrap .chart-cols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:end;height:135px;padding-top:8px;border-bottom:1px solid var(--wk-line);background:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(128,159,160,.18) 32px)}.micro-chart-wrap .chart-col{position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;height:100%}.micro-chart-wrap .chart-pair{display:flex;align-items:end;justify-content:center;gap:3px;width:100%;height:100%}.micro-chart-wrap .chart-bar{display:block;width:min(16px,36%);min-height:3px;border-radius:4px 4px 0 0;background:#9fc9cf}.micro-chart-wrap .chart-bar.fill-aqua{background:var(--wk-primary)}.micro-chart-wrap .chart-alert{position:absolute;top:0;color:var(--wk-tertiary);font-size:9px}.micro-chart-wrap .chart-date{margin-top:6px;color:var(--wk-muted);font:10px "JetBrains Mono",monospace}.micro-chart-wrap .chart-value{display:none}.micro-model-bars{display:flex;flex-direction:column;gap:18px;margin-top:25px}.micro-model-bars .bar-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(90px,1.35fr) auto;gap:10px;align-items:center}.micro-model-bars .bar-label,.micro-model-bars .bar-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wk-muted);font-size:11px}.micro-model-bars .bar-value{color:var(--wk-primary);font:11px "JetBrains Mono",monospace}.micro-model-bars .bar-track{height:7px;border-radius:99px;background:var(--wk-low);overflow:hidden}.micro-model-bars .bar-fill{display:block;height:100%;border-radius:inherit;background:var(--wk-primary)}
@media(max-width:860px){.topnav{flex-wrap:wrap;padding-block:8px}.topnav-menu{order:3;flex-basis:100%;overflow:auto}.topnav .nav-item{height:38px}.topnav-actions{margin-left:auto}}@media(max-width:600px){body[data-brand-surface="customer"] .workspace,body[data-audience="public"] .workspace{padding:24px 14px 44px}.auth-view .console-card.narrow{margin-top:48px;padding:26px 22px}.topbar h1{font-size:36px}}
@media(max-width:860px){.micro-usage-grid{grid-template-columns:1fr}}