.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:var(--price-anchor-offset,200px)}
.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}
#price .tabs .tab,#fun .tabs .tab{color:#e2e6ec;font-weight:700}
#price .tabs .tab:hover,#fun .tabs .tab:hover{color:#fff}
#price .tabs .tab.on,#fun .tabs .tab.on{color:#101010}
#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:180px!important;min-height:180px;max-height:180px;flex:0 0 180px;overflow:hidden;font-size:30px}
#fun .ev-img img{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:none!important;object-fit:cover!important;object-position:center top!important;margin:0!important;border-radius:0!important}
#fun .ev-body{padding:12px}
#fun .ev-body h3{font-size:14px;line-height:1.5;margin-bottom:12px}
#fun .ev-meta,#fun .ev-desc{display:none!important}
#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}}

/* 分类02–11：四列、两排窗口，更多条目在区域内部滚动。 */
#fun .tab-pane:not([data-pane="hot"]) .event-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:300px;gap:16px;max-height:616px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#778291 #14171b;scrollbar-gutter:stable;align-content:start}
#fun .tab-pane:not([data-pane="hot"]) .event-grid:focus-visible{outline:2px solid #b9c7d9;outline-offset:3px}
#fun .tab-pane:not([data-pane="hot"]) .event-grid>.event{height:300px;min-height:0}
#fun .tab-pane:not([data-pane="hot"]) .event-grid>.event .ev-img{height:auto!important;min-height:0;max-height:none;flex:1 1 0}
#fun .tab-pane:not([data-pane="hot"]) .event-grid>.event .ev-body{min-height:0;flex:0 0 auto}
#fun .tab-pane:not([data-pane="hot"]) .event-grid>.event h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 8px}
#fun .tab-pane:not([data-pane="hot"]) .event-grid>.event .ev-body .btn{margin-top:0}
@media(max-width:700px){#fun .tab-pane:not([data-pane="hot"]) .event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:612px}}

#fun [data-fun-image-detail]{cursor:pointer}
#fun [data-fun-image-detail]:focus-visible{outline:2px solid #d1dae7;outline-offset:-3px}

/* 本月新单：默认四张横向卡片，更多内容内部滚动。 */
#fun [data-pane="hot"] .event-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:242px;gap:20px;max-height:504px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#778291 #14171b;scrollbar-gutter:stable;align-content:start}
#fun [data-pane="hot"] .event{display:grid;grid-template-columns:56% minmax(0,1fr);height:242px;min-height:0}
#fun [data-pane="hot"] .ev-img{height:240px!important;min-height:240px;max-height:240px;flex:none;font-size:44px}
#fun [data-pane="hot"] .ev-body{padding:24px;justify-content:center;align-items:flex-start}
#fun [data-pane="hot"] .ev-body h3{font-size:20px;line-height:1.5;margin-bottom:24px;overflow-wrap:anywhere}
#fun [data-pane="hot"] .ev-body .btn{font-size:13px;padding:10px 14px}
@media(max-width:700px){
  #fun [data-pane="hot"] .event-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:182px;gap:16px;max-height:776px}
  #fun [data-pane="hot"] .event{grid-template-columns:50% minmax(0,1fr);height:182px;min-height:0}
  #fun [data-pane="hot"] .ev-img{height:180px!important;min-height:180px;max-height:180px}
  #fun [data-pane="hot"] .ev-body{padding:16px}
  #fun [data-pane="hot"] .ev-body h3{font-size:17px;margin-bottom:18px}
  #fun [data-pane="hot"] .ev-body .btn{font-size:12px;padding:9px 11px}
}

#fun [data-pane="hot"] .ev-badge{left:auto;right:12px;top:12px;font-size:11px;font-weight:700;color:#e1e7ef}
#fun [data-pane="hot"] .event-grid:focus-visible{outline:2px solid #b9c7d9;outline-offset:3px}

/* 新单使用共享模块内容，仅在此处展示简介及分类。 */
#fun [data-pane="hot"] .monthly-order{grid-template-columns:44% minmax(0,1fr)}
#fun [data-pane="hot"] .monthly-order .ev-body{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:20px;min-width:0;min-height:0}
#fun [data-pane="hot"] .monthly-order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
#fun [data-pane="hot"] .monthly-order-head h3{flex:1;min-width:0;margin:0;font-size:18px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#fun [data-pane="hot"] .monthly-order-head .btn{flex:none;font-size:12px;padding:8px 10px;margin:0;white-space:nowrap}
#fun [data-pane="hot"] .monthly-order .monthly-order-description{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;align-self:center;max-height:100%;margin:0;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#bec6d1}
#fun [data-pane="hot"] .monthly-order-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;width:100%}
#fun [data-pane="hot"] .monthly-order-category{font-size:12px;color:#a9b4c3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#fun [data-pane="hot"] .monthly-order-new{flex:none;font:700 12px/1.5 var(--mono);letter-spacing:1px;color:#ffd45c}
#fun [data-pane] .monthly-order-new,#fun [data-pane] [data-fun-badge="new"],.public-detail-fun .monthly-order-new,.public-detail-fun [data-fun-badge="new"]{color:#ffd45c;font-weight:800;text-shadow:0 0 8px #ffbf4566,0 0 18px #ffbf452e}
#fun [data-pane] [data-fun-badge="hot"],.public-detail-fun [data-fun-badge="hot"]{color:#ff5964;font-weight:800;text-shadow:0 0 8px #ff374766,0 0 18px #ff37472e}
@media(min-width:701px) and (max-width:1100px){#fun [data-pane="hot"] .monthly-order{grid-template-columns:36% minmax(0,1fr)}#fun [data-pane="hot"] .monthly-order .ev-body{padding:14px}#fun [data-pane="hot"] .monthly-order-head h3{font-size:16px}#fun [data-pane="hot"] .monthly-order-head .btn{font-size:11px;padding:7px}}
@media(max-width:700px){#fun [data-pane="hot"] .monthly-order{grid-template-columns:38% minmax(0,1fr)}#fun [data-pane="hot"] .monthly-order .ev-body{padding:12px;gap:8px}#fun [data-pane="hot"] .monthly-order-head{gap:6px}#fun [data-pane="hot"] .monthly-order-head h3{font-size:15px}#fun [data-pane="hot"] .monthly-order-head .btn{font-size:11px;padding:6px}#fun [data-pane="hot"] .monthly-order .monthly-order-description{font-size:12px;line-height:1.6;-webkit-line-clamp:3}}

/* Stable full-width text column: description length cannot resize the header. */
#fun [data-pane="hot"] .monthly-order .ev-body{grid-template-columns:minmax(0,1fr);grid-template-rows:51px minmax(0,1fr) auto;justify-content:stretch}
#fun [data-pane="hot"] .monthly-order-head{width:100%;box-sizing:border-box}
@media(min-width:701px) and (max-width:1100px){#fun [data-pane="hot"] .monthly-order .ev-body{grid-template-rows:45px minmax(0,1fr) auto}}
@media(max-width:700px){#fun [data-pane="hot"] .monthly-order .ev-body{grid-template-rows:42px minmax(0,1fr) auto}}