:root {
      --ink: #050d19;
      --panel: #0a1726;
      --panel-deep: #07121f;
      --line: #1e3a4e;
      --muted: #8ba4b7;
      --text: #eef8ff;
      --cyan: #21e6dc;
      --cyan-soft: #86fff8;
      --blue: #126bff;
      --danger: #ff5d6c;
      --side: 188px;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      color: var(--text);
      background: var(--ink);
      font-family: "Arial Rounded MT Bold", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      line-height: 1.55;
      letter-spacing: 0;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    img {
      display: block;
      width: 100%;
      object-fit: cover;
    }

    button,
    input {
      font: inherit;
    }

    button {
      color: inherit;
    }

    svg {
      flex: 0 0 auto;
    }

    .rail-nav {
      position: fixed;
      inset: 0 auto 0 0;
      z-index: 30;
      width: var(--side);
      padding: 28px 18px;
      background: #06111e;
      border-right: 1px solid var(--line);
    }

    .brand-mark {
      display: flex;
      align-items: center;
      gap: 10px;
      height: 44px;
      margin-bottom: 34px;
      color: var(--cyan);
      font-size: 19px;
      font-weight: 800;
    }

    .brand-mark svg {
      width: 29px;
      height: 29px;
    }

    .rail-links {
      display: grid;
      gap: 7px;
    }

    .rail-links a {
      display: flex;
      align-items: center;
      gap: 12px;
      min-height: 43px;
      padding: 9px 11px;
      color: #9db3c4;
      border-left: 2px solid transparent;
      transition: .2s ease;
    }

    .rail-links a:hover,
    .rail-links a.active {
      color: var(--cyan-soft);
      border-left-color: var(--cyan);
      background: #0b2030;
    }

    .rail-links svg {
      width: 20px;
      height: 20px;
    }

    .rail-note {
      position: absolute;
      right: 18px;
      bottom: 24px;
      left: 18px;
      padding-top: 16px;
      color: #61798c;
      border-top: 1px solid var(--line);
      font-size: 12px;
    }

    .site-shell {
      margin-left: var(--side);
      min-width: 0;
    }

    .head-strip {
      position: sticky;
      top: 0;
      z-index: 24;
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 64px;
      padding: 10px clamp(18px, 4vw, 54px);
      background: rgba(5, 13, 25, .94);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(12px);
    }

    .mobile-brand {
      display: none;
      align-items: center;
      gap: 8px;
      color: var(--cyan);
      font-weight: 800;
    }

    .mobile-brand svg {
      width: 25px;
      height: 25px;
    }

    .head-title {
      min-width: 0;
    }

    .head-title strong {
      display: block;
      overflow: hidden;
      max-width: 550px;
      font-size: 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .head-title span {
      color: var(--muted);
      font-size: 12px;
    }

    .head-actions {
      display: flex;
      align-items: center;
      gap: 9px;
    }

    .search-box {
      display: flex;
      align-items: center;
      width: min(28vw, 310px);
      height: 38px;
      padding: 0 12px;
      background: #091827;
      border: 1px solid var(--line);
    }

    .search-box svg {
      width: 18px;
      height: 18px;
      color: var(--muted);
    }

    .search-box input {
      width: 100%;
      min-width: 0;
      padding: 0 8px;
      color: var(--text);
      background: transparent;
      border: 0;
      outline: 0;
    }

    .search-box input::placeholder {
      color: #61798b;
    }

    .app-link {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      height: 38px;
      padding: 0 13px;
      color: #001718;
      background: var(--cyan);
      border: 1px solid var(--cyan);
      font-size: 13px;
      font-weight: 800;
    }

    .app-link svg {
      width: 17px;
      height: 17px;
    }

    .content-wrap {
      width: min(1500px, 100%);
      margin: 0 auto;
      padding: 28px clamp(18px, 4vw, 54px) 0;
    }

    .opening-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 276px;
      gap: 20px;
    }

    .cinema-stage {
      position: relative;
      min-height: 480px;
      overflow: hidden;
      border: 1px solid var(--line);
      background: var(--panel);
    }

    .focus-slide {
      position: absolute;
      inset: 0;
      opacity: 0;
      pointer-events: none;
      transition: opacity .55s ease;
    }

    .focus-slide.is-on {
      opacity: 1;
      pointer-events: auto;
    }

    .focus-slide img {
      height: 100%;
    }

    .focus-slide::after {
      position: absolute;
      inset: 0;
      content: "";
      background: linear-gradient(90deg, rgba(2, 10, 19, .94) 0%, rgba(2, 10, 19, .7) 40%, rgba(2, 10, 19, .14) 76%), linear-gradient(0deg, rgba(2, 10, 19, .78), transparent 50%);
    }

    .focus-copy {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: clamp(22px, 5vw, 68px);
      width: min(490px, 76%);
      transform: translateY(-44%);
    }

    .focus-kicker {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 14px;
      color: var(--cyan-soft);
      font-size: 13px;
      font-weight: 800;
    }

    .focus-kicker svg {
      width: 17px;
      height: 17px;
    }

    .focus-copy h1,
    .focus-copy h2 {
      margin: 0 0 14px;
      font-size: clamp(34px, 5vw, 64px);
      line-height: 1.08;
    }

    .focus-copy p {
      margin: 0 0 20px;
      color: #c4d4df;
      font-size: 15px;
    }

    .focus-meta,
    .focus-buttons {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px 18px;
    }

    .focus-meta {
      margin-bottom: 22px;
      color: #b7cad7;
      font-size: 13px;
    }

    .score {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      color: #ffe06c;
      font-weight: 800;
    }

    .score svg {
      width: 17px;
      height: 17px;
    }

    .watch-btn,
    .detail-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 42px;
      padding: 0 17px;
      border: 1px solid var(--cyan);
      font-size: 14px;
      font-weight: 800;
    }

    .watch-btn {
      color: #001718;
      background: var(--cyan);
    }

    .detail-btn {
      color: var(--cyan-soft);
      background: rgba(5, 20, 31, .72);
    }

    .watch-btn svg,
    .detail-btn svg {
      width: 18px;
      height: 18px;
    }

    .slider-dots {
      position: absolute;
      z-index: 4;
      right: 20px;
      bottom: 18px;
      display: flex;
      gap: 8px;
    }

    .slider-dots button {
      width: 28px;
      height: 4px;
      padding: 0;
      background: #557082;
      border: 0;
      cursor: pointer;
    }

    .slider-dots button.is-on {
      background: var(--cyan);
    }

    .fresh-rail {
      padding: 16px;
      background: var(--panel-deep);
      border: 1px solid var(--line);
    }

    .mini-heading {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 13px;
    }

    .mini-heading h2 {
      margin: 0;
      font-size: 18px;
    }

    .mini-heading a {
      color: var(--cyan);
      font-size: 12px;
    }

    .fresh-list {
      display: grid;
      gap: 13px;
    }

    .fresh-item {
      display: grid;
      grid-template-columns: 63px 1fr;
      gap: 11px;
      min-width: 0;
      padding-bottom: 13px;
      border-bottom: 1px solid var(--line);
    }

    .fresh-item:last-child {
      padding-bottom: 0;
      border-bottom: 0;
    }

    .fresh-cover {
      position: relative;
      height: 92px;
      overflow: hidden;
      background: #112334;
    }

    .fresh-cover img {
      height: 100%;
    }

    .fresh-copy {
      min-width: 0;
      align-self: center;
    }

    .fresh-copy strong {
      display: block;
      overflow: hidden;
      margin-bottom: 5px;
      font-size: 14px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .fresh-copy span {
      display: block;
      margin-top: 4px;
      color: var(--muted);
      font-size: 12px;
    }

    .status-text {
      color: var(--cyan) !important;
    }

    .page-section {
      padding-top: 42px;
    }

    .section-cap {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 17px;
      border-bottom: 1px solid var(--line);
    }

    .section-cap h2 {
      margin: 0;
      padding: 0 0 10px;
      border-bottom: 2px solid var(--cyan);
      font-size: 23px;
    }

    .section-cap p,
    .section-cap > a {
      margin: 0 0 11px;
      color: var(--muted);
      font-size: 13px;
    }

    .poster-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 20px 14px;
    }

    .poster-card {
      min-width: 0;
    }

    .poster-visual {
      position: relative;
      aspect-ratio: 2 / 3;
      overflow: hidden;
      background: #102233;
      border: 1px solid var(--line);
    }

    .poster-visual img {
      height: 100%;
      transition: transform .35s ease, filter .35s ease;
    }

    .poster-status {
      position: absolute;
      top: 8px;
      left: 8px;
      z-index: 3;
      display: inline-flex;
      align-items: center;
      gap: 4px;
      padding: 4px 7px;
      color: #001719;
      background: var(--cyan);
      font-size: 11px;
      font-weight: 800;
    }

    .poster-status svg {
      width: 13px;
      height: 13px;
    }

    .play-float {
      position: absolute;
      z-index: 3;
      top: 50%;
      left: 50%;
      display: grid;
      width: 56px;
      height: 56px;
      place-items: center;
      color: white;
      background: rgba(0, 18, 27, .7);
      border: 1px solid rgba(134, 255, 248, .8);
      border-radius: 50%;
      opacity: 0;
      transform: translate(-50%, -42%);
      transition: .25s ease;
    }

    .play-float svg {
      width: 25px;
      height: 25px;
      margin-left: 3px;
    }

    .poster-card:hover .poster-visual img,
    .wide-card:hover img {
      filter: brightness(.65);
      transform: scale(1.045);
    }

    .poster-card:hover .play-float,
    .wide-card:hover .play-float {
      opacity: 1;
      transform: translate(-50%, -50%);
    }

    .poster-info {
      padding-top: 9px;
    }

    .poster-title-row {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
    }

    .poster-title-row h3 {
      overflow: hidden;
      margin: 0;
      font-size: 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .poster-title-row b {
      color: #ffe06c;
      font-size: 14px;
    }

    .poster-info p {
      overflow: hidden;
      margin: 4px 0 0;
      color: var(--muted);
      font-size: 12px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .recommend-strip {
      display: grid;
      grid-auto-columns: minmax(260px, 31%);
      grid-auto-flow: column;
      gap: 14px;
      overflow-x: auto;
      padding-bottom: 9px;
      scrollbar-color: var(--cyan) var(--panel);
    }

    .wide-card {
      position: relative;
      aspect-ratio: 16 / 9;
      overflow: hidden;
      border: 1px solid var(--line);
    }

    .wide-card img {
      height: 100%;
      transition: transform .35s ease, filter .35s ease;
    }

    .wide-card::after {
      position: absolute;
      inset: auto 0 0;
      height: 65%;
      content: "";
      background: linear-gradient(transparent, rgba(1, 8, 15, .94));
    }

    .wide-copy {
      position: absolute;
      z-index: 2;
      right: 14px;
      bottom: 12px;
      left: 14px;
    }

    .wide-copy h3 {
      margin: 0 0 2px;
      font-size: 17px;
    }

    .wide-copy p {
      margin: 0;
      color: #b8c9d4;
      font-size: 12px;
    }

    .channel-tabs {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 17px;
    }

    .channel-tabs button {
      min-width: 68px;
      min-height: 34px;
      padding: 0 14px;
      color: var(--muted);
      background: transparent;
      border: 1px solid var(--line);
      cursor: pointer;
    }

    .channel-tabs button.active,
    .channel-tabs button:hover {
      color: #001719;
      background: var(--cyan);
      border-color: var(--cyan);
    }

    .channel-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .channel-story {
      display: grid;
      grid-template-columns: 100px minmax(0, 1fr);
      min-height: 142px;
      background: var(--panel);
      border: 1px solid var(--line);
    }

    .channel-story img {
      height: 100%;
    }

    .channel-copy {
      align-self: center;
      min-width: 0;
      padding: 13px;
    }

    .channel-copy small {
      color: var(--cyan);
    }

    .channel-copy h3 {
      margin: 5px 0;
      font-size: 16px;
    }

    .channel-copy p {
      display: -webkit-box;
      overflow: hidden;
      margin: 0;
      color: var(--muted);
      font-size: 12px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .people-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 14px;
    }

    .person-card {
      display: flex;
      align-items: center;
      gap: 14px;
      min-width: 0;
      padding: 17px;
      background: var(--panel);
      border: 1px solid var(--line);
    }

    .avatar-ring {
      display: grid;
      flex: 0 0 72px;
      width: 72px;
      height: 72px;
      place-items: center;
      color: var(--cyan-soft);
      background: #10293a;
      border: 1px solid #2d6571;
      border-radius: 50%;
      overflow: hidden;
    }

    .avatar-ring svg {
      width: 52px;
      height: 52px;
    }

    .person-card h3 {
      margin: 0 0 3px;
      font-size: 16px;
    }

    .person-card small {
      color: var(--cyan);
    }

    .person-card p {
      margin: 5px 0 0;
      color: var(--muted);
      font-size: 12px;
    }

    .lower-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
      gap: 22px;
    }

    .news-stack,
    .rank-board {
      background: var(--panel-deep);
      border: 1px solid var(--line);
    }

    .news-row {
      display: grid;
      grid-template-columns: 180px minmax(0, 1fr);
      gap: 16px;
      padding: 15px;
      border-bottom: 1px solid var(--line);
    }

    .news-row:last-child {
      border-bottom: 0;
    }

    .news-row img {
      aspect-ratio: 16 / 9;
      height: 100%;
    }

    .news-copy {
      align-self: center;
    }

    .news-copy time {
      color: var(--cyan);
      font-size: 12px;
    }

    .news-copy h3 {
      margin: 5px 0;
      font-size: 17px;
    }

    .news-copy p {
      display: -webkit-box;
      overflow: hidden;
      margin: 0;
      color: var(--muted);
      font-size: 13px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }

    .rank-board {
      padding: 9px 16px;
    }

    .rank-line {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr) auto;
      align-items: center;
      min-height: 46px;
      border-bottom: 1px solid var(--line);
    }

    .rank-line:last-child {
      border-bottom: 0;
    }

    .rank-num {
      color: #7290a4;
      font-weight: 800;
    }

    .rank-line:nth-child(-n+3) .rank-num {
      color: var(--cyan);
      font-size: 18px;
    }

    .rank-name {
      overflow: hidden;
      font-size: 14px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    .rank-value {
      color: #ffe06c;
      font-size: 12px;
    }

    .faq-box {
      border-top: 1px solid var(--line);
    }

    details {
      background: var(--panel-deep);
      border-right: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      border-left: 1px solid var(--line);
    }

    summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 15px;
      padding: 16px 18px;
      font-weight: 700;
      cursor: pointer;
      list-style: none;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    summary svg {
      width: 18px;
      height: 18px;
      color: var(--cyan);
      transition: transform .2s ease;
    }

    details[open] summary svg {
      transform: rotate(45deg);
    }

    details p {
      margin: 0;
      padding: 0 18px 17px;
      color: var(--muted);
      font-size: 14px;
    }

    .site-footer {
      margin-top: 48px;
      padding: 34px clamp(18px, 4vw, 54px);
      background: #040b14;
      border-top: 1px solid var(--line);
    }

    .footer-inner {
      display: grid;
      grid-template-columns: 1.4fr repeat(2, .7fr);
      gap: 30px;
      width: min(1400px, 100%);
      margin: 0 auto;
    }

    .footer-brand {
      display: flex;
      align-items: center;
      gap: 9px;
      color: var(--cyan);
      font-size: 18px;
      font-weight: 800;
    }

    .footer-brand svg {
      width: 25px;
      height: 25px;
    }

    .footer-about p {
      max-width: 600px;
      margin: 11px 0 0;
      color: #71899a;
      font-size: 12px;
    }

    .footer-links h3 {
      margin: 0 0 10px;
      font-size: 14px;
    }

    .footer-links a {
      display: block;
      margin: 7px 0;
      color: #7e96a8;
      font-size: 12px;
    }

    .copyright {
      width: min(1400px, 100%);
      margin: 25px auto 0;
      padding-top: 18px;
      color: #536b7d;
      border-top: 1px solid #142838;
      font-size: 11px;
    }

    @media (max-width: 1180px) {
      .poster-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .channel-grid,
      .people-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 920px) {
      .rail-nav {
        position: sticky;
        top: 0;
        width: 100%;
        height: auto;
        padding: 0;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid var(--line);
      }

      .brand-mark,
      .rail-note {
        display: none;
      }

      .rail-links {
        display: flex;
        width: max-content;
        min-width: 100%;
        padding: 7px 12px;
      }

      .rail-links a {
        min-height: 42px;
        padding: 8px 12px;
        border-bottom: 2px solid transparent;
        border-left: 0;
      }

      .rail-links a:hover,
      .rail-links a.active {
        border-bottom-color: var(--cyan);
        border-left-color: transparent;
      }

      .site-shell {
        margin-left: 0;
      }

      .head-strip {
        top: 57px;
      }

      .head-title {
        display: none;
      }

      .mobile-brand {
        display: flex;
      }

      .opening-grid {
        grid-template-columns: 1fr;
      }

      .fresh-list {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .fresh-item {
        display: block;
        padding: 0;
        border: 0;
      }

      .fresh-cover {
        height: auto;
        aspect-ratio: 2 / 3;
      }

      .fresh-copy {
        padding-top: 7px;
      }

      .lower-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 680px) {
      .rail-links svg {
        display: none;
      }

      .head-strip {
        top: 57px;
        min-height: 58px;
        padding: 9px 14px;
      }

      .app-link span {
        display: none;
      }

      .app-link {
        width: 38px;
        padding: 0;
        justify-content: center;
      }

      .search-box {
        width: min(54vw, 260px);
      }

      .content-wrap {
        padding: 16px 14px 0;
      }

      .cinema-stage {
        min-height: 430px;
      }

      .focus-copy {
        top: auto;
        right: 20px;
        bottom: 38px;
        left: 20px;
        width: auto;
        transform: none;
      }

      .focus-slide::after {
        background: linear-gradient(0deg, rgba(2, 10, 19, .96) 0%, rgba(2, 10, 19, .35) 75%);
      }

      .focus-copy h1,
      .focus-copy h2 {
        font-size: 36px;
      }

      .focus-copy p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .slider-dots {
        bottom: 16px;
      }

      .fresh-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .poster-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 11px;
      }

      .recommend-strip {
        grid-auto-columns: 84%;
      }

      .channel-grid,
      .people-grid {
        grid-template-columns: 1fr;
      }

      .news-row {
        grid-template-columns: 108px minmax(0, 1fr);
        gap: 11px;
      }

      .news-copy h3 {
        display: -webkit-box;
        overflow: hidden;
        font-size: 14px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }

      .news-copy p {
        display: none;
      }

      .footer-inner {
        grid-template-columns: 1fr 1fr;
      }

      .footer-about {
        grid-column: 1 / -1;
      }
    }
  
html{filter:hue-rotate(1deg)}body{letter-spacing:0.02em;line-height:159%}
#flc5d41f 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}