/* Template 05: 排行榜聚合风格 - structure: rank. PHP 7.3 compatible, no external CSS/JS CDN. */
:root{--bg:#111827;--panel:color-mix(in srgb,#111827 88%,#ffffff 12%);--panel2:color-mix(in srgb,#111827 78%,#ffffff 22%);--primary:#f97316;--accent:#facc15;--text:#ffffff;--muted:#cbd5e1;--line:color-mix(in srgb,#ffffff 14%, transparent);--radius:8px;--max:1200px;--shadow:0 18px 50px rgba(0,0,0,.18);}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,'Microsoft YaHei',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.site-wrap{min-height:100vh;display:flex;flex-direction:column}.site-main{width:min(var(--max),calc(100% - 32px));margin:0 auto;flex:1;padding:22px 0 48px}.empty-state{padding:34px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto;min-height:66px;display:flex;align-items:center;gap:18px}.brand{font-weight:900;letter-spacing:.5px;display:flex;align-items:center;gap:8px;color:var(--text)}.brand span,.brand small{color:var(--muted);font-size:12px}.brand.mark span{width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center}.main-nav{display:flex;align-items:center;gap:8px;min-width:0}.main-nav a{padding:9px 13px;border-radius:999px;color:var(--muted);white-space:nowrap}.main-nav a.active,.main-nav a:hover{background:var(--primary);color:#fff}.top-search{margin-left:auto;display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--panel)}.top-search input{width:220px;border:0;outline:0;background:transparent;color:var(--text);padding:10px 14px}.top-search button,.icon-btn{border:0;background:var(--primary);color:#fff;padding:10px 14px;cursor:pointer}.icon-btn{border-radius:999px}.mobile-search-panel{display:none;width:min(var(--max),calc(100% - 32px));margin:0 auto 10px}.mobile-search-panel.show{display:block}.mobile-search-panel form{display:flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.mobile-search-panel input{flex:1;background:transparent;border:0;color:var(--text);padding:12px}.mobile-search-panel button{border:0;background:var(--primary);color:#fff;padding:0 18px}
.header-type-2 .header-inner{flex-wrap:wrap;padding:12px 0}.header-type-2 .brand.big{font-size:26px}.header-type-2 .top-search.wide{order:3;width:100%;margin:0}.header-type-2 .top-search.wide input{width:100%}.header-type-3 .header-inner.stack{display:block;padding:10px 0}.header-type-3 .header-inner.stack>div{display:flex;justify-content:space-between;align-items:center}.header-type-3 .main-nav{margin-top:10px}.header-type-4 .header-inner.center{justify-content:center;flex-direction:column;padding:16px 0}.header-type-4 .hero-search{margin:0;width:min(640px,100%)}.header-type-4 .hero-search input{width:100%}.header-type-4 .main-nav.under{width:min(var(--max),calc(100% - 32px));margin:0 auto 10px;justify-content:center}.header-type-5 .main-nav.pills a{border:1px solid var(--line)}.header-type-6 .top-search.small input{width:140px}.header-type-7 .main-nav.tiles{display:grid;grid-template-columns:repeat(5,1fr);flex:1}.header-type-7 .main-nav.tiles a{text-align:center;border:1px solid var(--line)}.header-type-8 .topic-head{border-left:5px solid var(--primary)}.header-type-9 .mobile-app-head{justify-content:space-between}.header-type-9 .app-tabs{width:min(var(--max),calc(100% - 32px));margin:0 auto 10px}.header-type-10 .speed-head{min-height:52px}.header-type-10 .main-nav.text-nav a{padding:4px 8px;background:transparent}
.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80}.drawer-mask.show{display:block}.mobile-drawer{position:fixed;z-index:81;inset:0 auto 0 0;width:min(330px,86vw);background:var(--panel);transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:10px}.mobile-drawer.show{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.drawer-head button{border:0;background:var(--primary);color:#fff;border-radius:50%;width:32px;height:32px}.mobile-drawer a{padding:12px;border-radius:var(--radius);background:color-mix(in srgb,var(--panel) 70%,#fff 8%)}
.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;margin:8px 0 18px;flex-wrap:wrap}.breadcrumb strong{color:var(--text)}.tpl-chips,.tpl-filter{display:flex;gap:10px;overflow:auto;padding:6px 0 16px}.tpl-chips a,.tpl-filter a{padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:var(--panel);white-space:nowrap}.tpl-filter a.active,.tpl-chips a:hover{background:var(--primary);color:#fff}
.tpl-hero{position:relative;border-radius:calc(var(--radius) + 8px);overflow:hidden;margin:8px 0 24px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.visual-hero{min-height:380px;display:grid;grid-template-columns:minmax(0,1.4fr) 260px;gap:24px;padding:36px;background-image:linear-gradient(90deg,var(--bg),color-mix(in srgb,var(--bg) 70%,transparent)),var(--hero-img);background-size:cover;background-position:center}.hero-copy{align-self:center;position:relative;z-index:2}.hero-copy span,.tpl-search-hero span{color:var(--accent);font-weight:700}.hero-copy h1,.tpl-search-hero h1{font-size:clamp(30px,5vw,56px);line-height:1.05;margin:10px 0}.hero-copy p{max-width:580px;color:var(--muted)}.hero-copy a,.btn-primary,.watch-btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border-radius:999px;padding:12px 18px;font-weight:800}.btn-soft{display:inline-flex;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:10px 16px}.hero-poster img{height:320px;width:230px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.hero-picks{grid-column:1/-1;display:flex;gap:10px;overflow:auto}.hero-picks a{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);white-space:nowrap}.search-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding:34px}.search-hero form,.tpl-search-hero form{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;overflow:hidden;max-width:680px}.search-hero input,.tpl-search-hero input{flex:1;border:0;outline:0;background:transparent;color:var(--text);padding:14px 18px}.search-hero button,.tpl-search-hero button{border:0;background:var(--primary);color:#fff;padding:0 22px}.wall-hero{padding:24px}.wall-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.wall-title h1{font-size:36px;margin:0}.wall-title a{background:var(--primary);color:#fff;padding:10px 16px;border-radius:999px}
.tpl-section{margin:0 0 26px;border-radius:var(--radius)}.tpl-section-head,.tpl-list-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;gap:12px}.tpl-section-head h2,.tpl-list-head h1{margin:0;font-size:24px}.tpl-section-head a,.tpl-section-head span,.tpl-list-head span{color:var(--muted)}.tpl-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.tpl-grid-2,.tpl-grid-6,.tpl-grid-10{grid-template-columns:repeat(3,minmax(0,1fr))}.tpl-grid-4,.tpl-grid-8{grid-template-columns:repeat(2,minmax(0,1fr))}.tpl-row{display:flex;gap:14px;overflow:auto;padding-bottom:8px}.tpl-row .tpl-card{min-width:190px}.tpl-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.22s;min-width:0}.tpl-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.tpl-card-pic{position:relative;aspect-ratio:2/3;background:var(--panel2);overflow:hidden}.tpl-card-pic img{width:100%;height:100%;object-fit:cover}.tpl-card-pic i,.tpl-card-pic b{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.66);color:#fff;border-radius:999px;padding:3px 8px;font-style:normal;font-size:12px}.tpl-card-pic b{left:auto;right:8px;color:var(--accent)}.tpl-card strong{display:block;padding:10px 10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-card em{display:block;padding:0 10px 10px;color:var(--muted);font-style:normal;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tpl-card p{display:none;color:var(--muted);padding:0 12px 12px;margin:0}.tpl-card.wide{display:grid;grid-template-columns:128px 1fr;min-height:172px}.tpl-card.wide .tpl-card-pic{aspect-ratio:auto;height:100%}.tpl-card.wide .tpl-card-body{padding:12px}.tpl-card.wide strong{padding:0;margin-bottom:6px}.tpl-card.wide p,.tpl-card.wide b{display:block;padding:0;margin-top:10px}.tpl-card.text{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;align-items:center;padding:12px}.tpl-card.text strong,.tpl-card.text em{padding:0}.text-dot{width:8px;height:8px;background:var(--primary);border-radius:50%}.tpl-card.flip{perspective:1000px;background:transparent;border:0}.flip-inner{position:relative;transform-style:preserve-3d;transition:.45s;min-height:270px}.tpl-card.flip:hover .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;inset:0;border-radius:var(--radius);backface-visibility:hidden;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.flip-front strong{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;padding:32px 10px 10px}.flip-back{transform:rotateY(180deg);padding:16px;display:flex;flex-direction:column;justify-content:center}.flip-back span{color:var(--accent);font-weight:800}
.tpl-layout.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.tpl-layout.two-col.reverse{grid-template-columns:300px minmax(0,1fr)}.tpl-layout.two-col.reverse main{grid-column:2}.tpl-layout.two-col.reverse aside{grid-column:1;grid-row:1}.rank-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.tpl-rank{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:18px}.tpl-rank-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tpl-rank h3{margin:0}.tpl-rank ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tpl-rank li a{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:calc(var(--radius) - 2px)}.tpl-rank li a:hover{background:var(--panel2)}.tpl-rank b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff}.tpl-rank em{font-style:normal;color:var(--muted);font-size:12px}.tpl-text-list{display:grid;gap:8px}.tpl-text-list a{display:grid;grid-template-columns:45px 1fr auto;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:11px}.tpl-text-list span{color:var(--primary);font-weight:900}.tpl-text-list em{color:var(--muted);font-style:normal}
.tpl-search-hero{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);padding:34px;margin-bottom:22px}.tpl-list-page,.tpl-detail,.tpl-play{min-height:300px}.detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);padding:24px;margin-bottom:24px}.detail-panel.split{display:grid;grid-template-columns:240px 1fr 300px;gap:22px}.detail-poster img,.detail-blocks img{width:100%;border-radius:var(--radius);object-fit:cover}.detail-info h1,.detail-panel h1,.cinema-player h1{font-size:34px;line-height:1.15;margin:8px 0 14px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.detail-tags em{font-style:normal;background:var(--panel2);border:1px solid var(--line);padding:6px 10px;border-radius:999px;color:var(--muted)}.detail-panel.cover{min-height:380px;display:flex;align-items:end;background-image:linear-gradient(0deg,var(--bg),color-mix(in srgb,var(--bg) 65%,transparent)),var(--hero-img);background-size:cover;background-position:center}.detail-panel.cover>div{max-width:680px}.detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-meta-grid p,.article-text{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.detail-blocks{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:18px}.tpl-episodes{display:flex;gap:8px;flex-wrap:wrap}.tpl-episodes a{padding:9px 13px;background:var(--panel);border:1px solid var(--line);border-radius:calc(var(--radius) - 2px)}.tpl-episodes a.active,.tpl-episodes a:hover{background:var(--primary);color:#fff}.player-box{position:relative;background:#000;border-radius:calc(var(--radius) + 6px);overflow:hidden;min-height:450px;margin-bottom:20px}.video-player{width:100%;height:min(62vw,620px);background:#000;display:block}.big-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer}.player-info,.play-vod-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.player-info h1{margin:0 0 8px}.player-info small{color:var(--accent)}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.cinema-player{background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:calc(var(--radius) + 8px);margin-bottom:20px}.play-vod-card img{border-radius:var(--radius);margin-bottom:12px}
.site-footer{border-top:1px solid var(--line);background:var(--panel)}.footer-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:24px 0;color:var(--muted)}.footer-inner strong{color:var(--text)}.footer-links{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.footer-links a{color:var(--muted)}.mobile-bottom{display:none}.back-top{position:fixed;right:18px;bottom:74px;width:42px;height:42px;border-radius:50%;border:0;background:var(--primary);color:#fff;display:none}.back-top.show{display:block}
.layout-masonry .tpl-grid,.masonry-section .tpl-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.layout-text .tpl-grid,.layout-speed .tpl-grid,.layout-seo .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-dense .tpl-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.layout-boutique .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.layout-wide .tpl-grid,.layout-feed .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-app .site-main,.layout-miniapp .site-main{max-width:760px}.layout-app .site-header .header-inner,.layout-miniapp .site-header .header-inner{max-width:760px}.layout-triple .tpl-layout.two-col{grid-template-columns:210px minmax(0,1fr) 300px}.layout-largefont{font-size:18px}.layout-largefont .tpl-card strong{font-size:18px}.layout-speed .tpl-card p,.layout-text .tpl-card p{display:none}
@media(max-width:980px){.site-main{width:min(100% - 24px,var(--max));padding-bottom:86px}.header-inner{width:calc(100% - 24px);min-height:58px}.main-nav{overflow:auto}.top-search{display:none}.icon-btn{display:inline-flex}.tpl-layout.two-col,.tpl-layout.two-col.reverse,.detail-panel.split,.detail-blocks,.rank-matrix,.search-hero{grid-template-columns:1fr}.tpl-layout.two-col.reverse main,.tpl-layout.two-col.reverse aside{grid-column:auto;grid-row:auto}.tpl-grid,.tpl-grid-2,.tpl-grid-6,.tpl-grid-10,.layout-dense .tpl-grid,.layout-masonry .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-hero{grid-template-columns:1fr;min-height:unset;padding:24px}.hero-poster img{width:180px;height:250px}.detail-panel.split aside{display:none}.player-box{min-height:260px}.video-player{height:56vw;min-height:220px}.mobile-bottom{position:fixed;z-index:49;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border-top:1px solid var(--line)}.mobile-bottom a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;color:var(--muted);font-size:12px}.mobile-bottom span{font-size:18px;color:var(--primary)}}
@media(max-width:640px){.tpl-grid,.tpl-grid-2,.tpl-grid-6,.tpl-grid-10,.layout-dense .tpl-grid,.layout-boutique .tpl-grid,.layout-masonry .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tpl-card.wide{grid-template-columns:104px 1fr}.tpl-card.text{grid-template-columns:auto 1fr;align-items:start}.tpl-card.text em,.tpl-card.text b{grid-column:2}.hero-copy h1,.tpl-search-hero h1{font-size:30px}.wall-title{display:block}.tpl-section-head{align-items:flex-start}.tpl-row .tpl-card{min-width:170px}.header-type-7 .main-nav.tiles{display:flex;overflow:auto}.header-type-4 .main-nav.under{justify-content:flex-start;overflow:auto}.detail-meta-grid{grid-template-columns:1fr}.tpl-episodes a{flex:1 0 44%;text-align:center}.layout-largefont .tpl-episodes a{padding:14px}}