/* 图标: 本地 SVG (CSS mask, 颜色跟随文字), 取代原主题外链的 iconfont 字体 */
[class^="icon-"]::before,
[class*=" icon-"]::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: currentColor;
	-webkit-mask: var(--icon) center / contain no-repeat;
	mask: var(--icon) center / contain no-repeat;
	vertical-align: -0.125em;
}
.icon-search { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ccircle cx="11" cy="11" r="7" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M20 20l-3.5-3.5" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-history, .icon-history-o { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ccircle cx="12" cy="12" r="9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M12 7v5l3 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-home, .icon-home-o { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M3 11l9-7 9 7v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-play { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M7 4.5v15a1 1 0 0 0 1.5.86l12.5-7.5a1 1 0 0 0 0-1.72L8.5 3.64A1 1 0 0 0 7 4.5z" fill="black"/%3E%3C/svg%3E'); }
.icon-arrow { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M6 9l6 6 6-6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-arrow-right, .icon-arrow-go { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M9 6l6 6-6 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-close { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M6 6l12 12M18 6L6 18" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-top { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 19V6M6 11l6-6 6 6M5 3h14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-yejian { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M20 14.5A8 8 0 1 1 9.5 4a6.5 6.5 0 0 0 10.5 10.5z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-rijian { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ccircle cx="12" cy="12" r="4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-next { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M5 5.5v13a1 1 0 0 0 1.6.8l8.4-6.5a1 1 0 0 0 0-1.6L6.6 4.7A1 1 0 0 0 5 5.5z" fill="black"/%3E%3Crect x="17" y="5" width="2.5" height="14" rx="1" fill="black"/%3E%3C/svg%3E'); }
.icon-sort { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M7 4v16M3 8l4-4 4 4M17 20V4M13 16l4 4 4-4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-share { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ccircle cx="18" cy="5" r="3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Ccircle cx="6" cy="12" r="3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Ccircle cx="18" cy="19" r="3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M8.6 13.5l6.8 4M15.4 6.5l-6.8 4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-warm { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ccircle cx="12" cy="12" r="9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M12 8v5M12 16.5v.01" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-film, .icon-jl-o { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Crect x="3" y="4" width="18" height="16" rx="2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M7 4v16M17 4v16M3 9h4M3 15h4M17 9h4M17 15h4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-tv { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Crect x="3" y="6" width="18" height="13" rx="2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M8 2l4 4 4-4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-cartoon { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ccircle cx="12" cy="12" r="9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M8.5 14.5a4.5 4.5 0 0 0 7 0M9 9.5v.01M15 9.5v.01" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-variety { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Crect x="9" y="3" width="6" height="11" rx="3" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3Cpath d="M5 11a7 7 0 0 0 14 0M12 18v3M8 21h8" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-bolt { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M13 2L4 14h7l-1 8 9-12h-7l1-8z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-rank { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M5 20v-7M12 20V4M19 20v-11" stroke="black" stroke-width="2.4" stroke-linecap="round" fill="none"/%3E%3C/svg%3E'); }
.icon-globe { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Ccircle cx="12" cy="12" r="9" stroke="black" stroke-width="2" fill="none"/%3E%3Cpath d="M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9s1.3-6.4 3.8-9z" stroke="black" stroke-width="2" stroke-linejoin="round" fill="none"/%3E%3C/svg%3E'); }
.icon-hot { --icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath d="M12 2c1 3.5 5 5.5 5 10a5 5 0 0 1-10 0c0-2 1-3.5 2-4.5 0 2 1 3 2 3 0-3-1-5 1-8.5z" fill="black"/%3E%3C/svg%3E'); }

/* ===== 站点补充样式 (原主题依赖 swiper / layer / 外部图片, 这里改为本地实现) ===== */
.logo a { display: flex; align-items: center; gap: 8px; height: 100%; }
.logo .logo-img { height: 36px; width: auto; }
.logo-text { font-size: 22px; font-weight: 900; color: #e50914; white-space: nowrap; letter-spacing: 1px; }
.foot-logo .logo-text { font-size: 20px; }

/* 顶部观看记录下拉 (点击 / 悬停打开) */
.drop-history-wrap.open .drop-content { display: block; opacity: 1; visibility: visible; }
/* 观看记录下拉: 沿用 MxPro 的时间线 (虚线在 13px, 圆点 9-20px), 文字从 35px 开始 */
.drop-history .drop-item-title { display: flex; align-items: center; gap: 8px; padding: 4px 0 8px; }
.drop-history .drop-item-title i { display: inline-flex; justify-content: center; width: 27px; padding: 0; text-indent: 0; font-size: 18px; flex-shrink: 0; }
.drop-history .history-clear { margin-left: auto; font-size: 12px; color: #999; cursor: pointer; }
.drop-history .history-clear:hover { color: #e50914; }
.drop-history .drop-item-link { display: flex; align-items: center; gap: 10px; padding: 5px 5px 2px 35px; color: #424242; }
.drop-history .drop-item-link:hover { color: #e50914; }
.drop-history .drop-item-link span { float: none; flex: 1; min-width: 0; max-width: none; color: inherit; font-size: 14px; text-align: left; white-space: nowrap; text-overflow: ellipsis; }
.drop-history .drop-item-link cite { font-style: normal; font-size: 12px; color: #a0a0a0; flex-shrink: 0; max-width: 40%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.drop-history .drop-item-empty { color: #999; padding: 10px 0 10px 35px; }
.drop-history .history-more { display: block; text-align: center; padding: 8px 0 2px; font-size: 13px; color: #e50914; }

/* 手机版点击搜索图标展开搜索框 */
@media (max-width: 559px) {
	.search-box.open { display: block !important; }
}

/* 首页轮播 (取代 swiper) */
.swiper-big { position: relative; overflow: hidden; }
.swiper-big .banner-slide { display: none; }
.swiper-big .banner-slide.active { display: block; animation: banner-fade .5s ease; }
.swiper-big .swiper-slide .banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.banner-thumbs .banner-thumb { display: none; }
.banner-thumbs .banner-thumb.active { display: block; }
.banner-dots { display: flex; justify-content: center; gap: 10px; margin-top: 12px; }
.banner-dot { width: 6px; height: 6px; background: rgba(255, 255, 255, .6); cursor: pointer; transition: transform .2s; }
.banner-dot.active { transform: scaleX(2.66); background: #e50914; }
@keyframes banner-fade { from { opacity: .4; } to { opacity: 1; } }
@media (max-width: 559px) {
	.sm-swiper { display: none; }
	.swiper-big .banner-slide.active .mobile-v-info { display: block; }
}

/* 首页模块: 子分类链接 */
.module-heading { flex-wrap: wrap; }
.module-heading-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-left: auto; font-size: 14px; }
.module-heading-links a { color: #757575; }
.module-heading-links a:hover { color: #e50914; }
.module-class-links { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 0 0 10px; }
.module-class-links a { padding: 4px 12px; border-radius: 6px; background: #e9ecef; color: #424242; font-size: 14px; }
.module-class-links a:hover { color: #e50914; }
@media (max-width: 559px) {
	.module-heading-links { display: none; }
}

/* 列表页 / 搜索页 */
.module-class-item .module-item-box a.active { color: #e50914; font-weight: 700; }
.module-prompt { padding: 60px 0; text-align: center; color: #757575; }
.module-prompt .nofound { font-size: 16px; margin-bottom: 8px; }
.module-prompt-info { font-size: 13px; color: #999; }
.module-prompt .main-btn { display: inline-block; margin-top: 16px; color: #fff; }
.site-closed { min-height: 50vh; display: flex; flex-direction: column; justify-content: center; white-space: pre-line; }
.page-search { display: flex; gap: 10px; max-width: 640px; margin: 0 auto 24px; }
.page-search-input { flex: 1; height: 44px; padding: 0 16px; border-radius: 8px; background: #fff; border: 1px solid #e3e6ea; font-size: 15px; }
.page-search-input:focus { border-color: #e50914; }
.page-search-btn { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 22px; border-radius: 8px; color: #fff; cursor: pointer; background: linear-gradient(to right, #ff711f 0%, #e50914 100%); }
#page { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 24px 0; }

/* 详情页 */
.module-info-introduction-content.show-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.module-info-introduction-content.show-desc.open { -webkit-line-clamp: unset; display: block; }
.desc-toggle { margin: -6px 0 10px; color: #e50914; font-size: 13px; cursor: pointer; }
.module-info-item-content a { color: inherit; }
.module-info-item-content a:hover { color: #e50914; }
.module-info-play { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.module-info-play > * { margin: 0 !important; }
.module-info-play .btn-collect { cursor: pointer; }
.score { color: #ff711f; }
.player-heading { align-items: center; }
.player-heading .module-tab { display: flex; flex-wrap: wrap; gap: 6px; margin-left: 16px; }
.player-heading .sort-btn { margin-left: auto; cursor: pointer; }
.sort-list.tab-list { display: none; }
.sort-list.tab-list.active { display: block; }
.module-play-list-link .playon { display: none; }
.module-play-list-link.active .playon { display: flex; }

/* 播放页 */
.module-player-handle-item .handle-btn { cursor: pointer; }
.module-player-handle-item .handle-btn.disabled { opacity: .4; pointer-events: none; }
.module-player-handle-item .handle-btn.active { color: #e50914; }
.current-episode { font-size: 14px; color: #e50914; font-weight: 400; margin-left: 6px; }

/* 页脚与手机版底部导航 */
.footer .legal-info { white-space: pre-line; }
.mxprofoot { display: none; }
@media (max-width: 559px) {
	.mxprofoot { position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; display: flex; justify-content: space-around; padding: 6px 0 calc(6px + env(safe-area-inset-bottom)); background: #fff; box-shadow: 0 -1px 8px rgba(0, 0, 0, .06); }
	.mxprofoot .item { display: flex; flex-direction: column; align-items: center; gap: 2px; color: #757575; font-size: 11px; }
	.mxprofoot .size20 { font-size: 20px; }
	.footer { padding-bottom: 70px; }
	.fixedGroup { bottom: 80px !important; }
}

/* 悬浮按钮: 深色模式下显示太阳, 浅色显示月亮 */
.fixedGroup .theme-toggle .icon-rijian { display: none; }
.theme-dark .fixedGroup .theme-toggle .icon-rijian { display: inline-block; }
.theme-dark .fixedGroup .theme-toggle .icon-yejian { display: none; }
.fixedGroup .retop { opacity: 0; pointer-events: none; transition: opacity .2s; }
body.scrolled .fixedGroup .retop { opacity: 1; pointer-events: auto; }

/* 轻提示 */
.site-toast { position: fixed; left: 50%; top: 40%; z-index: 9999; transform: translate(-50%, -50%) scale(.9); padding: 12px 22px; border-radius: 8px; background: rgba(0, 0, 0, .8); color: #fff; font-size: 14px; opacity: 0; transition: all .25s; pointer-events: none; }
.site-toast.show { opacity: 1; transform: translate(-50%, -50%) scale(1); }

/* 侧栏「今日更新」数字 */
.nav-today .links { white-space: nowrap; position: relative; }
.nav-badge { display: inline-block; vertical-align: 1px; margin-left: 6px; min-width: 18px; height: 18px; line-height: 18px; padding: 0 5px; border-radius: 9px; background: #e50914; color: #fff; font-size: 11px; font-style: normal; font-weight: 400; text-align: center; box-sizing: border-box; }

/* 影片库筛选行: 展开 / 收起 (见 js/classify.js) */
@media (min-width: 560px) {
	.pianku .module-class-item { display: flex; width: 100%; }
	.pianku .module-item-box { flex: 1; min-width: 0; }
	.pianku .module-class-item.is-collapsed .module-item-box { max-height: 44px; overflow: hidden; }
	.class-toggle { flex-shrink: 0; align-self: flex-start; margin-left: 10px; line-height: 44px; font-size: 13px; color: #999; cursor: pointer; white-space: nowrap; user-select: none; }
	.class-toggle:hover { color: #e50914; }
	.class-toggle i { margin-left: 4px; font-size: 12px; transition: transform .2s; }
	.pianku .module-class-item.is-expanded .class-toggle i { transform: rotate(180deg); }
}
.class-toggle[hidden] { display: none; }
/* 收起 / 展开整个筛选区: 分隔线中间的按钮, 展开时箭头朝上 */
.class-panel-toggle { position: relative; display: flex; justify-content: center; margin: 8px 0 24px; }
.class-panel-toggle::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #e9ecef; }
.class-panel-btn { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 20px; border: 1px solid #e9ecef; border-radius: 8px; background: #f7f8f9; color: #757575; font: inherit; font-size: 14px; cursor: pointer; transition: color .2s, border-color .2s; }
.class-panel-btn:hover { color: #e50914; border-color: #e50914; }
.class-panel-btn i { font-size: 16px; transform: rotate(180deg); transition: transform .2s; }
.class-panel-btn.is-closed i { transform: none; }
.module-class[hidden] { display: none; }

/* 中等宽度时侧栏变窄 (图标在上、文字在下), 数字改成图标右上角的角标 */
@media (min-width: 559px) and (max-width: 1300px) {
	.nav-today .links { white-space: normal; }
	.nav-badge { position: absolute; top: 6px; left: 50%; margin-left: 4px; height: 16px; line-height: 16px; min-width: 16px; padding: 0 4px; font-size: 10px; }
}

/* 搜索框: 热搜榜入口与「大家都在搜」下拉 */
.search-rank { display: inline-flex; align-items: center; gap: 4px; padding: 0 6px 0 12px; color: #424242; font-size: 14px; font-weight: 700; white-space: nowrap; }
.search-rank i { font-size: 16px; }
.search-rank:hover { color: #e50914; }
.search-recommend-title { font-size: 15px; padding-bottom: 8px; }
.search-tag a { display: inline-block; line-height: 34px; border-radius: 8px; font-size: 14px; }
@media (max-width: 559px) {
	.search-rank span { display: none; }
	/* 手机版搜索是全屏层, 要盖住顶部的分类导航 (.sidebar 与 .header 同为 z-index 10) */
	.header:has(.searchbar-main.open) { z-index: 1000; }
}

/* 语言切换 (页头) */
.drop-lang-wrap { margin-right: 10px; }
.drop-lang-wrap .drop-content { min-width: 160px; }
.drop-lang-wrap.open .drop-content { display: block; opacity: 1; visibility: visible; pointer-events: auto; z-index: 20; background: #fff; }
.drop-lang-wrap.open .drop-content-box { opacity: 1; }
.drop-lang .drop-content-items { padding: 8px; }
.lang-option { display: block; padding: 0 12px; line-height: 36px; border-radius: 6px; color: #424242; font-size: 14px; }
.lang-option:hover { background: #f7f8f9; color: #e50914; }
.lang-option.active { color: #e50914; font-weight: 700; }
/* 手机版页头不显示, 语言切换放在页脚 */
.foot-links a { margin: 0 8px; }
.foot-links a:hover { color: #e50914; }
.foot-lang { display: none; }
@media (max-width: 559px) {
	.foot-lang { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 10px; }
	.foot-lang .lang-option { display: inline-block; padding: 0 10px; line-height: 30px; }
}

/* 侧栏文字较长的语言 (如越南文): 宽侧栏时不换行 */
@media (min-width: 1301px) {
	.navbar-item .links { white-space: nowrap; }
}
/* 详情页字段名: 中文用全角冒号, 其他语言在冒号后留空 */
html:not([lang^="zh"]) .module-info-item-title { margin-right: 6px; }

/* 今日更新 */
.today-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.today-filter a { padding: 0 15px; line-height: 32px; border-radius: 8px; background: #e9ecef; color: inherit; font-size: 14px; }
.today-filter a.active { color: #fff; background: linear-gradient(to right, #ff711f 0%, #e50914 100%); }

/* 排行榜 */
.rank-boards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.rank-board { background: #fff; border-radius: 12px; padding: 20px 16px 8px; }
.rank-board-title { text-align: center; font-size: 18px; font-weight: 700; margin: 0 0 12px; }
.rank-board-title a { color: inherit; }
.rank-board-title::after { content: ""; display: block; width: 14px; height: 4px; margin: 8px auto 0; border-radius: 2px; background: #e50914; }
.rank-board ol { list-style: none; margin: 0; padding: 0; }
.rank-board li a { display: flex; align-items: center; gap: 14px; padding: 11px 4px; border-bottom: 1px solid #f1f3f5; color: inherit; }
.rank-board li:last-child a { border-bottom: 0; }
.rank-board li a:hover .rank-board-name { color: #e50914; }
.rank-board-no { width: 22px; flex-shrink: 0; text-align: center; font-family: "Impact", "system-ui", sans-serif; font-size: 22px; color: #999; }
.rank-board li:nth-child(1) .rank-board-no { color: #e50914; }
.rank-board li:nth-child(2) .rank-board-no { color: #ff711f; }
.rank-board li:nth-child(3) .rank-board-no { color: #ffa21f; }
.rank-board-info { flex: 1; min-width: 0; }
.rank-board-name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; }
.rank-board-note { display: block; margin-top: 3px; color: #999; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rank-board-empty { padding: 20px 0; text-align: center; color: #999; font-size: 13px; }
.rank-board .icon-arrow-right { color: #bbb; font-size: 14px; }

/* ===== 深色外观 ===== */
.theme-dark body { background: #17181a; color: #d6d6d6; }
.theme-dark .header, .theme-dark .sidebar, .theme-dark .sidebar-bg, .theme-dark .navbar, .theme-dark .footer, .theme-dark .mxprofoot,
.theme-dark .drop-content-box, .theme-dark .module-info, .theme-dark .module-player-side, .theme-dark .fixedGroup { background-color: #1f2023 !important; }
.theme-dark .module-title, .theme-dark .module-title a, .theme-dark .module-poster-item-title, .theme-dark .module-info-heading h1,
.theme-dark .module-info-heading h1 a, .theme-dark .module-card-item-title a, .theme-dark .navbar-item a { color: #e6e6e6 !important; }
.theme-dark .module-info-item-content, .theme-dark .module-info-item-title, .theme-dark .module-heading-links a, .theme-dark .module-info-tag-link a,
.theme-dark .module-info-tag-link span, .theme-dark .module-card-item-info { color: #a8a8a8 !important; }
.theme-dark .search-input, .theme-dark .page-search-input, .theme-dark .module-play-list-link, .theme-dark .module-tab-item,
.theme-dark .module-class-links a, .theme-dark .module-info-tag-link, .theme-dark .module-card-item { background-color: #2a2b2f !important; color: #cfcfcf !important; border-color: #2f3034 !important; }
.theme-dark .module-play-list-link.active, .theme-dark .module-tab-item.active { color: #fff !important; background: linear-gradient(to right, #ff711f 0%, #e50914 100%) !important; }
/* MxPro 写死的浅色边线 / 侧栏选中页签 / 页脚: 深色下改用深色 */
.theme-dark .sidebar { border-right-color: #2a2b2f !important; }
.theme-dark .border::after, .theme-dark .btn-block-o::after, .theme-dark .play-btn-o::after, .theme-dark .module-heading-more::after,
.theme-dark .module-tab-name::after, .theme-dark .module-class::after, .theme-dark .module-item-box a::after,
.theme-dark .module-info-tag-link::after, .theme-dark .module-play-list-link::after { border-color: #2f3034 !important; }
.theme-dark .module-heading-more { color: #cfcfcf; }
.theme-dark .navbar-item.active { background: linear-gradient(to right, #1f2023 0%, #2a2b2f 90%, #17181a 90%) !important; }
.theme-dark .navbar-item.active a { background: linear-gradient(to right, #1f2023 0%, #17181a 90%) !important; color: #e50914 !important; }
.theme-dark .navbar-item.active::before, .theme-dark .navbar-item.active .links::before { background: #1f2023 !important; border-color: #2a2b2f !important; }
.theme-dark .navbar-item.active::after, .theme-dark .navbar-item.active .links::after { background: #17181a !important; }
.theme-dark .footer-content { background: #1f2023 !important; }
.theme-dark .footer { border-top: 1px solid #2a2b2f; }
.theme-dark .module-heading-tab::after, .theme-dark .module-tab-items, .theme-dark .module-tab-name,
.theme-dark .module-card-item-class, .theme-dark .search-tag a, .theme-dark .page-link, .theme-dark .page-more, .theme-dark .btn-gray-dark,
.theme-dark .module-player-info, .theme-dark .player .player-heading { background-color: #2a2b2f !important; color: #cfcfcf; }
.theme-dark .module-info-content, .theme-dark .module-info-footer, .theme-dark .module-list.tab-list { background-color: #1f2023 !important; }
.theme-dark .module-info-footer { border-color: #2a2b2f !important; }
.theme-dark .border-top::after, .theme-dark .drop-item-link::after, .theme-dark .module-paper-item-main a::after, .theme-dark .module-info-footer::after,
.theme-dark .border-bottom::after, .theme-dark .module-tab-title::after, .theme-dark .module-class-items::after, .theme-dark .module-class-item::after,
.theme-dark .module-info-introduction::after { background-color: #2a2b2f !important; }
.theme-dark .searchbar, .theme-dark .line { background-color: #2a2b2f !important; }
.theme-dark .searchbar { box-shadow: none !important; }
.theme-dark .player-box, .theme-dark .module-player-handle-items { background-color: #1f2023 !important; }
.theme-dark .module-player-handle-item { border-left-color: #2a2b2f !important; }
.theme-dark .module-list.tab-list { border-color: #2a2b2f !important; }
.theme-dark .module-item-box a { color: #cfcfcf; }
.theme-dark .module-item-box .active { background: rgba(229, 9, 20, .15) !important; color: #ff4d4f !important; }
.theme-dark .module-item-box .active::after { border-color: transparent !important; }
.theme-dark .module-info .module-main { background-color: #1f2023 !important; }
.theme-dark .module-poster-bg::before { background: rgba(23, 24, 26, .7) !important; }
.theme-dark .module-heading-search, .theme-dark .module-footer, .theme-dark .links-list, .theme-dark .module-player-handle-items { border-color: #2a2b2f !important; }

.theme-dark .rank-board { background: #1f2023; }
.theme-dark .drop-lang-wrap .drop-content { background: #1f2023; }
.theme-dark .lang-option { color: #e6e6e6; }
.theme-dark .lang-option:hover { background: #2a2b2f; }
.theme-dark .drop-history .drop-item-link { color: #e6e6e6; }
.theme-dark .drop-history .drop-item-link:hover { color: #e50914; }
.theme-dark .drop-item-title i, .theme-dark .drop-item-link::before { background: #1f2023; }
.theme-dark .drop-item::after { border-color: #4a4b50; }
/* 时间线虚线在 z-index -1, 背景要放在外层 .drop-content, 放在 .drop-content-box 会盖住虚线 */
.theme-dark .drop-history-wrap .drop-content { background: #1f2023; }
.theme-dark .drop-history-wrap .drop-content-box { background-color: transparent !important; }
.theme-dark .search-rank { color: #cfcfcf; }
.theme-dark .search-rank:hover { color: #e50914; }
.theme-dark .searchbar-main.open .search-recommend { background: #1f2023; }
.theme-dark .search-recommend { box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
.theme-dark .search-tag a { background: #2a2b2f; color: #cfcfcf; }
.theme-dark .search-tag .hot { background: rgba(229, 9, 20, .15); color: #ff4d4f; }
.theme-dark .search-tag a:hover { color: #e50914; }
.theme-dark .class-panel-toggle::before { background: #2a2b2f; }
.theme-dark .class-panel-btn { background: #1f2023; border-color: #2f3034; color: #cfcfcf; }
.theme-dark .class-panel-btn:hover { color: #e50914; border-color: #e50914; }
.theme-dark .rank-board-title, .theme-dark .module-heading-tab-link.active { color: #e6e6e6; }
@media (max-width: 559px) { .theme-dark .module-heading-tab { background: #1f2023; } }
.theme-dark .rank-board li a { border-color: #2a2b2f; }
.theme-dark .rank-board-name { color: #e6e6e6; }
.theme-dark .today-filter a:not(.active) { background: #2a2b2f; color: #cfcfcf; }

/* 修正 */
.page-search-btn { font-size: 15px; white-space: nowrap; }
.theme-dark .navbar-hr { background: #2a2b2f !important; border-color: #2a2b2f !important; }
.theme-dark .search-btn, .theme-dark .header-op-list-btn { background-color: #2a2b2f !important; color: #cfcfcf !important; }
@media (max-width: 559px) {
	.player-heading { flex-wrap: nowrap; }
	.player-heading .module-tab { flex-wrap: nowrap; overflow-x: auto; min-width: 0; margin-left: 10px; }
	.player-heading .module-tab-item { flex-shrink: 0; }
}