/* Static interaction enhancements. Keep this file when editing page HTML directly. */
[data-static-header].is-scrolled {
  background-color: rgba(250, 247, 242, .95) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 20px rgba(30, 42, 58, .06);
}
@media (min-width: 768px) {
  [data-static-header].is-scrolled > div:first-child {
    max-height: 0 !important;
    opacity: 0 !important;
    border-color: transparent !important;
  }
}
@media (min-width: 1024px) {
  [data-static-header] nav.hidden.lg\:flex > .group:hover > div.absolute {
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
    pointer-events: auto !important;
  }
}
[data-static-mobile-drawer].is-open {
  max-height: calc(100vh - 80px) !important;
  opacity: 1 !important;
}
[data-static-mobile-submenu].is-open { display: block !important; }
.static-qr-tooltip {
  position: fixed;
  z-index: 100;
  width: 100px;
  height: 100px;
  object-fit: contain;
  pointer-events: none;
  transform: translateX(-50%);
}
[data-static-filter].is-active {
  background-color: #1e2a3a !important;
  border-color: #1e2a3a !important;
  color: #fff !important;
}
[data-static-filter][data-static-filter="全部"].is-active {
  background-color: #b88968 !important;
  border-color: #b88968 !important;
}