@layer components{.mall-app{flex-direction:column;min-height:100dvh;display:flex}.mall-skip{z-index:100;top:-100px;background:var(--ui-ink);color:var(--ui-on-ink);border-radius:12px;padding:12px 16px;font-size:.875rem;font-weight:800;position:absolute;inset-inline-start:16px}.mall-skip:focus{top:12px}.mall-brand{flex:none;align-items:center;gap:10px;min-width:0;min-height:44px;display:flex}.mall-brand-logo{object-fit:contain;max-width:120px;max-height:40px;display:block}.mall-brand-mark{color:#fff;background:linear-gradient(135deg,#2f66e0,#7a4fe0);border-radius:14px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 6px 16px #2f66e04d}.mall-brand-mark svg{width:22px;height:22px}.mall-brand-text{min-width:0;display:grid}.mall-brand-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:900;line-height:1.5;overflow:hidden}.mall-brand-text small{color:var(--ui-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1.5;overflow:hidden}.mall-nav a,.mall-rail-nav a,.mall-bottom-nav a{isolation:isolate;position:relative}.mall-nav-highlight{z-index:-1;border-radius:inherit;background:var(--ui-card);box-shadow:inset 0 0 0 1px var(--ui-line), var(--ui-shadow);position:absolute;inset:0}.mall-nav-icon{flex:none;place-items:center;width:20px;height:20px;display:grid}.mall-nav-icon>svg{width:100%;height:100%}a[aria-current=page]>.mall-nav-icon{color:var(--ui-accent-ink)}.mall-header{border-bottom:1px solid var(--ui-line);background:var(--ui-bg)}.mall-header-inner{align-items:center;gap:16px;width:100%;max-width:1200px;min-height:60px;margin:0 auto;padding:8px 16px;display:flex}.mall-nav,.mall-header-account{display:none}@media (min-width:800px){.mall-header{z-index:40;background:color-mix(in srgb, var(--ui-bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.mall-header-inner{gap:20px;min-height:72px;padding:0 32px}.mall-nav{align-items:center;gap:2px;display:flex}.mall-nav a{min-height:44px;color:var(--ui-muted);white-space:nowrap;transition:color .18s var(--ui-ease);border-radius:12px;align-items:center;gap:8px;padding:0 14px;font-size:.9375rem;font-weight:700;display:inline-flex}.mall-nav a:hover,.mall-nav a[aria-current=page]{color:var(--ui-ink)}.mall-header-account{min-height:44px;margin-inline-start:auto;font-size:.875rem;display:inline-flex}}@media (min-width:800px) and (max-width:1023.98px){.mall-nav .mall-nav-icon{display:none}.mall-nav a{padding:0 11px}}.mall-content{flex:1;min-width:0}.mall-footer{border-top:1px solid var(--ui-line)}.mall-footer-inner{width:100%;max-width:1200px;color:var(--ui-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin:0 auto;padding:16px;font-size:.8125rem;display:flex}.mall-footer p{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;display:flex}.mall-footer strong{color:var(--ui-ink);font-size:.875rem;font-weight:800}.mall-footer nav{flex-wrap:wrap;gap:0 20px;display:flex}.mall-footer a{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.mall-footer a:hover{color:var(--ui-ink);text-underline-offset:4px;text-decoration:underline}@media (min-width:800px){.mall-footer-inner{padding:20px 32px}}.mall-bottom-nav{display:none}@media (max-width:799.98px){.mall-app:not(.mall-app-map){padding-bottom:calc(69px + env(safe-area-inset-bottom))}.mall-bottom-nav{z-index:50;inset-inline:0;padding:8px max(8px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--ui-line);background:color-mix(in srgb, var(--ui-card) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;display:grid;position:fixed;bottom:0}.mall-bottom-nav a{min-height:52px;color:var(--ui-muted);-webkit-tap-highlight-color:transparent;border-radius:14px;align-content:center;justify-items:center;gap:3px;padding:4px 2px;font-size:.75rem;font-weight:700;line-height:1.4;display:grid}.mall-bottom-nav a[aria-current=page]{color:var(--ui-ink)}.mall-bottom-nav .mall-nav-highlight{background:var(--ui-accent-soft);box-shadow:none;inset:3px 6px}.mall-bottom-nav .mall-nav-icon{width:24px;height:24px}.mall-bottom-nav span:not(.mall-nav-highlight){text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}}.mall-drawer-backdrop{z-index:57;cursor:default;background:#11131866;position:fixed;inset:0}.mall-rail{z-index:58;width:min(320px,88vw);padding:max(20px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom));background:var(--ui-card);box-shadow:48px 0 0 0 var(--ui-card), var(--ui-shadow-lift);visibility:hidden;flex-direction:column;gap:24px;transition:transform .5s cubic-bezier(.32,1.32,.5,1),visibility .5s;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(100%)}.mall-rail.is-open{visibility:visible;transform:none}.mall-rail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.mall-rail-nav{gap:4px;display:grid}.mall-rail-nav a{min-height:50px;color:var(--ui-muted);border-radius:14px;align-items:center;gap:12px;padding:0 14px;font-size:.9375rem;font-weight:700;display:flex}.mall-rail-nav a:hover,.mall-rail-nav a[aria-current=page]{color:var(--ui-ink)}.mall-rail-nav .mall-nav-highlight{background:var(--ui-accent-soft);box-shadow:none}.mall-rail-nav .mall-nav-icon{width:22px;height:22px}.mall-rail-footer{gap:4px;margin-top:auto;display:grid}@media (prefers-reduced-motion:reduce){.mall-rail{transition:none}}}