:root{
  --bg-from:#FF9E4A;--bg-to:#F28C1A;
  --paper:#FFF8F0;--paper2:#FFFDF9;
  --pink:#FD4C5D;--yellow:#F9BC00;
  --line:#FFDBB5;--line2:#FFE1C2;
  --ink:#1D2A33;--ink2:#3D2208;
  --sub:#B05A20;--sub2:#7A5A3A;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Segoe UI','PingFang SC','Microsoft YaHei',system-ui,sans-serif;
  background:linear-gradient(160deg,var(--bg-from),var(--bg-to));
  color:var(--ink);font-size:14px;line-height:1.6;
  padding-top:100px;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
section[id]{scroll-margin-top:118px;}
::-webkit-scrollbar{height:8px;width:8px;}
::-webkit-scrollbar-thumb{background:#E07A1E;border-radius:8px;}
::-webkit-scrollbar-track{background:#FFD9B0;border-radius:8px;}
*{scrollbar-color:#E07A1E #FFD9B0;scrollbar-width:thin;}

/* ============ 顶部双层 ============ */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:var(--paper2);border-bottom:2px solid var(--line);
}
.topbar-inner{
  max-width:1320px;margin:0 auto;height:58px;
  display:flex;align-items:center;gap:14px;padding:0 16px;
}
.brand{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.brand img{height:32px;width:auto;border-radius:10px;}
.brand span{font-size:1.45rem;font-weight:900;color:var(--ink2);letter-spacing:.5px;}
.searchbox{
  flex:1;max-width:520px;display:flex;align-items:center;
  background:var(--paper);border:2px solid var(--line);border-radius:30px;
  padding:0 6px 0 16px;height:38px;
}
.searchbox input{
  flex:1;border:0;outline:0;background:transparent;font-size:.85rem;
  color:var(--ink);font-family:inherit;
}
.searchbox button{
  border:0;cursor:pointer;background:var(--pink);color:#fff;
  font-size:.8rem;font-weight:800;padding:6px 16px;border-radius:20px;
  box-shadow:0 3px 0 #C9323F;font-family:inherit;
}
.quick{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0;}
.quick a{
  font-size:.8rem;font-weight:700;color:var(--sub);
  padding:6px 12px;border-radius:20px;border:2px solid var(--line2);
  background:var(--paper);white-space:nowrap;
}
.quick a.primary{background:var(--yellow);color:#5A3A00;border-color:#E0A800;box-shadow:0 3px 0 #D9A300;}

.navbar{background:var(--paper);border-bottom:1px solid var(--line);}
.navbar-inner{
  max-width:1320px;margin:0 auto;height:42px;display:flex;align-items:center;
  gap:6px;padding:0 16px;overflow-x:auto;
}
.navbar-inner::-webkit-scrollbar{height:0;}
.channel{
  font-size:.82rem;font-weight:800;color:var(--ink2);
  padding:5px 14px;border-radius:20px;white-space:nowrap;flex-shrink:0;
}
.channel:hover{background:var(--line2);}
.channel.active{background:var(--pink);color:#fff;box-shadow:0 3px 0 #C9323F;}

/* ============ 三栏骨架 ============ */
.layout{
  max-width:1320px;margin:18px auto 0;display:flex;gap:16px;padding:0 16px;
  align-items:flex-start;
}
.aside-left{
  width:176px;flex-shrink:0;position:sticky;top:118px;
  background:var(--paper2);border:2px solid var(--line);border-radius:14px;
  padding:14px 10px;box-shadow:0 3px 0 #E8B87A;
}
.aside-title{font-size:.72rem;font-weight:800;color:var(--sub);margin:0 6px 8px;letter-spacing:1px;}
.aside-left ul{list-style:none;display:flex;flex-direction:column;gap:2px;}
.aside-left ul li a{
  display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;
  padding:7px 10px;border-radius:10px;color:var(--ink2);
}
.aside-left ul li a:hover{background:var(--line2);}
.aside-left ul li a.active{background:var(--pink);color:#fff;box-shadow:0 3px 0 #C9323F;}
.aside-left .dot{width:7px;height:7px;border-radius:50%;background:var(--pink);flex-shrink:0;}
.aside-left ul li a.active .dot{background:#fff;}
.aside-divider{height:1px;background:var(--line);margin:10px 6px;}

.main-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;}
.aside-right{
  width:264px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;
  position:sticky;top:118px;
}

.panel{
  background:var(--paper2);border:2px solid var(--line);border-radius:14px;
  padding:16px;box-shadow:0 3px 0 #E8B87A;
}
.panel-head{
  display:flex;align-items:center;gap:8px;margin-bottom:14px;
}
.panel-head .ic{
  width:8px;height:20px;border-radius:4px;background:var(--pink);flex-shrink:0;
}
.panel-head h2{font-size:1.2rem;font-weight:800;color:var(--ink2);line-height:1.2;}
.panel-head .more{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--sub);}

/* ============ 番剧推荐 ============ */
.drama-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;
}
.drama-card{
  border:2px solid var(--line2);border-radius:12px;overflow:hidden;
  background:var(--paper);transition:transform .18s,box-shadow .18s,border-color .18s;
  box-shadow:0 3px 0 #E8B87A;
}
.drama-card:hover{transform:translateY(-2px);border-color:#FF9E4A;box-shadow:0 6px 0 #E8B87A;}
.drama-cover{position:relative;background:#FFD9B0;}
.drama-cover img{width:100%;height:200px;object-fit:cover;}
.drama-badge{
  position:absolute;right:6px;bottom:6px;background:rgba(29,42,51,.78);
  color:#fff;font-size:.66rem;font-weight:800;padding:2px 8px;border-radius:20px;
}
.drama-meta{padding:8px 9px 10px;}
.drama-meta h3{font-size:.85rem;font-weight:800;color:var(--ink2);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.drama-meta .score{
  display:inline-flex;align-items:center;gap:4px;margin-top:5px;
  font-size:.66rem;font-weight:800;color:#8A5A00;background:#FFF0C7;
  padding:1px 8px;border-radius:20px;
}

/* ============ 每日更新 ============ */
.daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.daily-item{
  display:flex;align-items:center;gap:9px;background:var(--paper);
  border:1px solid var(--line2);border-radius:10px;padding:8px 10px;
}
.day-tag{
  flex-shrink:0;font-size:.64rem;font-weight:800;color:#fff;background:var(--pink);
  padding:2px 7px;border-radius:6px;
}
.day-tag.alt{background:#F28C1A;}
.day-tag.alt2{background:var(--yellow);color:#5A3A00;}
.daily-item .name{font-size:.78rem;font-weight:800;color:var(--ink2);
  flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.daily-item .tm{font-size:.66rem;font-weight:700;color:var(--sub2);flex-shrink:0;}

/* ============ 追番日历 ============ */
.calendar-scroll{
  display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;
}
.day-card{
  flex:0 0 150px;background:var(--paper);border:2px solid var(--line2);
  border-radius:12px;padding:10px 11px;
}
.day-card.today{border-color:var(--pink);background:#FFF0F1;}
.day-card .dhead{
  display:flex;align-items:center;justify-content:space-between;
  font-size:.74rem;font-weight:800;color:var(--sub);margin-bottom:7px;
}
.day-card.today .dhead span:first-child{color:var(--pink);}
.day-card .flag{font-size:.6rem;background:var(--pink);color:#fff;padding:1px 6px;border-radius:20px;}
.day-card ul{list-style:none;display:flex;flex-direction:column;gap:5px;}
.day-card ul li{font-size:.7rem;font-weight:700;color:var(--ink2);
  display:flex;gap:5px;align-items:flex-start;}
.day-card ul li::before{content:'▶';font-size:.55rem;color:#F28C1A;margin-top:3px;}

/* ============ 新番速递 ============ */
.new-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;}
.new-card{
  border:2px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--paper);
  transition:transform .2s,box-shadow .2s,border-color .2s;
  box-shadow:0 3px 0 #E8B87A,0 0 0 rgba(0,0,0,0);
}
.new-card:hover{transform:translateY(-4px);border-color:#FF9E4A;
  box-shadow:0 7px 0 #E8B87A,0 12px 24px rgba(180,80,0,.14);}
.new-cover{position:relative;height:180px;background:#FFD9B0;}
.new-cover img{width:100%;height:100%;object-fit:cover;}
.new-cover::after{
  content:'';position:absolute;inset:auto 0 0 0;height:52%;
  background:linear-gradient(to top,rgba(20,20,20,.55),transparent);
}
.corner-l,.corner-r,.corner-b{position:absolute;z-index:2;font-size:.6rem;font-weight:800;
  padding:2px 7px;border-radius:20px;}
.corner-l{left:7px;top:7px;background:rgba(0,0,0,.5);color:#fff;backdrop-filter:blur(4px);}
.corner-r{right:7px;top:7px;background:var(--pink);color:#fff;box-shadow:0 2px 0 #C9323F;}
.corner-b{right:7px;bottom:7px;background:rgba(0,0,0,.55);color:#fff;}
.new-info{padding:10px 11px 13px;}
.new-info h3{font-size:.9rem;font-weight:800;color:var(--ink2);line-height:1.35;}
.new-info p{font-size:.72rem;color:var(--sub2);margin-top:4px;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.new-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;}
.new-tags span{font-size:.62rem;font-weight:700;color:var(--sub);background:#FFF0DC;
  padding:1px 8px;border-radius:20px;border:1px solid var(--line2);}
.stars{color:var(--yellow);font-size:.68rem;font-weight:800;margin-top:6px;letter-spacing:1px;}

/* ============ 热门专题 ============ */
.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.topic-card{
  border-radius:14px;padding:18px 16px;color:#fff;position:relative;overflow:hidden;
  box-shadow:0 3px 0 rgba(160,80,0,.35);border:2px solid rgba(255,255,255,.35);
}
.topic-card h3{font-size:1rem;font-weight:800;position:relative;z-index:2;}
.topic-card p{font-size:.74rem;font-weight:600;margin-top:6px;opacity:.95;position:relative;z-index:2;}
.topic-card .tno{position:absolute;right:10px;bottom:-14px;font-size:3.6rem;font-weight:900;
  opacity:.18;z-index:1;line-height:1;}
.t1{background:linear-gradient(135deg,#FF9E4A,#F2741A);}
.t2{background:linear-gradient(135deg,#FD4C5D,#D62E44);}
.t3{background:linear-gradient(135deg,#F9BC00,#E39A00);}
.t4{background:linear-gradient(135deg,#E8742A,#B04E12);}

/* ============ 番剧追评 ============ */
.review-list{display:flex;flex-direction:column;gap:12px;}
.review-item{
  display:flex;gap:12px;background:var(--paper);border:1px solid var(--line2);
  border-radius:12px;padding:12px 14px;
}
.review-avatar{
  width:44px;height:44px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.25rem;
  background:#FFF0DC;border:2px solid var(--line);
}
.review-body{flex:1;min-width:0;}
.review-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:5px;}
.review-top .user{font-size:.82rem;font-weight:800;color:var(--ink2);}
.review-top .tag{font-size:.62rem;font-weight:800;color:#fff;background:#F28C1A;
  padding:1px 9px;border-radius:20px;}
.review-top .rstars{margin-left:auto;color:var(--yellow);font-size:.7rem;letter-spacing:1px;font-weight:800;}
.review-body p{font-size:.8rem;color:#4A3A2A;line-height:1.65;}

/* ============ 问答 ============ */
.qa-list{display:flex;flex-direction:column;gap:8px;}
.qa-item{border:1px solid var(--line2);border-radius:12px;overflow:hidden;background:var(--paper);}
.qa-q{
  display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;
  font-size:.85rem;font-weight:800;color:var(--ink2);user-select:none;
}
.qa-q .qmark{width:20px;height:20px;flex-shrink:0;border-radius:6px;background:var(--pink);
  color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;}
.qa-q .arrow{margin-left:auto;font-size:.7rem;color:var(--sub);transition:transform .25s;}
.qa-item.open .arrow{transform:rotate(180deg);}
.qa-a{display:none;padding:0 14px 14px 44px;font-size:.8rem;color:#4A3A2A;line-height:1.7;}
.qa-a p{background:#FFF4E6;border-left:3px solid #F28C1A;padding:9px 12px;border-radius:6px;}
.qa-item.open .qa-a{display:block;}

/* ============ 右侧栏 ============ */
.rank-list{list-style:none;display:flex;flex-direction:column;gap:9px;}
.rank-list li{display:flex;align-items:center;gap:9px;}
.rank-no{
  width:20px;height:20px;flex-shrink:0;border-radius:6px;font-size:.66rem;font-weight:800;
  display:flex;align-items:center;justify-content:center;background:#F5E4D2;color:#8A6A4A;
}
.rank-no.r1{background:var(--pink);color:#fff;}
.rank-no.r2{background:#FF9E4A;color:#fff;}
.rank-no.r3{background:var(--yellow);color:#5A3A00;}
.rank-list .rname{font-size:.78rem;font-weight:700;color:var(--ink2);flex:1;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rank-list .rhot{font-size:.64rem;font-weight:700;color:var(--sub);flex-shrink:0;}

.tag-cloud{display:flex;flex-wrap:wrap;gap:7px;}
.tag-cloud a{
  font-size:.7rem;font-weight:700;color:var(--sub);background:#FFF0DC;
  border:1px solid var(--line2);padding:3px 10px;border-radius:20px;
}
.tag-cloud a:hover{background:var(--pink);color:#fff;border-color:var(--pink);}

.up-list{list-style:none;display:flex;flex-direction:column;gap:11px;}
.up-list li{display:flex;align-items:center;gap:9px;}
.up-avatar{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;
  align-items:center;justify-content:center;font-size:.95rem;background:#FFF0DC;
  border:2px solid var(--line);
}
.up-info{flex:1;min-width:0;}
.up-info strong{display:block;font-size:.76rem;font-weight:800;color:var(--ink2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.up-info span{font-size:.64rem;color:var(--sub);font-weight:700;}
.up-follow{
  font-size:.64rem;font-weight:800;color:#fff;background:var(--pink);
  padding:3px 10px;border-radius:20px;box-shadow:0 2px 0 #C9323F;flex-shrink:0;
}

.danmu-list{list-style:none;display:flex;flex-direction:column;gap:9px;}
.danmu-list li{
  font-size:.74rem;font-weight:700;color:var(--ink2);background:#FFF4E6;
  border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:7px;
}
.danmu-list .cnt{margin-left:auto;font-size:.62rem;color:var(--sub);font-weight:700;flex-shrink:0;}

/* ============ 图集 ============ */
.gallery-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;}
.gallery-strip figure{flex:0 0 168px;border-radius:12px;overflow:hidden;
  border:2px solid var(--line2);background:var(--paper);}
.gallery-strip img{width:100%;height:225px;object-fit:cover;}
.gallery-strip figcaption{font-size:.68rem;font-weight:700;color:var(--sub2);padding:6px 8px;}

/* ============ 下载入口 ============ */
.dl-strip{
  background:linear-gradient(135deg,#FFF0DC,#FFE1C2);border:2px solid var(--line);
  border-radius:14px;padding:20px 22px;display:flex;align-items:center;
  gap:16px;flex-wrap:wrap;box-shadow:0 3px 0 #E8B87A;
}
.dl-strip .txt{flex:1;min-width:200px;}
.dl-strip h2{font-size:1.2rem;font-weight:800;color:var(--ink2);}
.dl-strip p{font-size:.8rem;color:var(--sub2);margin-top:5px;}
.btn-download{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--pink);color:#fff;font-size:.92rem;font-weight:800;
  padding:12px 28px;border-radius:40px;border:3px solid #FFF8F0;
  box-shadow:0 4px 0 #C9323F;transition:transform .15s,box-shadow .15s;
}
.btn-download:hover{transform:translateY(-3px);box-shadow:0 7px 0 #C9323F;}
.btn-download:active{transform:translateY(2px);box-shadow:0 2px 0 #C9323F;}

/* ============ 页脚 ============ */
.site-footer{
  max-width:1320px;margin:26px auto 0;padding:22px 16px 40px;text-align:center;
}
.site-footer p{font-size:.72rem;color:rgba(60,34,8,.72);line-height:1.9;}
.site-footer a.beian{color:rgba(60,34,8,.72);font-size:.72rem;}
.site-footer a.beian:hover{color:#3D2208;text-decoration:underline;}
.site-footer .updatetime{font-size:.68rem;color:rgba(60,34,8,.55);margin-top:4px;}

/* ============ 悬浮下载 ============ */
.float-dl{
  position:fixed;right:22px;bottom:24px;z-index:120;
  display:inline-flex;align-items:center;gap:7px;
  background:var(--pink);color:#fff;font-size:.86rem;font-weight:800;
  padding:12px 20px;border-radius:60px;border:3px solid #FFF8F0;
  box-shadow:0 4px 0 #C9323F;transition:transform .15s,box-shadow .15s;
}
.float-dl:hover{transform:translateY(-3px);box-shadow:0 7px 0 #C9323F;}
.float-dl:active{transform:translateY(3px);box-shadow:0 1px 0 #C9323F;}

/* ============ 响应式 ============ */
@media(max-width:1100px){
  .aside-right{display:none;}
}
@media(max-width:900px){
  body{padding-top:150px;}
  .topbar-inner{flex-wrap:wrap;height:auto;padding:8px 14px;gap:10px;}
  .brand span{font-size:1.25rem;}
  .searchbox{order:3;flex:0 0 100%;max-width:100%;}
  .quick a.hide-sm{display:none;}
  .navbar-inner{height:auto;flex-wrap:wrap;padding:8px 14px;gap:6px;}
  .layout{flex-wrap:wrap;}
  .aside-left{
    position:static;width:100%;
  }
  .aside-left ul{flex-direction:row;flex-wrap:wrap;gap:4px;}
  .aside-left ul li a{padding:5px 11px;font-size:.78rem;}
  .aside-divider{display:none;}
  .aside-title{margin-bottom:8px;}
  .daily-grid{grid-template-columns:repeat(2,1fr);}
  .new-grid{grid-template-columns:repeat(4,1fr);gap:10px;}
  .new-cover{height:130px;}
  section[id]{scroll-margin-top:158px;}
}
@media(max-width:520px){
  body{padding-top:158px;}
  .drama-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .drama-cover img{height:150px;}
  .daily-grid{grid-template-columns:1fr;}
  .new-grid{grid-template-columns:repeat(2,1fr);}
  .new-cover{height:88px;}
  .topic-grid{grid-template-columns:1fr;}
  .float-dl{right:12px;bottom:14px;padding:10px 16px;font-size:.78rem;}
  .panel{padding:13px;}
  .panel-head h2{font-size:1.05rem;}
  .gallery-strip figure{flex:0 0 132px;}
  .gallery-strip img{height:176px;}
}