
.top-grid{font-size:0;padding:8px}
.top-grid .item{display:inline-flex;flex-direction:column;align-items:center;width:6%;color:#FF9400;font-size:13px;padding:10px 1px;border-radius:6px;-webkit-transition:font-weight,background,transform .3s;-moz-transition:font-weight,background,transform .3s;-o-transition:font-weight,background,transform .3s;transition:font-weight,background,transform .3s}
@media(max-width:1300px){
.top-grid .item{width:16.6666667%}
}
@media(max-width:767px){
.top-grid .item{width:20%}
}
@media(max-width:480px){
.top-grid .item{width:25%;padding:10px 5px;font-size:12px}
.top-grid .item .icon{width:40px;height:40px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
}
/*
.top-grid .item:hover{background:#e9004d;color:#fff;font-weight:600;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
*/
.top-grid .item .icon{width:56px;height:56px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.top-grid .item:hover .icon{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);transform:rotateZ(360deg)}
.top-grid .item .icon img{width:100%;height:100%;object-fit:cover;border-radius: 10%;}
.top-grid .item .name{width:100%;text-align:center;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hezuohuoban{display:grid;grid-template-columns:auto auto auto auto auto auto auto auto auto auto;padding:2px;margin: 0 0 0.1em;}
.hezuohuoban li{padding:1px;font-size:16px;text-align:center;margin:2px;border-radius:0;background:#1eb5ea;white-space:nowrap;list-style:none;list-style-type:none;float:left;margin-right:10px;margin-bottom:5px;}
.hezuohuoban li a{text-decoration:none;color:#000}
@media only screen and (max-width: 1400px){
.hezuohuoban {grid-template-columns: auto auto auto auto auto auto;}
.hezuohuoban li{font-size: 16px;}
}
@media only screen and (max-width: 500px){
.hezuohuoban {grid-template-columns: auto auto auto;}
.hezuohuoban {lifont-size: 10px;}
}
.hezuohuoban li.h{  border: 1px solid;  background-color: #555 !important;border-color: #555 !important;transition: all 200mslinear;color: #fff;outline: none;background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 70%);}
.hezuohuoban li.h:hover{border-color: #FF9400 !important;background-color: #FF9400 !important;}
.hezuohuoban li.h a{color:#fff;}
.titletip {
    color: #fff;
    padding: 2px;
    font-size: 1.1em;
    margin: 2px;
}

.label {line-height: 2.2;}
/* Source CSS defines the responsive geometry. Only local behavior/engine bindings follow. */
a[data-inert="1"]{cursor:default}
#filters .filters-select:focus-within .filters-options,#filters .filters-select.is-open .filters-options{display:block}
.source-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.source-player .detail-play-link{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.source-player .loader{width:42px;height:42px;border:6px solid #555;border-top-color:#ddd;border-radius:50%;animation:local-spin 1s linear infinite}
@keyframes local-spin{to{transform:rotate(360deg)}}
.source-player>div,.source-player .MacPlayer,.source-player video{width:100%!important;height:100%!important}
.video-about{padding:1em;background:#181818}
.video-about h1{font-size:1.1em;font-weight:normal;margin:0 0 .8em}
.video-about p{overflow-wrap:anywhere;margin:0 0 .8em}
.video-meta{font-size:.85em;color:#aaa;display:flex;gap:1.2em}
.play-lines{clear:both;margin:1em 0}
.play-lines h2{font-size:1.1em;font-weight:normal}
.line-block h3{font-size:.9em;font-weight:normal;margin:.8em 0}
.episode-list{display:flex;flex-wrap:wrap;gap:.4em}
.episode-list a{display:inline-block;padding:.35em .8em;background:#FF9400;color:#fff;font-size:.85em}
.related-title{clear:both}
.post-thumbnail-container img{height:100%;object-fit:fill}
/* The captured source has no rendered folder glyphs in its top tag cloud. */
#content>.tags i.fa:before{content:none}
#content>.tags i.fa{display:inline;font:inherit;font-style:italic;line-height:inherit}
/* Keep the recovered sidebar glyph inside the source's one-em icon footprint. */
.widget a.tag-cloud-link:before{display:inline-block;width:1em;line-height:0;vertical-align:middle}
@media(max-width:991.98px){#site-navigation.menu-expanded>ul{display:block}#site-navigation .button-nav:focus-visible{outline:1px solid #FF9400;outline-offset:2px}}

/* Detail entry: explicit playback action, scoped to this template hero. */
.detail-hero .detail-play-link{flex-direction:column;gap:14px;color:#FF9400;text-decoration:none}
.detail-hero .detail-play-icon{display:inline-flex;width:72px;height:72px;border:2px solid currentColor;border-radius:50%;align-items:center;justify-content:center}
.detail-hero .detail-play-icon:before{content:"";display:block;margin-left:6px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid currentColor}
.detail-hero .detail-play-label{font-size:18px;font-weight:600;line-height:1.4}
.detail-hero .detail-play-link:hover{color:#ffb345}
.detail-hero .detail-play-link:focus-visible{outline:2px solid #FF9400;outline-offset:-6px}
