/* REQ124: original 635x297 PNG, visible bounds x17 y75 w603 h146.
   Crop only the transparent canvas in layout; never alter the source bitmap. */
/* REQ139（2026-10-11 主页优化·客户端 10.11 反馈）：用户要求「所有蓝色字体与 LOGO 底色统一」，
   品牌蓝族由 REQ136 的提亮蓝改回 LOGO 底板蓝（原 PNG 位图实测 #0048A8），与 styles.css 同值：
   #004aad→#0048a8（主）、#003d91→#003c8c（悬停）、#eaf2ff→#e9f1fb（浅底）、
   #acc8ed→#a8c3e8（描边）、#80b5ff→#5c90d2（焦点）。 */
:root{--brand-primary:#0048a8;--brand-hover:#003c8c;--brand-accent:#0048a8;--brand-soft:#e9f1fb;--brand-border:#a8c3e8;--brand-focus:#5c90d2}
body[data-theme="dark"]{--brand-accent:#7db4ff;--brand-soft:#16365f;--brand-border:#3f7cc4}
/* REQ158（用户 2026-10-14）：
   ①「logo 上的字太往上了，应该高度居中显示」。位图里蓝底占 y77–218、白字占 y99–176，也就是
      白字比底板中心高 10.5px（上留白 22、下留白 43）；位图不改，底板改由 CSS 画：实测底板色
      #004aad、圆角半径 28px（按 599px 宽的底板等比换算），图片只负责「按底板宽度 1:1 铺满 +
      整体下移 10.5px」，于是白字在底板里真正垂直居中，左右也同时居中（各留 49px）。
      底板与图片同色，衔接处看不见；`overflow:hidden` + 同一个圆角负责裁掉多出来的下沿。
   ②「别的页面左上角和页面底部左下角的 logo 太小了，要和首页的一样大，样式等都要一样」。
      四个内容页现在也引入本文件，页头 `--logo-w:160px`、页脚 `--logo-w:190px`，与首页页头/
      页脚逐项一致；页面自己的 pages.css 不再压图片高度、也不再给页脚垫白底。
   尺寸只由 `--logo-w` 决定，圆角跟着宽度等比换算，任何宽度的 logo 都是同一个版式。 */
.kingwell-logo{--logo-w:160px;display:inline-block;position:relative;overflow:hidden;width:var(--logo-w);max-width:100%;aspect-ratio:599/142;flex:none;vertical-align:middle;background:#004aad;border-radius:calc(var(--logo-w) * 28 / 599);line-height:0}
.kingwell-logo>img{position:absolute;display:block;width:106.010017%;max-width:none;height:auto;left:-3.171953%;top:-46.830986%;margin:0;padding:0;object-fit:fill}
/* REQ158：`.brand>…` 只改宽度/显示方式，不再把底板背景改成 transparent——底板现在由
   CSS 画（白字垂直居中靠它），透明会让位图上移后的 10.5px 变成一条空白。 */
.brand>.kingwell-logo{display:block;--logo-w:160px;height:auto;font-size:inherit;clip-path:none}
.footer-brand>.kingwell-logo{--logo-w:190px}.account-brand>.kingwell-logo{--logo-w:176px}
.sidebar .brand,.login-card .brand{align-items:flex-start;flex-direction:column;gap:7px;letter-spacing:0}
.sidebar .brand>.kingwell-logo,.login-card .brand>.kingwell-logo{--logo-w:180px}
.brand .brand-subtitle{color:inherit;font-size:10px;letter-spacing:.08em;line-height:1.4;margin:0}
.forced-password-brand .kingwell-logo{--logo-w:190px}
.header-quote-button{background:var(--brand-primary);color:#fff}
@media(max-width:580px){.site-header .brand>.kingwell-logo{--logo-w:132px}.account-brand>.kingwell-logo{--logo-w:145px}.footer-brand>.kingwell-logo{--logo-w:180px}}
