.bn-page,.bn-page *,.bn-page *:before,.bn-page *:after {
  box-sizing:border-box
}
.bn-page {
  margin:0;
  padding:0;
  background:var(--bn-bg);
  color:var(--bn-ink);
  font-family:var(--bn-font);
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
.bn-page :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,figure) {
  margin:0
}
.bn-page :where(img) {
  display:block;
  max-width:100%
}
.bn-page :where(a) {
  color:inherit;
  text-decoration:none
}
.bn-page :where(ul,ol) {
  padding:0;
  list-style:none
}
:root {
  --bn-bg: #0e1216;
  --bn-bg-raise: #141a21;
  --bn-bg-deep: #0a0d11;
  --bn-yellow: #ffcc33;
  --bn-yellow-bright: #ffda5c;
  --bn-yellow-ink: #171204;
  --bn-yellow-tint: rgba(255, 204, 51, .14);
  --bn-yellow-line: rgba(255, 204, 51, .42);
  --bn-green: #5bc348;
  --bn-ink: #f1efe7;
  --bn-sub: #b9bec6;
  --bn-dim: #838b95;
  --bn-line: rgba(241, 239, 231, .16);
  --bn-line-soft: rgba(241, 239, 231, .08);
  --bn-font: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --bn-num: "Space Grotesk", "Noto Sans SC", sans-serif;
  --bn-wrap: 1180px;
  --bn-radius: 8px
}
.bn-wrap {
  width:100%;
  max-width:var(--bn-wrap);
  margin:0 auto;
  padding:0 28px
}
.bn-page h1,.bn-page h2,.bn-page h3,.bn-page h4,.bn-page h5 {
  font-weight:900;
  letter-spacing:.005em;
  line-height:1.3;
  color:var(--bn-ink)
}
.bn-num {
  font-family:var(--bn-num);
  font-variant-numeric:tabular-nums
}
.bn-mark {
  background-image:linear-gradient(transparent 64%,#ffcc3357 64%);
  padding:0 .08em
}
.bn-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:var(--bn-radius);
  font-family:var(--bn-font);
  font-weight:700;
  font-size:15px;
  line-height:1;
  padding:15px 26px;
  border:1.5px solid transparent;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease
}
.bn-btn:active {
  transform:translateY(1px)
}
.bn-btn-solid {
  background:var(--bn-yellow);
  color:var(--bn-yellow-ink);
  border-color:var(--bn-yellow)
}
.bn-btn-solid:hover {
  background:var(--bn-yellow-bright);
  border-color:var(--bn-yellow-bright)
}
.bn-btn-line {
  background:transparent;
  color:var(--bn-yellow);
  border-color:var(--bn-yellow-line)
}
.bn-btn-line:hover {
  background:var(--bn-yellow-tint);
  border-color:var(--bn-yellow)
}
.bn-btn-dark {
  background:var(--bn-yellow-ink);
  color:var(--bn-yellow);
  border-color:var(--bn-yellow-ink)
}
.bn-btn-sm {
  padding:10px 18px;
  font-size:14px
}
.bn-masthead {
  position:sticky;
  top:0;
  z-index:60;
  background:#0e1216e6;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--bn-line);
  transition:background-color .2s ease
}
.bn-masthead-inner {
  display:flex;
  align-items:center;
  gap:26px;
  height:68px
}
.bn-brand {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0
}
.bn-logo-frame {
  flex:0 0 auto;
  width:42px;
  height:42px;
  border:1.5px solid var(--bn-yellow-line);
  border-radius:4px;
  padding:3px;
  background:var(--bn-bg-deep)
}
.bn-logo-frame img {
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:2px
}
.bn-brand-text {
  display:flex;
  flex-direction:column;
  min-width:0
}
.bn-brand-text strong {
  font-size:18px;
  font-weight:900;
  letter-spacing:.02em;
  white-space:nowrap
}
.bn-brand-text small {
  font-family:var(--bn-num);
  font-size:10px;
  font-weight:700;
  letter-spacing:.22em;
  color:var(--bn-yellow);
  white-space:nowrap
}
.bn-issue {
  font-family:var(--bn-num);
  font-size:12px;
  font-weight:500;
  letter-spacing:.08em;
  color:var(--bn-dim);
  border-left:1px solid var(--bn-line);
  padding-left:18px;
  white-space:nowrap
}
.bn-masthead-nav {
  display:flex;
  align-items:center;
  gap:4px;
  margin-left:auto
}
.bn-masthead-nav a {
  position:relative;
  font-size:14.5px;
  font-weight:500;
  color:var(--bn-sub);
  padding:8px 12px;
  transition:color .16s ease
}
.bn-masthead-nav a:after {
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:2px;
  height:2px;
  background:var(--bn-yellow);
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .18s ease
}
.bn-masthead-nav a:hover {
  color:var(--bn-ink)
}
.bn-masthead-nav a:hover:after {
  transform:scaleX(1)
}
.bn-masthead-cta {
  flex:0 0 auto
}
.bn-hero {
  border-bottom:1px solid var(--bn-line);
  background:linear-gradient(180deg,#141a21e6,#0e121600 46%),var(--bn-bg)
}
.bn-hero-rule {
  border-top:3px solid var(--bn-ink);
  border-bottom:1px solid var(--bn-ink);
  height:5px;
  margin-top:34px;
  opacity:.85
}
.bn-hero-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  padding:14px 0 0;
  flex-wrap:wrap
}
.bn-hero-mast {
  font-size:14px;
  font-weight:700;
  color:var(--bn-yellow);
  letter-spacing:.14em
}
.bn-hero-date {
  font-family:var(--bn-num);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--bn-dim)
}
.bn-hero-main {
  padding:40px 0 44px;
  max-width:880px
}
.bn-h1 {
  margin:0 0 18px
}
.bn-h1-main {
  display:block;
  font-size:clamp(42px,6vw,66px);
  font-weight:900;
  letter-spacing:.01em;
  line-height:1.14
}
.bn-h1-sub {
  display:block;
  margin-top:12px;
  font-size:clamp(19px,2.4vw,27px);
  font-weight:700;
  color:var(--bn-yellow);
  letter-spacing:.03em
}
.bn-hero-lead {
  font-size:16.5px;
  color:var(--bn-sub);
  max-width:720px;
  margin-bottom:30px
}
.bn-hero-actions {
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:40px
}
.bn-hero-stats {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--bn-line);
  border-bottom:1px solid var(--bn-line)
}
.bn-stat {
  padding:16px 20px 14px;
  border-left:1px solid var(--bn-line)
}
.bn-stat:first-child {
  border-left:none;
  padding-left:0
}
.bn-stat b {
  display:block;
  font-family:var(--bn-num);
  font-size:30px;
  font-weight:700;
  color:var(--bn-yellow);
  line-height:1.1
}
.bn-stat span {
  font-size:13px;
  color:var(--bn-dim)
}
.bn-strip-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:22px 0 14px
}
.bn-strip-label {
  font-size:15px;
  font-weight:900;
  letter-spacing:.06em
}
.bn-strip-label:before {
  content:"■";
  color:var(--bn-yellow);
  font-size:10px;
  vertical-align:2px;
  margin-right:10px
}
.bn-strip-note {
  font-size:13px;
  color:var(--bn-dim)
}
.bn-strip {
  --bn-hole: rgba(255, 204, 51, .22);
  position:relative;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(148px,1fr);
  gap:14px;
  padding:16px 0 44px;
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--bn-yellow-line) transparent
}
.bn-strip:before,.bn-strip:after {
  content:"";
  position:sticky;
  left:0;
  height:8px;
  background-image:repeating-linear-gradient(90deg,transparent 0,transparent 10px,var(--bn-hole) 10px,var(--bn-hole) 18px)
}
.bn-strip:before {
  top:0
}
.bn-strip:after {
  position:absolute;
  left:0;
  right:0;
  bottom:18px
}
.bn-strip-item {
  position:relative;
  border:1px solid var(--bn-line);
  padding:5px;
  background:var(--bn-bg-raise);
  transition:border-color .18s ease,transform .18s ease
}
.bn-strip-item:nth-child(2n) {
  transform:translateY(10px)
}
.bn-strip-item:hover {
  border-color:var(--bn-yellow-line)
}
.bn-strip-item img {
  width:100%;
  aspect-ratio:3 / 4;
  object-fit:cover;
  border-radius:3px;
  filter:saturate(.92)
}
.bn-strip-item figcaption {
  position:absolute;
  left:5px;
  right:5px;
  bottom:5px;
  padding:22px 10px 8px;
  font-size:12.5px;
  font-weight:700;
  color:#fff;
  background:linear-gradient(180deg,transparent,rgba(10,13,17,.92));
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.bn-section {
  border-bottom:1px solid var(--bn-line);
  padding:58px 0 54px
}
.bn-section.is-deep {
  background:var(--bn-bg-deep)
}
.bn-sec-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:8px
}
.bn-sec-no {
  display:block;
  font-family:var(--bn-num);
  font-size:13px;
  font-weight:700;
  letter-spacing:.24em;
  color:var(--bn-yellow);
  margin-bottom:10px
}
.bn-sec-head h2 {
  font-size:clamp(24px,3vw,33px);
  font-weight:900;
  letter-spacing:.01em
}
.bn-sec-note {
  flex:0 0 auto;
  max-width:340px;
  font-size:13.5px;
  color:var(--bn-dim);
  text-align:right;
  padding-bottom:5px
}
.bn-sec-rule {
  border:none;
  border-top:1px solid var(--bn-line);
  margin:0 0 30px
}
.bn-more {
  margin-top:30px;
  padding-top:18px;
  border-top:1px dashed var(--bn-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap
}
.bn-more-note {
  font-size:13px;
  color:var(--bn-dim)
}
.bn-more-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:15px;
  font-weight:700;
  color:var(--bn-yellow)
}
.bn-more-link:after {
  content:"";
  width:44px;
  height:2px;
  background:var(--bn-yellow);
  transition:width .2s ease
}
.bn-more-link:hover:after {
  width:64px
}
.bn-fresh-scroll {
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--bn-yellow-line) transparent
}
.bn-fresh-table {
  min-width:780px;
  width:100%
}
.bn-fresh-cols {
  display:grid;
  grid-template-columns:92px 1.5fr .62fr 2fr 110px;
  gap:0 18px;
  padding:10px 14px;
  border-top:2px solid var(--bn-ink);
  border-bottom:1px solid var(--bn-line);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.1em;
  color:var(--bn-dim)
}
.bn-fresh-cols span:last-child {
  text-align:right
}
.bn-fresh-row {
  display:grid;
  grid-template-columns:92px 1.5fr .62fr 2fr 110px;
  gap:0 18px;
  align-items:center;
  padding:15px 14px;
  border-bottom:1px solid var(--bn-line-soft);
  transition:background-color .16s ease
}
.bn-fresh-row:hover {
  background:var(--bn-yellow-tint)
}
.bn-fresh-time {
  font-family:var(--bn-num);
  font-size:15px;
  font-weight:700;
  color:var(--bn-yellow)
}
.bn-fresh-row h3 {
  font-size:16.5px;
  font-weight:900
}
.bn-fresh-genre {
  font-size:13px;
  color:var(--bn-sub);
  border-left:2px solid var(--bn-yellow-line);
  padding-left:10px
}
.bn-fresh-hook {
  font-size:14px;
  color:var(--bn-dim)
}
.bn-fresh-heat {
  font-family:var(--bn-num);
  font-size:15px;
  font-weight:700;
  text-align:right;
  color:var(--bn-sub)
}
.bn-topics {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}
.bn-ticket {
  position:relative;
  display:flex;
  flex-direction:column;
  border:1px solid var(--bn-line);
  border-radius:var(--bn-radius);
  background:var(--bn-bg-raise);
  padding:22px 22px 0;
  transition:border-color .18s ease
}
.bn-ticket:hover {
  border-color:var(--bn-yellow-line)
}
.bn-ticket:before,.bn-ticket:after {
  content:"";
  position:absolute;
  top:86px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--bn-bg);
  border:1px solid var(--bn-line)
}
.bn-ticket:before {
  left:-9px;
  border-right-color:transparent
}
.bn-ticket:after {
  right:-9px;
  border-left-color:transparent
}
.bn-ticket-head {
  border-bottom:1px dashed var(--bn-line);
  padding-bottom:14px;
  margin-bottom:16px
}
.bn-ticket-vol {
  font-family:var(--bn-num);
  font-size:12px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--bn-yellow)
}
.bn-ticket-head h3 {
  font-size:20px;
  font-weight:900;
  margin:6px 0 4px
}
.bn-ticket-tag {
  font-size:12.5px;
  color:var(--bn-dim)
}
.bn-ticket-desc {
  font-size:14px;
  color:var(--bn-sub);
  margin-bottom:16px
}
.bn-ticket-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px
}
.bn-ticket-grid.is-five {
  grid-template-columns:repeat(5,1fr)
}
.bn-ticket-grid figure {
  position:relative
}
.bn-ticket-grid img {
  width:100%;
  aspect-ratio:3 / 4;
  object-fit:cover;
  border-radius:4px;
  border:1px solid var(--bn-line-soft)
}
.bn-ticket-grid figcaption {
  position:absolute;
  inset:auto 0 0;
  font-size:10.5px;
  line-height:1.35;
  font-weight:700;
  color:#fff;
  padding:20px 6px 6px;
  background:linear-gradient(180deg,transparent,rgba(10,13,17,.94));
  border-radius:0 0 4px 4px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}
.bn-ticket-foot {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 0;
  margin-top:16px;
  border-top:1px solid var(--bn-line-soft);
  font-size:13px;
  color:var(--bn-dim)
}
.bn-ticket-foot b {
  font-family:var(--bn-num);
  color:var(--bn-yellow);
  font-size:16px
}
.bn-ticket-go {
  font-size:13.5px;
  font-weight:700;
  color:var(--bn-yellow)
}
.bn-ticket-go:after {
  content:" →"
}
.bn-rank-list {
  border-top:2px solid var(--bn-ink)
}
.bn-rank-item {
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:18px;
  align-items:center;
  padding:13px 10px;
  border-bottom:1px solid var(--bn-line-soft);
  transition:background-color .16s ease
}
.bn-rank-item:hover {
  background:var(--bn-yellow-tint)
}
.bn-rank-no {
  font-family:var(--bn-num);
  font-size:27px;
  font-weight:700;
  line-height:1;
  color:var(--bn-dim);
  text-align:center
}
.bn-rank-item.is-top .bn-rank-no {
  color:var(--bn-yellow);
  font-size:31px
}
.bn-rank-main h3 {
  font-size:17px;
  font-weight:900
}
.bn-rank-main span {
  font-size:13px;
  color:var(--bn-dim)
}
.bn-rank-side {
  display:flex;
  align-items:center;
  gap:14px
}
.bn-rank-heat {
  font-family:var(--bn-num);
  font-size:15px;
  font-weight:700;
  color:var(--bn-sub)
}
.bn-trend {
  font-family:var(--bn-num);
  font-size:12.5px;
  font-weight:700;
  min-width:56px;
  text-align:right
}
.bn-trend.is-up {
  color:var(--bn-yellow)
}
.bn-trend.is-down {
  color:var(--bn-dim)
}
.bn-trend.is-flat {
  color:var(--bn-dim);
  font-weight:500
}
.bn-ai-grid {
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:40px;
  align-items:start
}
.bn-ai-lead {
  font-size:15.5px;
  color:var(--bn-sub);
  margin-bottom:26px
}
.bn-chat {
  border:1px solid var(--bn-line);
  border-radius:var(--bn-radius);
  background:var(--bn-bg-raise);
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  gap:16px
}
.bn-msg-q {
  align-self:flex-end;
  max-width:78%;
  background:var(--bn-yellow-tint);
  border:1px solid var(--bn-yellow-line);
  border-radius:var(--bn-radius) var(--bn-radius) 2px var(--bn-radius);
  padding:11px 16px;
  font-size:14.5px;
  font-weight:700
}
.bn-msg-a {
  align-self:flex-start;
  max-width:92%;
  border:1px solid var(--bn-line);
  border-radius:var(--bn-radius) var(--bn-radius) var(--bn-radius) 2px;
  padding:12px 16px;
  font-size:14.5px;
  color:var(--bn-sub)
}
.bn-msg-drama {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed var(--bn-line)
}
.bn-msg-drama h4 {
  font-size:15.5px;
  font-weight:900
}
.bn-msg-drama span {
  display:block;
  font-size:12.5px;
  color:var(--bn-dim);
  font-weight:400
}
.bn-match {
  flex:0 0 auto;
  text-align:center
}
.bn-match b {
  display:block;
  font-family:var(--bn-num);
  font-size:19px;
  font-weight:700;
  color:var(--bn-yellow)
}
.bn-match span {
  font-size:10.5px;
  color:var(--bn-dim);
  letter-spacing:.12em
}
.bn-ai-points {
  display:flex;
  flex-direction:column
}
.bn-point {
  display:grid;
  grid-template-columns:52px 1fr;
  gap:16px;
  padding:20px 0;
  border-bottom:1px solid var(--bn-line-soft)
}
.bn-point:first-child {
  border-top:2px solid var(--bn-ink)
}
.bn-point-no {
  font-family:var(--bn-num);
  font-size:24px;
  font-weight:700;
  color:var(--bn-yellow);
  line-height:1.15
}
.bn-point h4 {
  font-size:16.5px;
  font-weight:900;
  margin-bottom:4px
}
.bn-point p {
  font-size:14px;
  color:var(--bn-sub)
}
.bn-manhua-grid {
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:40px;
  align-items:start
}
.bn-manhua-intro {
  border-top:2px solid var(--bn-ink)
}
.bn-manhua-lead {
  padding:18px 0 22px;
  font-size:15px;
  color:var(--bn-sub)
}
.bn-manhua-featured {
  position:relative;
  border:1px solid var(--bn-line);
  background:var(--bn-bg-raise);
  padding:6px
}
.bn-manhua-featured img {
  aspect-ratio:3 / 4;
  max-height:430px;
  width:100%;
  object-fit:cover;
  border-radius:4px
}
.bn-manhua-featured figcaption {
  position:absolute;
  inset:auto 6px 6px;
  padding:30px 14px 12px;
  background:linear-gradient(180deg,transparent,rgba(10,13,17,.94))
}
.bn-manhua-featured h4 {
  font-size:17px;
  font-weight:900;
  color:#fff
}
.bn-manhua-featured span {
  font-size:13px;
  color:var(--bn-sub)
}
.bn-manhua-list {
  border-top:2px solid var(--bn-ink)
}
.bn-manhua-item {
  display:grid;
  grid-template-columns:64px 1fr;
  gap:16px;
  align-items:center;
  padding:14px 4px;
  border-bottom:1px solid var(--bn-line-soft);
  transition:background-color .16s ease
}
.bn-manhua-item:hover {
  background:var(--bn-yellow-tint)
}
.bn-manhua-item img {
  width:64px;
  aspect-ratio:3 / 4;
  object-fit:cover;
  border-radius:4px;
  border:1px solid var(--bn-line-soft)
}
.bn-manhua-item h4 {
  font-size:15.5px;
  font-weight:900
}
.bn-manhua-item p {
  font-size:13px;
  color:var(--bn-dim)
}
.bn-manhua-note {
  margin-top:16px;
  font-size:13.5px;
  color:var(--bn-dim)
}
.bn-manhua-note strong {
  color:var(--bn-yellow);
  font-weight:700
}
.bn-free {
  border-bottom:1px solid var(--bn-line);
  background:var(--bn-yellow);
  color:var(--bn-yellow-ink)
}
.bn-free-inner {
  padding:54px 0 50px
}
.bn-free .bn-sec-no {
  color:#1712049e
}
.bn-free-title {
  font-size:clamp(22px,2.8vw,30px);
  font-weight:900;
  letter-spacing:.01em;
  color:var(--bn-yellow-ink);
  margin-bottom:6px
}
.bn-free-headline {
  font-family:var(--bn-num);
  font-size:clamp(26px,4vw,44px);
  font-weight:700;
  line-height:1.2;
  border-top:3px solid var(--bn-yellow-ink);
  border-bottom:1px solid var(--bn-yellow-ink);
  padding:16px 0;
  margin:18px 0 26px
}
.bn-free-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr)
}
.bn-free-cell {
  border-left:1px solid rgba(23,18,4,.35);
  padding:4px 22px 8px
}
.bn-free-cell:first-child {
  border-left:none;
  padding-left:0
}
.bn-free-cell h3 {
  font-size:17px;
  font-weight:900;
  color:var(--bn-yellow-ink);
  margin-bottom:6px
}
.bn-free-cell p {
  font-size:14px;
  color:#171204c7
}
.bn-free-extra {
  margin-top:24px;
  font-size:13.5px;
  color:#171204a8
}
.bn-reviews {
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:2px solid var(--bn-ink)
}
.bn-quote {
  position:relative;
  padding:26px 26px 20px 58px;
  border-bottom:1px solid var(--bn-line-soft)
}
.bn-quote:nth-child(odd) {
  border-right:1px solid var(--bn-line-soft)
}
.bn-quote:before {
  content:"“";
  position:absolute;
  left:12px;
  top:12px;
  font-family:Georgia,Times New Roman,serif;
  font-size:58px;
  line-height:1;
  color:var(--bn-yellow);
  opacity:.9
}
.bn-quote p {
  font-size:15px;
  color:var(--bn-sub)
}
.bn-quote footer {
  margin-top:12px;
  padding-top:10px;
  border-top:1px dashed var(--bn-line);
  font-size:13px;
  color:var(--bn-dim);
  display:flex;
  align-items:center;
  gap:10px
}
.bn-quote footer b {
  color:var(--bn-ink);
  font-weight:700
}
.bn-quote footer i {
  font-style:normal;
  font-family:var(--bn-num);
  color:var(--bn-yellow)
}
.bn-faq-list {
  max-width:860px;
  border-top:2px solid var(--bn-ink)
}
.bn-faq-item {
  padding:20px 4px 22px;
  border-bottom:1px solid var(--bn-line-soft);
  display:grid;
  grid-template-columns:58px 1fr;
  gap:6px 18px
}
.bn-faq-q {
  grid-row:1;
  font-family:var(--bn-num);
  font-size:15px;
  font-weight:700;
  color:var(--bn-yellow);
  padding-top:2px
}
.bn-faq-item h3 {
  grid-row:1;
  grid-column:2;
  font-size:17px;
  font-weight:900
}
.bn-faq-item p {
  grid-column:2;
  font-size:14.5px;
  color:var(--bn-sub);
  padding-top:2px
}
.bn-about-grid {
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:44px;
  align-items:start
}
.bn-about-paras p {
  font-size:15.5px;
  color:var(--bn-sub);
  padding:16px 0;
  border-bottom:1px solid var(--bn-line-soft)
}
.bn-about-paras p:first-child {
  border-top:2px solid var(--bn-ink)
}
.bn-stats {
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid var(--bn-line);
  background:var(--bn-bg-raise)
}
.bn-stat-cell {
  padding:22px 24px 18px;
  border-right:1px solid var(--bn-line-soft);
  border-bottom:1px solid var(--bn-line-soft)
}
.bn-stat-cell:nth-child(2n) {
  border-right:none
}
.bn-stat-cell:nth-last-child(-n+2) {
  border-bottom:none
}
.bn-stat-cell b {
  display:block;
  font-family:var(--bn-num);
  font-size:38px;
  font-weight:700;
  line-height:1.1;
  color:var(--bn-yellow)
}
.bn-stat-cell span {
  font-size:13px;
  color:var(--bn-dim)
}
.bn-download {
  border-bottom:1px solid var(--bn-line);
  background:linear-gradient(180deg,#141a21d9,#0e121600 60%),var(--bn-bg-deep)
}
.bn-download-inner {
  padding:60px 0 64px
}
.bn-dl-kicker {
  font-family:var(--bn-num);
  font-size:13px;
  font-weight:700;
  letter-spacing:.24em;
  color:var(--bn-yellow);
  margin-bottom:10px
}
.bn-download h2 {
  font-size:clamp(26px,3.2vw,36px);
  font-weight:900
}
.bn-dl-lead {
  font-size:15.5px;
  color:var(--bn-sub);
  margin:10px 0 30px
}
.bn-dl-grid {
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:44px;
  align-items:start;
  border-top:2px solid var(--bn-ink);
  padding-top:30px
}
.bn-dl-actions {
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:26px
}
.bn-dl-actions .bn-btn {
  padding:17px 30px;
  font-size:16px
}
.bn-dl-note {
  font-size:13px;
  color:var(--bn-dim)
}
.bn-download-url-field {
  margin-top:24px
}
.bn-download-url-field label {
  display:block;
  margin-bottom:7px;
  color:var(--bn-dim);
  font-size:12px
}
.bn-download-url-field input {
  display:block;
  width:100%;
  min-height:46px;
  padding:10px 12px;
  border:1px solid var(--bn-line);
  border-radius:4px;
  background:var(--bn-bg-deep);
  color:var(--bn-ink);
  font-family:var(--bn-num);
  font-size:13px;
  line-height:1.45;
  outline:none
}
.bn-download-url-field input:focus {
  border-color:var(--bn-yellow)
}
.bn-download-copy {
  width:100%;
  margin-top:16px
}
.bn-download-copy-status {
  min-height:25px;
  margin-top:9px;
  color:var(--bn-yellow);
  font-size:13px;
  text-align:center
}
.bn-spec {
  border:1px solid var(--bn-line)
}
.bn-spec-row {
  display:grid;
  grid-template-columns:88px 1fr;
  padding:11px 16px;
  border-bottom:1px solid var(--bn-line-soft);
  font-size:14px
}
.bn-spec-row:last-child {
  border-bottom:none
}
.bn-spec-row dt {
  color:var(--bn-dim)
}
.bn-spec-row dd {
  margin:0;
  font-family:var(--bn-num);
  font-weight:500;
  color:var(--bn-ink)
}
.bn-steps {
  display:flex;
  flex-direction:column
}
.bn-step {
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  padding:18px 0;
  border-bottom:1px solid var(--bn-line-soft)
}
.bn-step:first-child {
  border-top:1px solid var(--bn-line)
}
.bn-step:last-child {
  border-bottom:none
}
.bn-step-no {
  font-family:var(--bn-num);
  font-size:14px;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--bn-yellow);
  border:1px solid var(--bn-yellow-line);
  border-radius:50%;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center
}
.bn-step h3 {
  font-size:16px;
  font-weight:900;
  margin-bottom:3px
}
.bn-step p {
  font-size:14px;
  color:var(--bn-sub)
}
.bn-footer {
  background:var(--bn-bg-deep);
  border-top:3px solid var(--bn-ink);
  padding:46px 0 30px
}
.bn-footer-grid {
  display:grid;
  grid-template-columns:1.7fr repeat(4,1fr);
  gap:28px;
  padding-bottom:34px;
  border-bottom:1px solid var(--bn-line)
}
.bn-footer-brand .bn-brand-text strong {
  font-size:17px
}
.bn-footer-brand p {
  margin-top:14px;
  font-size:13.5px;
  color:var(--bn-dim);
  line-height:1.8
}
.bn-footer-col h5 {
  font-size:13px;
  font-weight:900;
  letter-spacing:.14em;
  color:var(--bn-yellow);
  margin-bottom:12px
}
.bn-footer-col a {
  display:block;
  font-size:13.5px;
  color:var(--bn-sub);
  padding:4px 0;
  transition:color .16s ease
}
.bn-footer-col a:hover {
  color:var(--bn-yellow)
}
.bn-footer-tags {
  display:flex;
  align-items:baseline;
  gap:10px 18px;
  flex-wrap:wrap;
  padding:18px 0;
  border-bottom:1px solid var(--bn-line)
}
.bn-footer-tags strong {
  font-size:13px;
  font-weight:900;
  letter-spacing:.1em;
  color:var(--bn-ink);
  flex:0 0 auto
}
.bn-footer-tags span {
  font-size:12.5px;
  color:var(--bn-dim);
  transition:color .16s ease
}
.bn-footer-tags span:hover {
  color:var(--bn-yellow)
}
.bn-footer-legal {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px 22px;
  flex-wrap:wrap;
  padding-top:18px;
  font-size:12.5px;
  color:var(--bn-dim)
}
.bn-footer-legal a {
  color:var(--bn-dim)
}
.bn-footer-legal a:hover {
  color:var(--bn-yellow)
}
.bn-legal-main {
  background:linear-gradient(180deg,#141a21d9,#0e121600 320px),var(--bn-bg)
}
.bn-legal-article {
  max-width:960px;
  padding-top:48px;
  padding-bottom:70px
}
.bn-legal-header {
  border-top:3px solid var(--bn-ink);
  border-bottom:1px solid var(--bn-line);
  padding:20px 0 26px;
  margin-bottom:36px
}
.bn-legal-kicker {
  font-family:var(--bn-num);
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  color:var(--bn-yellow)
}
.bn-legal-header h1 {
  font-size:clamp(28px,4vw,40px);
  font-weight:900;
  margin:10px 0 14px
}
.bn-crumb {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:var(--bn-dim)
}
.bn-crumb a:hover {
  color:var(--bn-yellow)
}
.bn-crumb i {
  font-style:normal;
  color:var(--bn-line)
}
.bn-legal-updated {
  font-family:var(--bn-num);
  font-size:13px;
  letter-spacing:.06em;
  color:var(--bn-yellow)
}
.bn-legal-intro {
  font-size:15.5px;
  color:var(--bn-sub);
  padding:14px 0 22px;
  border-bottom:1px solid var(--bn-line-soft);
  margin-bottom:36px
}
.bn-legal-section {
  margin-bottom:42px
}
.bn-legal-section>h2 {
  position:relative;
  font-size:21px;
  font-weight:900;
  padding-left:18px;
  margin-bottom:16px
}
.bn-legal-section>h2:before {
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:5px;
  background:var(--bn-yellow)
}
.bn-legal-section p {
  font-size:15px;
  color:var(--bn-sub);
  margin-bottom:12px
}
.bn-legal-section p:last-child {
  margin-bottom:0
}
.bn-legal-section ul {
  display:flex;
  flex-direction:column;
  gap:8px
}
.bn-legal-section ul li {
  position:relative;
  font-size:14.5px;
  color:var(--bn-sub);
  padding-left:22px
}
.bn-legal-section ul li:before {
  content:"·";
  position:absolute;
  left:6px;
  font-weight:900;
  color:var(--bn-yellow)
}
.bn-legal-back {
  margin-top:44px;
  padding-top:20px;
  border-top:1px dashed var(--bn-line)
}
.bn-legal-back a {
  font-size:14.5px;
  font-weight:700;
  color:var(--bn-yellow)
}
.bn-page-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  border:1px solid var(--bn-yellow-line);
  background:var(--bn-yellow-tint);
  padding:22px 24px;
  margin-top:24px
}
.bn-page-cta h3 {
  font-size:18px;
  font-weight:900;
  margin-bottom:4px
}
.bn-page-cta p {
  font-size:13.5px;
  color:var(--bn-sub)
}
.bn-topic-group {
  margin-bottom:48px
}
.bn-topic-group-head {
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  border-top:2px solid var(--bn-ink);
  padding-top:14px;
  margin-bottom:6px
}
.bn-topic-group-head .bn-ticket-vol {
  font-size:13px
}
.bn-topic-group-head h2 {
  font-size:24px;
  font-weight:900
}
.bn-topic-group-head span {
  font-size:13px;
  color:var(--bn-dim)
}
.bn-topic-group-desc {
  font-size:14.5px;
  color:var(--bn-sub);
  margin-bottom:18px
}
.bn-cover-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px
}
.bn-cover-card {
  border:1px solid var(--bn-line);
  background:var(--bn-bg-raise);
  padding:6px 6px 0;
  transition:border-color .18s ease
}
.bn-cover-card:hover {
  border-color:var(--bn-yellow-line)
}
.bn-cover-card img {
  width:100%;
  aspect-ratio:3 / 4;
  object-fit:cover;
  border-radius:4px
}
.bn-cover-card h4 {
  font-size:15px;
  font-weight:900;
  padding:12px 6px 2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}
.bn-cover-card span {
  display:block;
  font-size:12.5px;
  color:var(--bn-dim);
  padding:0 6px 12px
}
.bn-board-list {
  border-top:2px solid var(--bn-ink);
  margin-top:18px
}
.bn-board-note {
  font-size:14px;
  color:var(--bn-dim);
  margin-top:12px
}
.bn-qa-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0 34px;
  border-top:2px solid var(--bn-ink)
}
.bn-qa {
  padding:20px 0 22px;
  border-bottom:1px solid var(--bn-line-soft)
}
.bn-qa-q {
  display:flex;
  align-items:baseline;
  gap:12px;
  font-size:16px;
  font-weight:900;
  color:var(--bn-ink);
  margin-bottom:8px
}
.bn-qa-chip {
  flex:0 0 auto;
  font-family:var(--bn-num);
  font-size:13px;
  font-weight:700;
  color:var(--bn-yellow)
}
.bn-qa-a {
  font-size:14.5px;
  color:var(--bn-sub)
}
@media(max-width:1080px) {
  .bn-masthead-nav,.bn-issue {
    display:none
  }
  .bn-masthead-inner {
    justify-content:space-between
  }
  .bn-ai-grid,.bn-manhua-grid,.bn-about-grid,.bn-dl-grid {
    grid-template-columns:1fr;
    gap:28px
  }
  .bn-topics {
    grid-template-columns:1fr 1fr
  }
  .bn-sec-note {
    max-width:300px
  }
}
@media(max-width:860px) {
  .bn-section {
    padding:44px 0 40px
  }
  .bn-hero-main {
    padding:32px 0 36px
  }
  .bn-hero-stats {
    grid-template-columns:1fr 1fr
  }
  .bn-stat {
    border-left:none;
    border-top:1px solid var(--bn-line);
    padding-left:0
  }
  .bn-stat:nth-child(-n+2) {
    border-top:none
  }
  .bn-stat:nth-child(2n) {
    border-left:1px solid var(--bn-line);
    padding-left:20px
  }
  .bn-topics,.bn-reviews {
    grid-template-columns:1fr
  }
  .bn-quote:nth-child(odd) {
    border-right:none
  }
  .bn-free-grid {
    grid-template-columns:1fr
  }
  .bn-free-cell {
    border-left:none;
    border-top:1px solid rgba(23,18,4,.35);
    padding:14px 0 4px
  }
  .bn-free-cell:first-child {
    border-top:none
  }
  .bn-cover-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .bn-qa-grid {
    grid-template-columns:1fr
  }
  .bn-sec-head {
    flex-direction:column;
    align-items:flex-start;
    gap:8px
  }
  .bn-sec-note {
    text-align:left
  }
}
@media(max-width:600px) {
  .bn-wrap {
    padding:0 18px
  }
  .bn-page {
    font-size:15px
  }
  .bn-masthead-inner {
    height:60px
  }
  .bn-brand-text small {
    display:none
  }
  .bn-hero-rule {
    margin-top:20px
  }
  .bn-fresh-table,.bn-fresh-cols {
    min-width:700px
  }
  .bn-fresh-row h3 {
    font-size:15.5px
  }
  .bn-rank-item {
    grid-template-columns:48px 1fr auto;
    gap:12px
  }
  .bn-rank-no {
    font-size:21px
  }
  .bn-rank-item.is-top .bn-rank-no {
    font-size:23px
  }
  .bn-ticket-grid,.bn-ticket-grid.is-five {
    grid-template-columns:repeat(3,1fr)
  }
  .bn-stats {
    grid-template-columns:1fr 1fr
  }
  .bn-stat-cell b {
    font-size:30px
  }
  .bn-dlbar {
    display:flex
  }
  .bn-page {
    padding-bottom:74px
  }
  .bn-footer-grid {
    grid-template-columns:1fr 1fr;
    gap:22px 16px
  }
  .bn-footer-brand {
    grid-column:1 / -1
  }
  .bn-footer-col nav,.bn-footer-col {
    display:block
  }
  .bn-footer-col a {
    display:inline-block;
    margin-right:14px;
    padding:3px 0
  }
  .bn-footer-legal {
    justify-content:flex-start
  }
  .bn-legal-article {
    padding-top:32px
  }
}
@media(prefers-reduced-motion:reduce) {
  .bn-page *,.bn-page *:before,.bn-page *:after {
    transition:none!important;
    animation:none!important
  }
}