:root{
  --canvas:#f6f8fb;
  --panel:#fff;
  --ink:#26374d;
  --ink-2:#51647d;
  --muted:#8191a5;
  --line:#e2e9f1;
  --blue:#287fed;
  --blue-deep:#176edb;
  --blue-soft:#eef6ff;
  --green:#25b761;
  --danger:#d9555f;
  --shadow:0 8px 24px rgba(35,56,82,.055);
  --r:14px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--canvas);color:var(--ink)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.header-row{height:92px;max-width:1600px;margin:0 auto;padding:0 34px;display:grid;grid-template-columns:246px minmax(430px,1fr) max-content 226px 116px;gap:18px;align-items:center}
.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:216px;height:auto;display:block}
.global-search{position:relative}.global-search input{width:100%;height:56px;border:1px solid #d8e3ef;border-radius:14px;background:#fff;padding:0 56px 0 19px;color:var(--ink);font-size:16px;outline:none}.global-search input::placeholder{color:#96a6b9}.global-search input:focus{border-color:#77acf2;box-shadow:0 0 0 3px rgba(40,127,237,.1)}.global-search .i{position:absolute;right:17px;top:17px;color:#5e738d}
.header-tools{display:flex;align-items:center;gap:18px}.header-tool{height:42px;padding:0;border:0;background:transparent;color:#435972;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:760}.header-tool:hover{color:var(--blue)}.tool-icon{position:relative;display:grid;place-items:center}.tool-icon .i{width:23px;height:23px}.count{position:absolute;right:-7px;top:-8px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:999px;background:var(--blue);color:#fff;font-size:10px;font-weight:800}
.account{height:48px;padding:0 8px;display:grid;grid-template-columns:33px minmax(0,1fr) 16px;gap:10px;align-items:center;border:0;background:transparent;color:#334a64;text-align:left;border-radius:10px}.account:hover{background:#f5f9fd}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eaf4ff;color:var(--blue)}.avatar .i{width:18px;height:18px}.account-data{min-width:0;display:grid;gap:1px}.account-data b,.account-data span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-data b{font-size:13px}.account-data span{color:#77889d;font-size:11px}.chev{width:16px;height:16px;color:#8292a6}
.cart{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#31475f;text-decoration:none;font-size:14px;font-weight:760}.cart .i{width:23px;height:23px}.cart-icon{position:relative;display:grid;place-items:center;width:24px;height:24px}.cart-icon .count{right:-6px;top:-7px}
.main-nav{height:60px;max-width:1600px;margin:0 auto;padding:0 34px;border-top:1px solid #eef2f6;display:flex;align-items:center;gap:34px}.main-nav a,.main-nav button{height:60px;padding:0;border:0;background:transparent;display:flex;align-items:center;gap:8px;color:#53657c;text-decoration:none;font-weight:760;font-size:14px;position:relative;white-space:nowrap}.main-nav a:hover,.main-nav a.active,.main-nav button:hover{color:var(--blue)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--blue);border-radius:4px 4px 0 0}.main-nav .support{margin-left:auto;color:#63758d}.main-nav .support .i{width:18px;height:18px}
.page{max-width:1600px;margin:0 auto;padding:30px 34px 52px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.btn{height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #d8e3ef;border-radius:10px;background:#fff;color:#425770;font-size:14px;font-weight:760}.btn .i{width:19px;height:19px}.btn:hover{background:#f8fbff}.btn.primary{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(40,127,237,.16)}.btn.primary:hover{background:var(--blue-deep)}
@media(max-width:1260px){.header-row{grid-template-columns:230px minmax(320px,1fr) max-content 190px 100px;gap:14px;padding:0 28px}.brand img{width:202px}.header-tool{font-size:0}.header-tool .i{width:24px;height:24px}.main-nav{padding:0 28px;gap:26px}.page{padding-left:28px;padding-right:28px}}
@media(max-width:960px){.header-row{height:auto;grid-template-columns:1fr auto auto;grid-template-areas:"brand tools cart" "search search search" "account account account";padding:16px 20px;gap:12px}.brand{grid-area:brand}.global-search{grid-area:search}.header-tools{grid-area:tools}.account{grid-area:account}.cart{grid-area:cart}.main-nav{padding:0 20px;gap:24px;overflow:auto}.page{padding:22px 20px}.header-tool{font-size:0}}