:root{
      --ink:#11130f;
      --forest:#123d2d;
      --forest-deep:#08291e;
      --leaf:#216143;
      --film:#f2c84b;
      --film-light:#ffe697;
      --paper:#f4f1e6;
      --muted:#72766f;
      --white:#fffdf6;
      --line:#171914;
      --shadow:7px 7px 0 #171914;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background-color:var(--paper);
      background-image:
        linear-gradient(rgba(18,61,45,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(18,61,45,.07) 1px,transparent 1px),
        radial-gradient(rgba(17,19,15,.13) .7px,transparent .7px);
      background-size:34px 34px,34px 34px,9px 9px;
      font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;
      line-height:1.5;
    }
    img{display:block;width:100%;object-fit:cover}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    svg{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em}
    .topline{
      background:var(--film);
      border-bottom:3px solid var(--line);
      overflow:hidden;
      white-space:nowrap;
    }
    .topline-track{
      display:inline-flex;
      min-width:100%;
      gap:38px;
      padding:9px 20px;
      animation:ticker 30s linear infinite;
      font-size:13px;
      font-weight:800;
    }
    .topline-track span{display:inline-flex;align-items:center;gap:7px}
    @keyframes ticker{to{transform:translateX(-40%)}}
    .masthead{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(244,241,230,.96);
      border-bottom:3px solid var(--line);
      backdrop-filter:blur(12px);
    }
    .masthead-inner{
      max-width:1500px;
      margin:auto;
      padding:15px 18px;
      display:flex;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }
    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      flex:none;
      font-size:21px;
      font-weight:950;
    }
    .brand-mark{
      width:39px;
      height:39px;
      display:grid;
      place-items:center;
      color:var(--film);
      background:var(--forest);
      border:2px solid var(--line);
      border-radius:50%;
    }
    .brand small{
      display:block;
      color:var(--muted);
      font-size:10px;
      font-weight:700;
    }
    .topnav{
      display:flex;
      gap:8px;
      overflow-x:auto;
      scrollbar-width:none;
      order:3;
      width:100%;
      padding-bottom:2px;
    }
    .topnav::-webkit-scrollbar,.scroll-row::-webkit-scrollbar{display:none}
    .topnav a{
      flex:none;
      padding:8px 17px;
      border:2px solid var(--line);
      border-radius:999px;
      background:var(--white);
      font-size:14px;
      font-weight:800;
    }
    .topnav a.active,.topnav a:hover{background:var(--forest);color:white}
    .head-actions{margin-left:auto;display:flex;gap:8px}
    .icon-btn,.app-btn{
      height:40px;
      border:2px solid var(--line);
      border-radius:999px;
      background:var(--white);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      font-weight:850;
      cursor:pointer;
    }
    .icon-btn{width:40px;padding:0}
    .app-btn{padding:0 16px;background:var(--film)}
    .page-shell{max-width:1500px;margin:auto;padding:24px 18px 70px}
    .side-menu{display:none}
    .main-flow{min-width:0}
    .hero{
      position:relative;
      min-height:510px;
      overflow:hidden;
      color:white;
      border:4px solid var(--line);
      background:var(--forest-deep);
      box-shadow:var(--shadow);
    }
    .hero-slide{
      position:absolute;
      inset:0;
      opacity:0;
      visibility:hidden;
      transition:opacity .55s ease;
    }
    .hero-slide.active{opacity:1;visibility:visible}
    .hero-slide img{height:100%;position:absolute;inset:0}
    .hero-slide:after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(5,25,18,.97) 0%,rgba(5,25,18,.72) 42%,rgba(5,25,18,.12) 78%),linear-gradient(0deg,rgba(5,25,18,.55),transparent 55%);
    }
    .hero-copy{
      position:relative;
      z-index:2;
      max-width:680px;
      min-height:506px;
      padding:58px 28px 74px;
      display:flex;
      flex-direction:column;
      justify-content:flex-end;
    }
    .kicker{
      width:max-content;
      max-width:100%;
      padding:7px 13px;
      border:2px solid var(--film);
      border-radius:999px;
      color:var(--film-light);
      font-size:12px;
      font-weight:900;
    }
    .hero h1{
      margin:17px 0 8px;
      font-size:clamp(38px,8vw,78px);
      line-height:.98;
      letter-spacing:0;
    }
    .hero-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-weight:800}
    .score{display:inline-flex;align-items:center;gap:5px;color:var(--film)}
    .hero p{max-width:570px;margin:15px 0 24px;color:#e2e6df;font-size:15px}
    .watch-btn{
      width:max-content;
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:13px 22px;
      border:2px solid var(--film);
      border-radius:999px;
      color:var(--ink);
      background:var(--film);
      font-weight:950;
    }
    .hero-controls{
      position:absolute;
      z-index:4;
      right:18px;
      bottom:18px;
      display:flex;
      gap:8px;
    }
    .hero-dot{
      width:38px;
      height:12px;
      padding:0;
      border:2px solid var(--white);
      border-radius:999px;
      background:transparent;
      cursor:pointer;
    }
    .hero-dot.active{background:var(--film);border-color:var(--film)}
    .block{margin-top:58px}
    .section-head{
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:16px;
      margin-bottom:22px;
    }
    .section-head h2{
      margin:0;
      font-size:clamp(27px,5vw,44px);
      line-height:1;
      letter-spacing:0;
    }
    .section-head p{margin:7px 0 0;color:var(--muted);font-size:13px}
    .more{
      flex:none;
      display:inline-flex;
      align-items:center;
      gap:5px;
      font-size:13px;
      font-weight:900;
      border-bottom:2px solid var(--line);
    }
    .poster-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:25px 15px;
    }
    .poster-card{min-width:0}
    .poster-art{
      position:relative;
      aspect-ratio:2/3;
      overflow:hidden;
      border:3px solid var(--line);
      background:#d4d0c4;
    }
    .poster-art img{height:100%;transition:transform .35s ease}
    .poster-state{
      position:absolute;
      top:9px;
      left:9px;
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:5px 8px;
      background:var(--film);
      border:2px solid var(--line);
      font-size:11px;
      font-weight:950;
    }
    .play-layer{
      position:absolute;
      inset:0;
      display:grid;
      place-items:center;
      background:rgba(5,36,25,.3);
      opacity:0;
      transition:opacity .25s ease;
    }
    .play-circle{
      width:62px;
      height:62px;
      display:grid;
      place-items:center;
      color:var(--ink);
      background:rgba(242,200,75,.92);
      border:3px solid var(--line);
      border-radius:50%;
      transform:scale(.8);
      transition:transform .25s ease;
    }
    .poster-card:hover .play-layer{opacity:1}
    .poster-card:hover .play-circle{transform:scale(1)}
    .poster-card:hover img{transform:scale(1.045)}
    .poster-info{padding-top:11px}
    .poster-title{
      display:flex;
      justify-content:space-between;
      gap:8px;
      align-items:start;
    }
    .poster-title h3{margin:0;font-size:16px;line-height:1.3}
    .poster-title strong{color:var(--leaf)}
    .poster-info p{margin:5px 0 0;color:var(--muted);font-size:12px}
    .scroll-row{
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:minmax(248px,78vw);
      gap:18px;
      overflow-x:auto;
      padding:3px 8px 14px 3px;
      scroll-snap-type:x mandatory;
    }
    .wide-card{
      position:relative;
      min-height:190px;
      overflow:hidden;
      border:3px solid var(--line);
      scroll-snap-align:start;
      color:white;
      background:var(--forest);
    }
    .wide-card img{position:absolute;inset:0;height:100%}
    .wide-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,25,17,.95),rgba(4,25,17,.03) 75%)}
    .wide-card .caption{position:absolute;z-index:2;left:16px;right:16px;bottom:14px}
    .wide-card h3{margin:0 0 4px;font-size:19px}
    .wide-card p{margin:0;color:#dedfd8;font-size:12px}
    .tabs{display:flex;gap:9px;overflow-x:auto;margin-bottom:20px;scrollbar-width:none}
    .tab-btn{
      flex:none;
      padding:9px 19px;
      border:2px solid var(--line);
      border-radius:999px;
      background:var(--white);
      font-weight:900;
      cursor:pointer;
    }
    .tab-btn.active{background:var(--forest);color:white}
    .channel-grid{display:grid;gap:16px}
    .channel-item{
      display:grid;
      grid-template-columns:120px 1fr;
      min-height:150px;
      border:3px solid var(--line);
      background:var(--white);
    }
    .channel-item img{height:100%;min-height:145px}
    .channel-copy{padding:15px;min-width:0}
    .channel-copy h3{margin:0 0 5px;font-size:19px}
    .channel-copy p{margin:0;color:var(--muted);font-size:12px}
    .channel-copy .line{margin-top:13px;color:var(--forest);font-weight:900}
    .rank-panel{
      border:4px solid var(--line);
      background:var(--forest-deep);
      color:white;
      box-shadow:var(--shadow);
    }
    .rank-panel h2{margin:0;padding:23px;border-bottom:3px solid var(--film);font-size:32px}
    .rank-list{list-style:none;margin:0;padding:8px 23px 18px}
    .rank-list li{
      display:grid;
      grid-template-columns:42px minmax(0,1fr) auto;
      align-items:center;
      gap:8px;
      min-height:51px;
      border-bottom:1px solid rgba(255,255,255,.18);
    }
    .rank-list b{font-size:21px;color:var(--film)}
    .rank-list a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:850}
    .rank-list span{color:#afb8b1;font-size:12px}
    .editorial-grid{display:grid;gap:18px}
    .news-card{
      display:grid;
      grid-template-columns:125px 1fr;
      border:3px solid var(--line);
      background:var(--white);
    }
    .news-card img{height:100%;min-height:128px}
    .news-copy{padding:14px}
    .news-copy time{color:var(--leaf);font-size:11px;font-weight:900}
    .news-copy h3{margin:5px 0;font-size:17px;line-height:1.35}
    .news-copy p{display:none;margin:0;color:var(--muted);font-size:12px}
    .faq{border-top:4px solid var(--line)}
    details{border-bottom:3px solid var(--line);background:rgba(255,253,246,.82)}
    summary{
      position:relative;
      padding:20px 48px 20px 15px;
      cursor:pointer;
      font-weight:900;
      list-style:none;
    }
    summary::-webkit-details-marker{display:none}
    summary:after{
      content:"+";
      position:absolute;
      right:16px;
      top:13px;
      font-size:28px;
      color:var(--leaf);
    }
    details[open] summary:after{content:"-"}
    details p{margin:0;padding:0 15px 20px;color:var(--muted);font-size:14px}
    footer{color:#d8ded8;background:var(--forest-deep);border-top:5px solid var(--film)}
    .footer-inner{max-width:1500px;margin:auto;padding:42px 18px 24px}
    .footer-grid{display:grid;gap:28px}
    .footer-brand{font-size:24px;font-weight:950;color:white}
    .footer-grid h3{margin:0 0 10px;color:var(--film);font-size:14px}
    .footer-grid p,.footer-grid a{margin:5px 0;color:#b8c2ba;font-size:12px}
    .footer-links{display:flex;flex-wrap:wrap;gap:8px 16px}
    .copyright{margin-top:30px;padding-top:18px;border-top:1px solid #476052;font-size:11px;color:#91a096}
    @media(min-width:600px){
      .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}
      .scroll-row{grid-auto-columns:330px}
      .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .news-copy p{display:block}
      .news-card{grid-template-columns:170px 1fr}
      .footer-grid{grid-template-columns:2fr 1fr 1fr}
    }
    @media(min-width:900px){
      .masthead-inner{flex-wrap:nowrap}
      .topnav{order:initial;width:auto;margin-left:18px}
      .page-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px}
      .side-menu{display:block;position:sticky;top:98px;height:max-content}
      .side-menu h2{margin:0 0 14px;font-size:12px;color:var(--muted)}
      .side-menu a{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:9px;
        margin-bottom:11px;
        padding:12px 14px;
        border:2px solid var(--line);
        border-radius:999px;
        background:var(--white);
        font-size:13px;
        font-weight:900;
      }
      .side-menu a:first-of-type,.side-menu a:hover{background:var(--film)}
      .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
      .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media(min-width:1250px){
      .poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
      .hero-copy{padding-left:52px}
    }
    @media(prefers-reduced-motion:reduce){
      *{scroll-behavior:auto!important}
      .topline-track{animation:none}
    }
  
html{filter:hue-rotate(6deg)}body{letter-spacing:0em;line-height:159%}
#fla1b72c 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: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}