:root{--bg:#f6f7f8;--panel:#fff;--text:#252a30;--muted:#878b93;--accent:#f18e0a;--border:#e9e9ec;--header:#fff;--header-text:#252a30;--radius:5px;--wrap:1200px;--gap:20px;--columns:6}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 "Microsoft YaHei","PingFang SC",Arial,sans-serif;overflow-wrap:break-word}
button,input,select{font:inherit}button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{cursor:pointer;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:7px 12px}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:1.4}h2{font-size:21px;font-weight:500}h3{font-size:15px;font-weight:500}
small{font-weight:400}ul,ol{padding:0;list-style:none;margin:0}
[hidden]{display:none!important}
.wrap{width:calc(100% - 40px);max-width:var(--wrap);margin-inline:auto;min-width:0}
.site-header{background:var(--header);color:var(--header-text);border-bottom:1px solid var(--border)}
.header-inner{display:flex;align-items:center;gap:24px;min-height:64px;position:relative}
.brand{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:24px;line-height:1.2;max-width:260px}
.brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-logo{max-height:42px;max-width:120px;object-fit:contain}
.site-nav{display:flex;gap:24px;align-items:center;white-space:nowrap;min-width:0}.site-nav a{padding:18px 0;position:relative}.site-nav a.active{color:var(--accent);font-weight:700}
.search{display:flex;align-items:stretch;min-width:0;width:260px;margin-left:auto;background:var(--bg);border:1px solid var(--border);border-radius:30px;overflow:hidden}
.search input{min-width:0;width:100%;padding:8px 14px;border:0;background:transparent;color:var(--text);outline:none}
.search button{flex-shrink:0;background:transparent;border:0;padding:8px 12px;color:var(--muted)}
.header-history{background:transparent;border:0;color:inherit;white-space:nowrap}
.main{padding-top:24px;min-height:65vh}
.section{padding:24px;background:var(--panel);border-radius:var(--radius);margin-bottom:24px;min-width:0}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;min-width:0}
.section-head h1,.section-head h2,.section-head h3{min-width:0}.section-head>a,.section-head>span{flex-shrink:0;color:var(--muted)}
.section-head .subtypes{margin-left:auto}.subtypes{display:flex;gap:14px;overflow:auto;white-space:nowrap;color:var(--muted);font-size:13px;min-width:0}
.video-grid{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:24px var(--gap)}
.video-card{min-width:0;position:relative}.poster{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--bg);border-radius:var(--radius)}
.poster img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.poster:hover img{transform:scale(1.035)}
.score,.badge{position:absolute;top:5px;left:5px;background:var(--accent);color:#fff;font-size:12px;padding:0 4px;line-height:1.4}
.badge{display:none}.remarks{position:absolute;bottom:0;left:0;right:0;padding:14px 8px 5px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.card-copy{padding-top:7px}.card-copy h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actors{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.card-status{display:none;color:var(--muted);font-size:12px}
.text-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;margin-top:16px}
.rank-row{display:flex;align-items:center;gap:10px;border-bottom:1px dashed var(--border);padding:10px 0;min-width:0}
.rank-row strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.rank-row small{max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.rank-number{color:var(--accent);font-style:italic;min-width:16px}.rank-row:nth-child(-n+3) .rank-number{font-weight:700}
.rank-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rank-columns .section{margin-bottom:0}.rank-columns h2{font-size:18px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud a{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px}
.footer{padding:25px 0 36px;text-align:center;color:var(--muted);border-top:1px solid var(--border);font-size:12px}.footer nav{display:flex;justify-content:center;gap:20px;margin-bottom:10px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;margin-bottom:18px}
.detail-head{display:flex;gap:30px;align-items:flex-start}.detail-poster{width:220px;aspect-ratio:2/3;height:auto;object-fit:cover;border-radius:var(--radius);flex-shrink:0}
.detail-copy{flex:1;min-width:0}.detail-copy h1{margin-bottom:8px}.detail-score{color:var(--accent);font-size:20px}.detail-copy p{margin-top:8px}.detail-copy b{font-weight:400;color:var(--muted)}
.meta-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.meta-tags>*{padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius)}
.detail-excerpt{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.button{display:inline-block;border:1px solid var(--border);border-radius:var(--radius);padding:8px 20px;background:var(--bg)}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.disabled{opacity:.55;cursor:default}
.plot{line-height:1.95;white-space:pre-line;overflow-wrap:anywhere}.synopsis .tag-cloud{margin-top:18px}
.source-tabs{display:none;flex-wrap:wrap;gap:10px;margin-bottom:20px}.playlist.is-enhanced .source-tabs{display:flex}
.source-tabs button[aria-selected="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}.source-tabs small{margin-left:6px;opacity:.75}
.source-panel{margin-top:16px}.source-panel h3{font-size:16px}.source-panel .section-head{margin-bottom:12px}
.episodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
.episodes a{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:var(--bg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.episodes a:hover,.episodes a.episode-current{background:var(--accent);color:#fff;border-color:var(--accent)}.episode-expand{display:block;margin:18px auto 0}
.player-screen{position:relative;background:#0e0f12;color:#fff;width:100%;min-width:0}.player-screen>.movie-player{width:100%!important;max-width:100%;min-height:0}
.player-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--border)}.player-toolbar>div{display:flex;gap:16px;align-items:center}
.player-tip{font-size:12px;margin-top:12px}.player-section h1{font-size:22px}.player-section h1 small{font-size:15px;color:var(--muted)}
.filter-row{display:flex;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--border)}.filter-row>b{width:42px;flex-shrink:0;font-weight:400;color:var(--muted)}
.filter-row>div{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.filter-row a{padding:4px 12px;white-space:nowrap;border-radius:var(--radius)}.filter-row a.active{background:var(--accent);color:#fff}
.pagination{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}
.pagination>a,.pagination>span{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius)}.pagination>span{background:var(--accent);color:#fff}.pagination small{color:var(--muted)}
.empty{padding:48px 16px;text-align:center;color:var(--muted)}
.result-list{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.result-row{min-width:0;display:flex;gap:22px;padding:20px 0;border-bottom:1px solid var(--border)}.result-poster{width:120px;flex-shrink:0}
.result-poster img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius)}.result-row>div{flex:1;min-width:0}.result-row h2{margin-bottom:8px}.result-row p{margin-bottom:8px}.result-intro{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.map-grid .subtypes{flex-wrap:wrap;overflow:visible;margin-top:12px}
.muted{color:var(--muted)}.back-top{position:fixed;right:14px;bottom:22px;z-index:25;box-shadow:0 2px 10px #0002;font-size:20px}
.history-dialog{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:12px;padding:24px;max-width:480px;width:calc(100% - 32px);max-height:80vh;overflow:auto}
.history-dialog::backdrop{background:#0008}.history-dialog ol{margin:16px 0}.history-dialog li{border-bottom:1px solid var(--border)}.history-dialog li a{display:block;padding:12px 0}.history-dialog small{color:var(--muted);margin-left:12px}
.skip-link{position:absolute;left:12px;top:-100px;z-index:100;background:var(--panel);padding:10px}.skip-link:focus{top:8px}
.carousel{position:relative}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * var(--gap))/6);gap:var(--gap);overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-track>.video-card{scroll-snap-align:start}
.carousel-controls{display:flex;gap:8px}.carousel-controls button{padding:3px 12px;font-size:20px}
@media(max-width:1150px){.site-nav{gap:16px}.header-inner{gap:16px}.search{width:200px}.brand{font-size:22px;max-width:220px}.section-head .subtypes{max-width:55%}}
@media(max-width:1000px){:root{--columns:4;--gap:16px}.header-inner{flex-wrap:wrap;padding-top:12px}.site-nav{order:3;width:100%;overflow:auto}.site-nav a{padding:10px 0}.search{flex:1}.section{padding:20px}.text-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-track{grid-auto-columns:calc((100% - 3 * var(--gap))/4)}}
@media(max-width:760px){:root{--columns:3;--gap:12px}.wrap{width:calc(100% - 24px)}.header-inner{gap:12px}.brand{font-size:20px;max-width:46%}.brand .site-logo{max-width:70px;height:30px}.header-history{padding:4px;font-size:12px}.search{width:140px}.search input{padding:8px 10px;font-size:13px}.search button{padding:6px 9px;font-size:12px}.main{padding-top:16px}.section{padding:16px;margin-bottom:16px}.section-head{gap:10px;flex-wrap:wrap;margin-bottom:14px}h2{font-size:19px}h1{font-size:22px}.section-head .subtypes{max-width:100%;width:100%;order:3}.video-grid{gap:18px var(--gap)}.card-copy h3{font-size:14px}.text-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.rank-row small{display:none}.rank-columns{grid-template-columns:1fr;gap:16px}.detail-head{gap:16px}.detail-poster{width:120px}.detail-copy h1{font-size:22px}.detail-copy p{font-size:13px}.detail-excerpt{display:none}.detail-actions{gap:8px;margin-top:12px}.button{padding:6px 12px}.meta-tags{gap:5px;font-size:12px;margin-top:8px}.meta-tags>*{padding:1px 5px}.episodes{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.source-tabs{gap:8px}.source-tabs button{padding:7px 10px}.source-tabs small{display:none}.player-section{padding:12px}.player-section h1{font-size:19px}.player-toolbar>div{gap:10px}.player-toolbar{font-size:12px}.player-screen>.movie-player{height:auto!important;aspect-ratio:16/9;min-height:0}.player-screen>.movie-player>iframe,.player-screen>.movie-player>video{position:absolute;inset:0;width:100%;height:100%}.filter-row>div{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.filter-row a{padding:4px 9px}.result-row{gap:14px;padding:12px 0}.result-poster{width:88px}.result-row h2{font-size:18px}.result-row p{font-size:12px}.result-intro{-webkit-line-clamp:2}.pagination{gap:6px}.pagination>a,.pagination>span{padding:5px 9px}.pagination small{width:100%;text-align:center}.map-grid{grid-template-columns:1fr 1fr}.carousel-track{grid-auto-columns:calc((100% - 2 * var(--gap))/3)}}
@media(max-width:360px){.brand{max-width:42%;font-size:18px}.section{padding:12px}.detail-poster{width:96px}.detail-head{gap:12px}.detail-copy h1{font-size:19px}.text-grid{gap:0 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.poster img{transition:none}.poster:hover img{transform:none}}

.site-nav,.mobile-nav,.subtypes,.filter-row>div{scrollbar-width:none}.site-nav::-webkit-scrollbar,.mobile-nav::-webkit-scrollbar,.subtypes::-webkit-scrollbar,.filter-row>div::-webkit-scrollbar{display:none}
