*{box-sizing:border-box}html{background:#333}body{margin:0;color:#222;font:14px/1.55 Arial,"Microsoft YaHei",sans-serif;background:#fff}a{color:#222;text-decoration:none}a:hover{color:#078ad4}.hx-site{min-height:100vh;background:#fff}.hx-header{background:#fff;border-top:36px solid #333}.hx-topbar{width:980px;margin:0 auto;height:68px;display:flex;align-items:center;gap:22px}.hx-logo{font-size:32px;line-height:1;color:#078ad4;font-weight:500;white-space:nowrap}.hx-search{display:flex;width:420px;height:34px;margin-left:28px}.hx-search input{flex:1;border:1px solid #cfcfcf;border-radius:5px 0 0 5px;padding:0 10px;outline:none}.hx-search button{width:82px;border:0;border-radius:0 7px 7px 0;background:#078ad4;color:#fff;font-weight:bold;cursor:pointer}.hx-tools{margin-left:auto;display:flex;gap:14px;font-size:13px;align-items:center}.hx-tools a,.hx-tools button{border:0;background:transparent;color:#333;cursor:pointer;padding:0}.hx-tools a:before{color:#078ad4}.hx-m-search,.hx-m-history{display:none}.hx-nav{width:980px;margin:0 auto;height:38px;border-bottom:1px solid #d5d5d5;display:flex;align-items:center;gap:26px;overflow:auto;white-space:nowrap}.hx-nav a{font-weight:700;color:#111;padding:10px 0;border-bottom:2px solid transparent}.hx-nav a.active,.hx-nav a:hover{color:#078ad4;border-bottom-color:#078ad4}.hx-mobile-search{display:none}.hx-history{display:none;position:fixed;z-index:50;right:calc((100vw - 980px)/2);top:94px;width:260px;background:#fff;border:1px solid #d7d7d7;box-shadow:0 10px 30px rgba(0,0,0,.16);padding:14px}.hx-history.show{display:block}.hx-history div{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:8px}.hx-history button{border:1px solid #ddd;background:#f8f8f8;border-radius:4px}.hx-container{width:980px;margin:0 auto;padding:18px 0 36px}.hx-section{margin:0 0 22px}.hx-section-head{height:28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d9d9;margin-bottom:12px}.hx-section-head h2{margin:0;padding-left:0;font-size:18px;color:#078ad4;font-weight:700}.hx-section-head h2:before{content:"";display:inline-block;width:5px;height:20px;background:#078ad4;margin-right:8px;vertical-align:-4px}.hx-section-head a{font-weight:bold;font-size:13px;color:#111}.hx-section-head span{font-size:12px;color:#777}.hx-layout{display:grid;grid-template-columns:650px 300px;gap:30px;align-items:start}.hx-maincol{min-width:0}.hx-sidebar{min-width:0}.hx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 22px}.hx-poster{display:block;min-width:0}.hx-poster-img{position:relative;aspect-ratio:145/205;background:#e5e5e5;overflow:hidden}.hx-poster-img img{width:100%;height:100%;display:block;object-fit:cover}.hx-poster-img span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#999;background:#eee}.hx-poster-img em{position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.55);color:#fff;font-style:normal;font-size:13px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-poster strong{display:block;margin-top:7px;font-size:14px;font-weight:400;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-poster small{display:block;font-size:12px;color:#777;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-lunli-section{padding-bottom:2px}.hx-lunli-grid{grid-template-columns:repeat(6,1fr);gap:14px}.hx-lunli-grid .hx-poster:nth-child(n+7){display:none}.hx-lunli-grid .hx-poster-img{aspect-ratio:16/10}.hx-lunli-grid .hx-poster strong{font-size:13px}.hx-side-panel{background:#eef8ff;border:1px solid #d7edf9;margin-bottom:18px;padding:12px}.hx-side-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbe3f3;margin-bottom:10px;padding-bottom:6px}.hx-side-title h3{margin:0;color:#078ad4;font-size:16px}.hx-side-title a{font-size:12px;font-weight:bold}.hx-week{display:flex;gap:6px;margin-bottom:8px;border-bottom:1px solid #d8ebf7;padding-bottom:6px}.hx-week span{font-size:12px;color:#111}.hx-week .active{color:red}.hx-update-list{list-style:none;margin:0;padding:0}.hx-update-list li{display:flex;align-items:center;gap:8px;border-bottom:1px dotted #cbdfea;padding:6px 0;font-size:13px}.hx-update-list li:before{content:"•";font-weight:bold}.hx-update-list a{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-update-list em{font-style:normal;color:#999;font-size:12px}.hx-rank-list{display:flex;flex-direction:column;gap:12px}.hx-rank-item{display:grid;grid-template-columns:74px 1fr;gap:10px;padding-bottom:12px;border-bottom:1px dotted #cbdfea}.hx-rank-item img{width:74px;height:102px;object-fit:cover;background:#ddd}.hx-rank-item span{min-width:0}.hx-rank-item b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-rank-item em{display:block;color:#078ad4;font-style:normal;font-size:12px}.hx-rank-item small{display:block;color:#777;font-size:12px;line-height:1.45;margin-top:4px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hx-footer{width:980px;margin:20px auto 0;text-align:center;font-size:12px;color:#555;padding:18px 0 30px}.hx-footer-line{height:1px;background:#98bf20;margin-bottom:14px}.hx-footer-links{display:flex;justify-content:center;gap:18px;margin-bottom:8px}.hx-breadcrumb{font-size:12px;color:#666;margin:0 0 15px;border-bottom:1px solid #eee;padding-bottom:10px}.hx-breadcrumb a{color:#555}.hx-breadcrumb span{margin:0 8px;color:#aaa}.hx-filter-panel{border:1px solid #e1e1e1;margin:0 0 18px;background:#fafafa;padding:8px 12px}.hx-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid #eee;padding:8px 0}.hx-filter-row:last-child{border-bottom:0}.hx-filter-row b{background:#078ad4;color:#fff;border-radius:4px;padding:4px 12px;font-weight:400}.hx-filter-row a{border:1px solid #ddd;background:#fff;padding:4px 14px;border-radius:4px}.hx-filter-row a.active,.hx-filter-row a:hover{border-color:#078ad4;color:#078ad4}.pagination{display:flex;justify-content:center;gap:8px;margin:22px 0 2px}.pagination a,.pagination span{min-width:32px;height:30px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;background:#fff;border-radius:4px}.pagination a.active,.pagination a:hover{background:#078ad4;color:#fff;border-color:#078ad4}.hx-detail-layout{grid-template-columns:650px 300px}.hx-detail-card{display:grid;grid-template-columns:200px 1fr;gap:20px;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:14px}.hx-detail-poster img{width:200px;height:285px;object-fit:cover}.hx-detail-info h1{font-size:22px;margin:0 0 8px;color:#111}.hx-score{margin:4px 0 10px}.hx-score span{color:#ffcc30;font-size:22px;letter-spacing:-2px}.hx-score b{color:red;margin:0 6px}.hx-detail-info p{margin:7px 0;color:#555}.hx-play-btn{display:inline-block;margin-top:10px;background:#0096df;color:#fff;border-radius:3px;padding:7px 20px;font-weight:bold}.hx-play-btn:hover{color:#fff;background:#007fc0}.hx-episode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 18px}.hx-episode-grid a{border:1px solid #d8d8d8;background:#fff;text-align:center;padding:9px 8px;font-size:16px}.hx-episode-grid a.active,.hx-episode-grid a:hover{background:#078ad4;border-color:#078ad4;color:#fff}.hx-article{font-size:14px;line-height:1.85;color:#333}.hx-related-grid{grid-template-columns:repeat(4,1fr)}.hx-player-page{background:#333;margin-left:calc((980px - 100vw)/2);margin-right:calc((980px - 100vw)/2);padding:0}.hx-player-wrap{width:980px;margin:0 auto;background:#000;height:440px;display:flex;align-items:center;justify-content:center}.hx-video-player{width:100%;height:100%;background:#000}.hx-player-empty{color:#aaa}.hx-player-tools{width:980px;margin:0 auto 14px;display:flex;gap:8px;align-items:center;font-size:13px;padding:8px 0}.hx-player-tools span{color:#078ad4}.hx-player-tools button{border:1px solid #ddd;background:#fff;border-radius:4px;padding:3px 10px}.hx-play-layout{margin-top:0}.hx-scroll-row{display:flex;gap:16px;overflow:auto;padding-bottom:8px}.hx-scroll-row .hx-poster{flex:0 0 135px}.empty-state{border:1px dashed #ddd;color:#777;text-align:center;padding:30px;background:#fafafa}
@media (max-width: 760px){body{background:#333;font-size:16px}.hx-site{max-width:670px;margin:0 auto;background:#fff;min-height:100vh}.hx-header{border-top:0;background:#fff;position:sticky;top:0;z-index:20}.hx-topbar{width:auto;height:72px;background:#078ad4;color:#fff;padding:0 14px;gap:10px}.hx-logo{font-size:30px;color:#fff;flex:1;overflow:hidden;text-overflow:ellipsis}.hx-search,.hx-tools{display:none}.hx-m-search,.hx-m-history{display:block;border:0;background:transparent;color:#fff;font-size:36px;line-height:1;padding:0 4px}.hx-nav{width:auto;height:54px;padding:0 12px;gap:30px;border-bottom:1px solid #d8d8d8;background:#fff}.hx-nav a{font-size:22px;font-weight:400;color:#333;padding:9px 0;border:0}.hx-nav a.active{color:#078ad4}.hx-mobile-search.show{display:block;padding:10px;background:#fff;border-bottom:1px solid #ddd}.hx-mobile-search form{display:flex;gap:8px}.hx-mobile-search input{flex:1;border:1px solid #ddd;border-radius:4px;padding:10px;font-size:16px}.hx-mobile-search button{width:76px;border:0;background:#078ad4;color:#fff;border-radius:4px}.hx-history{right:12px;top:76px;width:260px}.hx-container{width:auto;padding:14px 10px 30px}.hx-layout{display:block}.hx-sidebar{display:none}.hx-section{margin-bottom:18px}.hx-section-head{height:38px;margin-bottom:12px}.hx-section-head h2{font-size:24px;color:#111;font-weight:400}.hx-section-head h2:before{width:5px;height:28px;vertical-align:-6px}.hx-section-head a,.hx-section-head span{font-size:14px}.hx-grid{grid-template-columns:repeat(3,1fr);gap:20px 18px}.hx-poster-img{border-radius:9px;aspect-ratio:200/282}.hx-poster-img em{font-size:20px;padding:1px 8px}.hx-poster strong{font-size:20px;margin-top:6px;white-space:normal;line-height:1.25}.hx-poster small{display:none}.hx-lunli-grid{grid-template-columns:repeat(3,1fr);gap:16px}.hx-lunli-grid .hx-poster:nth-child(n+7){display:block}.hx-lunli-grid .hx-poster-img{aspect-ratio:200/282}.hx-breadcrumb{font-size:13px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-filter-panel{border:0;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:0;margin:0 0 16px}.hx-filter-row{flex-wrap:nowrap;overflow:auto;padding:10px 0;gap:14px}.hx-filter-row b{flex:0 0 auto;font-size:22px;padding:5px 12px}.hx-filter-row a{flex:0 0 auto;font-size:22px;padding:3px 14px}.pagination{overflow:auto;justify-content:flex-start}.hx-detail-card{display:grid;grid-template-columns:36% 1fr;gap:14px;border-bottom:1px solid #e5e5e5}.hx-detail-poster img{width:100%;height:auto}.hx-detail-info h1{font-size:28px;color:red;line-height:1.25}.hx-score span{font-size:22px}.hx-detail-info p{font-size:20px;line-height:1.4;margin:6px 0;max-height:58px;overflow:hidden}.hx-play-btn{font-size:20px}.hx-article{font-size:22px;line-height:1.6}.hx-episode-grid{grid-template-columns:repeat(3,1fr);gap:12px 22px}.hx-episode-grid a{font-size:24px;padding:9px 5px}.hx-related-grid{grid-template-columns:repeat(3,1fr)}.hx-player-page{margin-left:-10px;margin-right:-10px;background:#333}.hx-player-wrap{width:100%;height:292px}.hx-player-tools{width:auto;margin:0 0 10px;padding:8px 0;font-size:14px;flex-wrap:wrap}.hx-footer{width:auto;padding:20px 10px 28px;background:#fff;font-size:12px}.hx-footer-links{flex-wrap:wrap;gap:10px}.hx-footer-line{margin-left:0;margin-right:0}}
@media (max-width:420px){.hx-logo{font-size:25px}.hx-nav{gap:22px}.hx-nav a{font-size:19px}.hx-poster strong{font-size:17px}.hx-poster-img em{font-size:17px}.hx-filter-row b,.hx-filter-row a{font-size:18px}.hx-detail-info h1{font-size:23px}.hx-detail-info p{font-size:16px;max-height:44px}.hx-article{font-size:18px}.hx-episode-grid a{font-size:20px}.hx-player-wrap{height:230px}}