.theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  order:2;
  width:30px;
  min-width:30px;
  height:30px;
  margin-left:0;
  padding:0;
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font:900 0/1 Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
  letter-spacing:0;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.nav .language-switch{order:3;margin-left:8px}
.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.theme-toggle:focus-visible{outline:2px solid rgba(230,0,18,.32);outline-offset:2px}
.theme-toggle-dot{
  position:relative;
  width:13px;
  height:13px;
  border-radius:999px;
  border:1px solid currentColor;
}
.theme-toggle-dot::after{
  content:"";
  position:absolute;
  top:2px;
  right:2px;
  width:4px;
  height:4px;
  border-radius:999px;
  background:currentColor;
}
html[data-theme="three"] .theme-toggle,
.topbar.scrolled .theme-toggle{
  border-color:rgba(230,0,18,.28);
  background:#fff;
  color:var(--red);
}
html[data-theme="three"] .topbar.scrolled .theme-toggle{
  border-color:rgba(230,0,18,.28);
  background:#fff;
  color:var(--red);
}
.page-index .hero h1{
  line-height:1.12;
}
.lang-en .hero .wrap > div:first-child,
.lang-en .hero h1{
  max-width:590px;
}
@media (min-width:1181px){
  html[data-theme="three"] .page-index .hero-media{
    transform:translate(56px,-43%) !important;
  }
}
@media (min-width:1500px){
  html[data-theme="three"] .page-index .hero-media{
    transform:translate(96px,-43%) !important;
  }
}
@media (max-width:1440px) and (min-width:1181px){
  .nav{padding-left:36px !important;padding-right:36px !important;gap:18px !important}
  .brand{flex-basis:390px !important;width:390px !important;min-width:390px !important}
  .brand-text strong{font-size:44px !important}
  .links{gap:18px !important}
  .links a{font-size:18px !important}
  .language-switch{font-size:14px !important}
}
@media (max-width:1180px){
  .nav{grid-template-columns:minmax(0,1fr) auto auto auto !important}
  .theme-toggle{grid-column:3;grid-row:1;align-self:center;margin-left:0}
  .menu-toggle{grid-column:4 !important;grid-row:1}
}
@media (max-width:720px){
  .nav{grid-template-columns:minmax(0,1fr) auto auto auto !important;gap:10px 8px}
  .theme-toggle{width:32px;min-width:32px;height:32px;padding:0}
  .lang-en .brand{gap:8px !important;min-width:0 !important}
  .lang-en .brand-text strong{font-size:20px !important}
  .lang-en .brand-box img{height:36px !important}
}