*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f5f7fb;color:#222;font:14px/1.6 Arial,"Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
a:hover{color:#e53935}
img{max-width:100%;display:block}
.wrap{width:min(1180px,calc(100% - 24px));margin:0 auto}
.topbar{background:#fff;border-bottom:1px solid #eceff5}
.header{display:flex;align-items:center;gap:16px;min-height:80px;padding:40px 0 12px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:700;color:#e53935;white-space:nowrap}
.logo-desc{width:100%;color:#111;font-size:14px;line-height:1.5;margin-top:-8px;padding-left:44px}
.logo-play{position:relative;display:inline-block;width:34px;height:24px;background:#e53935;border-radius:8px;box-shadow:0 2px 5px rgba(229,57,53,.25)}
.logo-play:after{content:"";position:absolute;left:13px;top:6px;border-left:10px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.search{display:flex;background:#f1f3f8;border-radius:999px;overflow:hidden;border:1px solid #e5e8f0}
.search input{flex:1;border:0;background:transparent;padding:10px 14px;outline:0}
.search button{border:0;background:#e53935;color:#fff;padding:0 18px;cursor:pointer}
.search-below-ad{margin:0 auto;max-width:720px}
.nav-groups{border-top:1px solid #f0f2f6;padding-top:8px}
.nav-block{padding:8px 0;border-bottom:1px solid #f4f5f8}
.nav-block:last-child{border-bottom:0}
.nav-title{font-size:13px;font-weight:700;color:#e53935;margin:0 0 8px;display:flex;align-items:center;gap:8px}
.nav-title:before{content:"";width:4px;height:14px;border-radius:2px;background:#e53935;display:inline-block}
.nav{display:flex;gap:8px;flex-wrap:wrap;overflow:visible;padding:0 0 8px}
.nav-main,.nav-cats{padding-bottom:0}
.nav a{white-space:nowrap;background:#f5f7fb;border:1px solid #e8ebf2;border-radius:999px;padding:6px 12px;color:#555}
.nav-icon{display:inline-block;margin-right:4px}
.recommend-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}
.recommend-row a{white-space:nowrap;border-radius:999px;padding:6px 12px;background:#f5f7fb;border:1px solid #e8ebf2}
.rec-live a{color:#e53935}
.rec-ai a{color:#148a2b}
.notice,.linkbox,#ddav,.search-box,.section,.crumb,.article,.detail,.player-box{background:#fff;border-radius:10px;margin:12px auto;padding:12px;box-shadow:0 1px 6px rgba(20,30,50,.06)}
.notice{color:#111;text-align:center;font-weight:700}
.notice-count{color:#0066cc}
.notice,.linkbox,#ddav{margin:10px auto;padding:6px}
.search-box{width:100%}
.notice img{display:block;max-width:100%;width:auto;height:auto;margin:10px auto 0;vertical-align:top}
.notice img:first-child{margin-top:0}
.notice br{display:block;content:"";height:10px;line-height:10px}
.linkbox{text-align:center;overflow:hidden}
#ddav{width:100%;max-width:100%;text-align:center;display:block;overflow:hidden}
#ddav table{width:100%!important;margin:0 auto;border-collapse:collapse;border-spacing:0}
#ddav tr,#ddav td{margin:0!important;padding:0!important;line-height:0!important;text-align:center}
#ddav img{width:850px;max-width:100%;height:160px;object-fit:contain;display:block;margin:0 auto}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border-bottom:1px solid #edf0f5;padding-bottom:8px}
.section-head h1,.section-head h2{font-size:18px;line-height:1.3;margin:0}
.section-head span,.meta{color:#777;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{min-width:0}
.pic{display:block;position:relative;aspect-ratio:16/9;background:#e8ebf2 center/contain no-repeat;border-radius:8px;overflow:hidden}
.pic:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(0,0,0,.55))}
.badge{position:absolute;right:6px;bottom:6px;background:rgba(229,57,53,.92);color:#fff;border-radius:4px;padding:1px 6px;font-size:12px;z-index:2}
.title{display:block;margin-top:6px;font-size:14px;line-height:1.35;height:38px;overflow:hidden}
.sub{color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pager{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:14px}
.pager a,.pager span{background:#fff;border:1px solid #e2e6ef;border-radius:6px;padding:7px 12px;color:#555}
.pager .current{background:#e53935;color:#fff;border-color:#e53935}
.detail-main{display:grid;grid-template-columns:220px 1fr;gap:18px}
.poster{border-radius:10px;overflow:hidden;background:#eef1f6}
.info h1{font-size:22px;line-height:1.35;margin:0 0 10px}
.info p{margin:6px 0;color:#555}
.watch-actions{margin:14px 0}
.watch-btn{display:inline-block;background:#e53935;color:#fff;border-radius:999px;padding:10px 24px;font-weight:700;box-shadow:0 4px 12px rgba(229,57,53,.22)}
.watch-btn:hover{color:#fff;background:#d32f2f}
.line-list{list-style:none;margin:0;padding:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:1px solid #edf0f5;border-radius:8px;background:#fff}
.line-list li{margin:0;padding:0}
.line-list a{display:block;text-align:center;background:#f7f8fb;border:1px solid #dfe3ea;border-radius:6px;padding:10px;color:#555}
.line-list a:hover{background:#e53935;border-color:#e53935;color:#fff}
.play-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.play-list a{display:inline-block;background:#f5f7fb;border:1px solid #e5e8f0;border-radius:6px;padding:8px 12px}
.play-list a.cur{background:#e53935;color:#fff;border-color:#e53935}
.player{background:#111;border-radius:10px;overflow:hidden;min-height:360px}
.player iframe,.player video{width:100%!important;min-height:360px}
.article-list{list-style:none;margin:0;padding:0}
.article-list li{border-bottom:1px solid #edf0f5;padding:10px 0}
.article-list li:last-child{border-bottom:0}
.article-list span{float:right;color:#999;font-size:12px;margin-left:10px}
.article-content{font-size:16px;line-height:1.9;color:#333;overflow:hidden}
.article-content img{height:auto;margin:10px auto;border-radius:8px}
.footer{color:#666;text-align:center;font-size:13px;padding:10px 0 26px}
.popup-mask{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:98}
.popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(345px,86vw);background:#ffd400;border-radius:10px;z-index:99;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.popup-hd{position:relative;padding:12px 40px 8px 14px;font-weight:700;color:#d40000}
.popup-close{position:absolute;right:8px;top:5px;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;font-size:22px}
.popup-bd{padding:8px 14px 14px;text-align:center}
.popup-btn{display:block;width:90%;margin:0 auto 14px;border:0;border-radius:8px;padding:10px 0;background:#000;color:#ffd400;font-weight:700;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}.detail-main{grid-template-columns:180px 1fr}}
@media (max-width:640px){body{font-size:14px}.wrap{width:calc(100% - 16px)}.header{gap:10px}.logo{width:100%;font-size:20px}.search{width:100%;flex-basis:100%}.search input{font-size:16px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.detail-main{grid-template-columns:1fr}.poster{max-width:220px;margin:0 auto}.player,.player iframe,.player video{min-height:220px}.section,.crumb,.article,.detail,.player-box{padding:10px;margin:8px auto}.section-head h1,.section-head h2{font-size:18px}.info h1{font-size:21px}.article-list span{float:none;display:block}.line-list{grid-template-columns:repeat(2,1fr);padding:10px}.nav{gap:6px;padding-bottom:8px}.nav a{padding:7px 11px}#ddav{width:100%;max-width:100%;margin:4px auto;padding:4px}#ddav img{width:360px;max-width:100%;height:110px;object-fit:fill}.search-below-ad{margin:6px auto 8px}}