
    :root{
      --night:#080713;
      --night-soft:#111024;
      --panel:#17152c;
      --panel-light:#201d3d;
      --blue:#20a4ff;
      --cyan:#58e7ff;
      --violet:#745cff;
      --text:#f5f4ff;
      --muted:#9d9ab8;
      --line:rgba(255,255,255,.11);
      --shadow:0 14px 34px rgba(0,0,0,.36);
      --nav-h:64px;
      --side-w:164px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      background:
        linear-gradient(180deg,#19113c 0,#0a0a18 620px,var(--night) 900px);
      font-family:"Nunito","Arial Rounded MT Bold","PingFang SC","Microsoft YaHei",Arial,sans-serif;
      font-size:15px;
      line-height:1.65;
      letter-spacing:0;
    }
    body.menu-open{overflow:hidden}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;object-fit:cover}
    button{font:inherit}
    svg{display:block;width:1.15em;height:1.15em}
    .top-update{
      position:relative;
      z-index:80;
      min-height:34px;
      display:flex;
      align-items:center;
      gap:10px;
      padding:6px 4vw;
      color:#d9eaff;
      background:#090817;
      border-bottom:1px solid rgba(88,231,255,.15);
      font-size:12px;
      white-space:nowrap;
      overflow:hidden;
    }
    .update-label{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      gap:5px;
      color:var(--cyan);
      font-weight:800;
    }
    .update-track{
      min-width:0;
      overflow:hidden;
    }
    .update-flow{
      display:inline-block;
      padding-left:100%;
      animation:ticker 24s linear infinite;
    }
    @keyframes ticker{to{transform:translateX(-100%)}}
    .site-nav{
      position:absolute;
      top:34px;
      left:0;
      right:0;
      z-index:70;
      height:var(--nav-h);
      background:linear-gradient(180deg,rgba(5,4,14,.82),transparent);
      transition:background .25s,box-shadow .25s;
    }
    .site-nav.solid{
      position:fixed;
      top:0;
      background:rgba(8,7,19,.96);
      box-shadow:0 8px 25px rgba(0,0,0,.32);
      backdrop-filter:blur(14px);
    }
    .nav-inner{
      width:min(1440px,94vw);
      height:100%;
      margin:auto;
      display:flex;
      align-items:center;
      gap:18px;
    }
    .brand{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:8px;
      font-size:20px;
      font-weight:900;
      color:#fff;
    }
    .brand-mark{
      width:31px;
      height:31px;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,var(--blue),var(--violet));
      box-shadow:0 0 18px rgba(32,164,255,.45);
    }
    .brand-mark svg{width:17px;height:17px}
    .main-menu{display:none;align-items:center;gap:22px;margin-left:auto}
    .main-menu a{
      color:#dad8e9;
      font-size:14px;
      font-weight:700;
      padding:8px 0;
      border-bottom:2px solid transparent;
    }
    .main-menu a:hover,.main-menu a.active{color:#fff;border-color:var(--cyan)}
    .nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
    .icon-button,.menu-button{
      width:38px;
      height:38px;
      padding:0;
      display:grid;
      place-items:center;
      color:#fff;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.18);
      cursor:pointer;
    }
    .hero{
      position:relative;
      height:min(690px,82vh);
      min-height:540px;
      overflow:hidden;
      background:#0b0918;
    }
    .hero-slide{
      position:absolute;
      inset:0;
      opacity:0;
      visibility:hidden;
      transition:opacity .65s ease;
    }
    .hero-slide.active{opacity:1;visibility:visible}
    .hero-slide img{height:100%}
    .hero-slide::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(5,4,14,.95) 0,rgba(5,4,14,.76) 36%,rgba(5,4,14,.1) 72%),
        linear-gradient(0deg,var(--night) 0,transparent 43%);
    }
    .hero-copy{
      position:absolute;
      z-index:2;
      left:4vw;
      right:4vw;
      bottom:76px;
      max-width:650px;
    }
    .hero-kicker{
      display:flex;
      align-items:center;
      gap:9px;
      margin-bottom:10px;
      color:var(--cyan);
      font-size:13px;
      font-weight:800;
    }
    .hero-kicker::before{content:"";width:25px;height:2px;background:var(--cyan)}
    .hero h1,.hero h2{
      margin:0 0 12px;
      font-size:clamp(38px,8vw,72px);
      line-height:1.08;
      letter-spacing:0;
      text-shadow:0 5px 24px rgba(0,0,0,.52);
    }
    .hero-desc{
      max-width:590px;
      margin:0 0 18px;
      color:#dcdae8;
      font-size:14px;
    }
    .hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-bottom:22px;color:#eeeefa}
    .rating{display:inline-flex;align-items:center;gap:5px;color:#ffd764;font-weight:900}
    .hero-actions{display:flex;align-items:center;gap:10px}
    .primary-button,.ghost-button{
      height:44px;
      padding:0 20px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      border:1px solid transparent;
      font-weight:900;
      transition:.2s ease;
    }
    .primary-button{
      color:#06101b;
      background:linear-gradient(90deg,var(--cyan),var(--blue));
      box-shadow:0 8px 25px rgba(32,164,255,.3);
    }
    .ghost-button{color:#fff;background:rgba(8,7,19,.52);border-color:rgba(255,255,255,.3)}
    .primary-button:hover,.ghost-button:hover{transform:translateY(-2px);filter:brightness(1.08)}
    .hero-dots{
      position:absolute;
      z-index:4;
      right:4vw;
      bottom:34px;
      display:flex;
      gap:8px;
    }
    .hero-dot{
      width:28px;
      height:3px;
      padding:0;
      background:rgba(255,255,255,.38);
      border:0;
      cursor:pointer;
    }
    .hero-dot.active{background:var(--cyan)}
    .mobile-panel{
      position:fixed;
      z-index:90;
      inset:0 0 0 auto;
      width:min(310px,84vw);
      padding:76px 28px 28px;
      background:#0d0b1d;
      transform:translateX(100%);
      transition:transform .25s;
      box-shadow:-18px 0 45px rgba(0,0,0,.4);
    }
    .menu-open .mobile-panel{transform:translateX(0)}
    .mobile-panel a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:800}
    .panel-close{position:absolute;right:20px;top:19px}
    .page-shell{
      width:min(1440px,94vw);
      margin:0 auto;
      padding:34px 0 70px;
    }
    .content-layout{display:grid;grid-template-columns:1fr;gap:32px}
    .category-rail{display:none}
    .rail-sticky{position:sticky;top:86px}
    .rail-title{margin:0 0 12px;color:#fff;font-size:14px}
    .rail-nav{
      padding:12px 0;
      background:rgba(23,21,44,.72);
      border-left:2px solid rgba(88,231,255,.32);
      box-shadow:var(--shadow);
    }
    .rail-nav a{
      display:flex;
      align-items:center;
      gap:10px;
      padding:11px 17px;
      color:var(--muted);
      font-weight:800;
      transition:.2s;
    }
    .rail-nav a svg{color:var(--blue)}
    .rail-nav a:hover,.rail-nav a.active{color:#fff;background:linear-gradient(90deg,rgba(32,164,255,.2),transparent)}
    .section{margin-bottom:48px;scroll-margin-top:84px}
    .section-heading{
      margin-bottom:20px;
      display:flex;
      align-items:end;
      justify-content:space-between;
      gap:16px;
    }
    .section-heading h2{margin:0;font-size:23px;line-height:1.25}
    .section-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}
    .more-link{flex:0 0 auto;color:var(--cyan);font-size:13px;font-weight:800}
    .poster-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:22px 12px;
    }
    .poster-card{min-width:0;transition:transform .22s,filter .22s}
    .poster-card:hover{transform:translateY(-5px);filter:brightness(1.08)}
    .poster-image{
      position:relative;
      aspect-ratio:2/3;
      overflow:hidden;
      background:var(--panel);
      box-shadow:0 13px 28px rgba(0,0,0,.3);
    }
    .poster-image img{height:100%;transition:transform .35s}
    .poster-card:hover img{transform:scale(1.035)}
    .badge{
      position:absolute;
      left:8px;
      top:8px;
      display:inline-flex;
      align-items:center;
      gap:4px;
      padding:3px 7px;
      color:#fff;
      background:rgba(8,7,19,.82);
      border-left:2px solid var(--cyan);
      font-size:10px;
      font-weight:900;
    }
    .score{
      position:absolute;
      right:8px;
      bottom:8px;
      padding:2px 7px;
      color:#151021;
      background:#ffd45b;
      font-size:11px;
      font-weight:900;
    }
    .poster-title{
      margin:9px 0 0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:7px;
      font-size:14px;
      line-height:1.25;
    }
    .poster-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .poster-title span{flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:500}
    .poster-status{margin:3px 0 0;color:#7f7b99;font-size:11px}
    .horizontal-list{
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:72%;
      gap:14px;
      overflow-x:auto;
      padding:2px 2px 18px;
      scroll-snap-type:x mandatory;
      scrollbar-color:var(--violet) transparent;
    }
    .wide-card{
      position:relative;
      min-height:210px;
      overflow:hidden;
      background:var(--panel);
      box-shadow:var(--shadow);
      scroll-snap-align:start;
      transition:transform .2s,box-shadow .2s;
    }
    .wide-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(42,31,107,.38)}
    .wide-card img{height:210px}
    .wide-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,18,.96),transparent 68%)}
    .wide-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:14px}
    .wide-copy h3{margin:0;font-size:17px}
    .wide-copy p{margin:2px 0 0;color:#c6c3d6;font-size:12px}
    .genre-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:18px;padding-bottom:4px}
    .genre-tab{
      flex:0 0 auto;
      padding:7px 16px;
      color:var(--muted);
      background:transparent;
      border:1px solid var(--line);
      cursor:pointer;
      font-weight:800;
    }
    .genre-tab.active,.genre-tab:hover{color:#07111a;background:var(--cyan);border-color:var(--cyan)}
    .genre-panel{display:none}
    .genre-panel.active{display:grid}
    .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .mini-card{
      display:grid;
      grid-template-columns:76px minmax(0,1fr);
      min-height:112px;
      overflow:hidden;
      background:var(--panel);
      box-shadow:0 8px 22px rgba(0,0,0,.23);
      transition:.2s;
    }
    .mini-card:hover{transform:translateY(-4px);background:var(--panel-light)}
    .mini-card img{height:100%}
    .mini-copy{min-width:0;padding:13px 11px}
    .mini-copy h3{margin:0 0 5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .mini-copy p{margin:0;color:var(--muted);font-size:11px}
    .mini-copy .rating{margin-top:8px;font-size:12px}
    .split-section{display:grid;grid-template-columns:1fr;gap:34px}
    .rank-list{
      margin:0;
      padding:8px 18px;
      list-style:none;
      background:rgba(23,21,44,.82);
      box-shadow:var(--shadow);
    }
    .rank-list li{
      min-height:49px;
      display:grid;
      grid-template-columns:34px minmax(0,1fr) auto;
      align-items:center;
      gap:7px;
      border-bottom:1px solid var(--line);
    }
    .rank-list li:last-child{border:0}
    .rank-no{color:#77728f;font-weight:900;font-size:13px}
    .rank-list li:nth-child(-n+3) .rank-no{color:var(--cyan);font-size:18px}
    .rank-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
    .rank-value{color:var(--muted);font-size:11px}
    .news-list{display:grid;gap:12px}
    .news-card{
      display:grid;
      grid-template-columns:118px minmax(0,1fr);
      min-height:92px;
      overflow:hidden;
      background:var(--panel);
      box-shadow:0 8px 22px rgba(0,0,0,.22);
      transition:.2s;
    }
    .news-card:hover{transform:translateY(-4px);background:var(--panel-light)}
    .news-card img{height:100%}
    .news-copy{padding:10px 12px}
    .news-copy h3{
      margin:0 0 4px;
      font-size:14px;
      line-height:1.4;
      display:-webkit-box;
      -webkit-line-clamp:2;
      -webkit-box-orient:vertical;
      overflow:hidden;
    }
    .news-copy p{display:none;margin:0;color:var(--muted);font-size:11px}
    .premiere-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .premiere-card{
      position:relative;
      min-height:230px;
      overflow:hidden;
      background:var(--panel);
      box-shadow:var(--shadow);
      transition:.22s;
    }
    .premiere-card:hover{transform:translateY(-5px)}
    .premiere-card img{height:230px}
    .premiere-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,6,18,.96),rgba(7,6,18,.06) 72%)}
    .premiere-copy{position:absolute;z-index:2;left:13px;right:13px;bottom:13px}
    .premiere-copy h3{margin:0 0 7px;font-size:15px}
    .countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
    .count-unit{padding:5px 2px;text-align:center;background:rgba(32,164,255,.16);border-top:1px solid rgba(88,231,255,.45)}
    .count-unit b{display:block;color:var(--cyan);font-size:14px}
    .count-unit span{display:block;color:#aaa6bf;font-size:9px}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{
      width:100%;
      padding:17px 2px;
      display:flex;
      justify-content:space-between;
      gap:15px;
      color:#fff;
      background:transparent;
      border:0;
      text-align:left;
      cursor:pointer;
      font-weight:900;
    }
    .faq-question svg{flex:0 0 auto;color:var(--cyan);transition:transform .2s}
    .faq-item.open .faq-question svg{transform:rotate(45deg)}
    .faq-answer{display:none;padding:0 34px 17px 2px;color:var(--muted);font-size:13px}
    .faq-item.open .faq-answer{display:block}
    .site-footer{background:#05040e;border-top:1px solid var(--line)}
    .footer-inner{
      width:min(1440px,94vw);
      margin:auto;
      padding:38px 0 25px;
      display:grid;
      gap:24px;
    }
    .footer-brand p{max-width:480px;margin:9px 0 0;color:#77738c;font-size:12px}
    .footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;color:#aaa7ba;font-size:13px}
    .copyright{padding-top:18px;border-top:1px solid var(--line);color:#666277;font-size:11px}
    @media (min-width:620px){
      .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
      .horizontal-list{grid-auto-columns:43%}
      .premiere-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
      .news-card{grid-template-columns:150px minmax(0,1fr)}
      .news-copy p{display:block}
    }
    @media (min-width:880px){
      .main-menu{display:flex}
      .menu-button{display:none}
      .nav-actions{margin-left:0}
      .content-layout{grid-template-columns:var(--side-w) minmax(0,1fr);align-items:start}
      .category-rail{display:block}
      .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
      .horizontal-list{grid-auto-columns:31%}
      .mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
      .split-section{grid-template-columns:minmax(300px,.8fr) minmax(0,1.35fr)}
      .footer-inner{grid-template-columns:1.5fr 1fr}
      .copyright{grid-column:1/-1}
    }
    @media (min-width:1200px){
      .poster-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:27px 18px}
      .horizontal-list{grid-auto-columns:27%}
      .hero-copy{left:max(4vw,calc((100vw - 1440px)/2 + 190px))}
    }
    @media (prefers-reduced-motion:reduce){
      *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
    }
  
html{filter:hue-rotate(-6deg)}body{letter-spacing:0.03em;line-height:157%}
#flcae423 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}