/* MIAO PARTY // CYBERPUNK RESPONSIVE LAYER
   Shared by all pages through public/include.html. Additive overrides only. */
:root{--cp-mobile-gutter:clamp(12px,3vw,28px);--cp-radius:3px;--cp-focus:0 0 0 2px rgba(40,245,255,.22),0 0 18px rgba(40,245,255,.14)}
*,*:before,*:after{box-sizing:border-box}
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;min-width:0;overflow-x:clip;line-height:1.65}
img,video,iframe,embed,object{max-width:100%}
img{height:auto}
iframe,video{display:block}
input,button,textarea,select{max-width:100%;font:inherit}
button,a,input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}
:focus-visible{outline:2px solid var(--cp-cyan)!important;outline-offset:3px!important;box-shadow:var(--cp-focus)}
/* Common content widths: remove legacy fixed-width overflow while keeping desktop composition */
.header-container,.container,.content,.main,.main-content,.wrap,.wrapper,.container-fluid,.footer-container{max-width:100%}
.container,.content,.main-content,.wrap,.wrapper{min-width:0}
.row,.cf{min-width:0}
.box,.module,.module-box,.public,.art-list,.actor-list,.topic-list,.vod-list,.user-box,.mac_pages,.pagination{min-width:0}
/* Shared cyberpunk visual language across list, detail, article, actor, topic, forms and member pages */
.box,.module,.module-box,.public,.vod-detail,.detail-info,.play-box,.player-box,.art-detail,.actor-detail,.topic-detail,.user-box,.user-info,.user-form,.gbook,.comment,.comment-box,.mac_history_box,.panel-asGkf,.ec-allnav,.qh-event{color:var(--cp-text);border-color:var(--cp-line)!important}
.module-title,.title,.detail-title,.vod-title,.art-title,.actor-title,.topic-title,.user-title,.page-title{color:var(--cp-cyan);text-wrap:balance}
input,textarea,select{min-height:40px;padding:8px 11px}
textarea{min-height:100px;resize:vertical}
button,.button,.btn,.layui-btn,.mac_pages a,.pagination a,.paging a{min-height:38px}
button:active,.button:active,.btn:active,.layui-btn:active{transform:translateY(1px)}
/* Video, image, article and actor detail layouts */
.player-box iframe,.player-box video,.play-box iframe,.play-box video,.player iframe,.player video,.mac_player iframe,.mac_player video{width:100%;max-width:100%;aspect-ratio:16/9;height:auto}
.detail-pic img,.vod-detail img,.art-detail img,.actor-detail img,.topic-detail img{max-width:100%;object-fit:cover}
/* tables and long content should never push the viewport sideways */
table{max-width:100%;border-collapse:collapse}pre,code,.content-detail,.art-content,.vod-content,.detail-content{overflow-wrap:anywhere;word-break:normal}pre{max-width:100%;overflow:auto}
/* Breakpoints */
@media(max-width:1200px){
 .header-container{padding-left:var(--cp-mobile-gutter);padding-right:var(--cp-mobile-gutter)}
 .container,.content,.main-content,.wrap,.wrapper{width:calc(100% - 2 * var(--cp-mobile-gutter))!important;margin-left:auto!important;margin-right:auto!important}
 .ecnav-nav{max-width:100%}
}
@media(max-width:992px){
 .header:after{right:12px;letter-spacing:.12em}
 .header-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
 .new-yklogo{flex:0 0 auto;max-width:42%;margin-right:auto}
 .new-yklogo img,.logo-1edqf img{max-width:min(190px,100%);height:auto}
 .header-container>.r{float:none!important;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}
 .ecnav-nav{float:none!important;order:3;width:100%;overflow:visible}
 .nav-channel{display:flex;max-width:100%;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding:4px 0 8px}
 .nav-channel>a{flex:0 0 auto;padding:8px 12px!important}
 .nav-guide{flex:0 0 auto}
 .so-home{float:none!important;flex:1 1 280px;min-width:0;max-width:100%}
 .so-home form,.search-input{display:flex;max-width:100%;min-width:0}
 .search-input input{width:100%;min-width:0}
 .ucenter{float:none!important;flex:0 0 auto}
 .ec-allnav{max-width:calc(100vw - 24px);max-height:70vh;overflow:auto}
}
@media(max-width:768px){
 :root{--cp-mobile-gutter:14px}
 body{font-size:14px;background-attachment:scroll!important}
 body:before{opacity:.07}body:after{opacity:.10;background-size:30px 30px}
 .header{position:relative!important}
 .header:after{display:none}
 .header-container{padding:10px var(--cp-mobile-gutter)!important;gap:9px}
 .new-yklogo{max-width:48%}
 .new-yklogo img,.logo-1edqf img{max-width:150px;max-height:48px;object-fit:contain}
 .header-container>.r{gap:6px}
 .so-home{flex:1 1 100%;width:100%;order:0}
 .search-input{width:100%;display:flex;align-items:stretch}
 .search-input form{width:100%;display:flex;min-width:0}
 .search-input input,.search-input .mac_wd{flex:1 1 auto;width:1%;min-width:0;height:42px}
 .qh-search{flex:0 0 auto;display:flex;align-items:center;padding:0 7px}
 .search-hot{display:none!important}
 #searchbutton{flex:0 0 44px;width:44px;min-width:44px;height:42px;padding:0}
 .ucenter{font-size:12px}
 .ucenter .icon-title{display:none}
 .ucenter .handle>a{display:flex;align-items:center;justify-content:center;min-width:36px;min-height:38px;padding:4px}
 .ucenter .handle>a .fa{font-size:19px!important}
 .ecnav-nav{order:2;width:100%;margin:0!important}
 .nav-channel{gap:5px;margin:0 -2px}
 .nav-channel>a{padding:7px 10px!important;font-size:13px;border:1px solid rgba(40,245,255,.12);background:rgba(10,16,31,.7)}
 .nav-guide{display:none!important}
 .ec-allnav{position:static!important;width:100%;max-width:100%;box-shadow:none!important}
 .container,.content,.main-content,.wrap,.wrapper{width:calc(100% - 2 * var(--cp-mobile-gutter))!important}
 .main,.main-content,.content,.container{float:none;min-width:0}
 .box,.module,.module-box,.public,.vod-detail,.art-detail,.actor-detail,.topic-detail,.user-box{max-width:100%;overflow-wrap:anywhere}
 /* Flexible grids for all catalogue families */
 .vod-list,.public-list,.type-list,.art-list,.actor-list,.topic-list,[class*="vod-list"],[class*="public-list"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px!important;width:100%;margin-left:0!important;margin-right:0!important}
 .vod-list li,.public-list li,.type-list li,.art-list li,.actor-list li,.topic-list li,[class*="vod-list"] li,[class*="public-list"] li{float:none!important;width:auto!important;min-width:0!important;max-width:100%;margin:0!important;padding:0!important}
 .vod-list img,.public-list img,.type-list img,.art-list img,.actor-list img,.topic-list img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
 .vod-list .title,.public-list .title,.type-list .title,.art-list .title,.actor-list .title,.topic-list .title{font-size:12px;line-height:1.45;overflow-wrap:anywhere}
 .module-title,.module .title{font-size:18px;line-height:1.4}
 .module-title:before,.module .title:before{margin-right:6px}
 /* Detail pages */
 .detail-info,.vod-detail .info,.art-detail .info,.actor-detail .info{width:100%!important;float:none!important}
 .detail-pic,.vod-detail .pic,.art-detail .pic,.actor-detail .pic{float:none!important;max-width:48%;margin:0 auto 14px}
 .detail-pic img,.vod-detail .pic img,.art-detail .pic img,.actor-detail .pic img{width:100%;height:auto}
 .player-box,.play-box,.player,.mac_player{width:100%!important;max-width:100%;float:none!important}
 .player-box iframe,.play-box iframe,.player iframe,.mac_player iframe,.player-box video,.play-box video{width:100%!important;height:auto!important;aspect-ratio:16/9}
 .play-list,.playlist,.player-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .play-list a,.playlist a,.player-list a{display:block;min-width:0;padding:8px 4px;text-align:center;overflow-wrap:anywhere}
 /* User centre, login, payment and comment forms */
 .user-left,.user-sidebar,.ucenter-left,.user-nav{width:100%!important;float:none!important}
 .user-right,.user-main,.ucenter-right{width:100%!important;float:none!important;margin-left:0!important}
 .user-left ul,.user-sidebar ul,.user-nav ul{display:flex;flex-wrap:wrap;gap:6px}
 .user-left li,.user-sidebar li,.user-nav li{flex:1 1 30%;min-width:90px}
 .user-left a,.user-sidebar a,.user-nav a{display:block;padding:9px!important}
 .user-form input,.user-form select,.user-form textarea,.user-box input,.user-box select,.user-box textarea,.comment input,.comment textarea,.gbook input,.gbook textarea{width:100%!important;max-width:100%}
 .comment-form,.gbook-form,.user-form{width:100%!important;max-width:100%}
 .comment-list,.comment-item{overflow-wrap:anywhere}
 .pagination,.mac_pages,.paging{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
 .pagination a,.mac_pages a,.paging a{min-width:34px;padding:6px 9px!important;text-align:center}
 .footer,footer{padding-left:var(--cp-mobile-gutter);padding-right:var(--cp-mobile-gutter)}
 .footer img,footer img{max-width:100%;height:auto}
 #cp-top{right:12px;bottom:calc(14px + env(safe-area-inset-bottom));width:42px;height:42px}
}
@media(max-width:480px){
 :root{--cp-mobile-gutter:11px}
 body{font-size:13px}
 .header-container{padding:8px var(--cp-mobile-gutter)!important}
 .new-yklogo img,.logo-1edqf img{max-width:124px;max-height:42px}
 .vod-list,.public-list,.type-list,.art-list,.actor-list,.topic-list,[class*="vod-list"],[class*="public-list"]{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 7px!important}
 .vod-list .title,.public-list .title,.type-list .title,.art-list .title,.actor-list .title,.topic-list .title{font-size:11px}
 .module-title,.module .title{font-size:16px}
 .box{padding-left:10px;padding-right:10px}
 .detail-pic,.vod-detail .pic,.art-detail .pic,.actor-detail .pic{max-width:58%}
 .play-list,.playlist,.player-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .form-control,.user-form input,.user-box input,.user-box select,.comment input,.gbook input{min-height:42px}
 .cp-corner-mark{display:none}
}
@media(max-width:360px){
 .vod-list,.public-list,.type-list,.art-list,.actor-list,.topic-list,[class*="vod-list"],[class*="public-list"]{grid-template-columns:repeat(2,minmax(0,1fr))}
 .new-yklogo img,.logo-1edqf img{max-width:108px}
 .ucenter:nth-of-type(n+3){display:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* SOFT NEON responsive comfort overrides */
:root{--cp-mobile-gutter:clamp(14px,3.5vw,30px);--cp-radius:16px;--cp-focus:0 0 0 3px rgba(120,239,242,.16)}
.box,.module,.module-box,.public,.vod-detail,.detail-info,.play-box,.player-box,.art-detail,.actor-detail,.topic-detail,.user-box,.user-info,.user-form,.gbook,.comment,.comment-box,.mac_history_box,.panel-asGkf,.ec-allnav,.qh-event{border-radius:16px!important}
@media(max-width:768px){.vod-list,.public-list,.type-list,.art-list,.actor-list,.topic-list,[class*="vod-list"],[class*="public-list"]{gap:14px 10px!important}.vod-list li,.public-list li,.type-list li,.art-list li,.actor-list li,.topic-list li{border-radius:12px;overflow:hidden}}