/* Desktop sizes and section order come from the original prototype. */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip}
body{min-width:320px}
img,svg{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #1b5fd0;outline-offset:3px}
.mobile-nav{display:none}
.mobile-nav.is-open{display:flex;flex-wrap:wrap;gap:12px;padding:14px 24px;border-top:1px solid #e2e8f0;background:white}
.mobile-menu-toggle{display:none}
.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
@media(max-width:1279px){.mobile-menu-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:6px;color:#475569}}
@media(max-width:1023px){
  main>section>div.flex.gap-10{flex-direction:column}
  main>section>div.flex.gap-10>aside{width:100%;max-width:none}
  main>div.flex{flex-wrap:wrap}
  main>div.flex>aside{width:100%;flex-basis:100%}
  main>div.flex>section{min-width:0;flex-basis:100%}
}
@media(max-width:767px){
  header>div:first-child{height:64px;gap:8px;padding-left:16px;padding-right:16px}
  header a[data-i18n-keep]>span:last-child>span:last-child{display:none}
  header a[data-i18n-keep]>span:last-child>span:first-child{font-size:15px}
  header a[data-i18n-keep]>span:first-child{height:32px;width:32px}
  #authEntry{gap:0}
  #authEntry>a{font-size:12px;padding:7px}
  header .ml-auto{gap:0}
  #langLabel{display:none}
  header [aria-label="搜索"]{display:none}
  header .relative.ml-1>button{width:28px;padding-left:4px;padding-right:4px;gap:0}
  header .relative.ml-1>button iconify-icon:last-child{display:none!important}
  .mobile-menu-toggle{width:32px}
  main h1.text-\[45px\]{font-size:30px;line-height:1.3}
  main h1.text-\[40px\],main h1.text-\[38px\],main h1.text-\[36px\]{font-size:28px}
  main>section>.px-6,main>.px-6,footer>.px-6{padding-left:16px;padding-right:16px}
  main>section>div.flex.gap-10{gap:24px;padding-top:32px;padding-bottom:32px}
  main>section>div.flex.gap-10>div{width:100%}
  main>section>div.grid.grid-cols-2{gap:22px}
  main>section>div.grid.grid-cols-2>div{gap:12px}
  main>section>div.grid.grid-cols-2>div>span{height:40px;width:40px}
  .fixed.inset-0>div{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto}
  .fixed.inset-0{padding:12px}
  .w-\[352px\],.w-\[360px\],.w-\[380px\],.w-\[420px\]{width:100%;max-width:100%}
  .grid-cols-\[1fr_350px\],.grid-cols-\[1fr_360px\],.grid-cols-\[280px_1fr\],.grid-cols-\[260px_1fr\]{grid-template-columns:minmax(0,1fr)}
  form button.px-9{padding-left:16px;padding-right:16px}
  main .px-7{padding-left:20px;padding-right:20px}
  .table-scroll table{min-width:560px}
}
@media(max-width:359px){header a[data-i18n-keep]>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}