/* Xbaoliaowang: compact detail layout and desktop recommendations. */
html body .container.xba-detail-page{width:calc(100% - 32px);max-width:1240px;min-height:0!important;margin:0 auto;padding:20px 0 24px;box-sizing:border-box}
html body .xba-detail-card{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:start;gap:28px;width:100%;margin:0}
html body .xba-detail-poster{position:relative;display:block;width:100%;min-width:0;border-radius:12px;overflow:hidden;background:#151515}
html body .xba-detail-poster>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain;margin:0}
html body .xba-poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.62);border:2px solid rgba(255,255,255,.8);color:white;font-size:28px;padding-left:4px;box-sizing:border-box;pointer-events:none}
html body .xba-detail-info{min-width:0;color:#ddd;overflow-wrap:anywhere}
html body .xba-detail-info h1{margin:0 0 16px;color:#fff;font-size:clamp(22px,2vw,30px);line-height:1.4}
html body .xba-detail-info>p{margin:0 0 10px;line-height:1.6}
html body .xba-detail-info>p:empty{display:none}
html body .xba-detail-info>div:not(.xba-play-actions){font-size:16px;line-height:1.65}
html body .xba-play-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0}
html body .clone-routes a.xba-play-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:180px;min-height:48px;max-width:100%;box-sizing:border-box;margin:0;padding:12px 24px;border-radius:8px;background:#f7ed43;color:#191919;font-size:18px;font-weight:700;line-height:1.4;text-decoration:none}
html body .clone-routes a.xba-play-button:hover,html body .clone-routes a.xba-play-button:focus-visible{background:#fff68a;outline:2px solid #fff;outline-offset:2px}
html body .xba-play-page .bundle-related-section .clone-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
html body .xba-play-page .bundle-related-section .clone-grid>li{min-width:0}
html body .xba-play-page .bundle-related-section img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
@media(max-width:767px){html body .container.xba-detail-page{width:calc(100% - 24px);padding:12px 0 18px}html body .xba-detail-card{grid-template-columns:minmax(0,1fr);gap:18px}html body .xba-detail-info h1{font-size:22px;margin-bottom:12px}html body .xba-play-actions{margin-top:16px}html body .clone-routes a.xba-play-button{width:100%;min-width:0}html body .xba-play-page .bundle-related-section .clone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}html body .xba-play-page .bundle-related-section .clone-grid>li:nth-child(n+13){display:none}}