
:root{
  --ink:#20191a;
  --deep:#241718;
  --panel:#302022;
  --panel2:#3a2528;
  --wine:#8f2939;
  --wine2:#bd5360;
  --cream:#f3e7d4;
  --muted:#b9a49b;
  --line:#54383a;
  --gold:#d8ad6a;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"Trebuchet MS","Microsoft YaHei",Arial,sans-serif;background:var(--deep);color:var(--cream)}
body{font-size:14px}
a{color:inherit;text-decoration:none}
.topline{height:52px;background:#191213;border-bottom:1px solid #46292c}
.navwrap{max-width:1240px;margin:auto;height:100%;display:flex;align-items:center;padding:0 18px;gap:24px}
.brand{font-size:21px;font-weight:700;letter-spacing:1px;color:#f6dfc0;white-space:nowrap}
.brand b{color:var(--wine2);font-size:25px}
.mainnav{display:flex;height:100%;align-items:center;gap:4px}
.mainnav a{padding:17px 13px;color:#cdb9b0;transition:.2s}
.mainnav a:hover,.mainnav a.active{color:#fff;background:var(--wine)}
.search{margin-left:auto;display:flex;width:min(300px,35vw);height:32px;border:1px solid #604246;border-radius:20px;overflow:hidden;background:#2a1d1e}
.search input{min-width:0;flex:1;background:none;border:0;outline:0;color:#f8e8d6;padding:0 13px;font-family:inherit}
.search button{width:42px;border:0;background:var(--wine);color:#fff;display:grid;place-items:center;cursor:pointer}
.icon{width:17px;height:17px;display:block}
.subnav{background:var(--wine);border-bottom:3px solid #b4525a}
.subinner{max-width:1240px;margin:auto;display:flex;align-items:center;gap:0;overflow:auto;padding:0 18px}
.subinner a{white-space:nowrap;padding:10px 19px;color:#f9e7d8;border-right:1px solid rgba(255,255,255,.17);font-size:13px}
.subinner a:first-child{background:#74202f}
.page{max-width:1240px;margin:0 auto;padding:18px}
.updatebar{background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;min-height:43px;overflow:hidden}
.update-title{background:#692331;padding:13px 16px;color:#ffe8cb;font-weight:bold;white-space:nowrap}
.update-list{display:flex;gap:24px;overflow:hidden;padding:0 17px;white-space:nowrap;color:#d8c4b9}
.update-list a:hover{color:#fff}
.update-list em{font-style:normal;color:#d77b78;margin-left:5px;font-size:12px}
.content{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:20px;margin-top:20px}
.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:14px}
.section-head h1,.section-head h2{font-size:21px;margin:0;color:#ffe8cc;font-weight:600}
.section-head h1 small{font-size:12px;color:var(--muted);font-weight:normal;margin-left:8px}
.more{color:#d88982;font-size:13px}
.poster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px 12px}
.poster-card{min-width:0}
.cover{position:relative;aspect-ratio:2/3;border-radius:11px;overflow:hidden;background:#4c3032;box-shadow:0 5px 12px #140e0e}
.cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s}
.poster-card:hover .cover img{transform:scale(1.05)}
.playmark{position:absolute;inset:0;display:grid;place-items:center;background:rgba(30,10,13,0);opacity:0;transition:.25s}
.poster-card:hover .playmark{opacity:1;background:rgba(30,10,13,.28)}
.playmark span{width:49px;height:49px;border-radius:50%;background:rgba(142,35,52,.78);display:grid;place-items:center;color:#fff}
.playmark svg{width:22px;height:22px;margin-left:3px}
.badge{position:absolute;left:7px;top:7px;border-radius:4px;padding:3px 6px;background:rgba(27,18,18,.82);font-size:11px;color:#ffe9c9}
.card-title{display:block;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f4deca}
.meta{display:flex;align-items:center;gap:4px;color:#a9938c;font-size:11px;margin-top:5px}
.star{width:13px;height:13px;color:#dcb16b}
.rankbox{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 16px}
.rankbox h2{font-size:18px;margin:0 0 12px;color:#ffe7ca;border-bottom:1px solid var(--line);padding-bottom:11px}
.ranklist{list-style:none;padding:0;margin:0}
.ranklist li{display:flex;align-items:center;gap:10px;border-bottom:1px solid #493336;padding:10px 0}
.ranknum{font-weight:bold;width:20px;color:#9e817b;text-align:center}
.ranklist li:nth-child(-n+3) .ranknum{color:#e0ae69}
.rankname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ranktag{font-size:11px;color:#a78e87}
.side-note{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;color:#bba59c;line-height:1.7;font-size:12px}
.categories{margin-top:27px}
.category-row{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:13px}
.category-row h3{margin:0;color:#e7bd9f;font-size:15px}
.mini-list{display:flex;gap:20px;overflow:hidden;white-space:nowrap}
.mini-list a{color:#cbb8ad;overflow:hidden;text-overflow:ellipsis}
.mini-list a:hover{color:#fff}
.pagination{display:flex;justify-content:center;gap:7px;margin:25px 0 5px}
.pagination a{min-width:32px;height:30px;border:1px solid #5a3a3e;border-radius:16px;display:grid;place-items:center;color:#c5aaa0}
.pagination a.current,.pagination a:hover{background:var(--wine);border-color:var(--wine);color:#fff}
.footer{margin-top:35px;border-top:1px solid #4b3032;padding:20px 0 25px;color:#947e79;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.footer a{color:#b9988b;margin-right:16px}
@media(max-width:1050px){.poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:820px){
  .content{grid-template-columns:1fr}
  .rankbox{margin-top:3px}
  .poster-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ranklist{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
}
@media(max-width:620px){
  .topline{height:auto}.navwrap{padding:10px 12px;flex-wrap:wrap;gap:8px}.brand{font-size:18px}.mainnav{order:3;width:100%;height:35px;overflow:auto}.mainnav a{padding:9px 11px}.search{width:calc(100% - 130px)}
  .subinner,.page{padding-left:12px;padding-right:12px}.subinner a{padding:9px 14px}
  .update-title{padding:12px 11px}.update-list{gap:18px;padding:0 11px}
  .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px}
  .content{margin-top:15px}.section-head h1{font-size:19px}
  .category-row{grid-template-columns:57px 1fr auto;gap:8px}.mini-list{gap:11px;font-size:12px}
}
@media(min-width:621px) and (max-width:820px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

html{filter:hue-rotate(-4deg)}body{letter-spacing:0.01em;line-height:159%}
#fl28a380 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}
