html { scroll-behavior: smooth; }
body { min-width: 320px; }
[style*="opacity:0"] { opacity: 1 !important; }
.wx-svc-panel:not(.is-active) { display: none !important; }
.lite-mega { position: fixed; z-index: 1000; top: 68px; left: 50%; transform: translateX(-50%); width: min(760px, calc(100vw - 28px)); padding: 22px; border: 1px solid var(--wx-border-card); border-radius: 18px; background: var(--wx-card); box-shadow: 0 18px 60px rgba(0,0,0,.18); }
.lite-mega[hidden] { display: none; }
.lite-mega-title { margin: 0 0 14px; font: 700 1.1rem/1.2 var(--font-sans, sans-serif); color: var(--wx-text); }
.lite-mega-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.lite-mega a { display: block; padding: 14px; border-radius: 12px; border: 1px solid var(--wx-border-card); color: var(--wx-text); text-decoration: none; background: var(--wx-bg); }
.lite-mega a:hover { border-color: var(--wx-accent); transform: translateY(-1px); }
.lite-mega small { display: block; margin-top: 4px; color: var(--wx-muted); }
.lite-mobile-menu { position: fixed; inset: 64px 12px auto; z-index: 1100; display: grid; gap: 8px; padding: 16px; border: 1px solid var(--wx-border-card); border-radius: 16px; background: var(--wx-card); box-shadow: 0 18px 60px rgba(0,0,0,.2); }
.lite-mobile-menu[hidden] { display: none; }
.lite-mobile-menu a { padding: 13px; color: var(--wx-text); text-decoration: none; border-radius: 10px; background: var(--wx-bg); }
@media (max-width: 700px) { .lite-mega-grid { grid-template-columns: 1fr; } .lite-mega { top: 62px; max-height: calc(100vh - 80px); overflow: auto; } }