:root {
      --bg-cream: #f7f6f2;
      --bg-surface: #ffffff;
      --indigo-primary: #1e295d;
      --indigo-light: #2d3e8b;
      --indigo-accent: #3a56d4;
      --text-main: #1f2328;
      --text-muted: #5e6672;
      --border-line: #e3e1da;
      --highlight: #d94824;
      --badge-hd: #1e295d;
    }
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
    body {
      background-color: var(--bg-cream);
      color: var(--text-main);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
      font-size: 14px;
      line-height: 1.5;
    }
    h1, h2, h3, h4, .serif-font {
      font-family: "Songti SC", "SimSun", "Noto Serif CJK SC", "STSong", serif;
      font-weight: 700;
      letter-spacing: -0.01em;
    }
    a {
      color: inherit;
      text-decoration: none;
    }
    a:hover {
      color: var(--indigo-accent);
    }
    .svg-ico {
      display: inline-block;
      width: 16px;
      height: 16px;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: none;
      vertical-align: middle;
    }

    /* 顶部窄条 */
    .top-strip {
      background: var(--bg-surface);
      border-bottom: 1px solid var(--border-line);
      height: 48px;
      position: sticky;
      top: 0;
      z-index: 100;
    }
    .strip-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%;
      padding: 0 16px;
    }
    .site-brand {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 17px;
      color: var(--indigo-primary);
      white-space: nowrap;
    }
    .site-brand .brand-badge {
      background: var(--indigo-primary);
      color: #fff;
      font-size: 11px;
      font-family: sans-serif;
      padding: 1px 6px;
      text-transform: uppercase;
      font-weight: 600;
    }
    .search-box {
      display: flex;
      align-items: center;
      background: var(--bg-cream);
      border: 1px solid var(--border-line);
      padding: 0 8px;
      width: 100%;
      max-width: 320px;
      margin-left: 20px;
    }
    .search-box input {
      border: none;
      background: transparent;
      padding: 6px 8px;
      font-size: 13px;
      width: 100%;
      outline: none;
      color: var(--text-main);
    }
    .search-btn {
      background: transparent;
      border: none;
      cursor: pointer;
      color: var(--text-muted);
      padding: 4px;
      display: flex;
      align-items: center;
    }

    /* 页面结构：左侧边 + 主体 */
    .viewport-frame {
      display: flex;
      min-height: calc(100vh - 48px);
    }
    .vertical-nav {
      width: 170px;
      background: var(--bg-surface);
      border-right: 1px solid var(--border-line);
      flex-shrink: 0;
      padding: 16px 0;
    }
    .nav-label {
      font-size: 11px;
      color: var(--text-muted);
      padding: 8px 20px;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }
    .nav-list {
      list-style: none;
      margin-bottom: 20px;
    }
    .nav-list li a {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 9px 20px;
      color: var(--text-main);
      font-size: 13.5px;
      border-left: 3px solid transparent;
      transition: background 0.15s;
    }
    .nav-list li a:hover,
    .nav-list li.active a {
      background: var(--bg-cream);
      color: var(--indigo-primary);
      border-left-color: var(--indigo-primary);
      font-weight: 600;
    }
    .nav-list li a .svg-ico {
      width: 17px;
      height: 17px;
    }

    /* 内容区 */
    .content-body {
      flex: 1;
      padding: 20px;
      min-width: 0;
    }
    .main-cols {
      display: flex;
      gap: 20px;
    }
    .col-primary {
      flex: 1;
      min-width: 0;
    }
    .col-side {
      width: 280px;
      flex-shrink: 0;
    }

    /* 头部通用栏 */
    .module-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      border-bottom: 2px solid var(--indigo-primary);
      padding-bottom: 6px;
      margin-bottom: 14px;
    }
    .head-title {
      font-size: 18px;
      color: var(--indigo-primary);
      display: flex;
      align-items: center;
      gap: 6px;
    }
    .head-sub {
      font-size: 12px;
      color: var(--text-muted);
      margin-left: 8px;
      font-family: sans-serif;
      font-weight: 400;
    }
    .head-more {
      font-size: 12px;
      color: var(--text-muted);
      display: flex;
      align-items: center;
      gap: 2px;
    }

    /* 海报卡片网格 */
    .poster-grid {
      display: grid;
      grid-template-columns: repeat(6,minmax(0,1fr));
      gap: 12px;
      margin-bottom: 20px;
    }
    .film-card {
      background: var(--bg-surface);
      border: 1px solid var(--border-line);
      position: relative;
      display: flex;
      flex-direction: column;
    }
    .thumb-wrap {
      position: relative;
      width: 100%;
      padding-top: 142%;
      background: #e9e7e1;
      overflow: hidden;
      display: block;
    }
    .thumb-wrap img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    /* 悬浮三角 */
    .play-overlay {
      position: absolute;
      inset: 0;
      background: rgba(30, 41, 93, 0.45);
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity 0.2s;
    }
    .play-overlay-icon {
      width: 44px;
      height: 44px;
      background: rgba(255, 255, 255, 0.9);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--indigo-primary);
      padding-left: 3px;
    }
    .play-overlay-icon .svg-ico {
      width: 22px;
      height: 22px;
      fill: currentColor;
    }
    .film-card:hover .play-overlay {
      opacity: 1;
    }
    .card-badge {
      position: absolute;
      bottom: 4px;
      right: 4px;
      background: rgba(30, 41, 93, 0.88);
      color: #fff;
      font-size: 11px;
      padding: 1px 5px;
      line-height: 1.2;
    }
    .card-badge.mark-hot {
      background: var(--highlight);
      left: 4px;
      right: auto;
      top: 4px;
      bottom: auto;
    }
    .card-meta {
      padding: 8px 6px 6px;
      background: var(--bg-surface);
    }
    .card-title {
      font-size: 13px;
      font-weight: 500;
      line-height: 1.35;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-bottom: 4px;
    }
    .card-desc {
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 11px;
      color: var(--text-muted);
    }
    .rate-val {
      color: var(--highlight);
      font-weight: bold;
    }

    /* 分页控件 */
    .pagination-bar {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 4px;
      margin: 20px 0 35px;
      font-size: 13px;
    }
    .pag-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 32px;
      height: 32px;
      padding: 0 8px;
      border: 1px solid var(--border-line);
      background: var(--bg-surface);
      color: var(--text-main);
    }
    .pag-btn:hover {
      border-color: var(--indigo-primary);
      color: var(--indigo-primary);
    }
    .pag-btn.active {
      background: var(--indigo-primary);
      border-color: var(--indigo-primary);
      color: #fff;
      font-weight: 600;
    }

    /* 侧栏热播榜 */
    .side-widget {
      background: var(--bg-surface);
      border: 1px solid var(--border-line);
      padding: 12px;
      margin-bottom: 20px;
    }
    .widget-title {
      font-size: 15px;
      color: var(--indigo-primary);
      border-bottom: 1px solid var(--border-line);
      padding-bottom: 8px;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .rank-list {
      list-style: none;
    }
    .rank-item {
      display: flex;
      align-items: center;
      padding: 6px 0;
      font-size: 13px;
      border-bottom: 1px dashed #edece8;
    }
    .rank-item:last-child {
      border-bottom: none;
    }
    .rank-num {
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      font-size: 11px;
      background: #eceae4;
      color: var(--text-muted);
      margin-right: 8px;
      font-weight: 600;
      flex-shrink: 0;
    }
    .rank-item:nth-child(1) .rank-num {
      background: var(--highlight);
      color: #fff;
    }
    .rank-item:nth-child(2) .rank-num {
      background: var(--indigo-primary);
      color: #fff;
    }
    .rank-item:nth-child(3) .rank-num {
      background: var(--indigo-light);
      color: #fff;
    }
    .rank-name {
      flex: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-right: 8px;
    }
    .rank-score {
      font-size: 11px;
      color: var(--text-muted);
    }

    /* 横向分类带 */
    .category-section {
      margin-top: 24px;
    }
    .cat-grid {
      display: grid;
      grid-template-columns: repeat(4,minmax(0,1fr));
      gap: 12px;
      margin-bottom: 16px;
    }

    /* 底部免责 */
    .site-footer {
      background: var(--bg-surface);
      border-top: 1px solid var(--border-line);
      padding: 24px 20px;
      font-size: 12px;
      color: var(--text-muted);
      line-height: 1.8;
      text-align: center;
    }
    .footer-links {
      margin-bottom: 8px;
      display: flex;
      justify-content: center;
      gap: 14px;
      flex-wrap: wrap;
    }
    .footer-links a {
      color: var(--text-main);
    }
    .footer-statement {
      max-width: 820px;
      margin: 0 auto;
    }

    /* 响应式调整 */
    @media (max-width: 1120px) {
      .poster-grid {
        grid-template-columns: repeat(4,minmax(0,1fr));
      }
      .col-side {
        width: 240px;
      }
    }
    @media (max-width: 860px) {
      .vertical-nav {
        display: none;
      }
      .main-cols {
        flex-direction: column;
      }
      .col-side {
        width: 100%;
      }
      .poster-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
      }
      .cat-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
      }
    }
    @media (max-width: 520px) {
      .strip-inner {
        padding: 0 10px;
      }
      .search-box {
        max-width: 180px;
        margin-left: 10px;
      }
      .content-body {
        padding: 12px 8px;
      }
      .poster-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px;
      }
      .cat-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px;
      }
    }
  
html{filter:hue-rotate(4deg)}body{letter-spacing:0.02em;line-height:156%}
#fl3478a9 a{margin:0 8px;color:inherit;text-decoration:none;opacity:.85}
/* Native 365 navigation, real fields and responsive safeguards. */
.bt-header{position:static!important;width:100%;height:auto!important}.bt-header-inner{width:min(1200px,calc(100% - 32px));margin:auto;padding:18px 0;display:flex;align-items:center;flex-wrap:wrap;gap:20px}.bt-brand{font-size:22px;font-weight:800;white-space:nowrap}.bt-nav{display:flex!important;align-items:center;gap:16px;flex-wrap:wrap}.bt-search{display:flex;gap:8px;margin-left:auto}.bt-search input{min-width:0;width:170px;padding:9px 12px;border:1px solid #8893a477;border-radius:8px;color:inherit;background:transparent}.bt-search button{padding:8px 16px;border:1px solid #8893a477;border-radius:8px;color:inherit;background:transparent;cursor:pointer}.bt-frame{width:min(1200px,calc(100% - 32px));margin:30px auto}.bt-stage{display:block}.bt-stage.bt-with-side{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.bt-main,.bt-grid,.bt-grid>*{min-width:0}.bt-grid{width:100%;margin:0;list-style:none}.bt-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0}.bt-heading h1,.bt-heading h2{font-size:24px;font-weight:700}.bt-heading a{white-space:nowrap}.bt-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bt-grid p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bt-cover{background:transparent!important}.bt-side{width:auto;position:static!important;align-self:start}.bt-rank{list-style:none;padding:0}.bt-rank li{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 0}.bt-rank a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.bt-rank small{flex-shrink:0}.bt-sections section{margin:32px 0}.bt-pages{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.bt-pages a,.bt-pages span{display:inline-flex;white-space:nowrap;padding:8px}.bt-tags{display:flex;flex-wrap:wrap;gap:10px}.bt-tags a{padding:8px 12px;border:1px solid #8893a455;border-radius:20px}.bt-breadcrumb{margin:24px 0}.bt-detail{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;margin:30px 0}.bt-detail>img{width:100%;aspect-ratio:2/3;object-fit:cover}.bt-body{padding:28px;border:1px solid #8893a455;border-radius:16px;line-height:1.9;overflow-wrap:anywhere}.bt-body img{max-width:100%;height:auto}.bt-body nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.bt-footer{text-align:center;padding:32px;border-top:1px solid #8893a433}@media(max-width:800px){.bt-stage.bt-with-side{grid-template-columns:minmax(0,1fr)}.bt-search{margin-left:0}.bt-header-inner{gap:14px}.bt-frame{margin-top:20px}}@media(max-width:600px){.bt-detail{grid-template-columns:110px minmax(0,1fr);gap:16px}.bt-detail h1{font-size:23px}.bt-body{padding:16px}.bt-nav{gap:12px;font-size:14px}.bt-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bt-header-inner{display:block}.bt-nav,.bt-search{margin-top:14px}.bt-search input{flex:1}.bt-search{width:100%}}

.bt-rank{display:block!important;max-width:100%}.bt-rank li{max-width:100%;min-width:0}.bt-title{display:block;min-width:0}.bt-grid>*{max-width:100%}
.bt-header{color:inherit}.bt-brand,.bt-nav a,.bt-grid a{color:inherit;text-decoration:none}