.warehouse-tour { position: fixed; inset: 0; z-index: 10000; pointer-events: none; }
.warehouse-tour__shade { position: fixed; background: rgb(7 41 31 / .68); pointer-events: auto; }
.warehouse-tour__ring { position: fixed; border: 3px solid var(--lihua-gold); border-radius: 10px; box-shadow: 0 0 0 2px #fff, 0 12px 30px rgb(0 0 0 / .18); pointer-events: none; }
.warehouse-tour__tip { position: fixed; z-index: 1; width: min(380px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; overscroll-behavior: contain; padding: 20px; border: 1px solid #d5e5da; border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 18px 56px rgb(0 0 0 / .28); pointer-events: auto; }
.warehouse-tour__tip small { color: var(--muted); font-weight: 750; }
.warehouse-tour__tip h3 { margin: 9px 0; }
.warehouse-tour__tip p { margin: 0 0 16px; line-height: 1.5; }
.warehouse-tour__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.warehouse-tour__actions button, .warehouse-tour__go, .warehouse-tour-launch { min-height: 44px; }
.warehouse-tour__go { width: 100%; margin-top: 10px; }
.warehouse-tour__tip button:focus-visible { outline: 3px solid var(--focus-contrast); outline-offset: 3px; }
.warehouse-tour-launch { flex: 0 0 auto; }
dialog .warehouse-tour { position: fixed; z-index: 1; }
@media (max-width: 576px) {
  .warehouse-tour__tip { width: calc(100vw - 20px); padding: 16px; }
  .warehouse-tour__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .warehouse-tour__actions [data-warehouse-tour-close] { grid-column: 1 / -1; }
  .warehouse-tour__actions button { min-width: 0; }
  .warehouse-tour-launch { width: 100%; }
}
@media (hover: hover) {
  .warehouse-tour-launch:hover { border-color: var(--lihua-gold); }
}