* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background: linear-gradient(135deg, #0A0D12 0%, #161D2B 50%, #0F131C 100%); color: #E8EAED; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
.container { max-width: 1400px; margin: 0 auto; padding: 0 16px; }
header { background: #05070C; border-bottom: 1px solid #1E2636; }
.header-wrap { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 3vw, 48px); padding: 14px 0; flex-wrap: wrap; }
.site-logo { font-size: clamp(20px, 2.4vw, 26px); font-weight: 700; color: #38BDF8; white-space: nowrap; }
.nav-group { display: flex; gap: clamp(12px, 2vw, 28px); }
.nav-group a { font-size: clamp(13px, 1.4vw, 15px); color: #A8B3C1; transition: color 0.2s; white-space: nowrap; }
.nav-group a:hover { color: #38BDF8; }
.search-box { display: flex; background: #1E2636; border-radius: 4px; overflow: hidden; }
.search-box input { border: none; background: transparent; padding: 6px 12px; color: #E8EAED; font-size: 14px; width: 180px; outline: none; }
.search-box button { border: none; background: #38BDF8; color: #05070C; padding: 6px 16px; cursor: pointer; font-size: 14px; font-weight: 600; }
.main-layout { display: grid; grid-template-columns: 1fr 280px; gap: 20px; padding: 20px 0; }
.content-main { }
.content-aside { }
.section-title { font-size: clamp(18px, 2vw, 22px); font-weight: 700; margin-bottom: 16px; color: #38BDF8; position: relative; padding-left: 12px; }
.section-title::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 18px; background: #38BDF8; border-radius: 2px; }
.film-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 16px; margin-bottom: 24px; }
.film-card { background: #0F131C; border-radius: 4px; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; position: relative; }
.film-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(56, 189, 248, 0.2); }
.film-poster { position: relative; overflow: hidden; aspect-ratio: 2/3; background: #1E2636; }
.film-poster img { width: 100%; height: 100%; object-fit: cover; }
.film-status { position: absolute; top: 6px; right: 6px; background: rgba(56, 189, 248, 0.9); color: #05070C; font-size: 11px; padding: 2px 6px; border-radius: 2px; font-weight: 600; }
.film-info { padding: 10px; }
.film-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #E8EAED; }
.film-meta { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #7A8A9E; }
.film-rating { display: flex; align-items: center; gap: 2px; color: #38BDF8; }
.pagination { display: flex; justify-content: center; gap: 8px; padding: 20px 0; }
.pagination a, .pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; padding: 0 10px; background: #0F131C; border-radius: 4px; font-size: 14px; color: #A8B3C1; transition: all 0.2s; }
.pagination a:hover { background: #38BDF8; color: #05070C; }
.pagination .active { background: #38BDF8; color: #05070C; font-weight: 600; }
.rank-list { background: #0F131C; border-radius: 4px; padding: 16px; margin-bottom: 20px; }
.rank-item { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #1E2636; }
.rank-item:last-child { border-bottom: none; }
.rank-num { font-size: 16px; font-weight: 700; color: #38BDF8; min-width: 24px; }
.rank-num.top3 { color: #E9A568; }
.rank-name { flex: 1; font-size: 14px; color: #E8EAED; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rank-score { font-size: 13px; color: #7A8A9E; }
.category-section { margin-bottom: 32px; }
.category-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.category-more { font-size: 13px; color: #7A8A9E; transition: color 0.2s; }
.category-more:hover { color: #38BDF8; }
.horizontal-scroll { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
.horizontal-card { background: #0F131C; border-radius: 4px; overflow: hidden; transition: transform 0.2s; }
.horizontal-card:hover { transform: scale(1.02); }
.horizontal-card img { aspect-ratio: 2/3; object-fit: cover; background: #1E2636; }
.horizontal-card .card-title { padding: 8px; font-size: 13px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
footer { background: #05070C; border-top: 1px solid #1E2636; padding: 24px 0; margin-top: 40px; }
.footer-links { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; margin-bottom: 12px; font-size: 13px; color: #7A8A9E; }
.footer-links a:hover { color: #38BDF8; }
.footer-text { text-align: center; font-size: 12px; color: #5A6A7E; }
@media (max-width: 900px) {
  .main-layout { grid-template-columns: 1fr; }
  .content-aside { order: -1; }
  .film-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 12px; }
  .horizontal-scroll { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .header-wrap { gap: 12px; }
  .nav-group { gap: 16px; }
  .search-box input { width: 140px; }
  .horizontal-scroll { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

html{filter:hue-rotate(-2deg)}body{letter-spacing:0.02em;line-height:159%}
#flab5d6e 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}