:root{
  --sky:#1f9cf0;
  --sky-deep:#0b7ad1;
  --sky-soft:#e8f4fe;
  --sky-line:#d5eafb;
  --ink:#0f2334;
  --ink-2:#43607a;
  --muted:#7d95a8;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Courier New",monospace;
  --r-lg:18px;
  --r-pill:999px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  background:#f3f9ff;
  color:var(--ink);
  font-size:14px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-weight:700}
img{max-width:100%}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.2px}

/* ===== 外框 ===== */
.zf-shell{display:flex;align-items:flex-start;min-height:100vh}

/* ===== 侧边栏 ===== */
.zf-rail{
  flex:0 0 198px;width:198px;background:#ffffff;border-right:1px solid var(--sky-line);
  padding:16px 12px 24px;position:sticky;top:0;height:100vh;overflow-y:auto;
}
.zf-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 16px}
.zf-brand-mark{
  width:34px;height:34px;border-radius:11px;
  background:linear-gradient(150deg,var(--sky),#61c3ff);
  display:flex;align-items:center;justify-content:center;color:#fff;flex:none;
}
.zf-brand-text b{display:block;font-size:15px;letter-spacing:.5px}
.zf-brand-text span{display:block;font-size:11px;color:var(--muted);font-family:var(--mono)}
.zf-nav{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--sky-line);padding-top:12px}
.zf-nav a{
  display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;
  color:var(--ink-2);font-size:14px;transition:background .18s,color .18s;
}
.zf-nav a svg{flex:none}
.zf-nav a:hover{background:var(--sky-soft);color:var(--sky-deep)}
.zf-nav a.on{background:linear-gradient(120deg,var(--sky),#5ec0ff);color:#fff}
.zf-rail-note{
  margin-top:18px;border-top:1px solid var(--sky-line);padding-top:12px;
  font-size:11.5px;color:var(--muted);line-height:1.7;
}
.zf-rail-note b{color:var(--ink-2);font-family:var(--mono)}

/* ===== 主区 ===== */
.zf-main{flex:1 1 auto;min-width:0;padding:18px 22px 46px}
.zf-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:#fff;border:1px solid var(--sky-line);border-radius:var(--r-lg);
  padding:10px 16px;margin-bottom:16px;
}
.zf-topbar h1{font-size:15px;font-weight:700;letter-spacing:.4px}
.zf-topbar h1 em{font-style:normal;color:var(--sky-deep)}
.zf-quick{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-2);flex-wrap:wrap}
.zf-chip{
  border:1px solid var(--sky-line);border-radius:var(--r-pill);padding:3px 11px;
  background:#fff;font-size:12px;color:var(--ink-2);
}
.zf-btn-app{
  display:inline-flex;align-items:center;gap:6px;background:var(--sky);color:#fff;
  border-radius:var(--r-pill);padding:6px 14px;font-size:12.5px;
}

/* ===== 轮播横幅 ===== */
.zf-hero{position:relative;border:1px solid var(--sky-line);border-radius:22px;overflow:hidden;background:#fff;margin-bottom:18px}
.zf-track{display:flex;transition:transform .55s ease}
.zf-slide{min-width:100%;position:relative;height:308px}
.zf-slide img{width:100%;height:100%;object-fit:cover;display:block}
.zf-slide-body{
  position:absolute;left:0;right:0;bottom:0;padding:20px 24px 22px;color:#fff;
  background:linear-gradient(to top,rgba(6,32,54,.9),rgba(6,32,54,.6) 45%,rgba(6,32,54,0));
}
.zf-slide-body h3{font-size:22px;margin-bottom:6px;letter-spacing:.6px}
.zf-slide-body p{margin:0 0 12px;font-size:13px;color:#d7ecff;max-width:620px}
.zf-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#cfe6fb}
.zf-meta .score{font-family:var(--mono);color:#ffd063;font-weight:700;font-size:14px}
.zf-watch{
  display:inline-flex;align-items:center;gap:7px;background:#fff;color:#0b7ad1;
  border-radius:var(--r-pill);padding:8px 20px;font-size:13.5px;font-weight:700;margin-top:14px;
}
.zf-hero-dots{position:absolute;right:20px;bottom:20px;display:flex;gap:7px}
.zf-hero-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;display:block}
.zf-hero-dots i.on{background:#fff;width:22px;border-radius:var(--r-pill)}

/* ===== 通用版块 ===== */
.zf-sec{margin-bottom:20px}
.zf-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.zf-sec-title{display:flex;align-items:center;gap:8px;font-size:15.5px}
.zf-sec-title svg{color:var(--sky)}
.zf-sec-title span{font-size:11.5px;color:var(--muted);font-family:var(--mono);font-weight:400}
.zf-more{font-size:12.5px;color:var(--sky-deep);display:inline-flex;align-items:center;gap:4px}
.zf-panel{background:#fff;border:1px solid var(--sky-line);border-radius:var(--r-lg);padding:14px}

/* ===== 更新表 ===== */
.zf-tbl{border:1px solid var(--sky-line);border-radius:var(--r-lg);background:#fff;overflow:hidden}
.zf-tr{
  display:grid;grid-template-columns:56px minmax(0,1fr) 116px 122px 78px;
  align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #edf6fe;
}
.zf-tr:last-child{border-bottom:none}
.zf-th{background:var(--sky-soft);font-size:12px;color:var(--ink-2);font-weight:700;letter-spacing:.5px}
.zf-tr:hover:not(.zf-th){background:#fbfdff}
.zf-thumb{width:44px;height:60px;border-radius:10px;object-fit:cover;display:block;border:1px solid var(--sky-line)}
.zf-name{display:block;font-size:13.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zf-name-sub{display:block;font-size:11.5px;color:var(--muted);font-family:var(--mono)}
.zf-cell{font-size:12.5px;color:var(--ink-2);font-family:var(--mono)}
.zf-score{font-family:var(--mono);font-weight:700;color:#e08c14;display:inline-flex;align-items:center;gap:4px;font-size:13px}
.zf-score svg{color:#f2b23c}
.zf-tag{
  display:inline-block;font-size:11.5px;padding:1px 9px;border-radius:var(--r-pill);
  border:1px solid #bfe2fa;color:var(--sky-deep);background:#f2faff;font-family:var(--mono);
}
.zf-tag.blu{border-color:#cfe6ff;background:#f4f9ff;color:#3b6ea8}
.zf-tag.new{border-color:#ffd9a8;background:#fff8ec;color:#c47a10}

/* ===== 极简海报卡网格 ===== */
.zf-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
.zf-pcard{display:block}
.zf-pcard .poster{
  position:relative;border:1px solid var(--sky-line);border-radius:14px;overflow:hidden;background:var(--sky-soft);
  aspect-ratio:2/3;
}
.zf-pcard .poster img{width:100%;height:100%;object-fit:cover;display:block}
.zf-badge{
  position:absolute;left:7px;top:7px;background:rgba(9,48,78,.82);color:#fff;
  font-size:10.5px;padding:1px 7px;border-radius:var(--r-pill);font-family:var(--mono);
}
.zf-badge.hot{background:#ff8a3d}
.zf-pcard h4{font-size:13px;margin:8px 0 2px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zf-pcard .st{font-size:11.5px;color:var(--muted);display:flex;justify-content:space-between;gap:6px;font-family:var(--mono)}
.zf-pcard .st b{color:#e08c14;font-weight:700}

/* ===== 横向滚动 ===== */
.zf-scroller{display:flex;gap:13px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.zf-scroller .zf-pcard{flex:0 0 132px}
.zf-scroller::-webkit-scrollbar{height:6px}
.zf-scroller::-webkit-scrollbar-thumb{background:#cfe7fa;border-radius:var(--r-pill)}

/* ===== 分类频道 ===== */
.zf-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.zf-tab{
  border:1px solid var(--sky-line);background:#fff;color:var(--ink-2);border-radius:var(--r-pill);
  padding:5px 15px;font-size:12.5px;cursor:pointer;font-family:inherit;
}
.zf-tab.on{background:var(--sky);border-color:var(--sky);color:#fff;font-weight:700}
.zf-pane{display:none}
.zf-pane.on{display:grid}
.zf-listgrid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.zf-item{
  display:flex;gap:10px;border:1px solid var(--sky-line);border-radius:14px;padding:9px 11px;background:#fff;
}
.zf-item img{width:46px;height:62px;object-fit:cover;border-radius:10px;border:1px solid var(--sky-line);flex:none}
.zf-item h5{font-size:13px;margin:0 0 3px;font-weight:700}
.zf-item p{margin:0;font-size:11.5px;color:var(--muted);line-height:1.55}
.zf-item .row{font-size:11.5px;color:var(--ink-2);font-family:var(--mono);margin-top:3px}

/* ===== 排行榜 ===== */
.zf-rank{display:grid;gap:0;border:1px solid var(--sky-line);border-radius:var(--r-lg);background:#fff;overflow:hidden}
.zf-rank-row{
  display:grid;grid-template-columns:44px minmax(0,1fr) 100px 84px;gap:10px;align-items:center;
  padding:8px 14px;border-bottom:1px solid #edf6fe;
}
.zf-rank-row:last-child{border-bottom:none}
.zf-rank-row:hover{background:#fbfdff}
.zf-no{
  font-family:var(--mono);font-weight:700;font-size:14px;color:#9db6c9;text-align:center;
}
.zf-rank-row:nth-child(1) .zf-no{color:#e6a01a}
.zf-rank-row:nth-child(2) .zf-no{color:#8fa6b8}
.zf-rank-row:nth-child(3) .zf-no{color:#c78553}
.zf-bar{height:6px;border-radius:var(--r-pill);background:#eaf4fd;overflow:hidden;margin-top:5px}
.zf-bar i{display:block;height:100%;background:linear-gradient(90deg,#5ec0ff,var(--sky))}

/* ===== 即将上映倒计时 ===== */
.zf-cd-grid{display:grid;gap:13px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.zf-cd{border:1px solid var(--sky-line);border-radius:var(--r-lg);background:#fff;padding:11px;display:flex;gap:11px}
.zf-cd img{width:62px;height:86px;object-fit:cover;border-radius:12px;border:1px solid var(--sky-line);flex:none}
.zf-cd h5{font-size:13px;margin:0 0 3px}
.zf-cd .d{font-size:11.5px;color:var(--muted)}
.zf-count{display:flex;gap:5px;margin-top:7px}
.zf-count span{
  font-family:var(--mono);background:var(--sky-soft);color:var(--sky-deep);border-radius:7px;
  padding:2px 6px;font-size:11.5px;font-weight:700;
}

/* ===== 资讯 ===== */
.zf-news{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.zf-news-item{border:1px solid var(--sky-line);border-radius:14px;background:#fff;padding:11px;display:flex;gap:11px}
.zf-news-item img{width:78px;height:58px;object-fit:cover;border-radius:10px;border:1px solid var(--sky-line);flex:none}
.zf-news-item h5{font-size:13px;margin:0 0 4px;line-height:1.5}
.zf-news-item p{margin:0;font-size:11.5px;color:var(--muted);line-height:1.6}
.zf-news-item time{display:block;font-size:11px;color:#a6bccd;font-family:var(--mono);margin-top:5px}

/* ===== FAQ ===== */
.zf-faq details{border:1px solid var(--sky-line);border-radius:12px;background:#fff;margin-bottom:9px;padding:10px 14px}
.zf-faq summary{cursor:pointer;font-size:13.5px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.zf-faq summary::-webkit-details-marker{display:none}
.zf-faq summary::after{content:"+";color:var(--sky);font-family:var(--mono);font-size:16px;line-height:1}
.zf-faq details[open] summary::after{content:"–"}
.zf-faq p{margin:8px 0 0;font-size:12.5px;color:var(--ink-2);line-height:1.75}

/* ===== 页脚 ===== */
.zf-foot{
  border-top:1px solid var(--sky-line);background:#fff;border-radius:var(--r-lg);padding:16px 18px;
  font-size:12.5px;color:var(--ink-2);
}
.zf-foot-cols{display:grid;gap:16px;grid-template-columns:1.6fr 1fr 1fr}
.zf-foot h6{margin:0 0 8px;font-size:13px;color:var(--ink)}
.zf-foot a{display:block;color:var(--ink-2);margin-bottom:5px}
.zf-foot a:hover{color:var(--sky-deep)}
.zf-foot-bot{
  border-top:1px solid var(--sky-line);margin-top:14px;padding-top:11px;
  font-size:11.5px;color:var(--muted);line-height:1.8;
}

@media (max-width:900px){
  .zf-shell{flex-direction:column}
  .zf-rail{
    width:100%;flex:none;height:auto;position:static;border-right:none;border-bottom:1px solid var(--sky-line);
    padding:10px 12px 8px;
  }
  .zf-brand{padding:2px 4px 10px}
  .zf-nav{flex-direction:row;overflow-x:auto;border-top:none;padding-top:0;gap:6px}
  .zf-nav a{white-space:nowrap;padding:7px 12px}
  .zf-rail-note{display:none}
  .zf-main{padding:14px 12px 34px}
  .zf-slide{height:236px}
  .zf-slide-body h3{font-size:18px}
  .zf-tr{grid-template-columns:48px minmax(0,1fr) 84px 64px;padding:8px 10px;gap:9px}
  .zf-tr .zf-col-type{display:none}
  .zf-th{font-size:11.5px}
  .zf-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:11px}
  .zf-rank-row{grid-template-columns:34px minmax(0,1fr) 74px 62px;gap:8px;padding:8px 10px}
  .zf-foot-cols{grid-template-columns:1fr}
}

html{filter:hue-rotate(5deg)}body{letter-spacing:0.02em;line-height:160%}
#fl58f610 a{margin:0 8px;color:inherit;text-decoration:none;opacity:.85}
/* Native data layout safeguards */
.new-main{min-width:0;margin-top:24px;margin-bottom:32px}.new-main *{min-width:0}.new-main img{max-width:100%}.new-detail{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;margin:24px 0}.new-detail img{width:100%;aspect-ratio:2/3;object-fit:cover}.new-tags{display:flex;gap:12px;flex-wrap:wrap}.new-body{line-height:1.9;overflow-wrap:anywhere}.new-body img{max-width:100%;height:auto}.new-page-title{margin:24px 0}table{max-width:100%} @media(max-width:600px){.new-detail{grid-template-columns:100px minmax(0,1fr)}.new-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-detail h1{font-size:24px}}
.new-page{display:block!important;width:min(1180px,calc(100% - 32px));margin:24px auto!important}.new-list-grid{max-width:100%;min-width:0}.new-main svg{max-width:32px;max-height:32px}.new-main a{overflow-wrap:anywhere}.new-main img[data-cover-title]{background:transparent}.new-main [class*="poster"],.new-main [class*="thumb"]{background-color:transparent!important}.new-main table{display:block;overflow-x:auto}.new-main .fn-content:empty{display:none}.new-main .fn-content{grid-column:1/-1}.new-menu{position:relative}.new-menu summary{cursor:pointer;list-style:none;font-size:22px}.new-menu-panel{position:absolute;right:0;top:100%;width:180px;max-width:85vw;z-index:100;background:var(--paper,#fff);color:var(--ink,#222);border:1px solid #8885;padding:12px;display:flex;flex-direction:column;gap:12px}
@media(max-width:900px){.zf-main{width:100%;max-width:100%}}
@media(max-width:600px){header{height:auto!important;max-width:100%;flex-wrap:wrap}header>div{min-width:0;max-width:100%;height:auto!important;flex-wrap:wrap}header nav{max-width:100%;flex-wrap:wrap}header a{max-width:100%}}
.new-root{display:block!important;width:auto;max-width:none}.new-carousel-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;z-index:5}.new-carousel-controls button{border:1px solid #ffffff88;border-radius:20px;padding:4px 10px;background:#2229;color:white;cursor:pointer}.new-carousel-controls button[aria-pressed="true"]{background:#fff;color:#222}[data-new-slide][hidden]{display:none!important}
.new-main h1 a,.new-main h2 a,.new-main h3 a,header h1 a{color:inherit;text-decoration:none}[class*="hero"] p,[class*="mast"] p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}