/* Scope host placement and internal shadow styles; never style business buttons. */
cll-global-header{display:block;position:sticky;top:0;z-index:80;flex-shrink:0;min-width:0;--cll-header-height:calc(60px + env(safe-area-inset-top,0px))}
cll-global-brand{display:block;min-width:0}
cll-global-drawer{display:contents}
:host{color:#eaf4fa;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC",sans-serif;box-sizing:border-box}
:host *{box-sizing:border-box}
.header{background:#091827;color:#eaf4fa;border-bottom:1px solid #294153;padding:env(safe-area-inset-top,0px) max(8px,env(safe-area-inset-right,0px)) 0 max(8px,env(safe-area-inset-left,0px));height:calc(60px + env(safe-area-inset-top,0px))}
.header-inner{height:60px;max-width:1440px;margin:auto;display:flex;align-items:center;gap:8px;min-width:0}
.header-inner cll-global-brand{flex:1;min-width:0}
.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:8px;min-height:44px;min-width:0;width:max-content;max-width:100%}
.brand img{width:30px;height:32px;object-fit:contain;flex:none}
.brand strong{display:block;font-size:17px;letter-spacing:.1em;line-height:1.3;white-space:nowrap}
.brand small{display:block;font-size:8px;letter-spacing:.09em;color:#90aabb;white-space:nowrap;line-height:1.6}
.header-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}
button,input,a,summary{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}
.icon-button,.nav-trigger,.home-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:10px;background:transparent;text-decoration:none;flex-shrink:0}
.nav-trigger{font-size:13px;font-weight:650;padding:6px;gap:4px}
/* Icon dimensions belong to the navigation shadow roots, not page charts. */
:host svg{width:20px;height:20px;flex:none}
.icon-button:hover,.nav-trigger:hover,.home-link:hover{background:#193446}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #57dec2;outline-offset:2px}
.drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;border:0;border-right:1px solid #355062;width:min(360px,84vw);max-width:none;height:100dvh;max-height:100dvh;background:#0a1b2b;color:#eaf4fa;box-shadow:12px 0 30px #0005;overflow:hidden}
.drawer::backdrop{background:rgb(0 8 16 / .62)}
.drawer-shell{height:100%;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px)}
.drawer-top{display:flex;align-items:center;gap:8px;padding:8px;min-height:60px;border-bottom:1px solid #263e50;flex-shrink:0}
h2{font-size:17px;margin:0;flex:1;font-weight:650}.home-link{font-size:12px}
.search-wrap{margin:12px;position:relative;flex-shrink:0}.search-wrap[hidden]{display:none}.search-wrap>span{position:absolute;left:12px;top:12px;color:#95afbf;pointer-events:none}
input{width:100%;min-height:46px;background:#122b3e;color:#eef7fa;border:1px solid #38546a;border-radius:10px;padding:10px 12px 10px 40px;font-size:16px;outline-offset:2px}
.drawer-body{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;padding:0 12px 12px;scrollbar-width:thin}
.count,.muted,.empty{color:#9bb2c2;font-size:12px;margin:8px 0 12px}.menu-group{border-top:1px solid #253d50;margin-top:8px}.menu-group>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;list-style:none;color:#7ce5ce}.menu-group>summary::-webkit-details-marker{display:none}.menu-group>summary:after{content:'+';margin-left:auto;font-size:20px}.menu-group[open]>summary:after{content:'−'}.menu-group>summary>span{color:#8ba4b6;font-size:11px;font-weight:400}.menu-item{min-height:48px;display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid #1d3445;border-radius:7px;text-decoration:none;line-height:1.45;overflow-wrap:anywhere}.menu-item>span{flex:1;min-width:0}.menu-item>svg:first-child{color:#7aa7b9;width:18px;height:18px}.menu-item>svg:last-child{width:16px;height:16px;margin-left:auto;color:#638398}.menu-item small{display:block;color:#95adbd;font-size:11px;margin-top:2px}.menu-item:hover{background:#173448}.menu-item[aria-current=page]{background:#16423f;color:#84f1d6;border-left:3px solid #55dec1;padding-left:5px}.utility-links{border:1px solid #315348;border-radius:10px;background:#102c30;margin-bottom:12px}.utility-links .menu-item:last-child{border:0}.drawer-foot{display:flex;justify-content:space-around;gap:4px;flex-shrink:0;border-top:1px solid #2b4254;padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px));background:#0a1b2b}.drawer-foot a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:12px;color:#adc4d3;padding:4px}.asset-results h3{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
::slotted(*){max-width:100%}
@media(max-width:599px){.drawer{width:50vw}.drawer-top{gap:4px;padding:6px}.drawer-top h2{font-size:14px;white-space:nowrap}.drawer-top .home-link{min-width:36px;padding:6px;font-size:0}.drawer-top .home-link svg{width:18px;height:18px}.search-wrap{margin:8px}.drawer-body{padding-left:8px;padding-right:8px}.menu-item{gap:7px;padding-left:6px;padding-right:6px}.drawer-foot{justify-content:space-evenly}.drawer-foot a{font-size:11px;padding:3px}}
@media(max-width:359px){.header-inner{gap:4px}.brand{gap:5px}.brand strong{font-size:15px}.brand small{font-size:7px}.brand img{width:25px;height:28px}.header{padding-left:max(4px,env(safe-area-inset-left,0px));padding-right:max(4px,env(safe-area-inset-right,0px))}.nav-trigger{font-size:12px;padding:4px}.header-actions{gap:0}.header-actions>slot[name="search"]{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.group-landing{display:flex;align-items:center;min-height:44px;padding:8px 12px;margin:0 0 4px;color:#5fe3c4;text-decoration:none;font-size:12px;border-bottom:1px solid #234253}.group-landing[aria-current=page]{background:#193e3d;font-weight:700}

/* BINANCE R4 SHADOW APPEND central brand/header/drawer */
/* 长乐里公共导航 R4：Web Component shadow root 同步币安配色。
   此文件同时加载在 brand/header/drawer 的影子 DOM 中；只改展示。 */
:host{color:#EAECEF!important}
.header{background:#1E2329!important;border-bottom:1px solid #353B44!important;color:#EAECEF!important}
.header-inner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;max-height:60px;min-width:0!important;gap:5px!important}
.header-inner cll-global-brand{flex:1 1 auto!important;min-width:0!important}
.header-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:2px!important;flex:0 0 auto!important;min-width:0!important}
.header-actions > slot{display:contents}
.brand{color:#EAECEF!important;max-width:100%;min-width:0}
.brand strong{color:#EAECEF!important}
.brand small{color:#848E9C!important}
/* legacy recoloring filter retired: preserve original brand colors */
.nav-trigger,.icon-button,.home-link{color:#EAECEF!important}
.nav-trigger:hover,.icon-button:hover,.home-link:hover{background:#2B3139!important;color:#FCD535!important}
.nav-trigger:focus-visible,.icon-button:focus-visible,.home-link:focus-visible{outline:2px solid #FCD535!important}
.drawer,.drawer-shell,.drawer-foot{background:#1E2329!important;color:#EAECEF!important;border-color:#353B44!important}
.drawer-top{border-bottom:1px solid #353B44!important}
.drawer h2{color:#EAECEF!important}
.drawer .search-wrap input{background:#2B3139!important;color:#EAECEF!important;border-color:#474D57!important}
.drawer .search-wrap input:focus-visible{outline:2px solid #FCD535!important}
.drawer .search-wrap>span{color:#848E9C!important}
.drawer .menu-group{border-color:#353B44!important}
.drawer .menu-group>summary{color:#FCD535!important}
.drawer .menu-group>summary>span{color:#848E9C!important}
.drawer .menu-item{color:#EAECEF!important;border-color:#353B44!important}
.drawer .menu-item:hover{background:#2B3139!important}
.drawer .menu-item[aria-current="page"]{background:rgba(252,213,53,.12)!important;border-left-color:#FCD535!important;color:#FCD535!important}
.drawer .group-landing{color:#FCD535!important}
.drawer .utility-links{background:#2B3139!important;border-color:#474D57!important}
.drawer .drawer-foot a{color:#B7BDC6!important}
::slotted([slot="notifications"]),::slotted([slot="search"]){flex:0 0 44px!important;max-width:44px!important;min-width:0!important;align-self:center!important}
::slotted([slot="account"]){flex:0 0 auto!important;max-width:74px!important;min-width:44px!important;align-self:center!important}
@media(max-width:599px){
 .header{box-sizing:border-box!important;min-height:calc(60px + env(safe-area-inset-top,0px))!important;max-height:calc(60px + env(safe-area-inset-top,0px))!important;overflow:visible!important}
 .header-inner{height:60px!important;min-height:60px!important;max-height:60px!important;gap:3px!important}
 .header-actions{gap:0!important;min-height:44px!important;max-height:44px!important}
 .brand{gap:5px!important;overflow:hidden!important}
 .brand strong{font-size:15px!important}
 .brand small{font-size:7px!important}
 .brand img{width:26px!important;height:28px!important}
 .nav-trigger{width:44px!important;min-width:44px!important;padding:4px!important}
 .nav-trigger span{display:none!important}
 ::slotted([slot="account"]){flex:0 0 44px!important;min-width:44px!important;max-width:44px!important;overflow:hidden!important}
 ::slotted([slot="search"]),::slotted([slot="notifications"]){flex:0 0 44px!important;min-width:44px!important;max-width:44px!important}
}


/* Changleli navigation Pro R1: inline yellow text for true Pro member features. */
.menu-item__label{flex:1;min-width:0}
.menu-item__label--pro{display:flex;align-items:baseline;justify-content:flex-start;flex-wrap:wrap;column-gap:7px;row-gap:0}
.menu-item__label--pro>.menu-item__pro{
 display:inline-block!important;flex:0 0 auto!important;
 padding:0!important;margin:0!important;font-size:11px!important;line-height:1.25!important;
 font-weight:650!important;letter-spacing:.01em!important;white-space:nowrap!important;
 color:#FCD535!important;background:transparent!important;border:0!important;box-shadow:none!important
}
.menu-item__label:not(.menu-item__label--pro)>small{display:block;color:#848E9C;font-size:11px;margin-top:2px}

/* Binance-inspired shared chrome R1: brand retained, presentation only. */
:host{color:#eaecef}
.header{background:#181a20;color:#eaecef;border-color:#2b3139}
.brand small{color:#848e9c}
.icon-button:hover,.nav-trigger:hover,.home-link:hover{background:#2b3139}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-color:#f0b90b}
.drawer{background:#0b0e11;color:#eaecef;border-color:#2b3139;box-shadow:12px 0 30px #0008}
.drawer::backdrop{background:rgb(0 0 0 / .68)}
.drawer-top,.menu-group,.drawer-foot{border-color:#2b3139}
input{background:#181a20;color:#eaecef;border-color:#474d57}
.search-wrap>span,.count,.muted,.empty{color:#848e9c}
.menu-group>summary,.group-landing{color:#f0b90b}
.menu-group>summary>span,.menu-item small{color:#848e9c}
.menu-item{border-color:#252a32}
.menu-item>svg:first-child,.menu-item>svg:last-child{color:#848e9c}
.menu-item:hover{background:#1e2329}
.menu-item[aria-current=page]{background:rgba(240,185,11,.11);color:#f0b90b;border-left-color:#f0b90b}
.utility-links{border-color:#3b3319;background:#1e1b12}
.drawer-foot{background:#0b0e11}
.drawer-foot a{color:#b7bdc6}
.group-landing{border-color:#2b3139}
.group-landing[aria-current=page]{background:rgba(240,185,11,.11)}
@media(max-width:599px){.drawer{width:50vw;min-width:0}}

/* CLL Navigation Micro Polish R1 — shared shadow drawer styling only.
   Use exact drawer selectors to avoid altering app header / route pages. */
.drawer .drawer-top > button.icon-button.close {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
}
.drawer .drawer-top > button.icon-button.close svg {
  width:15px!important;
  height:15px!important;
  stroke-width:1.75px!important;
  flex:none!important;
}
.drawer .drawer-top > .home-link {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-height:44px!important;
  height:44px!important;
  padding:6px!important;
  flex-shrink:0!important;
}
.drawer .drawer-top > .home-link svg {
  width:17px!important;
  height:17px!important;
  stroke-width:1.8px!important;
  flex:none!important;
}
.drawer .search-wrap {
  position:relative!important;
  margin:10px 8px!important;
}
.drawer .search-wrap input {
  box-sizing:border-box!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:9px 10px 9px 38px!important;
  border-radius:11px!important;
  line-height:24px!important;
}
.drawer .search-wrap > span {
  position:absolute!important;
  left:11px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  pointer-events:none!important;
}
.drawer .search-wrap > span svg {
  width:18px!important;
  height:18px!important;
  stroke-width:1.8px!important;
}

/* CLL_ICON_UNIFY_R1 — same brand asset and icon geometry on all routes */
.header-inner .brand img{width:30px!important;height:32px!important;object-fit:contain!important}
.header-inner .nav-trigger,.header-inner .icon-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important}
.header-inner .nav-trigger svg,.header-inner .icon-button svg{width:22px!important;height:22px!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;fill:none!important}
.header-inner .nav-trigger{color:#FCD535!important}
.header-inner .icon-button{color:#EAECEF!important}
.header-inner .icon-button:focus-visible,.header-inner .nav-trigger:focus-visible{outline-color:#FCD535!important}

/* CLL_TOP_BRAND_UNIFY_R2: same brand geometry on desktop, mobile and in-app Safari */
.brand img,.header-inner .brand img{display:block!important;width:30px!important;height:32px!important;min-width:30px!important;max-width:30px!important;object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important}
.brand strong{color:#EAECEF!important;font-size:16px!important;font-weight:750!important;letter-spacing:.08em!important;line-height:1.3!important}
.brand small{color:#848E9C!important;font-size:8px!important;letter-spacing:.1em!important}
@media(max-width:390px){.brand img,.header-inner .brand img{width:28px!important;min-width:28px!important;max-width:28px!important;height:30px!important}.brand strong{font-size:15px!important}.brand small{font-size:7px!important}}

/* K3_SCHEME5_R1: horizontal gold light streak in brand area only */
.brand{position:relative!important;isolation:isolate!important;padding:0 4px 4px 0!important;overflow:visible!important}
.brand img{width:40px!important;height:40px!important;max-width:40px!important;min-width:40px!important;object-fit:contain!important;filter:drop-shadow(0 0 3px rgba(252,213,53,.22))!important}
.brand span{position:relative!important;display:block!important;min-width:0!important;padding-right:5px!important}
.brand strong{font-size:20px!important;line-height:1.04!important;letter-spacing:.045em!important;font-weight:850!important;color:#FFF0C1!important;text-shadow:0 1px 7px rgba(252,213,53,.15)!important}
.brand small{font-size:8px!important;line-height:1.3!important;letter-spacing:.15em!important;color:#D1B777!important;margin-top:4px!important}
.brand:after{content:""!important;position:absolute!important;left:28px!important;right:0!important;bottom:0!important;height:2px!important;pointer-events:none!important;background:linear-gradient(90deg,transparent,#D49A34 14%,#FFF0B2 43%,#D49A34 66%,transparent 100%)!important;box-shadow:0 0 6px rgba(237,177,55,.22)!important;opacity:.88!important}
@media(max-width:390px){.brand img{width:34px!important;height:36px!important;min-width:34px!important;max-width:34px!important}.brand strong{font-size:18px!important}.brand small{font-size:7px!important;letter-spacing:.09em!important}}

/* K3_HEADER_TAGLINE_R1: only visible wordmark size; keep K3 icon and scheme 5 streak */
.brand strong{font-size:clamp(10px,2.7vw,14px)!important;letter-spacing:0!important;font-weight:750!important;white-space:nowrap!important;line-height:1.2!important}
.brand span{min-width:0!important}.brand small{font-size:7px!important;letter-spacing:.08em!important}
@media(max-width:390px){.brand strong{font-size:11px!important}.brand img{width:32px!important;height:34px!important;min-width:32px!important;max-width:32px!important}}

/* K3_HEADER_REFINED_R1: legible compact wordmark, no blur, calm gold underline */
.header-inner .brand{gap:9px!important;align-items:center!important;padding:0 0 2px!important}
.header-inner .brand img{filter:none!important;width:36px!important;height:38px!important;min-width:36px!important;max-width:36px!important}
.header-inner .brand span{padding-right:0!important}
.header-inner .brand strong{font-size:13px!important;font-weight:700!important;letter-spacing:0!important;line-height:1.35!important;color:#F4E4BD!important;text-shadow:none!important}
.header-inner .brand small{font-size:8px!important;letter-spacing:.075em!important;line-height:1.3!important;margin-top:3px!important;color:#B9A36C!important}
.header-inner .brand:after{left:45px!important;right:0!important;bottom:0!important;height:1px!important;box-shadow:none!important;opacity:.7!important}
@media(max-width:390px){.header-inner .brand{gap:6px!important}.header-inner .brand img{width:30px!important;height:33px!important;min-width:30px!important;max-width:30px!important}.header-inner .brand strong{font-size:11px!important}.header-inner .brand small{font-size:7px!important}.header-inner .brand:after{left:35px!important}}