body {
	background: #1A1C1F;
	color: #e1e3e5;
}

/* v50: 隱藏月亮圖標（暗色模式=black.css激活時，顯示太陽供切換到日間） */
/* 用高特指度選擇器確保覆蓋 style.css 的 .fixedGroup .fixedGroup-item i {display:block} */
.logo1,
.fixedGroup .icon-yejian,
.icon-yejian {
	display: none !important;
	visibility: hidden !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	position: absolute !important;
}

/* v50: 太陽圖標可見 */
.fixedGroup .icon-rijian,
.icon-rijian {
	display: block !important;
	visibility: visible !important;
	width: auto !important;
	height: auto !important;
	position: static !important;
}

.header {
	background: rgba(26, 28, 31, 0.95) !important;
	width: calc(100% - 148px) !important;
	max-width: 2400px !important;
	margin-left: 148px !important;
	margin-right: auto !important;
	left: 0 !important;
	right: 0 !important;
	position: fixed !important;
	top: 0;
	z-index: 9999 !important;
	/* 毛玻璃效果，確保下方內容不會透出 */
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2) !important;
	/* 確保 header-box 內部也撐滿 */
	box-sizing: border-box !important;
}
.header-box {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
	box-sizing: border-box !important;
	position: relative !important;
	z-index: 10000 !important;
}
/* 確保右側操作按鈕區不會被頁面主體覆蓋 */
.header-op,
.header-op-list {
	position: relative !important;
	z-index: 10001 !important;
}
/* 防止 style.css 的 @media 內 .header 規則覆蓋 */
@media (min-width: 1px) {
	.header {
		margin-left: 148px !important;
		width: calc(100% - 148px) !important;
		max-width: 2400px !important;
		z-index: 9999 !important;
	}
}

.header-op-list-btn {
	color: #e1e3e5;
}

.searchbar {
	background: #ffffff14;
}

.radian::before,
.navbar-item.active::before {
	background: #16161a;
}

.radian::after,
.navbar-item.active::after {
	background: #1A1C1F;
}

.radian .links::before,
.navbar-item.active .links::before,
.radian .links::before,
.navbar-item.active .links::before {
	background: #16161a;
}

.radian .links::after,
.navbar-item.active .links::after,
.radian .links::after,
.navbar-item.active .links::after {
	background: #1A1C1F;
}

.navbar-item.active a {
	color: #ff3300;
}

.navbar-item a:hover {
	color: #ff3300;
}

a {
	color: #e1e3e5;
}

@media (min-width: 560px) {
	.navbar-item:hover i.icon-arrow-go {
		color: #ff3300
	}
	.sidebar {
		background: #16161a;
		border-right: 1px solid #25252b;
		overflow-y: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;

	}
	.sidebar::-webkit-scrollbar {
		display: none;
	}
	.navbar-hr {
		background: #25252b;
	}
	.navbar-item.active::before,
	.navbar-item.active .links::before {
		border: 1px solid #25252b;
	}
	.navbar-item.active {
		background: linear-gradient(to right, #16161a 0%, #1A1C1F 90%, #1A1C1F 90%);
	}
	.navbar-item.active a {
		background: linear-gradient(to right, #16161a 0%, #1A1C1F 90%);
	}
	.navbar-item.active::before {
		border-width: 0 1px 1px 0;
	}
	.navbar-item.active .links::before {
		border-width: 1px 1px 0 0;
	}
	.module-tab-items {
		background: #16161a;
	}
	.module-tab-item.active {
		background: #25252b;
		color: #ffe066 !important;
	}
	.module-info-content {
		background: #16161a;
	}
	.view .module-info-heading::after {
		border-left: 2px dashed #666;
	}
	.module-info-footer {
		background: #16161c;
	}
	.searchbar-main.open .search-recommend {
		background: #25252b;
		box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
	}
}

.module-tab-item {
	color: #e1e3e5;
}

.border::after,
.btn-block-o::after,
.play-btn-o::after,
.module-heading-more::after,
.module-tab-name::after,
.module-class::after,
.module-item-box a::after,
.module-info-tag-link::after,
.module-play-list-link::after {
	border: 1px solid #25252b;
}

.module-paper-item {
	background: #16161a;
}

.module-paper-item-main a::after {
	background: #1A1C1F;
}

.module-paper-item-main a:hover {
	background: #1A1C1F
}

.module-paper-item-main a::after {
	background: #1A1C1F
}

.links-list .module-heading {
	background: none;
}

.links-list {
	border-top: 2px solid #25252b;
}

.footer-content {
	background: #16161a;
}

.fixedGroup {
	background-color: #2b2f33;
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}

.module-paper-item-title::after {
	background: #e1e3e5;
}

.module-paper-item-header {
	background: none;
}

.fixedGroup .fixedGroup-item:hover i {
	background-color: #3C3F43;
}

.module-info-tag-link {
	background: #32323c;
}

.module-info-tag-link span,
.module-info-tag-link a {
	color: #e1e3e5;
}

.border-bottom::after,
.module-heading-tab::after,
.module-tab-title::after,
.module-class-items::after,
.module-class-item::after,
.module-info-introduction::after {
	background-color: #25252b;
}

.border-top::after,
.drop-item-link::after,
.module-paper-item-main a::after,
.module-info-footer::after,
.popup-main p:last-child::after {
	background-color: #25252b;
}

.module-list {
	background: #16161a;
}

.module-play-list-link {
	color: #e1e3e5;
	background: #1a1c1f;
}

.module-play-list-link.active {
	color: #ff2a14;
	background: #25252b !important
}

.playon i {
	background-color: #ff2a14;
}

.module-play-list-link:hover {
	background: #25252b !important;
	color: #ff3d5e
}

.module-tab-item small {
	background: linear-gradient(90deg, #25252b, #32323c);
	color: #e1e3e5;
}

@media (min-width: 1025px) {
	.player-box {
		background: #16161a;
	}
	.player .player-heading {
		background-color: #25252b;
	}
	.module-player-info {
		background: #25252b;
	}
	.player .module-list.active {
		border-top: 1px solid #32323c;
	}
	.module-player-info .module-info-tag-link {
		background: #32323c;
	}
	.module-player-info .module-info-tag-link::after {
		border-color: #1a1c1f;
	}
	.player .player-heading .module-tab-item.active {
		background: #16161a;
		border: 1px solid #1a1c1f;
		border-bottom-color: #16161a;
	}
	.module-player-handle-items {
		border-top: 1px solid #25252b;
		background: #16161a;
	}
	.module-player-handle-item {
		border-left: 3px solid #25252b;
	}
}

.popup {
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
	background: #16161a;
}

.popup-title::before {
	background: none;
}

.report-content {
	background: #25252b;
}

.popup::after {
	background: #16161a;
}

.close-popup {
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
	background: #25252b;
}

.close-popup i {
	color: #e1e3e5;
}

.drop:hover .drop-content {
	background: #25252b;
}

.drop-qrcode-info-tips {
	background: #32323c;
}

.module-heading-tab .module-heading-tab-link.active {
	color: #e1e3e5;
}

.module-heading-tab a:hover.module-heading-tab-link,
.module-heading-tab-link:hover {
	color: #e1e3e5;
}

.module-heading-tab .module-heading-tab-link.active {
	color: #e1e3e5;
}

.line {
	background: #25252b;
}

.page-link {
	background: #25252b;
	color: #e1e3e5;
}

.page-current:hover,
.page-current {
	background: #ff3d5e!important;
	color: #e1e3e5!important;
}

.searchbar-main.open .searchbar,
.searchbar:hover {
	background: #25252b;
}

.search-tag a {
	background: #32323c;
	color: #e1e3e5;
}

.module-heading-search {
	border-bottom: 2px solid #25252b;
}

.module-card-item {
	background: #16161a;
}

.module-card-item-class {
	background: #25252b;
	color: #e1e3e5;
}

.module-card-item-class::after {
	background: #25252b;
}

.module-card-item-footer {
	background: #1a1c1f;
}

.module-card-item-footer a::before {
	border: 5px solid #16161a;
}

.play-btn-o {
	background: #1a1c1f;
}

.message .msg-content textarea {
	background-color: #16161a;
	border: 1px solid #25252b;
}

.form-control.verify {
	background-color: #16161a;
	border: 1px solid #25252b;
}

.message .msg-content .msg-wrap .msg-item .msg-item-left .uname {
	color: #e1e3e5;
}

.message .msg-content .msg-wrap .msg-item .msg-item-left .content {

	color: hsla(0, 0%, 100%, .87);
    padding: 0 5px !important;
}

.msg-item,
.msg-item-left,
.info {
	color: #999;
}

.message .msg-content .msg-wrap .msg-item {
	border-bottom: 1px solid #25252b;
}

.drop-item::after {
	border-left: 1px dashed #32323c;
}

.drop-item-title i {
	background: #25252b;
}

.drop-item-link::before {
	background: #32323c;
}

.btn-gray,
.drop-item-op a {
	background: #32323c
}

.btn-gray:hover,
.drop-item-op a:hover {
	background: #2b2f33;
}

.btn-gray-dark {
	background: #25252b;
}

@media (max-width: 559px) {
    .module-poster-bg .module-item-cover:before {
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%)
	}
	.searchbar {
		box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
	}
	.navbar-item a {
		color: #e1e3e5;
	}
	.navbar-item .current {
		background: none;
	}
	.navbar-item.active a {
		color: hsla(0, 0%, 100%, .87);
	}
	.navbar-item.active span::after {
		content: '';
		width: 35%;
		height: 4px;
		background: #ff2a14;
		background: linear-gradient(90deg, #ff9800, #ff2a14);
		display: inline-block;
		position: absolute;
		bottom: 3px;
		left: 32.5%;
		border-radius: 5px;
	}
	.searchbar-main.open {
		background: linear-gradient(to bottom, #1a1c1f 0%, #16161a 100%);
	}
	.searchbar-main.open::after {
		background: none;
	}
	.module-poster-items-small .module-poster-item {
		background: #25252b;
	}
	.module-tab-name {
		background: #25252b;
	}
	.module-tab .module-tab-items {
		background: #25252b;
	}
	.module-tab-item {
		background: #32323c;
	}
	.module-play-list-link.active .module-tab-item.active {
		color: hsla(0, 0%, 100%, .87);
		background: #ff3d5e;
	}
	.close-drop:hover {
		background: #32323c;
		color: #ffe066 !important;
	}
	.sidebar-bg {
		background: #1a1c1f;
	}
	.module-info .module-main {
		box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
		background: #25252b;
	}
	.module-poster-bg::before {
		background: linear-gradient(to bottom, rgba(37, 37, 43, 0) 0%, #25252b 80%, #25252b 100%);
	}
	.links-list-go {
		color: hsla(0, 0%, 100%, .87);
		background: #25252b;
	}
	.module-player-info::after {
		box-shadow: 0 1px 0 #32323c;
	}
	.module-tab-item.active {
		color: hsla(0, 0%, 100%, .87);
		background: #ff3d5e;
	}
	.list .sidebar {
		background: #1a1c1f;
		overflow-y: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;

	}
	.list .sidebar::-webkit-scrollbar {
		display: none;
	}
	.module-heading-tab {
		background: #1a1c1f;
	}
	.line {
		background: #2b2f33;
	}
	.module-class {
		background: #25252b;
	}
	.module-item-box a {
		color: #e1e3e5;
	}
}

.foot-copyright p {
	color: hsla(0, 0%, 100%, .87);
}

@media (max-width: 1024px) {
	.module-player-info {
		background: #1a1c1f;
	}
	.handle-btn:hover {
		background: #25252b;
	}
}

.play-btn-o {
	color: #ff3d5e
}

#shortcuts-info {
	border: 2px solid #25252b;
}

.module-play-list::-webkit-scrollbar,
.v3-app-layout__side__Short::-webkit-scrollbar {
	width: 5px;
}

.module-play-list::-webkit-scrollbar-thumb,
.v3-app-layout__side__Short::-webkit-scrollbar-thumb {
	border-radius: 5px;
	height: 10px;
	background: #666;
}

.module-play-list::-webkit-scrollbar-track,
.v3-app-layout__side__Short::-webkit-scrollbar-track {
	background: transparent;
}

.player .module-list::-webkit-scrollbar,
.v3-app-layout__side__Short::-webkit-scrollbar {
	width: 5px;
}

.player .module-list::-webkit-scrollbar-thumb,
.v3-app-layout__side__Short::-webkit-scrollbar-thumb {
	border-radius: 5px;
	height: 10px;
	background: #666;
}

.player .module-list::-webkit-scrollbar-track,
.v3-app-layout__side__Short::-webkit-scrollbar-track {
	background: #25252b;
}

.module-title-en,
.module-ranking-tab-info {
	opacity: 0.3;
}

.module-paper-item-header>i {
	opacity: 0.2;
}
.app-pic::before, .app-pic::after{
    background: rgba(0, 0, 0, 0.28);
}
.module-tab-week{
		background: linear-gradient(135deg, #181024 0%, #1e1535 50%, #141a2e 100%);
		border: 1px solid rgba(177, 76, 255, 0.25);
		box-shadow: inset 0 1px 20px rgba(177,76,255,0.08), 0 0 12px rgba(0,229,255,0.05);
}

@media (max-width: 559px){
    .m-module-tab-week .module-tab-item.active{color:#ffe066!important;}
}
@media (min-width: 560px){
	.module-info-content::after {
		box-shadow: 0 2.75px 2.21px rgb(225 227 229 / 1%), 0 6.65px 5.32px rgb(225 227 229 / 2%);
	}
}
.shadow,
.module-ranking-tab-link,
.module-paper-item,
.module-list {
	box-shadow: 0 2.75px 2.21px rgb(225 227 229 / 1%), 0 6.65px 5.32px rgb(225 227 229 / 2%);
}
@media (min-width: 1025px){
	.player-box::after {
		box-shadow: 0 2.75px 2.21px rgb(225 227 229 / 1%), 0 6.65px 5.32px rgb(225 227 229 / 2%);
	}
	.drop-qrcode-info-text p strong {
		color: #e1e3e5;
	}
}
@media (max-width: 1024px){
    .handle-btn {background: #25252b;}
}
/*會員中心*/
.mxui-part-layout,.mxui-user-head .mxui-hide-md{
    background: #16161a!important;
    border: 1px solid #25252b!important;
}
.mxui-line-bottom:after{
    background-color: #32323c!important;
}
.mxui-back-whits{
    color: #e1e3e5!important;
}
.mxui-line-left:before {border-left: .0625rem solid #32323c!important;}
.mxui-form-control{
    	background: #25252b!important;
}
.mxui-vodlist__text .striped-head, .mxui-vodlist__text.to-color li:nth-of-type(odd){background-color:#25252b!important;}
.mxui-line-top:before { top: 0; border-top: .0625rem solid #32323c!important }
.drop_content{
    	background: #25252b;
		box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
}
.member_group .user_list_drop .logout a:hover ,
.member_group .user_list_drop li a:hover{color:#ff3d5e}
.mxui-part-core-bg{
    	background:#16161a!important;
		box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%)!important;
}
.mxui-user-text,.mxui-user-yzm{
	border: 1px solid #32323c!important;
	background-color:#25252b!important;
}
.mxui-form-control:focus,.mxui-user-text:focus,.mac_login_form .form-control:focus {
	border: 1px solid #666!important;
}
.mxui-user-yzm{
    color: #e1e3e5!important;
}
.mx-mac_msg_jump{
    background: #16161a;
    box-shadow: 0 0 0 0;
}
.mx-mac_msg_jump .msg_jump_tit{
        color: hsla(0, 0%, 100%, .87);}
.mx-mac_msg_jump .text{
          color: hsla(0, 0%, 100%, .87); 
}     
.item1 input:-webkit-autofill {
	-webkit-box-shadow:0 0 0px 1000px #212124  inset
}
.mx-mac_msg_jump .form .item1{
    border-color: #212124;
}
.module-class::after{
    border-left: 0;
}
.module-prompt-info-bg::after{
    background:none;
}

/* ================================================================
 *  CYBER FIX v14 — 完整賽博風覆蓋 (2026-07-20)
 *  包含: 導航色/寬度/字體/iconfont/LOGO/佈局/響應式
 *  ================================================================ */

/* ---------- A. @font-face: iconfont圖標字體 ---------- */
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/iconfont.woff') format('woff'),
         url('../fonts/iconfont.ttf') format('truetype'),
         url('../fonts/iconfont.svg#iconfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---------- B. 圖標渲染基礎規則 ---------- */
[class^="icon-"], [class*=" icon-"] {
    font-family: 'iconfont' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block !important;
    width: auto !important;
    min-width: 16px;
}

/* 確保navbar內icon也用iconfont */
.sidebar .navbar i[class*="icon-"],
.navbar-item a i[class*="icon-"],
.navbar-item i.icon {
    font-family: 'iconfont' !important;
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ---------- C. 側欄寬度 & 整體佈局 ---------- */
.sidebar {
    width: 148px !important;
    min-width: 148px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.logo {
    width: 148px !important;
    min-width: 148px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.header,
.main,
.footer {
    margin-left: 148px !important;
}

/* ---------- D. LOGO: 只保留logo2(亮色), 居中展現 ---------- */
.sidebar-logo {
    width: 100% !important;
    padding: 8px 4px !important;
    overflow: visible !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    background: transparent !important;
}
.sidebar-logo a {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    line-height: 1 !important;
    text-align: center !important;
}
.sidebar-logo img.logo1 {
    display: none !important;
}
.sidebar-logo img.logo2 {
    display: block !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}
/* 覆蓋 .homepage .sidebar-logo */
.homepage .sidebar-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: rgba(0, 0, 0, 0.95) !important;  /* v45b不透明背景防導航透視 */
    position: relative !important;
    z-index: 10 !important;
}

/* ---------- E. 導航: 緊貼左邊緣, 零間隙 ---------- */

/* E-bis. 導航項上下間距拉高（電影/首個分類不加高） */
.navbar-items > .navbar-item > a {
    padding-top: 14px !important;     /* v44d統一 */
    padding-bottom: 16px !important;
}
.navbar-items > .navbar-item:first-child > a {
    padding-top: 8px !important;
}
.navbar {
    width: 100% !important;
    padding-left: 0 !important;
    overflow: visible !important;
}
.navbar-items {
    padding-left: 0 !important;
    overflow: visible !important;
}
.navbar-item {
    overflow: visible !important;
    height: 50px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}
/* v45b 防止LOGO與導航重疊（基於2026-07-08/09歷史修復） */
.sidebar {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
.sidebar-logo {
    background: rgba(0, 0, 0, 0.95) !important;  /* 不透明背景防導航文字透視 */
    overflow: hidden !important;
    min-height: 60px !important;
    height: 60px !important;
    flex-shrink: 0 !important;           /* 不被壓縮 */
    position: relative !important;
    z-index: 10 !important;             /* 確保logo層在導航之上 */
}
.sidebar .navbar {
    flex: 1 1 auto !important;
    overflow-y: auto !important;        /* 獨立滾動區域 */
    overflow-x: hidden !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: relative !important;
    z-index: 5 !important;
    scrollbar-width: none;       /* v46 Firefox隱藏滾動條 */
    -ms-overflow-style: none;     /* v46 IE/Edge隱藏滾動條 */
}
/* v46 WebKit(Chrome)隱藏滾動條 */
.sidebar .navbar::-webkit-scrollbar {
    display: none;
}

/* v44 隱藏導航項前的箭頭圖標（三層保險） */
.navbar-item i.icon-arrow-go,
.navbar-items i.icon-arrow-go {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* 也禁用僞元素 */
.navbar-item i.icon-arrow-go::before,
.navbar-items i.icon-arrow-go::before {
    content: none !important;
}
.navbar-item a {
    font-size: 15px !important;     /* v44加大字體 */
    gap: 6px !important;            /* v47b圖標文字間距 */
    padding-left: 8px !important;   /* v47b適中左邊距 */
    padding-right: 8px !important;  /* v47b防文字截斷 */
    padding-top: 14px !important;     /* v44d統一 */
    padding-bottom: 14px !important;     /* v44d統一 */
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;  /* v47圖標文字左對齊 */
    align-items: center !important;
}

/* v43b 響應式: PC寬屏(>=1400px)加大間距, 窄屏保持緊湊 */
@media screen and (min-width: 1400px) {
    .navbar-item a {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
    }
}
@media screen and (max-width: 1399px) {
    .navbar-item {
        min-height: 42px !important;     /* v43b窄屏降低最小高度 */
    }
    .navbar-item a {
        padding-top: 14px !important;     /* v44d統一 */
        padding-bottom: 10px !important;
    }
}
.navbar-item a i.icon,
.navbar-item a i[class*="icon-"] {
    margin-right: 0 !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    font-size: 15px !important;     /* v44加大圖標 */
}
.navbar-item a span {
    margin-left: 5px !important;
    margin-right: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

/* ---------- F. 賽博配色: 懸停 & 選中 ---------- */
.navbar-item a:hover {
    color: #ffd200 !important;
}
.navbar-item.active a {
    color: #ffe066 !important;
}
.navbar-item:hover i.icon-arrow-go,
.navbar-item:hover i[class*="icon-arrow"] {
    color: #ffd200 !important;
}
.navbar-item.active .icon-home-o::before,
.navbar-item.active .icon-tv-o::before,
.navbar-item.active .icon-dm-o::before,
.navbar-item.active .icon-zy-o::before {
    /* 防止選中態content被清空 - 保持字體原有glyph */
}

/* ---------- G. 全局字體 ---------- */
body,
.navbar-item a,
.module-heading-title,
.module-tab-name,
.module-class-item {
    font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

/* ---------- H. 主內容區最大寬度 ---------- */
.main {
    width: calc(100% - 148px) !important;
    max-width: 2400px !important;
}


/* v50: 隱藏首頁滾動條（首頁body/html是實際滾動容器，:has()精準定位首頁） */
html:has(.homepage) {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
html:has(.homepage)::-webkit-scrollbar,
html:has(.homepage) *::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* v50: 同時覆蓋body（某些瀏覽器滾動條渲染在body上） */
html:has(.homepage) body {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* v52c: 首頁內容區水平留白（修復隱藏滾動條後右側海報溢出）
   注意：不能用 overflow-x:hidden，會破壞 jquery.lazyload 的滾動檢測導致海報不顯示 */
.homepage .main {
    padding: 0 15px !important;
}
.homepage .content {
    padding: 0 15px !important;
}

/* v48b: 詳情/播放頁(.page)內容避讓固定頭部(header高64px) */
.page .main {
    padding-top: 64px !important;
}

/* v57: 播放頁選集強制3列（修復v49：右側欄僅360px寬，原margin+width導致3列需366px>360px溢出）
   
   佈局鏈路確認：
   - .player-box-main { width: calc(100% - 360px) } → 右側欄固定360px
   - style.css L3595: .player .module-play-list-base .module-play-list-link{ width:calc(33.33%-10px) }
   - style.css L2507: .module-play-list-link{ margin:6px }
   - 計算：3列 × (360×33.33% - 10px + 6px×2) = 3×122 = 366px > 360px → 溢出變2列
   
   修復：減小margin 6→4px、減小width補償到 calc(33.33%-6px)
   新計算：3列 × (360×33.33% - 6px + 4px×2) = 3×114 = 342px < 360px ✅ */
.player .module-play-list-content {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}
.player .module-play-list-content .module-play-list-link {
    width: calc(33.33% - 11px) !important;
    margin: 4px !important;
    min-width: unset !important;
    max-width: unset !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}


/* v58b: 詳情頁(.view)選集強制3列（v58只覆蓋.player/播放頁，遺漏.view/詳情頁）
   - 詳情頁外層 page view，無 .player -> v58 .player前綴不命中
   - 原模板走全局 .module-play-list-base .module-play-list-link{ width:calc(10%-10px) }(10列)
   - 詳情頁內容區較寬(非360px固定側欄)，3列餘量充足 */
.view .module-play-list-content {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
}
.view .module-play-list-content .module-play-list-link {
    width: calc(33.33% - 8px) !important;
    margin: 4px !important;
    min-width: unset !important;
    max-width: unset !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}


/* ---------- I. 默認海報佈局（保持原始style.css行爲，不強制列數） ---------- */
/* 注意：只有帶 .module-6col 的容器纔是7列（正在熱映/追劇周見下方I-bis節）*/
/* v39: Fix scroll module poster top clipping */
.module.dual-style-scroll .module-main {
    min-height: 370px !important;
}

/* v59: 修復橫滑小海報圖片頂部裁切（v39只修了容器高度，未解決圖片本身裁切）
   - 根因：.module-poster-items-small .module-item-cover{ padding-top:58% } 極扁容器
          + .module-item-pic img{ object-fit:cover } 居中裁切 → 豎版海報上下兩端被喫，標題區首當其衝
   - 修復：object-position:center top 讓裁切偏移到底部，保住海報頂部標題/主角區域 */
.module-poster-items-small .module-item-cover img,
.module-poster-items-small .module-item-pic img {
    object-position: center top !important;
}

/* v60: 修復首頁幻燈片輪播區(swiper-poster)第一張小海報頂部裁切
   - 截圖區塊實際是 #posterSwiper(.swiper-poster)，不是 .module-poster-items-small（v59選錯目標）
   - 根鏈：.swiper-poster .swiper-slide .pic{ max-width:100px; height:133px; overflow:hidden }
          + .pic img{ object-fit:cover } -> 豎版海報頂部被居中裁切
   - 左箭頭 .swiper-button-prev{ left:16px } 覆蓋第一張左側 -> 隱藏左箭頭(用戶確認可去掉) */
.homepage .container-slide .swiper-poster .swiper-slide .pic img {
    object-position: center top !important;
}
.homepage .container-slide .poster-panel .swiper-button-prev {
    display: none !important;
}


/* ---------- I-bis. 僅正在熱映/追劇周表使用7列（.module-6col容器，PC/筆記本統一7列） ---------- */
.module-6col {
    display: block !important;
}
.module-6col .module-poster-item {
    display: inline-block !important;
    width: calc(14.285714% - 18px) !important;
    margin: 0 18px 23px 0 !important;
}


/* ---------- J. 響應式斷點 ---------- */

/* J-a. 全局：>=1025px 統一7列（覆蓋 style.css @media<=1549px 的6列回退） */
@media (min-width: 1025px) {
    .module-poster-item {
        width: calc(14.285714% - 18px) !important;
    }
}

/* 筆記本 (1025-1440): 保持6列, 縮小間距 */
@media (max-width: 1439px) and (min-width: 1025px) {
    .main {
        width: calc(100% - 148px) !important;
        max-width: none !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    .main > .module,
    .main > div {
        max-width: 100% !important;
    }
    /* 筆記本端：繼承全局7列，不在此強制，避免溢出換行 */
}

/* 平板 (<1024): 4列 */
@media (max-width: 1024px) and (min-width: 768px) {
    .module-6col .module-poster-item {
        width: calc(25% - 18px) !important;
    }
}

/* 手機 (<768): 3列 */
@media (max-width: 767px) {
    .module-6col .module-poster-item {
        width: calc(33.333333% - 18px) !important;
    }
}

/* ---------- K. 隱藏不需要的箭頭 ---------- */
.icon-arrow-go {
    display: none !important;
}

/* ================================================================ */

/* v53: 覆蓋 style.css 響應式斷點的海報數量限制（原模板在 <=1549px 隱藏第13個起的海報）
   筆記本端(1366px)命中 @media(max-width:1549px) 的 nth-child(n+13){display:none} 導致只顯示12條
   後臺設21條但只能看到12條。此處強制全部顯示。 */
.module-poster-items-base .module-poster-item:nth-child(n+13),
.module-poster-items-base .module-poster-item:nth-child(n+15),
.module-poster-items-base .module-poster-item:nth-child(n+16) {
    display: inline-block !important;
}

/* v53b: 手機端(<=559px)首頁分類海報改爲 3 列（原 6 列在窄屏太小） */
@media (max-width: 559px) {
    .module-poster-items-base .module-poster-item {
        width: calc(33.333333% - 12px) !important;
    }
}



/* v54b: 正在熱映區塊5列（精準定位：同時含 module-6col + module-poster-items-small 的容器）
   用組合選擇器(0,3,0)勝過原有.module-6col規則(0,2,0)，不影響其他6col區塊 */
.module-6col.module-poster-items-small .module-poster-item {
    width: calc(20% - 14px) !important;
    margin: 0 10px 20px 0 !important;
}
/* v54b: 平板端(768-1024px)正在熱映改爲3列 */
@media (max-width: 1024px) and (min-width: 768px) {
    .module-6col.module-poster-items-small .module-poster-item {
        width: calc(33.333333% - 12px) !important;
    }
}
/* v54b: 手機端(<768px)保持原橫滑不變，無需覆蓋 */



/* v56c: 全局頭部固定定位寬度修正（原 .header 寬度超視口導致登錄按鈕溢出屏幕）
   從 v56b 的首頁-only 擴展到所有頁面（詳情頁/播放頁同樣受影響） */
.header {
    width: calc(100% - 160px) !important;
    padding-right: 15px !important;
}

/*  END OF CYBER FIX v14                                           */
/*  ================================================================ */





/* ================================================================ */
/* ================================================================ */

/* ================================================================ */
/* ================================================================ */
/*  v32 豎式海報：隱藏默認態 + 懸停彈起實色賽博框+更新訊息            */
/*  設計原則：默認完全乾淨(無邊框/無字/無背景)，懸停時一起彈出         */
/*  日期：2026-07-21                                               */
/* ================================================================ */

/* ---- 1. 海報卡片：默認無邊框，懸停實色賽博框 ---- */
.module-poster-item {
    position: relative !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: transform 0.30s ease, box-shadow 0.30s ease, border-color 0.30s ease !important;
    border: 1px solid transparent !important;
}
.module-poster-item:hover {
    transform: translateY(-3px) !important;
    border: 1px solid #ffd200 !important;
    box-shadow:
        0 0 0 1.5px #ffd200,
        0 0 16px rgba(0,229,255,0.55),
        0 0 32px rgba(177,76,255,0.30),
        0 8px 24px rgba(0,0,0,0.40) !important;
}
.module-poster-item:hover .module-item-pic img {
    transform: scale(1.04) !important;
    filter: brightness(1.06) !important;
    transition: transform 0.35s ease, filter 0.35s ease !important;
}
.module-poster-item .module-item-pic img {
    transition: transform 0.35s ease, filter 0.35s ease !important;
}
.module-poster-item:active {
    border: 1.5px solid #ffe066 !important;
    box-shadow:
        0 0 0 1.5px #ffe066,
        0 0 20px rgba(0,229,255,0.45),
        0 0 40px rgba(177,76,255,0.28) !important;
}

/* ---- 2. 更新訊息：默認完全隱藏(opacity:0) ---- */
.module-poster-items-base .module-item-cover .module-item-note,
.module-poster-items-base .module-poster-item .module-item-cover .module-item-note,
.module-poster-items-base .module-item-note {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    background: transparent !important;
    color: #fff !important;
    padding: 2px 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.6), 0 0 4px rgba(0,0,0,0.8) !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 0.28s ease, background 0.28s ease, padding 0.28s ease, box-shadow 0.28s ease !important;
}

/* ---- 3. 懸停/觸動 → 賽博小條+黑字一起彈出 ---- */
.module-poster-item:hover .module-item-cover .module-item-note,
.module-poster-item:active .module-item-cover .module-item-note {
    opacity: 1 !important;
    background: linear-gradient(135deg, #ffd200 0%, #ffd966 30%, #ff8c1a 70%, #ff7a00 100%) !important;
    padding: 8px 20px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.45) !important;
    border-top: 2px solid #ffd200 !important;
    box-shadow: 0 -2px 14px rgba(0,229,255,0.30) !important;
}

/* ---- 4. 小圖疊加模式(正在熱映等)：縮小更新標籤，默認顯示 ---- */
.module-poster-items-small .module-item-cover .module-item-note,
.module-poster-items-small .module-item-note {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    left: auto !important;
    bottom: auto !important;
    background: linear-gradient(120deg, #ffd200, #ff7a00) !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 9px !important;           /* v55: 更小字體 */
    padding: 1px 6px !important;         /* v55: 更緊湊內邊距 */
    border-radius: 2px !important;       /* v55: 更小圓角 */
    box-shadow: 0 1px 4px rgba(177,76,255,0.25) !important;
    opacity: 1 !important;               /* v55: 始終顯示（不再懸停才顯） */
    line-height: 1.4 !important;
    max-width: calc(100% - 8px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* 懸停時稍微放大提示可交互 */
.module-poster-item:hover .module-poster-items-small .module-item-cover .module-item-note,
.module-poster-item:hover .module-poster-items-small .module-item-note {
    opacity: 1 !important;
    transform: scale(1.05) !important;
}

/* END v32 */

/* v48c: 播放頁(.player)內容區雙重安全墊 */
.page.player .main {
    padding-top: 94px !important;
}
.page.player .content {
    padding-top: 0 !important;
}
.page.player .module-player {
    padding-top: 0 !important;
}


/* ================================================================
   v55d 箭頭隱形但保留佔位寬度（佔位不消除，避免佈局/對齊偏移）
   保留 display 佔位盒(width:14px + margin 8px)，用 visibility:hidden + opacity:0 隱形；
   覆蓋 style.css:3493 的 absolute 定位、:hover 顯形、.active 的 display:none，
   使 正常/hover/active 三態均保持同一佔位，切換可見性時零位移。
   特指度 .sidebar .navbar-items .navbar-item a i.icon-arrow-go = (0,5,1) + !important
   ================================================================ */
.sidebar .navbar-items .navbar-item a i.icon-arrow-go,
.sidebar .navbar .navbar-items .navbar-item i.icon-arrow-go,
.sidebar .navbar-items .navbar-item i.icon-arrow-go {
    display: inline-flex !important;
    visibility: hidden !important;
    opacity: 0 !important;
    color: transparent !important;
    position: static !important;
    float: none !important;
    order: -1 !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 8px 0 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
}
.sidebar .navbar-items .navbar-item a i.icon-arrow-go::before,
.sidebar .navbar-items .navbar-item i.icon-arrow-go::before {
    content: "\e911" !important;
}

/* v60: 全站底欄廣告容器防禦性約束，防止橫向溢出被裁切 */
.footer-ads-container {
	max-width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.footer-ads-container a,
.footer-ads-container img {
	display: block;
	max-width: 100%;
}

/* v61: 文章詳情頁正文強制白字（覆蓋採集來源的內聯灰字，以及社媒APP內嵌瀏覽器的緩存樣式） */
.article-content,
.article-content *,
.article-content p,
.article-content span,
.article-content div,
.article-content li,
.article-content td,
.article-content th,
.article-content strong,
.article-content em {
	color: #fff !important;
}
.article-content a,
.article-content a * {
	color: #4a9eff !important;
}
.article-content a:hover,
.article-content a:hover * {
	color: #ffd200 !important;
}