html.activity-detail-layout #app .page-container{top:0!important;bottom:0!important;height:100%!important;overflow:hidden!important;padding:0!important}
html.activity-detail-layout #app .activity-detail-page{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box}
html.activity-detail-layout #app .activity-detail-page>.van-nav-bar__placeholder{flex:none;height:auto!important;width:100%!important}
html.activity-detail-layout #app .activity-detail-page .van-nav-bar--fixed{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;transform:none!important}
html.activity-detail-layout #app .detail-content{flex:1 1 0!important;min-height:0!important;width:100%!important;max-width:100%!important;overflow:auto!important;overflow-x:hidden!important;padding:14px!important;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#a24863 #490815}
html.activity-detail-layout #app .rich-content{width:100%!important;min-width:0!important;max-width:100%!important;padding:0!important;overflow-wrap:anywhere;line-height:1.65}
html.activity-detail-layout #app .rich-content *{box-sizing:border-box;max-width:100%}
html.activity-detail-layout #app .rich-content :is(img,video,iframe){display:block!important;max-width:100%!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;object-fit:contain}
html.activity-detail-layout #app .rich-content :is(p,ul,ol){margin-top:10px!important;margin-bottom:10px!important}
html.activity-detail-layout #app .rich-content table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important;margin:18px auto!important;border-collapse:collapse!important;box-shadow:none!important}
html.activity-detail-layout #app .rich-content :is(th,td){min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;padding:7px 5px!important;vertical-align:middle!important;font-size:12px!important}
html.activity-detail-layout #app .rich-content tr{height:auto!important}
html.activity-detail-layout #app .related-bar{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;flex:none!important;transform:none!important;box-sizing:border-box;padding:9px 12px max(9px,env(safe-area-inset-bottom))!important;margin:0!important;border-top:1px solid #90344f;overflow:hidden!important}
html.activity-detail-layout #app .bar-scroll{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;scrollbar-width:none;align-items:flex-start}
html.activity-detail-layout #app .bar-item{flex:0 0 138px!important;width:138px!important;min-width:0!important;margin:0!important;box-sizing:border-box}
html.activity-detail-layout #app .img-wrapper{width:100%!important;height:72px!important;box-sizing:border-box;overflow:hidden;border-radius:7px}
html.activity-detail-layout #app .item-img{width:100%!important;height:100%!important;object-fit:contain!important}
html.activity-detail-layout #app .item-name{width:100%!important;margin:6px 0 0!important;font-size:12px!important;line-height:18px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
html.activity-detail-layout #app .detail-content::-webkit-scrollbar{width:4px}
html.activity-detail-layout #app .detail-content::-webkit-scrollbar-thumb{background:#a24863;border-radius:4px}

html.activity-detail-layout #app .detail-content{scrollbar-gutter:stable both-edges!important}
html.activity-detail-layout #app .detail-content::-webkit-scrollbar{width:4px!important}

html.activity-detail-layout #app .bar-scroll{touch-action:pan-x!important;overscroll-behavior-x:contain;cursor:grab;-webkit-overflow-scrolling:touch;user-select:none}html.activity-detail-layout #app .bar-scroll:active{cursor:grabbing}html.activity-detail-layout #app .bar-scroll img{-webkit-user-drag:none;user-select:none}

/* Related activity thumbnails: native banner ratio without white mat. */
html.palace-theme #app .activity-detail-page .related-bar .bar-item{flex:0 0 calc(132 * var(--u,1px))!important;width:calc(132 * var(--u,1px))!important;min-width:0!important}
html.palace-theme #app .activity-detail-page .related-bar .img-wrapper{width:100%!important;height:auto!important;aspect-ratio:710/320!important;box-sizing:border-box!important;padding:0!important;border:0!important;background:transparent!important;border-radius:8px!important;overflow:hidden!important}
html.palace-theme #app .activity-detail-page .related-bar .item-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;border-radius:inherit!important}
html.palace-theme #app .activity-detail-page .related-bar .bar-item.active .img-wrapper{outline:1px solid #f3d395;outline-offset:-1px}