/* 花生影院风格模板：浅色 PC + 移动端自适应 */
:root{
  --bg:#f3f7fb; --panel:#fff; --line:#e8eef5; --text:#243447; --muted:#7b8a9b;
  --primary:#259ce3; --primary-dark:#1688cb; --orange:#ff9d18; --danger:#ff3366;
  --shadow:0 8px 24px rgba(36,52,71,.08); --radius:10px; --wrap:1320px;
}
*{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-size:16px;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.96);box-shadow:0 5px 18px rgba(42,61,82,.08);backdrop-filter:blur(12px)}.header-top{max-width:var(--wrap);height:72px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:0 20px}.logo{display:flex;align-items:center;gap:8px;min-width:210px;color:#ffc461;font-size:28px;font-weight:500;letter-spacing:1px;white-space:nowrap}.logo i{color:#69cf6e;font-size:34px}.search-box{margin-left:auto;width:480px;height:42px;border-radius:5px;background:#eef2f6;display:flex;align-items:center;overflow:hidden;border:1px solid #dfe6ee}.search-type{height:100%;padding:0 14px;background:#e1e6ec;color:#333;border:none;border-right:1px solid #cbd5df;display:flex;align-items:center;gap:2px}.search-box input{flex:1;border:none;background:transparent;outline:none;color:#2d3a46;padding:0 14px}.search-box input::placeholder{color:#b4c0cd}.search-submit{width:52px;text-align:center;color:#536574;font-size:24px;cursor:pointer}.user-actions{height:42px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.8);box-shadow:0 8px 28px rgba(50,70,95,.1);padding:0 14px;white-space:nowrap}.user-actions a{color:#333;font-size:15px;display:flex;align-items:center;gap:4px}.theme-dot{width:20px;height:20px;background:var(--primary);border-radius:50%;display:inline-block;box-shadow:16px 0 0 rgba(37,156,227,.08)}.mobile-menu-btn,.mobile-quick{display:none}.navbar{border-top:1px solid #f4f7fa;background:#fff}.nav-inner{max-width:var(--wrap);height:54px;margin:0 auto;display:flex;align-items:center;padding:0 20px;gap:2px}.nav-home,.nav-link,.nav-plain{height:54px;display:flex;align-items:center;gap:4px;padding:0 19px;color:#222;font-size:16px;position:relative}.nav-home.active,.nav-item.active>.nav-link,.nav-home:hover,.nav-link:hover,.nav-plain:hover{color:var(--primary)}.nav-home.active:after,.nav-item.active>.nav-link:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;background:var(--primary);border-radius:3px}.nav-item{height:54px;position:relative}.nav-dropdown{position:absolute;top:54px;left:50%;transform:translateX(-50%) translateY(8px);min-width:132px;background:#fff;border-radius:4px;box-shadow:0 12px 28px rgba(30,45,64,.16);padding:10px 0;opacity:0;visibility:hidden;transition:.18s;z-index:1000}.nav-dropdown:before{content:"";position:absolute;top:-8px;left:50%;margin-left:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff}.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.nav-dropdown a{display:block;padding:10px 26px;color:#333;font-size:15px;white-space:nowrap}.nav-dropdown a:hover{background:#f5faff;color:var(--primary)}.container{max-width:var(--wrap);margin:0 auto;padding:26px 20px 36px}.page-layout{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:start}.main-column{min-width:0}.right-sidebar{display:flex;flex-direction:column;gap:18px}.section,.glass-panel,.filter-section,.detail-hero,.player-wrap,.search-page-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(232,238,245,.9)}.section{padding:22px 24px;margin-bottom:24px}.section-header{height:34px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;border-bottom:1px solid #edf2f7;padding-bottom:15px}.section-title,.block-title{font-size:22px;font-weight:500;color:#222;display:flex;align-items:center;gap:8px}.section-title:before{font-family:"remixicon";content:"\ea54";font-size:24px;color:#333}.section-more{color:#666;font-size:15px}.section-more:hover{color:var(--primary)}.categories,.hero-banner{display:none}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 34px}.card{display:block;position:relative;min-width:0}.card-poster{position:relative;width:100%;aspect-ratio:3/4.15;border-radius:5px;overflow:hidden;background:#e9eef4}.card-poster img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.card:hover .card-poster img{transform:scale(1.04)}.card-poster:before{content:"\f00a";font-family:"remixicon";position:absolute;left:10px;top:8px;z-index:2;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;background:rgba(0,0,0,.22)}.badge-top-left{position:absolute;right:8px;bottom:42px;left:auto;top:auto;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.58));color:#fff;font-size:14px;padding:20px 8px 6px;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.55);z-index:3}.card-overlay{position:static;background:transparent!important;color:inherit}.play-btn{display:none}.card-info{padding-top:8px}.card-title{font-size:16px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{font-size:14px;color:#8794a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 16px 14px}.rank-title{font-size:20px;font-weight:500;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.rank-title:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary);display:inline-block}.rank-item{display:grid;grid-template-columns:28px 70px 1fr;gap:10px;margin-bottom:18px;align-items:start}.rank-no{background:#1e9dea;color:#fff;height:22px;line-height:22px;text-align:center;border-radius:2px;font-weight:700}.rank-item:nth-child(2) .rank-no{background:#ff3366}.rank-item:nth-child(3) .rank-no{background:#ff9d18}.rank-pic{width:70px;height:88px;border-radius:2px;overflow:hidden;background:#e5ecf3}.rank-pic img{width:100%;height:100%;object-fit:cover}.rank-name{font-size:15px;font-weight:600;color:#27384a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-meta{font-size:13px;color:#8794a3;line-height:1.7;height:44px;overflow:hidden}.rank-simple{font-size:16px;color:#2a88cd;margin:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:22px;color:#222}.breadcrumb a{color:#222}.breadcrumb .sep{color:#999;margin:0 4px}.filter-section{padding:20px 24px!important;margin-bottom:22px!important}.filter-row{display:flex;align-items:flex-start;gap:12px}.filter-label{color:#666;min-width:44px;line-height:32px}.filter-scroll{display:flex;gap:8px;flex-wrap:wrap}.filter-item{padding:5px 12px;border-radius:4px;color:#333}.filter-item.active,.filter-item:hover{background:var(--primary);color:#fff}.result-info{margin:0 0 16px;color:#66788a}.result-info em{color:var(--primary);font-style:normal;font-weight:700}.pagination{display:flex;justify-content:center;gap:8px;margin:28px 0}.page-btn{min-width:36px;height:36px;border-radius:6px;background:#fff;border:1px solid #e5edf5;display:flex;align-items:center;justify-content:center;color:#333}.page-btn.active,.page-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.detail-hero{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:24px;margin-bottom:22px}.detail-poster{border-radius:6px;overflow:hidden;background:#eef3f8}.detail-poster img{width:100%;height:300px;object-fit:cover}.detail-title{font-size:24px;font-weight:600;margin-bottom:8px}.detail-subtitle,.meta-grid,.synopsis-text{color:#6f7f90}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.detail-tag{background:#eef6fc;color:#1d91d5;border-radius:4px;padding:4px 10px}.meta-grid{display:grid;gap:7px;margin:12px 0}.detail-actions{display:flex;gap:12px;margin-top:16px}.btn-play,.btn-ghost,.ep-btn{border-radius:5px;padding:8px 14px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;gap:4px}.btn-ghost{background:#eef6fc;color:#1d91d5}.glass-panel{padding:22px;margin-bottom:22px}.ep-grid{display:flex;gap:10px;flex-wrap:wrap}.ep-btn{background:#f1f6fb;color:#333;border:1px solid #e0ebf5}.ep-btn.active,.ep-btn:hover{background:var(--primary);color:#fff}.player-wrap{padding:14px;margin-bottom:22px}.vp-inner{position:relative;background:#000;aspect-ratio:16/9;border-radius:2px;overflow:hidden}.vp-video{width:100%;height:100%;background:#000}.vp-big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.75);color:#fff;font-size:42px;display:flex;align-items:center;justify-content:center}.player-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.search-page-box{padding:18px;margin-bottom:22px}.search-page-box form{height:46px;display:flex;align-items:center;gap:10px;background:#f1f5f9;border-radius:6px;padding:0 12px}.search-page-box input{flex:1;border:none;background:transparent;outline:none}.search-page-box button{height:34px;border:none;background:var(--primary);color:#fff;border-radius:4px;padding:0 18px}.site-footer{margin-top:40px;background:#292a32;color:#d7d9e1;text-align:center;padding:34px 20px 42px}.footer-links{display:flex;justify-content:center;gap:24px;color:#fff;font-weight:600;margin-bottom:18px}.footer-search-links{display:flex;justify-content:center;gap:14px;margin-bottom:24px;flex-wrap:wrap}.footer-search-links i{width:1px;background:#767b86}.site-footer p{color:#8f96a3;margin:8px auto;max-width:1050px;font-size:14px}.float-tools{position:fixed;right:30px;bottom:80px;z-index:800;display:flex;flex-direction:column;gap:12px}.float-tools button{width:44px;height:44px;border:0;border-radius:5px;background:var(--primary);color:#fff;font-size:22px;box-shadow:0 7px 18px rgba(37,156,227,.28)}.empty-state{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:50px;text-align:center;color:#8794a3}.mobile-nav-toggle,.mobile-mask,.mobile-side-nav{display:none}
@media (min-width:1201px){.main-column .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.container>.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:1200px){:root{--wrap:1000px}.page-layout{grid-template-columns:1fr}.right-sidebar{display:none}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.search-box{width:380px}.user-actions{display:none}}
@media (max-width:768px){body{background:#eef4fb;font-size:14px}.site-header{position:sticky}.header-top{height:54px;padding:0 10px;gap:8px;border-bottom:1px solid #e7eef6}.mobile-menu-btn{display:flex;width:32px;height:40px;align-items:center;justify-content:center;font-size:26px;color:#111}.logo{min-width:auto;font-size:20px;gap:4px;flex:1}.logo i{font-size:28px}.search-box,.user-actions,.navbar{display:none}.mobile-quick{display:flex;align-items:center;gap:8px;white-space:nowrap}.mobile-quick a{font-size:14px;color:#222;display:flex;align-items:center;gap:2px}.container{padding:14px 10px 24px}.page-layout{display:block}.section{padding:16px 10px;margin-bottom:12px;border-radius:8px}.section-header{height:30px;margin-bottom:12px;padding-bottom:8px}.section-title,.block-title{font-size:18px}.section-title:before{font-size:20px}.section-more{font-size:14px}.grid,.main-column .grid,.container>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}.card-poster{border-radius:4px;aspect-ratio:3/4.08}.card-poster:before{width:20px;height:20px;font-size:11px;left:6px;top:6px}.badge-top-left{font-size:12px;bottom:38px;padding:16px 5px 5px}.card-info{padding-top:5px}.card-title{font-size:13px}.card-meta{font-size:12px}.breadcrumb{padding:18px 12px;border-radius:7px;margin-bottom:12px}.filter-section{padding:14px 10px!important;margin-bottom:12px!important;border-radius:8px}.filter-row{gap:6px}.filter-label{min-width:42px}.filter-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.filter-item{white-space:nowrap;padding:4px 10px}.detail-hero{display:block;padding:14px}.detail-poster{width:150px;margin:0 auto 14px}.detail-poster img{height:210px}.detail-title{font-size:20px}.player-wrap{padding:8px}.play-info-row{margin:14px 0!important}.ep-grid{gap:8px}.ep-btn{padding:7px 12px}.float-tools{right:12px;bottom:86px}.float-tools button{width:38px;height:38px}.mobile-mask{display:block;position:fixed;inset:0;background:rgba(30,44,61,.45);backdrop-filter:blur(3px);z-index:998;opacity:0;visibility:hidden;transition:.2s}.mobile-side-nav{display:block;position:fixed;top:0;bottom:0;left:0;width:285px;background:#f4f8fc;z-index:999;padding:32px 15px;transform:translateX(-105%);transition:.24s;box-shadow:10px 0 30px rgba(40,60,80,.2)}.mobile-side-nav:before{content:"";position:absolute;inset:10px 8px auto 8px;height:calc(100% - 20px);background:#fff;border-radius:8px;box-shadow:var(--shadow);z-index:-1}.mobile-nav-toggle:checked~.mobile-mask{opacity:1;visibility:visible}.mobile-nav-toggle:checked~.mobile-side-nav{transform:translateX(0)}.mobile-side-link,.mobile-side-group summary{display:flex;align-items:center;justify-content:space-between;padding:11px 26px;color:#111;list-style:none}.mobile-side-link.active{color:var(--primary)}.mobile-side-group summary::-webkit-details-marker{display:none}.mobile-side-group summary:after{content:"\ea4e";font-family:"remixicon";color:#999}.mobile-side-group[open] summary:after{content:"\ea78"}.mobile-side-group a{display:block;padding:8px 38px;color:#5b6d7e}.site-footer{padding:28px 12px}.footer-links{gap:18px}.footer-search-links{gap:10px;font-size:13px}}
@media (max-width:380px){.grid,.main-column .grid,.container>.grid{gap:12px 9px}.logo{font-size:18px}.mobile-quick a{font-size:13px}.card-title{font-size:12px}}
.rank-item em{display:block;font-style:normal}.section-more span{color:#aab4bf;margin:0 6px}.section-more a{color:#555}.section-more a:hover{color:var(--primary)}
@media (max-width:768px){.section-more span,.section-more a:not(:last-child){display:none}.section-more a:last-child{display:inline-flex;align-items:center}}

/* 2026-04-28 修复：右侧最热榜单改为目标站紧凑展示 */
@media (min-width:1201px){
  .page-layout{grid-template-columns:minmax(0,1fr) 310px;gap:24px;}
}
.right-sidebar{gap:22px;}
.rank-box{padding:17px 18px 18px;border-radius:9px;overflow:hidden;}
.rank-title{font-size:20px;line-height:1.25;margin-bottom:14px;font-weight:500;color:#222;}
.rank-title:before{width:9px;height:9px;background:var(--primary);}
.rank-top-list{display:flex;flex-direction:column;gap:18px;}
.rank-item{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;margin:0;padding-left:10px;align-items:start;}
.rank-no{position:absolute;left:-10px;top:16px;z-index:4;width:34px;height:24px;line-height:24px;text-align:center;border-radius:2px;color:#fff;font-size:16px;font-weight:700;box-shadow:none;}
.rank-no-1{background:#ff3366;}.rank-no-2{background:#ff9d18;}.rank-no-3{background:#1e9dea;}
.rank-pic{width:78px;height:100px;border-radius:2px;overflow:hidden;background:#e5ecf3;}
.rank-pic img{width:100%;height:100%;object-fit:cover;}
.rank-text{display:block;min-width:0;padding-top:0;}
.rank-name{display:block;font-size:15px;font-weight:600;line-height:1.35;color:#243447;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;}
.rank-meta,.rank-heat{display:block;font-style:normal;font-size:13px;line-height:1.7;color:#7e91a5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-heat i{font-style:normal;color:#95a7b8;}
.rank-simple-list{padding:2px 0 0 10px;margin-top:16px;display:flex;flex-direction:column;gap:9px;}
.rank-simple{display:block;margin:0;color:#2388ca;font-size:15px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-simple:hover,.rank-name:hover{color:var(--primary);}
@media (max-width:1200px){.rank-box,.right-sidebar{display:none;}}