/* Generated from web/frontend/css/v1-play-page.css by node scripts/build-web.mjs. Do not edit. */
/* Batch 152: playback primary area, Figma 210:10577–210:10613.
   The player engine, media aspect and recommendation/comment UI remain independent. */
.hg-page--video-play .v1-play-info{min-width:0}
.hg-page--video-play .v1-play-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.hg-page--video-play .v1-play-meta p{margin:0}
.hg-page--video-play .v1-play-meta .v1-play-author-name,.hg-page--video-play .v1-play-meta .v1-play-updated-relative{display:none}
.hg-page--video-play .v1-play-author-avatar{display:none}
.hg-page--video-play .v1-play-views{display:flex;align-items:center;gap:4px}
.hg-page--video-play .v1-play-views img{display:block;width:12px;height:12px;flex:none}
@media(min-width:1024px){
 .hg-page--video-play .hg-body,.hg-page--video-play .hg-main{width:100%;max-width:none;min-width:0;margin:0;padding:0}
 .hg-page--video-play .hg-main>.v1-play{box-sizing:border-box;width:min(1450px,calc(100% - 64px));max-width:none;margin:auto;padding:24px 0 80px}
 .hg-page--video-play .v1-play-breadcrumb{display:flex;gap:8px;margin:0 0 24px;padding:0;font:400 13px/18px 'PingFang SC','Microsoft YaHei',sans-serif;color:#ffffff80}
 .hg-page--video-play .v1-play-breadcrumb a{color:inherit}
 .hg-page--video-play .v1-play-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .hg-page--video-play .v1-play-grid.has-episodes{grid-template-columns:minmax(0,1fr) 310px}
 .hg-page--video-play .v1-play-screen{grid-column:1;grid-row:1}
 .hg-page--video-play .v1-play-info,.hg-page--video-play .v1-play-grid>.v1-play-main:not(.v1-play-screen){grid-column:1/-1}
 .hg-page--video-play .v1-player{height:650px;aspect-ratio:auto;border-radius:14px;background:#0b0b0c}
 .hg-page--video-play .v1-player:fullscreen{height:100%;border-radius:0}
 .hg-page--video-play .v1-player video{object-fit:contain}
 .hg-page--video-play .v1-play-episodes{grid-column:2;grid-row:1;box-sizing:border-box;width:310px;margin:0;padding:20px;background:#151516;border:1px solid #2a2a2e;border-radius:14px;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
 .hg-page--video-play .v1-play-episodes *,.hg-page--video-play .v1-play-info *{font-family:inherit}
 .hg-page--video-play .v1-play-episodes .v1-play-section-head{gap:8px;justify-content:flex-start;margin-bottom:14px}
 .hg-page--video-play .v1-play-episodes h2{font-size:17px;font-weight:600;line-height:24px;margin:0}
 .hg-page--video-play .v1-play-episodes .v1-play-section-head p{font-size:12px;line-height:17px;color:#ffffff80;margin:0}
 .hg-page--video-play .v1-play-eps{grid-template-columns:repeat(3,78px);gap:10px;max-height:520px;margin:0;padding:0}
 .hg-page--video-play .v1-play-eps a{box-sizing:border-box;width:78px;padding:10px 0;border:1px solid #ffffff1f;border-radius:8px;background:#ffffff0d;color:#ffffffb3;font-size:13px;font-weight:600;line-height:18px}
 .hg-page--video-play .v1-play-eps a[aria-current=true]{background:#ff7d00;border-color:#ff7d00;color:#fff}
 .hg-page--video-play .v1-play-info{display:flex;flex-direction:column;gap:24px;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
 .hg-page--video-play .v1-play-info h1{font-size:25px;line-height:1.4;font-weight:600;color:#fff;margin:0}
 .hg-page--video-play .v1-play-meta{font-size:13px;line-height:18px;font-weight:400;color:#ffffff80}
 /* PC 385:14745: name, views and relative update time; H5 keeps its author/follow row. */
 .hg-page--video-play .v1-play-meta .v1-play-author-name,.hg-page--video-play .v1-play-meta .v1-play-updated-relative{display:block}
 .hg-page--video-play .v1-play-author-name a{color:inherit}
 .hg-page--video-play [data-video-updated]{display:none}
 .hg-page--video-play [data-video-author] a{color:inherit}
 .hg-page--video-play [data-video-description]{display:none}
 .hg-page--video-play .v1-play-actions{margin:0;gap:10px}
 .hg-page--video-play .v1-play-actions button,.hg-page--video-play .v1-play-actions a{box-sizing:border-box;min-width:0;padding:10px 18px;border:1px solid #ffffff1f;border-radius:8px;background:#ffffff0d;color:#ffffffb3;font-size:13px;font-weight:400;line-height:18px;box-shadow:none}
 /* content-report mounts this control with legacy inline styles. */
 .hg-page--video-play .v1-play-actions>button[aria-label="举报内容"]{padding:10px 18px!important;border:1px solid #ffffff1f!important;background:#ffffff0d!important;color:#ffffffb3!important;font:400 13px/18px "PingFang SC","Microsoft YaHei",sans-serif!important}
 .hg-page--video-play .v1-play-actions [data-play-next][aria-disabled=false],.hg-page--video-play .v1-play-actions [data-action=like][aria-pressed=true]{background:#ff7d00;border-color:#ff7d00;color:#fff}
 /* H5 把收藏数浮在图标上；桌面跟点赞一样，写在文案后面。 */
 .hg-page--video-play .v1-play-actions .v1-play-collect-count{display:inline;margin-left:.35em}
 .hg-page--video-play .v1-play-info>[data-play-status]{margin:0;color:#ffffffb3;font-size:13px}
 .hg-page--video-play .v1-play-info>[data-play-status]:empty{display:none}
 .hg-page--video-play .v1-player .xgplayer-start{width:64px;height:64px}
 .hg-page--video-play .v1-player .xgplayer-start:not([data-state=pause]){background:#0006 url('/static/web/images/figma/play152-play.svg') center no-repeat;border-radius:50%}
 .hg-page--video-play .v1-player .xgplayer-start .xg-icon-play{opacity:0}
}
/* Collected state matches the detail action; retain each page's button geometry. */
.hg-page--video-play .v1-play-actions [data-action=collect][aria-pressed=true]{background:#ff7d00;border-color:#ff7d00;color:#fff;font-weight:600}
.hg-page--video-play .v1-play-actions [data-reaction-label]{font:inherit}
/* Batch 153: Figma 210:10614–210:10755. Real recommendation/comment/address data. */
.hg-page--video-play .v1-play-recommendations,
.hg-page--video-play .v1-play-comment-section,
.hg-page--video-play .v1-play-addresses{font-family:'PingFang SC','Microsoft YaHei',sans-serif}
.hg-page--video-play .v1-play-block-title{display:flex;align-items:center;font-size:26px;font-weight:600;line-height:normal;color:#fff;margin:0}
.hg-page--video-play .v1-play-block-title::before{content:'';width:4px;height:26px;border-radius:999px;background:#ff7d00;flex:none;margin-right:12px}
.hg-page--video-play .v1-play-recommendations{display:flex;flex-direction:column;gap:24px;margin:0}
.hg-page--video-play .v1-detail-rec{column-gap:22px;row-gap:32px}
.hg-page--video-play .v1-detail-rec>a{display:flex;flex-direction:column;gap:12px;color:#fff}
.hg-page--video-play .v1-detail-rec figure{border-radius:12px}
.hg-page--video-play .v1-detail-rec figure::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 25%,rgba(8,8,8,.78));z-index:0}
.hg-page--video-play .v1-detail-rec .duration,.hg-page--video-play .v1-detail-rec .series{z-index:1;padding:3px 6px;font-size:11px;font-weight:800;line-height:normal;right:8px}
.hg-page--video-play .v1-detail-rec .duration{bottom:8px;border:1px solid #ffffff26;border-radius:8px;background:#07090c94;backdrop-filter:blur(5px)}
.hg-page--video-play .v1-detail-rec .series{box-sizing:border-box;top:8px;left:8px;right:auto;min-width:50px;text-align:center;border-radius:6px;background:#ff5353}
.hg-page--video-play .v1-detail-rec strong{margin:0;font-size:16px;font-weight:600;line-height:1.45}
.hg-page--video-play .v1-play-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;line-height:normal;font-weight:400;color:#ffffff80}
.hg-page--video-play .v1-play-card-meta time{color:inherit;font:inherit}
.hg-page--video-play .v1-play-card-views{display:flex;align-items:center;gap:4px}
.hg-page--video-play .v1-play-card-views img{display:block;width:12px;height:12px;flex:none}
.hg-page--video-play .v1-play-comment-section{display:flex;flex-direction:column;gap:18px;margin:0 0 24px}
.hg-page--video-play .v1-play-comment-section>[role=status]{margin:0;font-size:13px;color:#ffffff80}
.hg-page--video-play .v1-play-comment-section>[role=status]:empty{display:none}
.hg-page--video-play .v1-play-editor{display:flex;flex-direction:column;gap:20px;width:100%;min-width:0}
.hg-page--video-play #videoCommentNickname:empty{display:none}
.hg-page--video-play .comment-nickname{margin:0!important;font-size:13px;color:#ffffff80}
.hg-page--video-play .comment-nickname label{display:flex;align-items:center;gap:12px;margin:0;font-weight:400}
.hg-page--video-play .comment-nickname input{width:214px!important;height:36px;padding:0 8px!important;border:1px solid #2a2a2e!important;border-radius:5px!important;background:#ffffff1f!important;color:#fff!important;font:400 13px/normal 'PingFang SC','Microsoft YaHei',sans-serif}
.hg-page--video-play .comment-nickname span:empty{display:none}
.hg-page--video-play .comment-nickname:has(label[hidden]):not(:has(span:not(:empty))){display:none!important}
.hg-page--video-play #videoCommentNickname:has(.comment-nickname label[hidden]):not(:has(span:not(:empty))){display:none}
.hg-page--video-play .v1-play-editor-box{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:100%;height:155px;padding:18px;border:1px solid #2a2a2e;border-radius:14px;background:#151516}
.hg-page--video-play .v1-play-editor-box textarea{display:block;flex:1;min-height:0;width:100%;margin:0;padding:0;border:0;border-radius:0;resize:none;background:transparent;color:#ffffffb3;font:400 13px/1.55 'PingFang SC','Microsoft YaHei',sans-serif;box-shadow:none}
.hg-page--video-play .v1-play-editor-box textarea:focus-visible{outline:none}
.hg-page--video-play .v1-play-editor-box:focus-within{border-color:#ffffff4d}
.hg-page--video-play .v1-play-editor-box textarea::placeholder,.hg-page--video-play .comment-nickname input::placeholder{color:#ffffff80;opacity:1}
.hg-page--video-play .v1-play-editor-footer{margin:0;gap:12px;font-size:12px;color:#ffffff4d}
.hg-page--video-play [data-comment-submit]{padding:9px 16px;border:0;border-radius:8px;background:#ff7d00;color:#fff;font:600 12px/normal 'PingFang SC','Microsoft YaHei',sans-serif}
.hg-page--video-play [data-comment-submit]:disabled{opacity:.5;cursor:wait}
.hg-page--video-play .v1-play-comments{width:100%}
.hg-page--video-play .v1-play-comments:empty{display:none}
.hg-page--video-play .v1-play-comments article{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid #2a2a2e}
.hg-page--video-play .v1-play-comments [data-comment-avatar]{width:36px!important;height:36px!important;flex:none;overflow:hidden;border-radius:50%}
.hg-page--video-play .v1-play-comments [data-comment-avatar]>img{display:block;width:100%;height:100%;object-fit:cover}
.hg-page--video-play .v1-play-comment-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}
.hg-page--video-play .v1-play-comment-body strong{font-size:13px;font-weight:600;line-height:normal;color:#fff}
.hg-page--video-play .v1-play-comment-body p{margin:0;color:#ffffffb3;font-size:13px;line-height:1.55}
.hg-page--video-play .v1-play-comment-footer{display:flex;align-items:center;gap:10px;color:#ffffff4d;font-size:11px;line-height:normal}
.hg-page--video-play .v1-play-comment-footer time{margin:0;color:inherit;font:inherit}
.hg-page--video-play .v1-play-comment-footer [data-comment-report]{margin:0;padding:0!important;font:inherit!important;color:inherit!important;border:0;background:transparent}
.hg-page--video-play .pd-load-more{align-self:center;padding:10px 18px;border:1px solid #ffffff1f;border-radius:8px;background:transparent;color:#ffffffb3;font:400 12px/normal 'PingFang SC','Microsoft YaHei',sans-serif}
.hg-page--video-play .v1-play-addresses{flex-direction:column;gap:14px;margin:0}
.hg-page--video-play .v1-play-address{align-items:flex-start;box-sizing:border-box;width:100%;padding:18px;margin:0;border:1px solid #2a2a2e;border-radius:14px;background:#151516}
.hg-page--video-play .v1-play-address>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.hg-page--video-play .v1-play-address strong{font-size:13px;font-weight:600;line-height:normal;color:#fff}
.hg-page--video-play .v1-play-address p{margin:0;line-height:normal}
.hg-page--video-play .v1-play-address-url{font-size:13px;color:#ff7d00}
.hg-page--video-play .v1-play-address-desc{font-size:11px;color:#ffffff80}
.hg-page--video-play [data-copy-address]{flex:none;padding:8px 14px;border:1px solid #ffffff1f;border-radius:8px;background:transparent;color:#ffffffb3;font:400 12px/normal 'PingFang SC','Microsoft YaHei',sans-serif}
@media(min-width:1024px){
 .hg-page--video-play .v1-detail-rec figure{height:208px;aspect-ratio:auto}
 .hg-page--video-play .v1-play-addresses{display:flex}
}
@media(max-width:1023px){
 /* H5 98:9494: only the episode card, preserving the existing player/page shell. */
 .hg-page--video-play .v1-play-episodes{box-sizing:border-box;width:100%;margin:0 0 24px;padding:12px 8px;border:.5px solid #ffffff0d;border-radius:8px;background:#ffffff08;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
 .hg-page--video-play .v1-play-episodes *{font-family:inherit}
 .hg-page--video-play .v1-play-episodes .v1-play-section-head{justify-content:flex-start;align-items:center;gap:8px;margin:0 0 8px}
 .hg-page--video-play .v1-play-episodes h2{margin:0;color:#ffffffb3;font-size:14px;line-height:20px;font-weight:500}
 .hg-page--video-play .v1-play-episodes .v1-play-section-head p{margin:0;color:#ffffff80;font-size:12px;line-height:18px}
 .hg-page--video-play .v1-play-eps{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:280px;margin:0;padding:0}
 .hg-page--video-play .v1-play-eps a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;height:30px;padding:4px;border:.5px solid transparent;border-radius:5px;background:#2c303b;color:#ffffffb3;font-size:16px;font-weight:600;line-height:22px}
 .hg-page--video-play .v1-play-eps a[aria-current=true]{border-color:#ff7d00;background:#ff7d001a;color:#ff7d00}
 .hg-page--video-play .v1-detail-rec{gap:20px 12px}
 .hg-page--video-play .v1-detail-rec strong{font-size:14px}
 .hg-page--video-play .v1-play-block-title{font-size:20px}
 .hg-page--video-play .v1-play-block-title::before{height:20px}
 .hg-page--video-play .v1-play-editor-box{padding:14px}
}

.hg-page--video-play .v1-play-comments [data-comment-avatar]>.hg-avatar{width:100%;height:100%}
.hg-page--video-play [data-copy-status]{margin:0;color:#ffffff80;font-size:12px}
.hg-page--video-play [data-copy-status]:empty{display:none}

/* Override the global img:not([width]):not([height]) contain rule for card covers only. */
.hg-page--video-play .v1-detail-rec figure>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}