/* Desktop keeps the approved compact height; mobile shows the complete image. */
.wl-explore-banner{display:block;position:relative;isolation:isolate;overflow:hidden;
aspect-ratio:8/1;min-height:0;padding:0!important;border:0!important;border-radius:12px;
margin:0 0 16px;background:#12392b;text-decoration:none;box-shadow:0 3px 0 #12392b20}
.wl-explore-banner img{display:block!important;width:100%!important;height:100%!important;
max-height:none!important;object-fit:cover;object-position:center;margin:0!important}
.wl-explore-banner:focus-visible{outline:3px solid #a87925;outline-offset:4px}
@media(max-width:700px){.wl-explore-banner{aspect-ratio:2170/725;border-radius:9px}
.wl-explore-banner img{object-fit:contain}}
/* 可复用横幅动效素材：原图保持静止，只叠加低透明度微光和金色光点。
   动效只改变 transform / opacity，不改变横幅尺寸或图片裁切比例。 */
.wl-explore-banner{position:relative;isolation:isolate;transition:box-shadow .25s ease,filter .25s ease}
.wl-explore-sheen{position:absolute;z-index:1;pointer-events:none;top:-50%;left:0;width:23%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,230,163,.12),rgba(255,249,218,.24),rgba(255,230,163,.12),transparent);mix-blend-mode:screen;transform:translateX(-180%) skewX(-22deg);animation:wl-explore-gold-sweep 9s ease-in-out infinite}
.wl-explore-dust{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.wl-explore-dust i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f7dc99;box-shadow:0 0 6px #f0c66c80;opacity:0;animation:wl-explore-dust-drift var(--duration) ease-in-out var(--delay) infinite}
.wl-explore-banner:hover,.wl-explore-banner:focus-visible{box-shadow:0 0 0 1px #d8b36380,0 4px 22px #8b6e2330;filter:brightness(1.045)}
@keyframes wl-explore-gold-sweep{0%,30%{opacity:0;transform:translateX(-180%) skewX(-22deg)}36%{opacity:.8}58%{opacity:.8}66%,100%{opacity:0;transform:translateX(600%) skewX(-22deg)}}
@keyframes wl-explore-dust-drift{0%{opacity:0;transform:translate3d(0,9px,0) scale(.7)}25%{opacity:.5}70%{opacity:.24}100%{opacity:0;transform:translate3d(13px,-17px,0) scale(1.1)}}
/* 用户暂停、页面不可见或横幅离开视口时停住，避免后台无意义播放。 */
.motion-paused .wl-explore-sheen,.motion-paused .wl-explore-dust i,
[data-motion-visible="false"] .wl-explore-sheen,[data-motion-visible="false"] .wl-explore-dust i,
body[data-page-hidden="true"] .wl-explore-sheen,body[data-page-hidden="true"] .wl-explore-dust i{animation-play-state:paused}
/* 系统选择减少动态效果时保留静态原图，停止所有装饰性动效。 */
@media(prefers-reduced-motion:reduce){.wl-explore-sheen,.wl-explore-dust{display:none}.wl-explore-banner{transition:none}}
