/* Optimized CSS - Minified Version */
:root{--pagewidth:1200px;--brand-blue:#2a7fff;--grad-start:#4facfe;--grad-mid:#89f7fe;--grad-end:#66a6ff;--text-link:#a94442}
*{box-sizing:border-box}
body{background:#fff;margin:0;padding:0}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background-color:#bee1eb}
::-webkit-scrollbar-thumb{background-color:#989999}
::-webkit-scrollbar-thumb:hover{background-color:#989999}
::-webkit-scrollbar-thumb:active{background-color:#989999}
#web_bg{display:none}
input::selection{background:#000!important;color:#fff!important}
#searchtext{height:40px}
#searchbtn{font-size:14px;padding:10px;background-image:linear-gradient(to right,var(--grad-start) 0%,var(--brand-blue) 100%)}
.hotlist a{margin:0 10px 10px 0;color:#666}
#menu{width:calc(100% - 20px)!important;padding:0!important}
.header{border:0;min-height:60px;margin-bottom:5px}
.navbar{margin-bottom:0}.navbar-header,.navbar-brand{display:flex;align-items:center;height:60px}.navbar-brand{padding:0;margin:0}.navbar-brand img{max-height:40px;width:auto}.navbar-nav>li{display:flex;align-items:center;height:60px}.navbar-nav>li .navbar-btn,.navbar-nav>li .theme-toggle-btn{margin-top:0!important;margin-bottom:0!important;display:flex;align-items:center;height:36px}.navbar-nav>li>a{display:flex;align-items:center;height:60px;padding:0 15px;line-height:20px;font-size:16px;font-weight:bold;position:relative;overflow:hidden;transition:color .25s ease}.navbar-nav>li>a:after{content:'';position:absolute;left:-100%;bottom:8px;width:100%;height:2px;background:var(--brand-blue);transition:transform .3s ease,left .3s ease;transform:scaleX(0);transform-origin:left}.navbar-nav>li>a:hover{color:var(--brand-blue)}.navbar-nav>li>a:hover:after{left:0;transform:scaleX(1)}
.container{width:var(--pagewidth);max-width:100%}
#wrap{max-width:var(--pagewidth)!important;width:calc(100% - 20px)!important;margin-top:0!important;padding:0!important}
.footer{text-align:center;padding:10px;color:var(--text-link);margin:20px auto}
a{color:var(--text-link)}
audio,video{width:100%;max-height:550px;background:rgba(0,0,0,0.9)}
.player-wrapper video{max-height:none!important;height:100%!important}
button:focus{border:0}
#bodybg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:1;opacity:0.9;filter:alpha(Opacity=90);-moz-opacity:0.9}
.videolist{width:100%;display:inline-block;padding-bottom:0}
.videolist a{margin:0 5px 10px;padding:10px;background:#fff;color:#000;border-radius:4px;width:calc(10% - 10px);text-align:center}
.videolist a.curr,.videolist a:hover{background-image:linear-gradient(120deg,var(--grad-mid) 0,var(--grad-end) 100%);color:#fff;text-decoration:none}
.btn-line-switch{background-image:linear-gradient(120deg,var(--grad-mid) 0,var(--grad-end) 100%);border:0;color:#fff!important;padding:10px;border-radius:4px;line-height:20px;display:inline-block}.current-play-label{margin-right:10px}.videoname{display:flex;justify-content:space-between;align-items:center}.change-line{display:flex;gap:10px;align-items:center}.bs-play-modal-md .modal-dialog{max-width:350px;margin:0 auto}.hidden-player{display:none}.modal-body-center{text-align:center}.status-icon{margin-right:5px;top:3px;color:red;position:relative}.upfile{margin-top:10px}
.listbox{width:100%;display:flex;flex-wrap:wrap}
.morelist{display:none;background:#4576e2;border:1px solid #fff;text-align:center;color:#fff;padding:10px;cursor:pointer;font-size:16px;border-radius:4px}
.morelist:hover{background:#00aff0}
.listimg{position:relative}
.listimg .bg{background:rgb(0 0 0 / 50%);width:calc(100% - 40px);height:25px;bottom:25px;z-index:9;position:absolute}
.listimg .title{z-index:10;position:absolute;width:calc(100% - 50px);height:25px;bottom:22px;font-size:14px;color:#fff;text-align:center;margin:0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.listimg img{min-height:200px;max-height:200px;min-width:160px;border-radius:10px}
.movieList-wrap{margin:15px auto 20px}
.movieList-wrap .movieList-box{display:flex;flex-wrap:wrap;width:100%;background:#fff;margin-bottom:10px;padding:10px;border-radius:4px;position:relative}
.movieList-box:hover{box-shadow:0 0 5px 1px rgb(0 0 0 / 30%)}
.movieList-box .addmovieTop{position:absolute;top:0;right:0;background:#d9edf7;color:#578da7;padding:10px;cursor:pointer;z-index:1;border-radius:0 0 0 10px}
.movieList-box .addmovieTop:hover{background:#3b1bbb;color:#fff}
.moviePic{width:100px;height:120px;border-radius:4px;overflow:hidden}
.moviePic img{width:100%;height:100%;object-fit:cover}
.movieInfo{margin:0 10px;position:relative;width:calc(100% - 190px)}
.movieInfo .movieName{width:100%;margin:0 0 5px 0;padding:0}
.movieInfo .movieName a{font-size:18px;font-weight:bold;font-family:Microsoft JHenghei,Microsoft Yahei,Arial;color:#000}
.movieInfo .movieType{width:100%;font-size:12px;color:#333}
.movieInfo .movieType span{color:#fff;border-radius:6px;padding:5px;margin-right:5px;font-size:12px;display:inline-block}
.movieInfo .movieType span:nth-child(1){background:#4f36d7}
.movieInfo .movieType span:nth-child(2){background:#4ea32b}
.movieInfo .movieLang{width:100%;margin-top:10px}
.movieInfo .movieLang span{border-radius:6px;padding:5px;margin-right:5px;font-size:12px;display:inline-block;color:#fff}
.movieInfo .movieLang span:nth-child(1){background:var(--brand-blue)}
.movieInfo .movieLang span:nth-child(2){background:var(--brand-blue)}
.movieInfo .movieLang span:nth-child(3){background:var(--brand-blue)}
.movieInfo .movieTime{width:100%;position:absolute;bottom:0;width:100%}
.movieInfo .movieTime span{font-size:12px;color:#6a6a6a;font-family:Arial;display:inline-block;margin-right:5px}
.moviePlay{width:64px;height:64px;margin:auto 0 auto auto;overflow:hidden}
.moviePlay a{background:url(../images/play.png) no-repeat;display:block;width:100%;height:100%;text-indent:-99999em;background-size:100%}
.moviePlay:hover a{background:url(../images/play2.png) no-repeat;background-size:100%}
.list-toplist{margin:0}
.list-toplist .thumbnail{max-height:none;position:relative;border-radius:4px;background:transparent}
.thumbnail{padding:0;border:0}
.thumbnail .vodpic{display:block;overflow:hidden;height:260px;background:#fff}
.thumbnail img{object-fit:cover;width:100%!important;height:100%!important;border-radius:10px;transition:transform .3s ease}
.thumbnail img:hover{transform:scale(1.2)}
.thumbnail .caption{padding:5px!important;background:transparent}
.thumbnail .caption h3{font-size:14px!important;margin:5px auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.thumbnail .addmovieTop{position:absolute;top:4px;right:4px;background:#f16d6d;color:#ffff;padding:5px;cursor:pointer;z-index:1;border-radius:0 0 0 10px}
.thumbnail .addmovieTop:hover{background:#3b1bbb;color:#fff}
.thumbnail .type_name{position:absolute;top:4px;left:4px;background:rgb(0 0 0 / 60%);color:#ffff;padding:5px;cursor:pointer;z-index:1;border-radius:4px}
.alert-search{background:none;padding:0;border:0;margin-bottom:20px}
.alert-search .input-group{margin:0;width:100%}
.uptopbtn{width:36px;height:36px;background:url(../images/uptop.png) no-repeat;background-size:100%;position:fixed;right:10px;bottom:5%;display:none;cursor:pointer}
.alert-playbox{padding:0!important;background:#000!important;border:0;position:relative;border-radius:8px;overflow:hidden}
.hero-container{width:100%;max-width:1400px;height:400px;margin:0 auto 5px;position:relative;background-color:transparent;overflow:hidden}
.hero-images{width:100%;height:100%;position:relative}
.hero-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease}
.hero-image.active{opacity:1;z-index:1}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:10px}
.hero-caption{position:absolute;top:50%;left:20px;transform:translateY(-50%);color:#fff;text-align:left;z-index:2;max-width:50%;padding:20px;background:rgba(0,0,0,0.5);border-radius:5px}
.hero-indicators{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:15}
.hero-indicator{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,0.5);cursor:pointer;transition:all .3s ease}
.hero-indicator:hover{background-color:rgba(255,255,255,0.8);transform:scale(1.2)}
.hero-indicator.active{background-color:#fff;transform:scale(1.3);box-shadow:none}
.hero-caption h3{margin:0 0 10px 0;font-size:24px;font-weight:bold;text-shadow:none}
.hero-caption p{margin:0;font-size:16px;text-shadow:none}
.copyright-info{text-align:center;padding:10px 0;font-size:14px;color:#666;background-color:#f8f8f8;border-top:1px solid #eee;margin-top:20px}
.bodybg{display:none;position:fixed;z-index:9990;background:#000;width:100%;height:100%;top:0;left:0}
.dengbtn{position:fixed;bottom:20px;right:-2px;z-index:10000;background:#eee;width:45px;padding:5px 0;text-align:center;font-size:14px;border-radius:4px 0 0 4px;cursor:pointer}
.fullscreenbtn{position:fixed;bottom:55px;right:-2px;z-index:10000;background:#eee;width:45px;padding:5px 0;text-align:center;font-size:14px;border-radius:4px 0 0 4px;cursor:pointer}
.smallvideobtn{position:fixed;bottom:90px;right:-2px;z-index:10000;background:#eee;width:45px;padding:5px 0;text-align:center;font-size:14px;border-radius:4px 0 0 4px;cursor:pointer}
.dengbtn:hover,.fullscreenbtn:hover,.smallvideobtn:hover{background:#000;color:#fff}
.heivideo{position:fixed;z-index:9991;margin:auto;left:0;right:0;width:1200px;max-height:660px;top:0;bottom:0}
.heideng{background:#242424;color:#fff}
.noscroll{overflow:hidden}
.loadwrap{display:none;width:100%;height:100vh;position:fixed;left:0;top:0;z-index:10000;background-color:rgba(0,0,0,.1)}
.loaderbox{width:140px;height:120px;text-align:center;position:absolute;top:calc(50% - 60px);left:calc(50% - 60px);padding-top:15px;background-color:rgba(0,0,0,.2);border-radius:5px}
.load-msg{height:50px;line-height:50px;color:#fff;font-size:13px}
svg path,svg rect{fill:#fff}
.hotlink-wrap{display:none!important}
.btn{border:0;margin-right:5px;margin-bottom:10px}
.btn:focus{outline:none;outline-offset:0}
.btn-wrap{margin:15px}
.btn-warning{background-color:#3e913e!important;border-color:#3e913e!important}
.warning{position:fixed;left:0;right:0;margin:0 auto;top:20%;background:rgb(221 39 39 / 53%);width:100px;text-align:center;color:#fff;padding:10px;border-radius:6px;display:none;z-index:9999}
.input-group{width:calc(100% - 30px);margin-bottom:10px!important;margin:0 15px}
.input-group textarea{outline:none;resize:none;padding:10px;height:300px;border-radius:6px!important;background:rgba(255 255 255 / 60%)}
.table{background:#fff;border-radius:4px}
#logo{width:100%,height:auto}
.relative{position:relative}
.relative .fixed{background:#fff;z-index:10;position:absolute!important;right:0}
#caidan{z-index:10;background:#fff;position:absolute;right:70px}
.opendeng{z-index:10;position:fixed;top:70px;left:0;right:0;margin:0 auto;width:100%;max-width:1400px}
.opendeng video{max-height:600px}
#iframebox{border:1px solid #ccc;margin:0 15px;width:calc(100% - 30px)}
#playbox{border-radius:6px;width:calc(100% - 0px);background:#000}
.closemode{height:100px;overflow:hidden}
.listbox.closemode,.videolist.closemode{height:auto!important;overflow:visible!important}
#nprogress{pointer-events:none}
#nprogress .bar{background:#F8A231;position:fixed;z-index:1031;top:0;left:0;width:100%;height:5px}
#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}
#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}
#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}
.nprogress-custom-parent{overflow:hidden;position:relative}
.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}
@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Responsive Design - Combined Media Queries */
@media screen and (max-width:1200px){
  #menu{width:auto}
  .container,#wrap{width:calc(100% - 20px)!important}
}
@media screen and (max-width:999px){
  .dengbtn,.fullscreenbtn,.smallvideobtn{display:none}
  .alert-search{padding:0}
}
@media screen and (max-width:799px){
  #wrap{margin:30px 10px 0!important;width:calc(100% - 20px)!important}
  video{max-height:200px}
  #menu{padding:0 15px}
  .navbar-nav>li>a{height:56px;padding:0 12px;line-height:20px}
  .change-line{flex-wrap:wrap;gap:8px}
  .change-line .btn-line-switch{width:100%;text-align:center;font-size:14px;padding:8px}
  .videolist a{margin:0 10px 10px!important;width:calc(20% - 20px);text-align:center}
  .movietime,.movietimes{display:none}
  .listimg img{min-width:100%;border-radius:10px}
  .moviePic{width:80px;height:120px}
  .movieInfo .movieName a{font-size:16px}
  .movieTime span:nth-child(1),.movieLang span:nth-child(2){display:none}
  .moviePlay{width:38px;height:38px}
  .movieInfo{width:calc(100% - 140px)}
  .col-sm-6{float:left}
  .list-toplist{margin:-10px -5px 0}
  .hero-container{height:250px!important;margin:0 auto 15px}
  .hero-image img{object-fit:cover;object-position:center top}
  .hero-caption{max-width:80%!important;left:10px!important;padding:10px!important;background:rgba(0,0,0,0.6)!important}
  .hero-caption h3{font-size:16px!important;margin:0 0 5px 0}
  .hero-caption p{font-size:12px!important}
  .hero-indicators{bottom:10px!important}
  .hero-indicator{width:10px!important;height:10px!important}
}
@media screen and (max-width:768px){
  .hero-container{height:250px!important;margin:0 auto 15px}
  .hero-caption{max-width:80%!important;left:10px!important;padding:10px!important}
  .hero-caption h3{font-size:18px!important;margin:0 0 5px 0}
  .hero-caption p{font-size:12px!important}
  .hero-indicators{bottom:10px!important}
  .hero-indicator{width:10px!important;height:10px!important}
}
@media screen and (max-width:660px){
  .videolist a{width:calc(25% - 20px)}
}
@media screen and (max-width:460px){
  .videolist a{width:calc(33% - 20px)}
  .hero-container{height:200px!important}
  .hero-caption{max-width:90%!important;left:5px!important;padding:8px!important}
  .hero-caption h3{font-size:14px!important}
  .hero-caption p{font-size:11px!important;display:none}
  .hero-indicator{width:10px!important;height:10px!important}
}