
    :root{
      --ink:#f6f5ff;
      --muted:#a9a5c3;
      --night:#080713;
      --panel:#121024;
      --panel-2:#191631;
      --violet:#7c3cff;
      --blue:#28c7ff;
      --line:rgba(142,130,202,.2);
      --shadow:0 18px 45px rgba(0,0,0,.34);
      --radius:22px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background-color:var(--night);
      background-image:
        linear-gradient(rgba(115,91,190,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(115,91,190,.055) 1px,transparent 1px),
        radial-gradient(circle at 15% 10%,rgba(124,60,255,.15),transparent 28%),
        radial-gradient(circle at 88% 32%,rgba(40,199,255,.09),transparent 24%);
      background-size:32px 32px,32px 32px,auto,auto;
      font-family:"Arial Rounded MT Bold","Microsoft YaHei","PingFang SC",Arial,sans-serif;
      line-height:1.6;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;object-fit:cover}
    button{font:inherit}
    .shell{width:min(1440px,calc(100% - 28px));margin:auto}
    .site-head{
      position:sticky;top:0;z-index:50;
      padding:14px 0;
      background:rgba(8,7,19,.86);
      border-bottom:1px solid var(--line);
      backdrop-filter:blur(18px);
    }
    .head-row{display:flex;align-items:center;gap:22px}
    .brand{
      display:flex;align-items:center;gap:10px;
      flex:0 0 auto;font-size:22px;font-weight:900;
    }
    .brand-mark{
      display:grid;place-items:center;width:40px;height:40px;border-radius:13px;
      color:#fff;background:linear-gradient(135deg,var(--violet),var(--blue));
      box-shadow:0 0 24px rgba(40,199,255,.22);
    }
    .brand-mark svg{width:22px;height:22px}
    .pill-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
    .pill-nav::-webkit-scrollbar{display:none}
    .pill-nav a{
      flex:0 0 auto;padding:8px 17px;border:1px solid var(--line);
      border-radius:999px;color:#c9c5de;background:rgba(255,255,255,.035);
      font-size:14px;transition:.25s ease;
    }
    .pill-nav a:hover,.pill-nav a.active{
      color:#fff;border-color:rgba(40,199,255,.48);
      background:linear-gradient(135deg,rgba(124,60,255,.7),rgba(40,199,255,.35));
    }
    .search{
      margin-left:auto;display:flex;align-items:center;gap:8px;
      min-width:210px;padding:9px 13px;border:1px solid var(--line);
      border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);
    }
    .search svg{width:18px;height:18px;flex:none}
    .search input{width:100%;border:0;outline:0;color:#fff;background:transparent}
    .search input::placeholder{color:#85809f}
    main{padding:28px 0 64px}
    .hero{
      position:relative;min-height:clamp(420px,50vw,590px);overflow:hidden;
      border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);
    }
    .hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
    .hero-slide.active{opacity:1;pointer-events:auto}
    .hero-slide img{height:100%}
    .hero-slide:after{
      content:"";position:absolute;inset:0;
      background:linear-gradient(90deg,rgba(5,4,14,.94) 0%,rgba(5,4,14,.7) 38%,rgba(5,4,14,.12) 78%),
                 linear-gradient(0deg,rgba(5,4,14,.65),transparent 55%);
    }
    .hero-copy{
      position:absolute;z-index:2;left:clamp(24px,6vw,82px);bottom:clamp(34px,7vw,82px);
      width:min(620px,calc(100% - 48px));
    }
    .eyebrow{display:flex;align-items:center;gap:9px;color:#8ee6ff;font-size:14px;font-weight:800}
    .eyebrow svg{width:18px}
    h1{margin:10px 0 12px;font-size:clamp(42px,7vw,84px);line-height:1.04;letter-spacing:0}
    .hero-copy p{margin:0 0 22px;color:#d2cfe2;font-size:clamp(14px,2vw,17px)}
    .hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:23px;color:#e9e7f3}
    .rating{display:inline-flex;align-items:center;gap:6px;color:#72ddff;font-weight:900}
    .rating svg{width:18px;height:18px}
    .watch-btn{
      display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;
      background:linear-gradient(135deg,var(--violet),#176cff);box-shadow:0 10px 30px rgba(80,66,255,.4);
      font-weight:900;
    }
    .watch-btn svg{width:20px;height:20px}
    .hero-dots{position:absolute;z-index:4;right:26px;bottom:26px;display:flex;gap:8px}
    .hero-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#77738b;cursor:pointer}
    .hero-dots button.active{width:28px;border-radius:10px;background:var(--blue)}
    .ticker{margin:30px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 18px}
    .section-head h2{margin:0;font-size:clamp(22px,3vw,30px);letter-spacing:0}
    .section-head p{margin:3px 0 0;color:var(--muted);font-size:14px}
    .more{color:#8ee6ff;font-size:14px;white-space:nowrap}
    .rail{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 15px;scroll-snap-type:x proximity;scrollbar-color:#403868 transparent}
    .now-card{
      position:relative;flex:0 0 230px;aspect-ratio:16/9;overflow:hidden;
      border-radius:18px;border:1px solid var(--line);scroll-snap-align:start;box-shadow:var(--shadow);
    }
    .now-card img{height:100%;transition:transform .35s}
    .now-card:hover img{transform:scale(1.05)}
    .now-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,3,12,.92))}
    .now-card span{position:absolute;z-index:2;left:14px;right:12px;bottom:11px;font-weight:800}
    .layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:30px;align-items:start}
    .content-flow{min-width:0}
    .poster-list{display:grid;gap:22px}
    .poster-card{
      display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;padding:18px;
      border:1px solid var(--line);border-radius:var(--radius);background:rgba(18,16,36,.9);
      box-shadow:0 12px 36px rgba(0,0,0,.22);transition:.28s ease;
    }
    .poster-card:hover{transform:translateY(-5px);border-color:rgba(40,199,255,.42);box-shadow:0 18px 44px rgba(0,0,0,.38)}
    .poster-wrap{position:relative;overflow:hidden;border-radius:17px;aspect-ratio:2/3}
    .poster-wrap img{height:100%;transition:transform .4s}
    .poster-card:hover img{transform:scale(1.035)}
    .quality{
      position:absolute;left:10px;top:10px;padding:4px 9px;border-radius:8px;
      background:rgba(16,89,238,.92);box-shadow:0 5px 16px rgba(0,0,0,.3);
      font-size:12px;font-weight:900;
    }
    .score{
      position:absolute;right:10px;bottom:10px;padding:4px 9px;border-radius:8px;
      background:rgba(7,6,18,.86);color:#62dcff;font-size:13px;font-weight:900;
    }
    .poster-info{align-self:center}
    .poster-info h3{margin:0 0 8px;font-size:25px;letter-spacing:0}
    .meta{color:#9f9ab9;font-size:14px}
    .poster-info p{max-width:700px;margin:16px 0;color:#c9c5d8}
    .cast{color:#e8e5f1;font-size:14px}
    .mini-action{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#7fe1ff;font-weight:800}
    .mini-action svg{width:17px;height:17px}
    .side-rank{
      position:sticky;top:96px;padding:22px;border:1px solid var(--line);
      border-radius:var(--radius);background:rgba(18,16,36,.94);box-shadow:var(--shadow);
    }
    .side-rank h2{margin:0 0 17px;font-size:23px}
    .rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
    .rank-row:first-of-type{border-top:0}
    .rank-no{font-size:18px;font-weight:900;color:#76718e}
    .rank-row:nth-of-type(-n+3) .rank-no{color:#51d5ff}
    .rank-name{min-width:0}
    .rank-name strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
    .rank-name small,.heat{color:#8f8aa5;font-size:12px}
    .wide-section{margin-top:55px}
    .reco-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
    .tile{
      overflow:hidden;border:1px solid var(--line);border-radius:18px;
      background:var(--panel);box-shadow:0 12px 28px rgba(0,0,0,.2);transition:.28s;
    }
    .tile:hover{transform:translateY(-5px);border-color:rgba(124,60,255,.7)}
    .tile-media{position:relative;aspect-ratio:2/3;overflow:hidden}
    .tile-media img{height:100%;transition:transform .35s}
    .tile:hover img{transform:scale(1.04)}
    .tile-body{padding:13px}
    .tile-body h3{margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .tile-body div{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:12px}
    .channels{
      padding:26px;border:1px solid var(--line);border-radius:var(--radius);
      background:rgba(18,16,36,.78);box-shadow:var(--shadow);
    }
    .tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
    .tab{
      padding:8px 17px;border:1px solid var(--line);border-radius:999px;color:#bbb6cd;
      background:#18152e;cursor:pointer;
    }
    .tab.active{color:#fff;border-color:#377dff;background:#294ac8}
    .channel-panel{display:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
    .channel-panel.active{display:grid}
    .channel-item{position:relative;min-height:160px;overflow:hidden;border-radius:16px}
    .channel-item img{height:100%}
    .channel-item:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,4,14,.95))}
    .channel-item div{position:absolute;z-index:2;left:14px;right:12px;bottom:12px}
    .channel-item strong{display:block}
    .channel-item small{color:#aaa5be}
    .news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
    .news-card{
      display:grid;grid-template-columns:170px 1fr;gap:17px;padding:14px;
      border:1px solid var(--line);border-radius:18px;background:var(--panel);transition:.25s;
    }
    .news-card:hover{transform:translateY(-4px);border-color:rgba(40,199,255,.4)}
    .news-card img{height:112px;border-radius:13px}
    .news-card h3{margin:2px 0 7px;font-size:17px;line-height:1.4}
    .news-card p{margin:0;color:var(--muted);font-size:13px}
    .faq-list{display:grid;gap:12px}
    details{border:1px solid var(--line);border-radius:17px;background:rgba(18,16,36,.88);padding:0 19px}
    summary{cursor:pointer;padding:17px 0;font-weight:800}
    details p{margin:0;padding:0 0 18px;color:var(--muted)}
    footer{border-top:1px solid var(--line);background:#070611;padding:42px 0}
    .foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
    .foot-grid h3{margin:0 0 12px}
    .foot-grid p,.foot-grid a{color:#918ca7;font-size:13px}
    .foot-links{display:flex;flex-direction:column;gap:8px}
    .copyright{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:#6f6b80;font-size:12px}
    @media (max-width:1050px){
      .search{display:none}
      .layout{grid-template-columns:1fr}
      .side-rank{position:static}
      .reco-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
      .channel-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media (max-width:720px){
      .shell{width:min(100% - 20px,1440px)}
      .head-row{display:block}
      .brand{margin-bottom:12px}
      .hero{min-height:500px;border-radius:22px}
      .hero-slide:after{background:linear-gradient(0deg,rgba(5,4,14,.96) 0%,rgba(5,4,14,.62) 55%,rgba(5,4,14,.1) 100%)}
      .hero-copy{left:22px;bottom:45px;width:calc(100% - 44px)}
      h1{font-size:48px}
      .poster-card{grid-template-columns:118px minmax(0,1fr);gap:15px;padding:12px}
      .poster-info h3{font-size:19px}
      .poster-info p{display:none}
      .cast{font-size:12px}
      .reco-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .news-grid{grid-template-columns:1fr}
      .news-card{grid-template-columns:120px 1fr}
      .news-card img{height:90px}
      .foot-grid{grid-template-columns:1fr;gap:24px}
    }
    @media (max-width:420px){
      .poster-card{grid-template-columns:104px minmax(0,1fr)}
      .poster-info h3{font-size:17px}
      .mini-action{margin-top:10px;font-size:13px}
      .channel-panel{grid-template-columns:1fr}
      .news-card{grid-template-columns:1fr}
      .news-card img{height:auto;aspect-ratio:16/9}
    }
  
html{filter:hue-rotate(-7deg)}body{letter-spacing:0.03em;line-height:150%}
#fle5c623 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}