:root{--hjw-blue:#1268ff;--hjw-text:#202124;--hjw-muted:#8c94a0;--hjw-line:#eceff5;--hjw-bg:#f5f7fb}*{box-sizing:border-box}html,body{margin:0;background:var(--hjw-bg);color:var(--hjw-text);font:14px/1.55 Arial,"Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}.hjw-header{position:sticky;z-index:100;top:0;background:#fff;border-bottom:1px solid var(--hjw-line)}.hjw-top{display:flex;align-items:center;gap:30px;max-width:1460px;min-height:70px;margin:auto;padding:0 20px}.hjw-top .navbar-brand{display:flex;align-items:center;gap:10px;margin:0}.hjw-logo{width:40px;height:40px;object-fit:contain}.van-nav-bar__left_area{display:grid;line-height:1.2}.van-nav-bar__left_top{color:#1d2530;font-size:19px;font-weight:700}.van-nav-bar__left_bottom{margin-top:3px;color:#969da9;font-size:11px}.hjw-search{display:flex;align-items:center;flex:1;max-width:535px;height:38px;padding:0 3px 0 13px;border:1px solid #dfe4ed;border-radius:20px;background:#f6f8fb}.hjw-search i{color:#8d98a6}.hjw-search input{min-width:0;flex:1;height:100%;padding:0 10px;border:0;outline:0;background:transparent;color:#343b46}.hjw-search button{height:30px;padding:0 18px;border:0;border-radius:17px;color:#fff;background:var(--hjw-blue);cursor:pointer}.hjw-top-actions{display:flex;align-items:center;gap:18px;margin-left:auto;color:#66707e}.hjw-top-actions a:hover{color:var(--hjw-blue)}.hjw-main{display:grid;grid-template-columns:202px minmax(0,1fr) 250px;gap:20px;max-width:1460px;margin:0 auto;padding:22px 20px 38px}.hjw-left,.hjw-right,.hjw-content{min-width:0}.xqbj-main-menu,.hjw-content,.hjw-right{border:1px solid var(--hjw-line);border-radius:10px;background:#fff}.hjw-left{align-self:start;position:sticky;top:92px}.xqbj-main-menu{padding:12px}.hjw-menu-title,.hjw-menu-item{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 10px;border-radius:6px;color:#535e6e}.hjw-menu-title{margin-bottom:4px;color:#1d2530;font-size:15px;font-weight:700;background:#f2f5fb}.hjw-menu-item i{width:15px;color:#8a96a6}.hjw-menu-item em{margin-left:auto;color:#b4bbc6;font-size:11px;font-style:normal}.hjw-menu-item:hover{color:var(--hjw-blue);background:#f2f6ff}.hjw-menu-divider{height:1px;margin:9px 4px;background:var(--hjw-line)}.hjw-content{padding:20px}.hjw-home-head{padding:17px 18px;border-radius:8px;color:#fff;background:linear-gradient(112deg,#1268ff,#4d93ff)}.hjw-home-head h1{margin:0;font-size:25px;font-weight:700}.hjw-home-head p{margin:7px 0 14px;opacity:.85}.hjw-quick-links{display:flex;flex-wrap:wrap;gap:9px}.hjw-quick-links a{padding:5px 10px;border:1px solid rgba(255,255,255,.35);border-radius:15px;background:rgba(255,255,255,.15);font-size:12px}.hjw-list-head,.hjw-side-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px}.hjw-list-head h1,.hjw-list-head h2{margin:0;color:#222b37;font-size:20px;font-weight:700}.hjw-list-head a,.hjw-side-title a{color:#87919e;font-size:12px}.hjw-list-head a:hover,.hjw-side-title a:hover{color:var(--hjw-blue)}.xqbj-list{display:grid;gap:0}.xqbj-list-rows{padding:15px 0;border-bottom:1px solid var(--hjw-line)}.xqbj-list-rows:first-child{padding-top:0}.xqbj-list-rows-image{display:grid;grid-template-columns:205px minmax(0,1fr);gap:15px;align-items:center}.xqbj-list-rows-image-group-item{position:relative;overflow:hidden;height:116px;border-radius:7px;background:#e9edf2}.xqbj-list-rows-image-group-item img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.xqbj-list-rows-image:hover img{transform:scale(1.04)}.hjw-play{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;color:#fff;background:rgba(0,0,0,.54)}.xqbj-list-rows-image-title{min-width:0}.xqbj-list-rows-image-title h3{display:-webkit-box;overflow:hidden;margin:0;color:#283241;font-size:16px;font-weight:600;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.xqbj-list-rows-image-title p{display:-webkit-box;overflow:hidden;margin:7px 0;color:#929aa7;font-size:13px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.xqbj-list-rows-image-title div{display:flex;gap:13px;color:#a2a9b3;font-size:12px}.xqbj-list-rows-image-title span{color:#5784df}.xqbj-list-rows-image:hover h3{color:var(--hjw-blue)}.hjw-right{align-self:start;padding:0 14px 15px;position:sticky;top:92px}.hjw-side-title{margin:15px 0}.hjw-side-title b{font-size:17px}.hjw-rank-list{display:grid;gap:11px}.hjw-rank-card{display:grid;grid-template-columns:20px 67px minmax(0,1fr);gap:8px;align-items:center}.hjw-rank-card img{width:67px;height:44px;border-radius:4px;object-fit:cover}.hjw-rank-num{color:#9ba4b0;text-align:center;font-weight:700}.hjw-rank-card:nth-child(-n+3) .hjw-rank-num{color:#ff7c26}.hjw-rank-card b{display:block;overflow:hidden;color:#505a68;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.hjw-rank-card em{display:block;margin-top:2px;color:#a5adba;font-size:11px;font-style:normal}.hjw-rank-card:hover b{color:var(--hjw-blue)}.hjw-pagination{display:flex;justify-content:center;gap:6px;margin-top:25px}.hjw-pagination a{min-width:30px;padding:5px 8px;border:1px solid #e3e8f0;border-radius:4px;color:#697383;background:#fff;text-align:center}.hjw-pagination a:hover,.hjw-pagination a.active{border-color:var(--hjw-blue);color:#fff;background:var(--hjw-blue)}.hjw-player{overflow:hidden;border-radius:8px;background:#111}.hjw-player iframe,.hjw-player video{display:block;width:100%;min-height:490px}.hjw-detail-title{padding:0 0 15px}.hjw-detail-title h1{margin:0;color:#252d38;font-size:23px;font-weight:700;line-height:1.45}.hjw-detail-title p{display:flex;flex-wrap:wrap;gap:13px;margin:9px 0 0;color:#98a0aa;font-size:12px}.hjw-detail-title a{color:#5280db}.hjw-detail-info{padding:21px 0;border-bottom:1px solid var(--hjw-line)}.hjw-detail-info h2{margin:0 0 12px;color:#283241;font-size:18px;font-weight:700}.hjw-detail-info>div{color:#687383;line-height:1.85}.hjw-tags{display:flex;flex-wrap:wrap;gap:8px}.hjw-tags a,.hjw-tags span{padding:4px 10px;border-radius:4px;color:#5b79ba;background:#f0f5ff;line-height:1.5}.hjw-recommend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.hjw-recommend-grid a{min-width:0}.hjw-recommend-grid img{display:block;width:100%;aspect-ratio:16/10;border-radius:5px;object-fit:cover}.hjw-recommend-grid b{display:block;overflow:hidden;margin-top:6px;color:#4f5968;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.hjw-footer{padding:25px 20px 35px;color:#9aa3af;background:#fff;text-align:center;font-size:12px}.hjw-footer div{display:flex;justify-content:center;gap:18px}.hjw-footer a:hover{color:var(--hjw-blue)}.hjw-footer p{margin:12px 0 0}.hjw-jump{width:min(460px,calc(100% - 30px));padding:28px;margin:12vh auto;border-radius:10px;background:#fff;box-shadow:0 12px 35px rgba(22,57,110,.1)}.hjw-jump h1{margin:0;font-size:22px}.hjw-jump p{color:#707a87}.hjw-jump a{display:inline-block;margin-right:10px;padding:8px 14px;border-radius:4px;color:#fff;background:var(--hjw-blue)}
@media(max-width:1100px){.hjw-main{grid-template-columns:190px minmax(0,1fr)}.hjw-right{display:none}.hjw-recommend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.hjw-top{min-height:58px;padding:0 12px;gap:10px}.hjw-logo{width:31px;height:31px}.van-nav-bar__left_top{font-size:15px}.van-nav-bar__left_bottom,.hjw-top-actions{display:none}.hjw-search{height:34px}.hjw-search button{height:27px;padding:0 11px}.hjw-main{display:block;padding:12px}.hjw-left{position:static;margin-bottom:12px}.xqbj-main-menu{display:flex;overflow:auto;gap:4px;padding:7px;white-space:nowrap}.hjw-menu-title,.hjw-menu-item{flex:0 0 auto;min-height:32px;padding:0 8px}.hjw-menu-item em,.hjw-menu-divider{display:none}.hjw-content{padding:14px}.hjw-home-head{padding:15px}.xqbj-list-rows-image{grid-template-columns:126px minmax(0,1fr);gap:10px}.xqbj-list-rows-image-group-item{height:78px}.xqbj-list-rows-image-title h3{font-size:14px}.xqbj-list-rows-image-title p{-webkit-line-clamp:1;margin:4px 0}.xqbj-list-rows-image-title div{gap:7px}.hjw-player iframe,.hjw-player video{min-height:230px}.hjw-detail-title h1{font-size:18px}.hjw-recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hjw-footer{padding-top:22px}.hjw-footer div{flex-wrap:wrap;gap:10px}}

.hjw-user-page{display:flex;justify-content:center;min-height:calc(100vh - 175px);padding:55px 15px;background:var(--hjw-bg)}.hjw-user-box{width:min(410px,100%);height:max-content;padding:28px;border:1px solid var(--hjw-line);border-radius:10px;background:#fff}.hjw-user-box h1{margin:0;color:#273242;font-size:23px}.hjw-user-box>p{margin:7px 0 20px;color:#98a0aa}.hjw-user-box label{display:block;margin-top:13px;color:#596575}.hjw-user-box input{display:block;width:100%;height:39px;margin-top:5px;padding:0 10px;border:1px solid #dce2ec;border-radius:5px;outline:0}.hjw-user-box input:focus{border-color:var(--hjw-blue)}.hjw-user-box button{width:100%;height:40px;margin-top:22px;border:0;border-radius:5px;color:#fff;background:var(--hjw-blue);cursor:pointer}.hjw-user-box>div{display:flex;justify-content:space-between;margin-top:16px;color:#657386;font-size:13px}.hjw-user-box a:hover{color:var(--hjw-blue)}


/* Reference video-list thumbnails are 1300?640 horizontal covers. */
.xqbj-list-rows-image{grid-template-columns:260px minmax(0,1fr)}
.xqbj-list-rows-image-group-item{width:260px;height:auto;aspect-ratio:1300/640}
.xqbj-list-rows-image-group-item img{aspect-ratio:1300/640}
@media(max-width:720px){
  .xqbj-list-rows-image{grid-template-columns:132px minmax(0,1fr)}
  .xqbj-list-rows-image-group-item{width:132px;height:auto;aspect-ratio:1300/640}
}


/* HJW01 source-layout correction: 1180px shell, 650?210 list covers, selected left category. */
.hjw-main{width:1180px;max-width:calc(100% - 30px);grid-template-columns:170px 650px 320px;gap:20px;padding:22px 0 38px}
.hjw-content{padding:0;border:0;border-radius:0;background:transparent}
.hjw-content>.main-container{border:1px solid var(--hjw-line);border-radius:10px}
.hjw-list-head{margin:0 0 13px;padding:17px 0 12px;border-bottom:1px solid var(--hjw-line)}
.xqbj-list{gap:13px}
.xqbj-list-rows{padding:0;border:0}
.xqbj-list-rows-image{position:relative;display:block;width:650px;height:210px;overflow:hidden;border-radius:7px;background:#e8edf3}
.xqbj-list-rows-image-group-item{width:650px;height:210px;aspect-ratio:auto;border-radius:0}
.xqbj-list-rows-image-group-item img{width:650px;height:210px;aspect-ratio:auto}
.xqbj-list-rows-image:after{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.63),transparent 47%,rgba(0,0,0,.58));content:"";pointer-events:none}
.xqbj-list-rows-image-title{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:17px 18px;color:#fff}
.xqbj-list-rows-image-title h3{display:block;overflow:hidden;margin:0;max-width:88%;color:#fff;font-size:18px;font-weight:600;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.xqbj-list-rows-image-title p{display:none}
.xqbj-list-rows-image-title div{display:flex;align-items:center;gap:14px;color:#f0f2f5;font-size:13px}
.xqbj-list-rows-image-title span{color:#fff}.xqbj-list-rows-image-title em{color:#f0f2f5;font-style:normal}.xqbj-list-rows-image-title time{color:#f0f2f5}
.xqbj-list-rows-image:hover h3{color:#fff}.hjw-play{display:none}
.hjw-menu-item{padding-left:12px}.hjw-menu-item i{display:none}.hjw-menu-item.active{color:#fff;background:#1268ff;box-shadow:0 4px 11px rgba(18,104,255,.22)}.hjw-menu-item.active:hover{color:#fff;background:#1268ff}.hjw-menu-item.active em{color:#dbeaff}
.hjw-address-notice{display:flex;align-items:center;gap:11px;margin:18px 0;padding:13px 15px;border-radius:6px;color:#4c5665;background:#eef5ff}.hjw-address-notice b{color:#1c5ed7}.hjw-address-notice a{color:#1268ff;font-weight:700}.hjw-player{margin-top:18px}.hjw-comments .mac_comment{min-height:110px;padding:14px;border:1px solid var(--hjw-line);border-radius:6px;background:#fff}.hjw-comments .comment_form{display:flex;gap:10px}.hjw-comments .comment_content{min-width:0;flex:1;min-height:70px;padding:9px;border:1px solid #dce3ed;border-radius:5px;outline:0;resize:vertical}.hjw-comments .comment_submit{align-self:end;height:32px;padding:0 13px;border:0;border-radius:4px;color:#fff;background:#1268ff}.hjw-comments .cmt_item{padding:12px 0;border-bottom:1px solid #edf0f4}.hjw-comments .cmt_item b{color:#4e5c70}.hjw-comments .cmt_item time{float:right;color:#aab1bb;font-size:12px}.hjw-comments .cmt_item p{margin:6px 0 0;color:#6d7785}
@media(max-width:1220px){.hjw-main{width:calc(100% - 30px);grid-template-columns:170px minmax(0,650px) 260px}.xqbj-list-rows-image,.xqbj-list-rows-image-group-item,.xqbj-list-rows-image-group-item img{width:100%}}
@media(max-width:1100px){.hjw-main{grid-template-columns:170px minmax(0,650px)}.xqbj-list-rows-image{height:auto;aspect-ratio:650/210}.xqbj-list-rows-image-group-item,.xqbj-list-rows-image-group-item img{height:100%;aspect-ratio:auto}}
@media(max-width:720px){.hjw-main{width:100%;display:block;padding:12px}.hjw-list-head{padding:14px 0 10px}.xqbj-list-rows-image{width:100%;height:auto;aspect-ratio:650/210}.xqbj-list-rows-image-group-item,.xqbj-list-rows-image-group-item img{width:100%;height:100%}.xqbj-list-rows-image-title{padding:11px 12px}.xqbj-list-rows-image-title h3{font-size:14px}.xqbj-list-rows-image-title div{gap:8px;font-size:11px}.hjw-address-notice{align-items:flex-start;flex-direction:column;gap:3px}.hjw-comments .comment_form{display:block}.hjw-comments .comment_submit{margin-top:8px}}

/* HJW01 left navigation: fixed 250px column, scrollable categories and eight source-style shortcut cards. */
.hjw-main{grid-template-columns:250px 650px 240px}
.hjw-left{width:250px;align-self:start}
.xqbj-main-menu{display:flex;flex-direction:column;max-height:calc(100vh - 112px);min-height:430px;overflow:hidden;padding:12px}
.hjw-menu-title{flex:0 0 auto}
.hjw-menu-scroll{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#cbd4e1 transparent}
.hjw-menu-scroll::-webkit-scrollbar{display:block;width:5px}
.hjw-menu-scroll::-webkit-scrollbar-thumb{border-radius:5px;background:#cbd4e1}
.hjw-menu-scroll .hjw-menu-item{border-radius:0}
.hjw-menu-item.active{border-radius:0;box-shadow:none}
.hjw-menu-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;flex:0 0 auto;margin-top:12px;padding-top:12px;border-top:1px solid var(--hjw-line)}
.hjw-menu-bottom a{display:flex;align-items:center;justify-content:center;min-width:0;height:31px;padding:0 5px;border:1px solid #e6ebf2;border-radius:3px;color:#657181;background:#f8fafc;font-size:12px;white-space:nowrap}
.hjw-menu-bottom a:hover{border-color:#b8d0ff;color:#1268ff;background:#eef5ff}
@media(max-width:1220px){.hjw-main{grid-template-columns:250px minmax(0,650px) 230px}.hjw-left{width:250px}}
@media(max-width:1100px){.hjw-main{grid-template-columns:250px minmax(0,650px)}.hjw-left{width:250px}}
@media(max-width:720px){.hjw-left{width:auto}.xqbj-main-menu{display:block;min-height:0;max-height:none;overflow:visible}.hjw-menu-scroll{display:flex;overflow-x:auto;overflow-y:hidden;gap:4px;padding:0;white-space:nowrap}.hjw-menu-scroll .hjw-menu-item{flex:0 0 auto;border-radius:0}.hjw-menu-scroll .hjw-menu-divider{display:none}.hjw-menu-bottom{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;padding-top:10px}.hjw-menu-bottom a{height:29px;font-size:11px}}

/* Playback announcement uses the complete multi-line source notice. */
.hjw-address-notice{display:block;margin:18px 0;padding:14px 16px;border-radius:6px;line-height:1.8}
.hjw-address-notice p{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;margin:0 0 4px;color:#4c5665}
.hjw-address-notice p:last-child{margin-bottom:0}
.hjw-address-notice b{min-width:132px;color:#1c5ed7}
.hjw-address-notice span,.hjw-address-notice a{overflow-wrap:anywhere}
.hjw-address-notice a{color:#1268ff;font-weight:700}
.hjw-address-notice .hjw-notice-app{display:inline-block;color:#1268ff;font-weight:700}
.hjw-address-notice .hjw-notice-tip{display:block;color:#627082}
@media(max-width:720px){.hjw-address-notice p{display:block}.hjw-address-notice b{display:block;min-width:0}.hjw-address-notice .hjw-notice-tip{display:block}}

/* Keep the three direct columns in their intended positions; source CSS also styles these class names. */
.hjw-main>.hjw-left{grid-column:1;grid-row:1}
.hjw-main>.hjw-content{grid-column:2;grid-row:1}
.hjw-main>.hjw-right{grid-column:3;grid-row:1}
@media(max-width:1100px){.hjw-main>.hjw-content{grid-column:2;grid-row:1}.hjw-main>.hjw-right{display:none}}
@media(max-width:720px){.hjw-main>.hjw-left,.hjw-main>.hjw-content,.hjw-main>.hjw-right{grid-column:auto;grid-row:auto}}

/* List cards: title above image; category, views and publish date below image. */
.xqbj-list-rows{padding:0 0 18px;border:0}
.xqbj-list-rows+.xqbj-list-rows{padding-top:4px}
.hjw-list-card-title{overflow:hidden;margin:0 0 8px;color:#283241;font-size:17px;font-weight:600;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}
.hjw-list-card-title a{color:inherit}
.hjw-list-card-title a:hover{color:#1268ff}
.xqbj-list-rows-image:after{display:none}
.xqbj-list-rows-image{display:block}
.hjw-list-card-meta{display:flex;align-items:center;gap:14px;min-height:30px;color:#98a2b0;font-size:12px}
.hjw-list-card-meta span{color:#5784df}
.hjw-list-card-meta em{font-style:normal}
.hjw-list-card-meta time{margin-left:auto;color:#a8b0bb}
@media(max-width:720px){.hjw-list-card-title{margin-bottom:6px;font-size:15px}.hjw-list-card-meta{gap:9px;min-height:27px;font-size:11px}}

/* Remove the gap between the top navigation and the three-column page body. */
.hjw-main{padding-top:0}

/* Square corners for the left navigation and right ranking panel only. */
.xqbj-main-menu,.hjw-right{border-radius:0}

/* The source navbar adds a 20px outside margin; remove it so the logo row starts at the viewport top. */
.hjw-header,.hjw-header .navbar{margin-top:0!important}
.hjw-header .navbar{margin-bottom:0!important}
/* Compensate the 22px top offset inherited from the source page shell. */
.hjw-header{margin-top:-22px!important}
/* 2026-07-28 left menu and paging corrections */
.hjw-menu-scroll{scrollbar-width:none;-ms-overflow-style:none}
.hjw-menu-scroll::-webkit-scrollbar{width:0;height:0;display:none}
.hjw-menu-scroll .hjw-menu-item{justify-content:center;text-align:center;font-size:16px}
.hjw-list-card-title{font-weight:400}
/* 2026-07-28 playback official notice */
.hjw-player-notice{margin:16px 0 0;padding:17px 20px 18px;border:1px solid #e7edf7;border-radius:6px;background:#f8fbff;color:#4e5968}
.hjw-player-notice h2{position:relative;margin:0 0 14px;padding-left:11px;color:#246be9;font-size:17px;font-weight:700;line-height:1.25}
.hjw-player-notice h2:before{position:absolute;top:1px;bottom:1px;left:0;width:4px;border-radius:2px;background:#4d88ff;content:""}
.hjw-player-notice h2 span{margin-left:3px;color:#71809a;font-size:14px;font-weight:400}
.hjw-player-notice-body{display:grid;gap:8px;font-size:14px;line-height:1.75}
.hjw-player-notice-body p{margin:0}
.hjw-player-notice-body b{display:inline-block;margin-right:10px;color:#2f3d52;font-weight:700}
.hjw-player-notice-body a{color:#1769ee;font-weight:600;word-break:break-all}
.hjw-player-notice-important{padding-top:8px;border-top:1px dashed #dbe5f3;color:#556273}
.hjw-player-notice-important b{color:#f06d2d}
@media(max-width:720px){.hjw-player-notice{padding:14px}.hjw-player-notice-body{gap:7px;font-size:13px}.hjw-player-notice-body b{margin-right:6px}}
/* 2026-07-28 list cover play icon */
.xqbj-list-rows-image-group-item.is-video:before{position:absolute;z-index:2;top:50%;left:50%;width:40px;height:40px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(12,18,28,.42);box-shadow:0 2px 8px rgba(0,0,0,.18);content:"";transform:translate(-50%,-50%);pointer-events:none}
.xqbj-list-rows-image-group-item.is-video:after{position:absolute;z-index:3;top:50%;left:50%;width:0;height:0;margin-left:2px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid rgba(255,255,255,.94);content:"";transform:translate(-50%,-50%);pointer-events:none}
.xqbj-list-rows-image:hover .xqbj-list-rows-image-group-item.is-video:before{background:rgba(18,104,255,.66);border-color:#fff}
/* 2026-07-28 recommendation title layering fix */
.hjw-detail-info:has(.hjw-recommend-grid){position:relative;isolation:isolate;padding-top:23px}
.hjw-detail-info:has(.hjw-recommend-grid)>h2{position:relative;z-index:2;display:block;margin:0 0 16px;line-height:1.4;background:#fff}
.hjw-detail-info:has(.hjw-recommend-grid)>.hjw-recommend-grid{position:relative;z-index:1;clear:both;margin-top:0}
/* 2026-07-28 recommendation and play header hard fix */
.hjw-main.hjw-play-layout{padding-top:46px!important}
.hjw-play-layout .hjw-detail-info>h2{position:relative!important;z-index:20!important;display:block!important;clear:both!important;margin:0 0 18px!important;padding:0!important;background:#fff!important;line-height:1.5!important}
.hjw-play-layout .hjw-detail-info .hjw-recommend-grid{position:relative!important;z-index:1!important;display:grid!important;clear:both!important;margin-top:0!important;isolation:isolate}
.hjw-play-layout .hjw-detail-info .hjw-recommend-grid>a{position:relative!important;z-index:1!important}
@media(max-width:720px){.hjw-main.hjw-play-layout{padding-top:26px!important}.hjw-play-layout .hjw-detail-info>h2{margin-bottom:14px!important}}
/* 2026-07-28 centered top bar */
.hjw-header .hjw-top{max-width:1180px!important;padding-left:0!important;padding-right:0!important}
@media(max-width:1220px){.hjw-header .hjw-top{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:720px){.hjw-header .hjw-top{padding-left:12px!important;padding-right:12px!important}}
/* 2026-07-28 larger header logo */
.hjw-header .hjw-logo{width:64px!important;height:64px!important}
.hjw-header .hjw-top{min-height:82px!important}
/* 2026-07-28 recommendation cards: reserve a separate title area per item */
.hjw-play-layout .hjw-recommend-grid{align-items:start!important;grid-auto-rows:max-content!important;overflow:visible!important}
.hjw-play-layout .hjw-recommend-grid>a{position:static!important;display:flex!important;flex-direction:column!important;align-self:start!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 0 10px!important;overflow:visible!important}
.hjw-play-layout .hjw-recommend-grid>a>img{position:static!important;display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;margin:0!important;transform:none!important}
.hjw-play-layout .hjw-recommend-grid>a>b{position:static!important;z-index:auto!important;display:-webkit-box!important;visibility:visible!important;opacity:1!important;flex:0 0 40px!important;min-height:40px!important;height:40px!important;margin:7px 0 0!important;padding:0!important;overflow:hidden!important;background:#fff!important;color:#4f5968!important;font-size:13px!important;font-weight:500!important;line-height:20px!important;text-overflow:ellipsis!important;white-space:normal!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;transform:none!important;float:none!important;clear:both!important}
/* 2026-07-28 align header search with the 650px video column */
.hjw-header .hjw-search{flex:0 1 650px!important;width:650px!important;max-width:650px!important}
@media(max-width:1100px){.hjw-header .hjw-search{flex:1 1 auto!important;width:auto!important;max-width:none!important}}
/* 2026-07-28 header and left category alignment */
.hjw-header .navbar-brand{transform:translateX(-8px)}
.hjw-menu-scroll .hjw-menu-item,.hjw-menu-scroll .hjw-menu-item.active{height:47px!important;min-height:47px!important}
@media(max-width:720px){.hjw-header .navbar-brand{transform:none}.hjw-menu-scroll .hjw-menu-item,.hjw-menu-scroll .hjw-menu-item.active{height:40px!important;min-height:40px!important}}