/* Shared visual language with the four-screen site. Screen-only: receipt printing stays independent. */
html:root .api-console-body {
 --bg:#17191e;--fg:#f2f0ea;--muted:#a6a8ae;--accent:#d8c7a4;
 --console-bg:#17191e;--console-sidebar:#14161b;--console-surface:#1d2027;--console-inset:#181b21;
 --console-hover:#ffffff07;--console-selected:#d8c7a411;--console-line:#ffffff12;
 --console-text:#ece9e1;--console-muted:#a6a8ae;--console-primary:#e9e1d2;--console-primary-text:#24262c;
 --relay-surface:var(--console-surface);--relay-surface-strong:var(--console-inset);--relay-surface-soft:var(--console-hover);
 --relay-line:var(--console-line);--relay-line-strong:#d8c7a444;--relay-text:var(--console-text);--relay-muted:var(--console-muted);
 --relay-readable:var(--console-text);--relay-readable-soft:var(--console-muted);--relay-readable-muted:var(--console-muted);--relay-accent-readable:var(--accent);
 background:var(--console-bg);color:var(--console-text);font-family:'HarmonyOS Sans SC','Source Han Sans SC','Segoe UI','Microsoft YaHei',sans-serif;
 font-weight:400;-webkit-font-smoothing:auto;text-rendering:optimizeLegibility;
}
html[data-theme="light"] .api-console-body {
 --bg:#f2f0ea;--fg:#17191e;--muted:#686b72;--accent:#77623e;
 --console-bg:#f2f0ea;--console-sidebar:#eae8e2;--console-surface:#f8f7f2;--console-inset:#efede7;
 --console-hover:#17191e06;--console-selected:#17191e0a;--console-line:#17191e15;
 --console-text:#23262d;--console-muted:#686b72;--console-primary:#24272e;--console-primary-text:#f2f0ea;
}
html:root .api-console-body::before,html:root .api-console-body::after{display:none}
html:root .api-console-body .relay-shell,html:root .api-console-body .relay-main{background:var(--console-bg)}
html:root .api-console-body .relay-sidebar{background:var(--console-sidebar);border-color:var(--console-line);box-shadow:none;padding:24px 16px}
html:root .api-console-body .relay-brand{filter:none;display:flex;align-items:center;gap:10px;margin:8px 12px 36px;width:176px;max-width:100%;color:var(--console-text)}
.console-brand-symbol{display:block;width:33px;flex-shrink:0}.console-brand-symbol svg{display:block;width:100%;height:auto;fill:currentColor}
.console-brand-word{display:block;flex:1;min-width:0}.console-brand-word svg{display:block;width:100%;height:auto;fill:currentColor}
html:root .api-console-body .relay-nav{gap:5px}
html:root .api-console-body .relay-nav a{border:0;border-radius:10px;min-height:46px;padding:0 14px;gap:12px;color:var(--console-muted);background:none;box-shadow:none;font-size:14px;font-weight:400;transition:background-color 180ms,color 180ms}
html:root .api-console-body .relay-nav a::before{display:none}
html:root .api-console-body .relay-nav a:hover{background:var(--console-hover);color:var(--console-text);transform:none}
html:root .api-console-body .relay-nav a.is-active{background:var(--console-selected);color:var(--console-text);box-shadow:none;border:0}
.relay-nav .console-nav-icon{display:inline-flex;width:19px;height:19px;flex-shrink:0;color:inherit}
.console-nav-icon svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html:root .api-console-body .relay-topbar{background:var(--console-bg);border-color:var(--console-line);box-shadow:none;backdrop-filter:none;min-height:76px;padding-inline:36px}
html:root .api-console-body .relay-topbar a{font-size:13px;font-weight:400;color:var(--console-muted);letter-spacing:.015em}
html:root .api-console-body .relay-topbar a.is-active,html:root .api-console-body .relay-topbar a:hover{color:var(--console-text)}
html:root .api-console-body .relay-account{color:var(--console-muted);font-size:12px;gap:14px}
html:root .api-console-body .relay-icon-button{background:none;border:1px solid transparent;box-shadow:none;border-radius:10px;color:var(--console-text);width:40px;height:40px}
html:root .api-console-body .relay-icon-button:hover{background:var(--console-hover);border-color:var(--console-line)}
html:root .api-console-body .relay-page-head{margin-bottom:30px;align-items:flex-end}
html:root .api-console-body .relay-page-head h1{font-family:'Source Han Serif SC','Songti SC',serif;font-size:clamp(28px,2.5vw,42px);font-weight:400;line-height:1.3;letter-spacing:-.02em;color:var(--console-text);text-shadow:none}
html:root .api-console-body .relay-page-head p{color:var(--console-muted);font-size:13px;line-height:1.8}
html:root .api-console-body .relay-kicker{font-size:10px;letter-spacing:.13em;color:var(--console-muted);font-weight:400}
html:root .api-console-body .relay-button{border:1px solid var(--console-line);border-radius:9px;background:var(--console-surface);box-shadow:none;color:var(--console-text);font-size:13px;font-weight:500;min-height:40px;padding:10px 16px;transition:background-color 160ms,border-color 160ms}
html:root .api-console-body .relay-button:hover:not(:disabled){background:var(--console-hover);border-color:var(--relay-line-strong);transform:none}
html:root .api-console-body .relay-button-primary{background:var(--console-primary);color:var(--console-primary-text);border-color:var(--console-primary)}
html:root .api-console-body .relay-button-primary:hover:not(:disabled){background:var(--console-primary);color:var(--console-primary-text);filter:brightness(1.06)}
html:root .api-console-body :is(.relay-panel,.relay-metrics article,.relay-route,.relay-usage-note,.relay-export-type){background:var(--console-surface);border:1px solid var(--console-line);border-radius:12px;box-shadow:none}
html:root .api-console-body :is(.relay-panel,.relay-metrics article,.relay-route):hover{border-color:var(--console-line);box-shadow:none}
html:root .api-console-body .relay-panel-head{background:none;border-bottom:1px solid var(--console-line);padding:20px 22px;min-height:66px}
html:root .api-console-body .relay-panel-head h2{font:500 17px/1.4 'HarmonyOS Sans SC','Segoe UI','Microsoft YaHei',sans-serif;color:var(--console-text);text-shadow:none}
html:root .api-console-body .relay-panel-head p{font-size:12px;line-height:1.7;color:var(--console-muted)}
html:root .api-console-body .relay-metrics{gap:16px;margin-bottom:22px}
html:root .api-console-body .relay-metrics article{padding:23px;min-height:130px}
html:root .api-console-body .relay-metrics article::before{display:none}
html:root .api-console-body .relay-metrics strong{font:500 clamp(27px,2.2vw,40px)/1.25 'Segoe UI',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:10px 0 6px;color:var(--console-text)}
html:root .api-console-body .relay-metrics span,html:root .api-console-body .relay-metrics small{color:var(--console-muted);font-size:12px}
html:root .api-console-body .relay-route{background:none;margin-bottom:22px;border-radius:0;border-inline:0;padding-block:20px;box-shadow:none}
html:root .api-console-body .relay-route b{color:var(--console-text);font-weight:500;font-size:12px}
html:root .api-console-body :is(.relay-route em,.relay-note,.relay-panel-note,.relay-doc-config em,.relay-doc-endpoints em,.relay-sidebar-foot a){color:var(--console-muted);font-size:12px}
html:root .api-console-body .relay-sidebar-foot{border-color:var(--console-line)}
html:root .api-console-body .relay-table-wrap{background:none}
html:root .api-console-body .relay-table th{background:var(--console-inset);color:var(--console-muted);font-size:11px;font-weight:500;border-color:var(--console-line);height:44px}
html:root .api-console-body .relay-table td{color:var(--console-text);font-size:13px;border-color:var(--console-line);height:54px}
html:root .api-console-body .relay-table tr:hover td{background:var(--console-hover)}
html:root .api-console-body :is(.relay-table-state,.relay-empty-state,.relay-sync-empty){background:none;color:var(--console-muted);min-height:130px}
html:root .api-console-body :is(.relay-table-state,.relay-empty-state,.relay-sync-empty) strong{color:var(--console-text);font-size:16px;font-weight:500}
html:root .api-console-body :is(.relay-table-state,.relay-empty-state,.relay-sync-empty) span{color:var(--console-muted);font-size:13px}
html:root .api-console-body :is(input,select,textarea){background:var(--console-inset);color:var(--console-text);border-color:var(--console-line);border-radius:8px;box-shadow:none}
html:root .api-console-body :is(input,select,textarea):focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 2px var(--console-selected)}
html:root .api-console-body .relay-code{background:var(--console-inset);color:var(--console-text);border-color:var(--console-line);border-radius:9px;box-shadow:none;font-size:12px;line-height:1.8}
html:root .api-console-body .relay-model-tabs{background:var(--console-inset);border-color:var(--console-line);border-radius:10px}
html:root .api-console-body .relay-model-tabs button{background:none;border-radius:8px;color:var(--console-muted);box-shadow:none}
html:root .api-console-body .relay-model-tabs button.is-active,html:root .api-console-body .relay-model-tabs button:hover:not(:disabled){background:var(--console-selected);border-color:var(--console-line);color:var(--console-text)}
html:root .api-console-body .relay-model-tabs b{font-size:17px;font-weight:500}
html:root .api-console-body .relay-price-row{background:var(--console-surface);border-color:var(--console-line);box-shadow:none;border-radius:12px}
html:root .api-console-body :is(.relay-log-list li,.relay-model-list li){border-color:var(--console-line);color:var(--console-text)}
html:root .api-console-body :is(.relay-log-list em,.relay-model-list em,.relay-price-specs i){color:var(--console-muted)}
html:root .api-console-body .relay-log-list>span{grid-template-columns:minmax(88px,.7fr) minmax(0,1.5fr) auto;gap:14px;align-items:start;padding:15px 20px;border-color:var(--console-line)}
html:root .api-console-body .relay-log-list>span :is(b,em,i){min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.6}
html:root .api-console-body .relay-log-list>span b{font-size:13px;font-weight:500}
html:root .api-console-body .relay-log-list>span em{font-size:12px}
html:root .api-console-body .wanling-auth__panel,html:root .api-console-body .wanling-account-menu{background:var(--console-surface);color:var(--console-text);border:1px solid var(--console-line);border-radius:16px;box-shadow:0 16px 55px #0003}
html:root .api-console-body :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:981px){html:root .api-console-body .relay-shell{grid-template-columns:224px minmax(0,1fr)}html:root .api-console-body .relay-main{padding:40px clamp(26px,3.4vw,64px) 64px}}
@media(max-width:980px){html:root .api-console-body .relay-brand{margin:0 0 18px;width:165px}html:root .api-console-body .relay-sidebar{padding:20px 18px}html:root .api-console-body .relay-nav{gap:5px}html:root .api-console-body .relay-nav a{font-size:12px;gap:7px;padding:0 8px;min-height:44px}html:root .api-console-body .relay-topbar{padding:10px 18px;min-height:64px}html:root .api-console-body .relay-main{padding:28px 18px 48px}html:root .api-console-body .relay-metrics article{padding:17px;min-height:112px}}
@media(max-width:480px){html:root .api-console-body .relay-nav{grid-template-columns:repeat(3,minmax(0,1fr))}html:root .api-console-body .relay-nav a{justify-content:flex-start;font-size:11px}.relay-nav .console-nav-icon,.console-nav-icon svg{width:16px;height:16px}html:root .api-console-body .relay-page-head h1{font-size:29px}html:root .api-console-body .relay-topbar nav{gap:18px}html:root .api-console-body .relay-account{gap:10px}html:root .api-console-body .relay-metrics{gap:10px}html:root .api-console-body .relay-panel-head{padding:16px}}