/* V2.4 approved brand lockup, topbar 70px, no dashboard/AI modifications. */
.topbar .zd-wordmark{position:relative;display:inline-flex;flex-shrink:0;align-items:center;white-space:nowrap;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:29px;font-weight:900;line-height:1;letter-spacing:-.07em;background:linear-gradient(138deg,#081f42,#0c3973);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-synthesis:weight}
.topbar .zd-dou{position:relative;display:inline-block;padding-right:1px}
.topbar .zd-accent{position:absolute;z-index:1;width:7px;height:9px;border-radius:2px;transform:rotate(-43deg);background:linear-gradient(150deg,#25e5ef,#1589ff);box-shadow:0 0 0 1px #ffffff29;-webkit-text-fill-color:initial}
.topbar .zd-a{right:9px;top:1px}.topbar .zd-b{right:5px;top:15px}
.topbar .brand-copy>small em{font-style:normal;color:#3c82c3;font-weight:800}
@media(min-width:1251px){
.topbar{padding-left:417px;height:70px}.topbar>.brand{width:401px;height:70px;gap:11px;padding:0 0 0 17px}.topbar .brand-owl{width:44px;height:44px;flex-basis:44px}
.topbar .brand-type{flex-direction:row;align-items:center;gap:12px;white-space:nowrap}
.topbar .brand-copy{position:relative;display:flex;flex-direction:column;gap:5px;padding-left:13px}.topbar .brand-copy:before{content:"";position:absolute;left:0;top:0;width:1px;height:34px;background:#d6e2f0}
.topbar .brand-copy>strong{font-size:14px;color:#183459;font-weight:760;line-height:1.15;letter-spacing:0}.topbar .brand-copy>small{font-size:11.5px;color:#5b789e;font-weight:600;line-height:1.2;letter-spacing:0;margin:0}
.topbar .topbar-context{display:none}
}
@media(min-width:1051px) and (max-width:1250px){
.topbar{padding-left:368px;padding-right:12px}.topbar>.brand{width:354px;height:70px;padding-left:13px;gap:8px}.topbar .brand-owl{width:39px;height:39px;flex-basis:39px}
.topbar .brand-type{flex-direction:row;align-items:center;gap:8px;white-space:nowrap}.topbar .zd-wordmark{font-size:25px}
.topbar .brand-copy{position:relative;display:flex;flex-direction:column;gap:4px;padding-left:10px}.topbar .brand-copy:before{content:"";position:absolute;left:0;top:0;width:1px;height:30px;background:#d6e2f0}
.topbar .brand-copy>strong{font-size:12px;color:#183459;font-weight:750;line-height:1.1}.topbar .brand-copy>small{font-size:10px;color:#607d9e;font-weight:590;line-height:1.1;margin:0}.topbar .topbar-context{display:none}
.topbar .zd-accent{width:6px;height:7px}.topbar .zd-b{top:13px}
}
@media(max-width:1050px){.topbar .zd-wordmark{font-size:23px}.topbar .brand-copy{display:none}.topbar .zd-accent{width:6px;height:7px}.topbar .zd-b{top:12px}}
@media(max-width:770px){.topbar .zd-wordmark{font-size:20px}.topbar .zd-accent{width:5px;height:6px}.topbar .zd-a{right:7px}.topbar .zd-b{right:4px;top:10px}}

/* V2.4.1: restore complete Chinese character 抖. The parent wordmark has transparent text fill for gradient; the nested character must explicitly fill dark blue. */
.topbar .zd-wordmark .zd-dou{color:#0c3973;-webkit-text-fill-color:#0c3973;background:none;-webkit-background-clip:border-box;background-clip:border-box}
.topbar .zd-wordmark .zd-accent{pointer-events:none}

/* V2.5: exact-glyph two-tone wordmark. No detached diamond accents.
   The same U+6296 抖 is overlaid only within the two original upper strokes.
   Always render both complete base characters, including in Safari/WebKit. */
.topbar .zd-wordmark{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#0b2b58!important;
  -webkit-text-fill-color:#0b2b58!important;
  font-weight:900;
  letter-spacing:-.055em;
}
.topbar .zd-wordmark>span{
  color:#0b2b58!important;
  -webkit-text-fill-color:#0b2b58!important;
}
.topbar .zd-wordmark .zd-dou{position:relative;isolation:isolate;}
.topbar .zd-wordmark .zd-accent{display:none!important;}
.topbar .zd-wordmark .zd-dou::before{
  content:"抖";
  position:absolute;
  top:0;left:0;
  font:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  color:#04b9f5;
  -webkit-text-fill-color:#04b9f5;
  background:none;
  pointer-events:none;
  z-index:1;
  -webkit-mask-image:radial-gradient(ellipse 11% 10% at 66% 22%,#000 95%,transparent 100%),radial-gradient(ellipse 11% 10% at 74% 43%,#000 95%,transparent 100%);
  mask-image:radial-gradient(ellipse 11% 10% at 66% 22%,#000 95%,transparent 100%),radial-gradient(ellipse 11% 10% at 74% 43%,#000 95%,transparent 100%);
}