*{box-sizing:border-box}
html{min-height:100%;background:#fff;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:14px;color:#fff}
body{min-width:320px;min-height:100%;margin:0;background:linear-gradient(180deg,#111619 0,#071037 700px,#00093b 900px,#fff 901px,#fff 100%);color:#222;letter-spacing:0}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font:inherit;letter-spacing:0}
.site-wrap{width:1120px;max-width:calc(100% - 28px);margin:0 auto}
.home-hero{padding:120px 0 8px;text-align:center;color:#fff}
.home-brand{display:inline-flex;align-items:center;justify-content:center;gap:24px;color:#fff}
.home-brand img{width:104px;height:104px;object-fit:contain}
.home-brand strong{font-size:72px;line-height:1;font-weight:900}
.home-slogan{margin:26px 0 18px;color:#fff;font-size:16px;font-weight:700}
.search-form{position:relative;display:flex;width:600px;max-width:100%;height:48px;margin:0 auto;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.16);overflow:hidden}
.search-source{display:flex;flex:0 0 auto;align-items:center;padding:0 22px;color:#858585;white-space:nowrap}
.search-form input{flex:1;min-width:0;height:100%;padding:0 12px;border:0;outline:0;color:#555;background:#fff}
.search-form input::placeholder{color:#b1b1b1}
.search-form button{position:relative;width:54px;height:48px;border:0;background:#fff;cursor:pointer}
.search-form button:before{content:"";position:absolute;left:15px;top:12px;width:17px;height:17px;border:1.5px solid #747474;border-radius:50%}
.search-form button:after{content:"";position:absolute;left:32px;top:29px;width:10px;height:1.5px;background:#747474;transform:rotate(45deg);transform-origin:left center}
.home-main{padding:0 0 6px}
.top-tag-section{padding:6px 0 24px;color:#fff}
.section-label{margin:0 0 8px;font-size:16px;font-weight:700;color:inherit}
.tag-cloud{display:flex;flex-wrap:wrap;align-items:flex-start;gap:5px}
.tag-cloud a{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 7px;border-radius:5px;background:#616161;color:#fff;font-size:12px;font-weight:700;line-height:18px}
.footer-tags{padding-top:18px}
.internal-header{height:70px;border-left:1px solid #7b7b7b;border-right:1px solid #7b7b7b;border-bottom:1px solid #fff;background:#121821;color:#fff}
.internal-header .site-wrap{position:relative;height:70px;display:flex;align-items:center;justify-content:center}
.internal-title{font-size:24px;font-weight:400}
.history-clock{position:absolute;right:10px;top:22px;width:21px;height:21px;border:2px solid #ddd;border-radius:50%}
.history-clock:before{content:"";position:absolute;left:9px;top:3px;width:2px;height:7px;background:#ddd}
.history-clock:after{content:"";position:absolute;left:9px;top:9px;width:6px;height:2px;background:#ddd;transform:rotate(38deg);transform-origin:left center}
.internal-search{padding:16px 10px 10px}
.internal-search .search-form{width:100%;height:44px}
.internal-search .search-form button{height:44px}
.portal-block{padding:0 10px}
.category-panel{padding:7px 6px 11px;border-radius:9px;background:#14191f;color:#fff}
.category-group+.category-group{margin-top:7px}
.category-title{margin:0;padding:4px 0 8px;font-size:16px;font-weight:400}
.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.category-grid a{display:flex;align-items:center;justify-content:center;min-width:0;height:31px;padding:0 5px;border-bottom:1px solid #e5e5e5;border-radius:5px;background:#07113d;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-block{padding:15px 10px 0;color:#fff}
.support-block .section-label{margin-bottom:5px}
.content-shell{width:1120px;max-width:calc(100% - 28px);margin:0 auto;padding:20px 0 32px}
.listing-shell{display:flex;flex-direction:column}
.listing-shell .result-bar{order:1}
.listing-shell .vod-grid{order:2}
.listing-shell .empty-state{order:3}
.listing-shell .pager{order:4}
.result-bar{margin:0 0 18px;padding:14px;background:#333;color:#a9a9a9}
.result-bar strong{color:#ddd;font-weight:400}
.content-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px;color:#f29a00}
.content-title h1,.content-title h2{margin:0;font-size:18px;font-weight:500}
.vod-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:96px 18px}
.vod-card{min-width:0;background:#fff;border-bottom:5px solid #0878ff;border-radius:0 0 28px 28px;overflow:hidden}
.vod-thumb{position:relative;display:block;aspect-ratio:16/10;background:#e5e5e5;overflow:hidden}
.vod-thumb img{width:100%;height:100%;object-fit:cover}
.vod-remarks{position:absolute;top:0;right:0;left:0;padding:6px 8px;text-align:right;color:#fff;font-size:12px;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent)}
.vod-title{display:block;height:37px;padding:8px 12px 6px;color:#333;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pager{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px 0 0;flex-wrap:wrap}
.pager ul{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;flex-wrap:wrap}
.pager li{display:block;margin:0;padding:0;list-style:none}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:34px;padding:0 11px;border-radius:3px;background:#2d2d2d;color:#fff}
.pager .active span{background:#eef4ff;color:#71829a}
.detail-cover{width:520px;max-width:100%;margin:0 auto 26px;text-align:center}
.detail-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eee}
.primary-play{display:inline-flex;align-items:center;justify-content:center;min-width:106px;height:34px;margin-top:26px;border-radius:5px;background:#f39a00;color:#fff;font-weight:700}
.line-panel{margin:0 0 28px;padding:16px;background:#fff;border:1px solid #ededed}
.line-panel h2{margin:0 0 12px;color:#333;font-size:16px}
.play-line+.play-line{margin-top:14px}
.play-line h3{margin:0 0 8px;color:#777;font-size:14px}
.episode-grid{display:flex;flex-wrap:wrap;gap:7px}
.episode-grid a{display:inline-flex;align-items:center;justify-content:center;min-width:60px;height:32px;padding:0 10px;border-radius:4px;background:#303030;color:#fff}
.player-title{margin:0 0 12px;color:#fff;font-size:20px;font-weight:400}
.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;background:#000}
.player-box{position:relative;min-width:0;aspect-ratio:16/9;background:#000;overflow:hidden}
.player-box iframe,.player-box video,.player-box embed,.player-box object,.player-box>div{width:100%!important;height:100%!important;min-height:100%!important;background:#000}
.player-side{padding:14px;background:#353535;color:#fff}
.player-side-head{display:flex;gap:20px;padding-bottom:13px;border-bottom:1px solid #484848;color:#f0a000}
.side-list{display:grid;grid-template-columns:1fr 1fr;gap:52px 10px;padding-top:48px}
.side-list a{display:block;padding:6px 8px;background:linear-gradient(180deg,#353535,#1c1c1c);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-lines{margin-top:12px}
.footer-area{width:1120px;max-width:calc(100% - 28px);margin:0 auto;padding:4px 0 25px;color:#737373;text-align:center}
.footer-area .tag-cloud{text-align:left}
.desktop-contact{margin:6px 0 8px;line-height:1.7}
.desktop-contact a{color:#757575}
.mobile-note{display:block;margin:8px auto;max-width:900px;line-height:1.8}
.native-links{display:none}
.empty-state{padding:30px;text-align:center;color:#777;background:#fff}
@media(min-width:721px){
  body:has(.home-main){background:linear-gradient(180deg,#111619 0,#071037 700px,#00093b 100%)}
}
@media(max-width:720px){
  body{background:linear-gradient(180deg,#111619 0,#06103a 842px,#fff 843px,#fff 100%)}
  .site-wrap,.content-shell,.footer-area{max-width:calc(100% - 20px)}
  .home-hero{padding:116px 0 4px}
  .home-brand{gap:10px}
  .home-brand img{width:54px;height:54px}
  .home-brand strong{font-size:38px}
  .home-slogan{margin:22px 0 24px;font-size:13px}
  .search-form{height:46px}
  .search-source{padding:0 13px;font-size:12px}
  .search-form input{padding:0 6px;font-size:12px}
  .search-form button{width:45px;height:46px}
  .top-tag-section{padding-top:14px}
  .section-label{font-size:15px}
  .tag-cloud{gap:5px 4px}
  .tag-cloud a{min-height:27px;padding:4px 6px}
  .footer-tags{padding-top:18px}
  .internal-header,.internal-header .site-wrap{height:69px}
  .internal-title{font-size:20px}
  .internal-search{padding:14px 6px 8px}
  .portal-block{padding:0 4px}
  .category-panel{padding:6px 4px}
  .category-title{font-size:13px}
  .category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
  .category-grid a{height:27px;padding:0 3px;font-size:10px}
  .support-block{padding:11px 5px 0}
  .support-block .tag-cloud a{font-size:11px}
  .content-shell{padding-top:20px}
  .vod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 10px}
  .vod-card{border-bottom-width:4px;border-radius:0 0 22px 22px}
  .vod-title{height:32px;padding:6px 8px;font-size:11px}
  .result-bar{padding:12px 10px;font-size:12px}
  .pager ul{gap:5px}
  .pager a,.pager span{min-width:32px;height:32px;padding:0 8px;font-size:12px}
  .detail-cover{width:100%}
  .line-panel{padding:12px}
  .player-title{color:#222;font-size:17px}
  .player-layout{grid-template-columns:1fr}
  .player-side{display:none}
  .player-box{aspect-ratio:16/9}
  .episode-grid a{min-width:52px;height:30px;font-size:12px}
  .desktop-contact{display:none}
  .mobile-note{display:block;font-size:12px}
}