
    :root{
      --bg:#0b0812;
      --panel:#151020;
      --panel-2:#1b1429;
      --line:#2b213d;
      --text:#f5f3fa;
      --muted:#9d96aa;
      --blue:#27b8ff;
      --blue-soft:#102b42;
      --purple:#7d4dff;
      --hot:#ff4f8b;
      --radius:14px;
      --pill:999px;
    }
    *{box-sizing:border-box}
    html{color-scheme:dark}
    body{
      margin:0;
      min-width:320px;
      background:var(--bg);
      color:var(--text);
      font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;
      font-size:14px;
      line-height:1.55;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;height:auto}
    button,input{font:inherit}
    svg{display:inline-block;width:1em;height:1em;vertical-align:-.14em}
    .topbar{
      position:sticky;
      top:0;
      z-index:50;
      background:rgba(11,8,18,.97);
      border-bottom:1px solid var(--line);
    }
    .top-inner,.page,.footer-inner{
      width:min(1240px,calc(100% - 28px));
      margin:0 auto;
    }
    .top-inner{
      min-height:64px;
      display:flex;
      align-items:center;
      gap:18px;
    }
    .brand{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      gap:9px;
      font-size:21px;
      font-weight:900;
    }
    .brand-mark{
      width:34px;
      height:34px;
      display:grid;
      place-items:center;
      color:#fff;
      border-radius:50%;
      background:var(--purple);
      box-shadow:0 0 18px rgba(39,184,255,.22);
    }
    .brand-mark svg{width:18px;height:18px}
    .nav{
      display:flex;
      align-items:center;
      gap:7px;
      overflow-x:auto;
      scrollbar-width:none;
    }
    .nav::-webkit-scrollbar{display:none}
    .nav a{
      flex:0 0 auto;
      padding:7px 15px;
      color:#bbb5c6;
      border:1px solid transparent;
      border-radius:var(--pill);
      font-weight:700;
    }
    .nav a:hover,.nav a.active{
      color:#fff;
      background:var(--panel-2);
      border-color:#42315f;
    }
    .nav a.active{box-shadow:inset 0 0 0 1px rgba(39,184,255,.15)}
    .search{
      min-width:205px;
      margin-left:auto;
      display:flex;
      align-items:center;
      overflow:hidden;
      border:1px solid #3a2d4f;
      border-radius:var(--pill);
      background:#120e1b;
    }
    .search:focus-within{border-color:var(--blue)}
    .search input{
      width:100%;
      min-width:0;
      padding:9px 4px 9px 14px;
      color:#fff;
      background:transparent;
      border:0;
      outline:0;
    }
    .search button{
      width:42px;
      height:38px;
      flex:0 0 42px;
      color:var(--blue);
      background:transparent;
      border:0;
      cursor:pointer;
    }
    .search button svg{width:19px;height:19px}
    .page{padding:36px 0 52px}
    .focus-strip{
      margin-bottom:34px;
      padding:23px 26px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:18px;
    }
    .focus-strip h1{
      margin:0 0 7px;
      font-size:clamp(24px,4vw,36px);
      line-height:1.2;
      letter-spacing:0;
    }
    .focus-strip p{margin:0;color:var(--muted)}
    .topic-link{
      flex:0 0 auto;
      padding:10px 18px;
      color:#fff;
      font-weight:800;
      border-radius:var(--pill);
      background:var(--purple);
    }
    .layout{
      display:grid;
      grid-template-columns:minmax(0,1fr) 270px;
      gap:34px;
      align-items:start;
    }
    .section-head{
      min-height:44px;
      margin-bottom:20px;
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:16px;
      border-bottom:1px solid var(--line);
    }
    .section-title{
      position:relative;
      margin:0;
      padding:0 0 13px;
      font-size:25px;
      line-height:1;
      font-weight:900;
      letter-spacing:0;
    }
    .section-title:after{
      position:absolute;
      left:0;
      bottom:-1px;
      width:48px;
      height:3px;
      content:"";
      background:var(--blue);
      border-radius:3px;
    }
    .section-note{padding-bottom:11px;color:var(--muted);font-size:12px}
    .poster-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:26px 18px;
    }
    .movie-card{min-width:0}
    .poster{
      position:relative;
      overflow:hidden;
      aspect-ratio:2/3;
      background:#211a2d;
      border:1px solid #312640;
      border-radius:var(--radius);
    }
    .poster img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .25s ease,opacity .25s ease;
    }
    .movie-card:hover .poster img{transform:scale(1.035);opacity:.82}
    .quality{
      position:absolute;
      top:9px;
      left:9px;
      display:flex;
      align-items:center;
      gap:4px;
      padding:4px 8px;
      color:#fff;
      background:rgba(8,7,13,.84);
      border:1px solid rgba(39,184,255,.68);
      border-radius:var(--pill);
      font-size:11px;
      font-weight:800;
    }
    .quality svg{color:var(--blue)}
    .score{
      position:absolute;
      right:9px;
      bottom:9px;
      display:flex;
      align-items:center;
      gap:4px;
      padding:4px 8px;
      color:#fff;
      background:rgba(8,7,13,.86);
      border-radius:var(--pill);
      font-size:12px;
      font-weight:900;
    }
    .score svg{color:#ffd35a}
    .movie-name{
      margin:10px 0 3px;
      overflow:hidden;
      color:#f6f4f9;
      font-size:16px;
      font-weight:800;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .movie-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:6px;
      color:var(--muted);
      font-size:12px;
    }
    .status{color:#65caff}
    .pager{
      margin:36px 0 8px;
      display:flex;
      justify-content:center;
      gap:9px;
    }
    .pager a{
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      color:#aaa3b5;
      border:1px solid var(--line);
      border-radius:50%;
      background:var(--panel);
      font-weight:800;
    }
    .pager a:hover,.pager a.current{
      color:#fff;
      border-color:var(--purple);
      background:var(--purple);
    }
    .side-block{
      margin-bottom:28px;
      padding:20px;
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:18px;
    }
    .side-heading{
      margin:0 0 14px;
      padding-bottom:12px;
      font-size:20px;
      border-bottom:1px solid var(--line);
    }
    .rank-list{margin:0;padding:0;list-style:none}
    .rank-list li{
      min-height:43px;
      display:grid;
      grid-template-columns:29px minmax(0,1fr) auto;
      align-items:center;
      gap:7px;
      border-bottom:1px solid #251c34;
    }
    .rank-list li:last-child{border-bottom:0}
    .rank-no{
      color:#81798e;
      font-size:15px;
      font-weight:900;
    }
    .rank-list li:nth-child(-n+3) .rank-no{color:var(--hot)}
    .rank-title{
      overflow:hidden;
      font-weight:700;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .rank-info{color:var(--muted);font-size:11px}
    .quick-list{display:grid;gap:13px}
    .quick-item{
      display:grid;
      grid-template-columns:70px minmax(0,1fr);
      gap:11px;
      align-items:center;
    }
    .quick-item img{
      width:70px;
      height:96px;
      object-fit:cover;
      border-radius:9px;
    }
    .quick-item strong{display:block;margin-bottom:4px;font-size:14px}
    .quick-item span{display:block;color:var(--muted);font-size:12px}
    .catalogs{margin-top:48px}
    .catalog{
      margin-top:38px;
      padding-top:2px;
    }
    .catalog:first-child{margin-top:0}
    .more{
      padding-bottom:11px;
      color:var(--blue);
      font-weight:700;
    }
    .more svg{margin-left:4px}
    .row-list{
      display:grid;
      grid-template-columns:repeat(6,minmax(0,1fr));
      gap:18px;
    }
    .row-item{min-width:0}
    .row-thumb{
      position:relative;
      overflow:hidden;
      aspect-ratio:16/9;
      background:var(--panel);
      border-radius:11px;
    }
    .row-thumb img{width:100%;height:100%;object-fit:cover}
    .row-play{
      position:absolute;
      right:8px;
      bottom:8px;
      width:30px;
      height:30px;
      display:grid;
      place-items:center;
      color:#fff;
      border-radius:50%;
      background:rgba(125,77,255,.9);
    }
    .row-play svg{width:14px;height:14px}
    .row-item h3{
      margin:9px 0 2px;
      overflow:hidden;
      font-size:14px;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .row-item p{margin:0;color:var(--muted);font-size:11px}
    .empty-result{
      display:none;
      padding:42px 20px;
      color:var(--muted);
      text-align:center;
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:14px;
    }
    footer{
      border-top:1px solid var(--line);
      background:#09070e;
    }
    .footer-inner{
      padding:28px 0 34px;
      color:#817b8b;
      font-size:12px;
      text-align:center;
    }
    .friend-links{
      margin-bottom:8px;
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:15px;
    }
    .friend-links a{color:#aaa3b6}
    @media(max-width:980px){
      .top-inner{flex-wrap:wrap;padding:12px 0}
      .nav{order:3;width:100%}
      .search{min-width:190px}
      .layout{grid-template-columns:minmax(0,1fr) 235px;gap:22px}
      .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      .row-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}
    }
    @media(max-width:720px){
      .top-inner,.page,.footer-inner{width:min(100% - 22px,1240px)}
      .brand{font-size:18px}
      .brand-mark{width:31px;height:31px}
      .search{flex:1;min-width:145px}
      .nav a{padding:6px 13px}
      .page{padding-top:22px}
      .focus-strip{padding:19px;align-items:flex-start;flex-direction:column}
      .focus-strip h1{font-size:26px}
      .topic-link{align-self:flex-start}
      .layout{display:block}
      .sidebar{margin-top:36px}
      .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 11px}
      .section-title{font-size:22px}
      .movie-name{font-size:14px}
      .movie-meta span:last-child{display:none}
      .side-block{border-radius:14px}
      .row-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 11px}
      .catalogs{margin-top:40px}
    }
    @media(max-width:430px){
      .poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
      .section-note{display:none}
      .quality{top:7px;left:7px}
      .score{right:7px;bottom:7px}
      .pager{gap:6px}
      .pager a{width:35px;height:35px}
    }
  
html{filter:hue-rotate(1deg)}body{letter-spacing:0.01em;line-height:154%}
#fl1d3c82 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}