/* 玄元堂顶部品牌区：紧凑版，只管顶部 */

.topbar,
.front-topbar{
  overflow:visible !important;
  min-height:112px !important;
  align-items:flex-start !important;
  padding-top:16px !important;
  padding-bottom:14px !important;
}

/* 左侧整体 */
.top-left{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:8px !important;
  min-width:0 !important;
  padding-top:0 !important;
}

/* 第一层：logo + 玄元堂 */
.top-left .brand-head{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  margin:0 !important;
  height:38px !important;
}

/* logo */
.top-left .xyt-logo{
  display:block !important;
  width:56px !important;
  max-height:36px !important;
  object-fit:contain !important;
  background:transparent !important;
  mix-blend-mode:normal !important;
  filter:none !important;
  margin:0 !important;
  flex:0 0 auto !important;
}

/* 标题区 */
.top-left .brand-text{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  padding:0 !important;
}

.top-left .brand-title{
  font-family:"STKaiti","Kaiti SC","KaiTi","Songti SC","Noto Serif CJK SC",serif !important;
  font-size:25px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:.03em !important;
  color:#1f1814 !important;
  white-space:nowrap !important;
  transform:none !important;
}

.top-left .brand-sub{
  display:none !important;
}

/* 第二层：添加到桌面，靠近但不压标题 */
.top-left > .btn,
.top-left > button,
.top-left > a.btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  height:34px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  align-self:flex-start !important;
}

/* 右侧账号区 */
.account,
.compact-account{
  align-self:flex-start !important;
  text-align:right !important;
  z-index:2 !important;
  padding-top:0 !important;
}

@media (max-width:640px){
  .topbar,
  .front-topbar{
    min-height:108px !important;
    padding-top:15px !important;
    padding-bottom:13px !important;
  }

  .top-left{
    gap:7px !important;
  }

  .top-left .brand-head{
    height:36px !important;
    gap:9px !important;
  }

  .top-left .xyt-logo{
    width:52px !important;
    max-height:34px !important;
  }

  .top-left .brand-title{
    font-size:23px !important;
  }

  .top-left > .btn,
  .top-left > button,
  .top-left > a.btn{
    height:33px !important;
    padding:0 14px !important;
    font-size:13px !important;
  }
}

@media (max-width:390px){
  .topbar,
  .front-topbar{
    min-height:104px !important;
  }

  .top-left .xyt-logo{
    width:50px !important;
    max-height:32px !important;
  }

  .top-left .brand-title{
    font-size:22px !important;
  }
}