.price-switch{position:relative;padding-top:72px;scroll-margin-top:88px}
.price-switch-tabs{display:flex;gap:12px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.14)}
.price-switch-tabs button{appearance:none;cursor:pointer;border:1px solid rgba(255,255,255,.19);border-radius:8px;background:rgba(8,8,8,.5);color:#a5a9b0;padding:14px 32px;font:700 clamp(18px,2vw,24px)/1.2 "Microsoft YaHei","PingFang SC",sans-serif;transition:color .2s,background .2s,border-color .2s}
.price-switch-tabs button:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.price-switch-tabs button[aria-selected=true]{color:#101114;background:#e8e9eb;border-color:#e8e9eb;box-shadow:0 0 28px rgba(213,220,234,.1)}
.price-switch-tabs button:focus-visible,.price-switch-panel:focus-visible{outline:2px solid #d2dbea;outline-offset:5px}
.price-switch-body{position:relative;isolation:isolate}
.price-switch-panel{padding-top:0!important;scroll-margin-top:104px}
.price-switch-panel[hidden],.price-switch-effect[hidden]{display:none!important}
.price-switch.is-switching .price-switch-panel{visibility:hidden}
.price-switch-effect{position:absolute;inset:0;z-index:4;pointer-events:auto;background:#080808}
.price-switch-effect>.wrap{height:100%}
.price-switch-video-frame{position:relative;width:100%;height:100%;overflow:clip;border-radius:10px;background:#080808;box-shadow:0 18px 70px rgba(0,0,0,.6)}
.price-switch-video-art{position:sticky;top:90px;width:100%;max-width:calc((100svh - 160px)*2.245614);aspect-ratio:1280/570;margin-inline:auto;overflow:hidden;border-radius:inherit}
/* The source includes demonstration buttons in its upper 75 pixels. Crop both
   edges equally, preserving the central scan and the original video artwork. */
.price-switch-video-frame video{position:absolute;left:0;top:-13.157895%;width:100%;height:auto;display:block}
#fun .event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#fun .event{position:relative;min-width:0;border-radius:10px}
#fun .ev-img{height:82px;font-size:30px}
#fun .ev-img img{max-width:100%;max-height:100%;object-fit:contain}
#fun .ev-body{padding:12px}
#fun .ev-body h3{font-size:14px;line-height:1.5;margin-bottom:6px}
#fun .ev-meta{font-size:10px;margin-bottom:8px}
#fun .ev-desc{font-size:12px;line-height:1.65;margin-bottom:12px;overflow-wrap:anywhere}
#fun .ev-badge{top:9px;left:9px;margin:0;font-size:9px;padding:3px 6px}
#fun .ev-body .btn{font-size:11px;padding:8px 10px;min-width:0;min-height:34px}
@media(min-width:580px){#fun .event-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:800px){#fun .event-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1050px){#fun .event-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:1280px){#fun .event-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){.price-switch{padding-top:44px}.price-switch-tabs{gap:10px;margin-bottom:24px}.price-switch-tabs button{flex:1;padding:14px 12px}.price-switch-video-frame{border-radius:6px}}
@media(prefers-reduced-motion:reduce){.price-switch-tabs button{transition:none}.price-switch-effect{display:none!important}}