/* OKPAN v203 HOTFIX59 · global official O+K brand identity
   One component across homepage, product pages, account pages, user center and all share pages. */

/* Official vector mark everywhere. */
html body .site-header .brand .brand-mark,
html body .topbar .brand .brand-mark,
html body .sidebar .brand .brand-mark,
html body .share-conversion-mark .brand-mark{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  display:block!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:url("assets/okpan-official-mark.svg") center/contain no-repeat!important;
  background-image:url("assets/okpan-official-mark.svg")!important;
  background-size:contain!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
}
html body .topbar .brand .brand-mark{background-image:url("/assets/okpan-official-mark.svg")!important}
html body .site-header .brand .brand-mark::before,html body .site-header .brand .brand-mark::after,
html body .topbar .brand .brand-mark::before,html body .topbar .brand .brand-mark::after,
html body .sidebar .brand .brand-mark::before,html body .sidebar .brand .brand-mark::after,
html body .share-conversion-mark .brand-mark::before,html body .share-conversion-mark .brand-mark::after{display:none!important;content:none!important}
html body .brand .brand-mark>i,html body .brand .brand-mark>span,html body .share-conversion-mark .brand-mark>i,html body .share-conversion-mark .brand-mark>span{display:none!important}

/* Global header lockup: logo on the left, one-line OK云盘 on the right. */
html body .site-header .brand,
html body .topbar .brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  color:#111827!important;
  white-space:nowrap!important;
}
html body .site-header .brand .brand-title,
html body .topbar .brand .brand-title{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  color:#111827!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

/* User center uses exactly the same lockup, with the sidebar toggle kept on the right. */
html body.okpan-new-user-center .sidebar .brand .brand-home-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  text-decoration:none!important;
  color:#111827!important;
}
html body.okpan-new-user-center .sidebar .brand .brand-title{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  color:#111827!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

/* Conversion card keeps the same symbol but its own larger mark size. */
html body .share-conversion-mark .brand-mark{width:40px!important;min-width:40px!important;height:40px!important;flex-basis:40px!important}

@media(max-width:900px){
  html body .site-header .brand,html body .topbar .brand,html body.okpan-new-user-center .sidebar .brand .brand-home-link{gap:6px!important}
  html body .site-header .brand .brand-mark,html body .topbar .brand .brand-mark,html body .sidebar .brand .brand-mark{width:30px!important;min-width:30px!important;height:30px!important;flex-basis:30px!important}
  html body .site-header .brand .brand-title,html body .topbar .brand .brand-title,html body.okpan-new-user-center .sidebar .brand .brand-title{font-size:18px!important}
}