.wb-manga-ads {
  margin: 8px 0 10px;
}
.wb-manga-ads .ads-slider,
.wb-manga-ads .wb-sysmsg,
.wb-manga-ads .myui-panel {
  margin-bottom: 0;
}
.wb-manga-list .wb-list-hero,
.wb-manga-search .wb-list-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 8px 0 14px;
}
.wb-manga-list .wb-list-hero h1,
.wb-manga-search .wb-list-hero h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  color: inherit;
}
.wb-manga-list .wb-list-hero p,
.wb-manga-search .wb-list-hero p {
  margin: 4px 0 0;
  font-size: 12px;
  color: #94a3b8;
}
.wb-manga-chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 14px;
  padding-bottom: 2px;
}
.wb-manga-chips a,
html.theme-light .wb-manga-chips a,
html.theme-dark .wb-manga-chips a,
html.wb-theme-dark .wb-manga-chips a {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #475569 !important;
  background: #f1f5f9;
  text-decoration: none;
}
.wb-manga-chips a.is-active,
html.theme-light .wb-manga-chips a.is-active,
html.theme-dark .wb-manga-chips a.is-active,
html.wb-theme-dark .wb-manga-chips a.is-active {
  color: #fff !important;
  background: #0f766e !important;
}
html.theme-dark .wb-manga-chips a,
html.wb-theme-dark .wb-manga-chips a {
  background: #1e293b;
  color: #cbd5e1 !important;
}
.wb-manga-empty {
  padding: 36px 16px;
  text-align: center;
  color: #94a3b8;
  font-size: 13px;
}
.wb-manga-search-form {
  display: flex;
  gap: 8px;
  margin: 0 0 16px;
}
.wb-manga-search-form input {
  flex: 1;
  height: 40px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 0 12px;
  background: #fff;
  color: inherit;
}
.wb-manga-search-form button {
  height: 40px;
  padding: 0 16px;
  border: 0;
  border-radius: 10px;
  background: #0f766e;
  color: #fff;
}
html.wb-theme-dark .wb-manga-search-form input {
  border-color: #334155;
  background: #0f172a;
}

.wb-manga-detail .wb-manga-hero {
  display: flex;
  gap: 14px;
  padding: 12px 0 18px;
}
.wb-manga-cover {
  width: 112px;
  flex: 0 0 112px;
  border-radius: 10px;
  overflow: hidden;
  background: #e2e8f0;
  aspect-ratio: 3/4;
}
.wb-manga-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wb-manga-hero__meta {
  min-width: 0;
  flex: 1;
}
.wb-manga-hero__meta h1 {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.35;
}
.wb-manga-hero__meta p {
  margin: 0 0 6px;
  font-size: 12px;
  color: #64748b;
  line-height: 1.6;
}
.wb-manga-hero__meta .k {
  color: #94a3b8;
}
.wb-manga-read-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  margin-top: 8px;
  border-radius: 10px;
  background: #0f766e;
  color: #fff !important;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
}
.wb-manga-blurb {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #f8fafc;
  font-size: 13px;
  line-height: 1.7;
  color: #475569;
}
html.wb-theme-dark .wb-manga-blurb {
  background: #111827;
  color: #cbd5e1;
}
.wb-manga-chapters h2 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 800;
}
.wb-manga-chapters ul {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wb-manga-chapters li {
  position: relative;
}
.wb-manga-chapters a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 8px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #334155;
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
  overflow: hidden;
}
.wb-manga-ch-badge {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 20px;
  height: 14px;
  padding: 0 4px;
  border-radius: 0 8px 0 8px;
  font-size: 9px;
  font-weight: 700;
  line-height: 14px;
  color: #fff;
  pointer-events: none;
}
.wb-manga-ch-badge--vip {
  background: linear-gradient(135deg, #b45309, #f59e0b);
}
.wb-manga-ch-badge--points {
  background: linear-gradient(135deg, #c2410c, #f97316);
}
.wb-manga-ch-badge--member {
  background: linear-gradient(135deg, #0369a1, #0ea5e9);
}
.wb-manga-chapters__more-item,
.wb-manga-chapters__less-item {
  min-width: 0;
}
.wb-manga-chapters__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  min-height: 36px;
  padding: 6px 8px;
  border: 0;
  border-radius: 8px;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
html.wb-theme-dark .wb-manga-chapters__toggle,
html.theme-dark .wb-manga-chapters__toggle {
  background: #334155;
  color: #e2e8f0;
}
.wb-manga-chapters--foldable:not(.is-expanded) .is-fold-hide,
.wb-manga-chapters--foldable:not(.is-expanded) .wb-manga-chapters__less-item {
  display: none;
}
.wb-manga-chapters--foldable.is-expanded .wb-manga-chapters__more-item {
  display: none;
}
.wb-manga-chapters a.is-new {
  background: #ecfdf5;
  color: #047857;
}
html.wb-theme-dark .wb-manga-chapters a {
  background: #1e293b;
  color: #e2e8f0;
}
html.wb-theme-dark .wb-manga-chapters a.is-new {
  background: #064e3b;
  color: #6ee7b7;
}
@media (max-width: 520px) {
  .wb-manga-chapters ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.wb-manga-read {
  background: #0b0d12;
  color: #e5e7eb;
}
.wb-manga-read .container {
  max-width: 720px;
  padding-left: 0;
  padding-right: 0;
}
.wb-manga-read-images {
  background: #0b0d12;
}
.wb-manga-read-images img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
  background: #111;
}
.wb-manga-dock {
  position: fixed;
  left: 50%;
  right: auto;
  bottom: calc(10px + env(safe-area-inset-bottom, 0px));
  z-index: 10050;
  width: calc(100% - 20px);
  max-width: 520px;
  transform: translate3d(-50%, 0, 0);
  background: transparent;
  box-shadow: none;
  padding: 0;
  box-sizing: border-box;
  transition: transform .28s ease, opacity .22s ease;
  will-change: transform;
}
.wb-manga-dock.is-hidden {
  transform: translate3d(-50%, calc(100% + 24px), 0);
  opacity: 0;
  pointer-events: none;
}
.wb-manga-dock__inner {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 8px 8px 8px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(148, 163, 184, .22);
  box-shadow: 0 10px 32px rgba(15, 23, 42, .16);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html.theme-dark .wb-manga-dock,
html.wb-theme-dark .wb-manga-dock {
  background: transparent;
  box-shadow: none;
}
html.theme-dark .wb-manga-dock__inner,
html.wb-theme-dark .wb-manga-dock__inner {
  background: rgba(15, 23, 42, .92);
  border-color: rgba(148, 163, 184, .16);
  box-shadow: 0 12px 36px rgba(0, 0, 0, .45);
}
.wb-manga-read-bar {
  display: flex;
  gap: 6px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}
.wb-manga-read-bar a,
.wb-manga-read-bar span,
.wb-manga-read-bar__btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  pointer-events: auto;
}
.wb-manga-read-bar a,
.wb-manga-read-bar__btn {
  background: #0f766e;
  color: #fff;
}
.wb-manga-read-bar__btn--ghost {
  background: #f1f5f9;
  color: #334155;
}
.wb-manga-read-bar__btn--catalog {
  background: #0f766e;
  color: #fff;
}
.wb-manga-read-bar a.is-disabled,
.wb-manga-read-bar span,
.wb-manga-read-bar__btn.is-disabled {
  background: #e2e8f0;
  color: #94a3b8;
  pointer-events: none;
}
html.theme-dark .wb-manga-read-bar__btn--ghost,
html.wb-theme-dark .wb-manga-read-bar__btn--ghost {
  background: #1e293b;
  color: #e2e8f0;
}
html.theme-dark .wb-manga-read-bar a.is-disabled,
html.theme-dark .wb-manga-read-bar span,
html.theme-dark .wb-manga-read-bar__btn.is-disabled,
html.wb-theme-dark .wb-manga-read-bar a.is-disabled,
html.wb-theme-dark .wb-manga-read-bar span,
html.wb-theme-dark .wb-manga-read-bar__btn.is-disabled {
  background: #1f2937;
  color: #64748b;
}
body.wb-manga-read .wb-manga-read-images,
body.wb-manga-read .wb-manga-read-empty {
  padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px));
}
body.wb-manga-read .myui-extra.wb-backtop-extra {
  bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
}
body.wb-manga-read.wb-manga-dock-hidden .myui-extra.wb-backtop-extra {
  bottom: calc(24px + env(safe-area-inset-bottom, 0px)) !important;
}
.wb-manga-read-empty {
  padding: 48px 16px;
  text-align: center;
  color: #94a3b8;
}
.wb-manga-catalog {
  position: fixed;
  inset: 0;
  z-index: 12000;
}
.wb-manga-catalog[hidden] {
  display: none !important;
}
.wb-manga-catalog__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}
.wb-manga-catalog__panel {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  max-width: var(--wb-app-shell-max, 960px);
  max-height: min(78vh, 640px);
  display: flex;
  flex-direction: column;
  transform: translateX(-50%);
  background: #111827;
  color: #e5e7eb;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -12px 36px rgba(0, 0, 0, 0.45);
}
html.theme-light .wb-manga-catalog__panel {
  background: #fff;
  color: #0f172a;
}
.wb-manga-catalog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex: 0 0 auto;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
html.theme-light .wb-manga-catalog__head {
  border-bottom-color: #e2e8f0;
}
.wb-manga-catalog__head strong {
  font-size: 15px;
  font-weight: 800;
}
.wb-manga-catalog__close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  color: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
html.theme-light .wb-manga-catalog__close {
  background: #f1f5f9;
}
.wb-manga-catalog__body {
  overflow: auto;
  padding: 12px 12px calc(16px + env(safe-area-inset-bottom, 0px));
  -webkit-overflow-scrolling: touch;
}
.wb-manga-catalog__from {
  margin: 0 0 8px;
  font-size: 12px;
  color: #94a3b8;
}
.wb-manga-catalog__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 520px) {
  .wb-manga-catalog__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.wb-manga-catalog__grid li {
  position: relative;
}
.wb-manga-catalog__grid a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 6px 8px;
  border-radius: 8px;
  background: #1f2937;
  color: #e5e7eb;
  text-decoration: none;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
  overflow: hidden;
}
html.theme-light .wb-manga-catalog__grid a {
  background: #f1f5f9;
  color: #334155;
}
.wb-manga-catalog__grid a.is-current {
  background: #0f766e;
  color: #fff;
  font-weight: 700;
}
body.wb-manga-catalog-open {
  overflow: hidden;
}

/* 详情/阅读：锁进 App 内容柱，去掉底栏，避免出框和挡住章节 */
body.wb-manga-detail,
body.wb-manga-read,
body.wb-manga-immersive {
  --wb-tabbar-height: 0px !important;
  padding-bottom: 0 !important;
  overflow-x: hidden;
}
html.theme-light body.wb-manga-detail,
html.theme-light body.wb-manga-read,
html.theme-light body.wb-manga-immersive {
  background: var(--wb-app-page-bg, #fff) !important;
}
body.wb-manga-detail::after,
body.wb-manga-read::after,
body.wb-manga-immersive::after {
  content: none !important;
  display: none !important;
  height: 0 !important;
}
body.wb-manga-detail .myui-nav__tabbar.wb-bottom-tabbar,
body.wb-manga-read .myui-nav__tabbar.wb-bottom-tabbar,
body.wb-manga-immersive .myui-nav__tabbar.wb-bottom-tabbar,
body.wb-manga-detail .wb-bottom-tabbar,
body.wb-manga-read .wb-bottom-tabbar,
body.wb-manga-immersive .wb-bottom-tabbar {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  overflow: hidden !important;
}
body.wb-manga-detail #header-top,
body.wb-manga-read #header-top,
body.wb-manga-immersive #header-top,
body.wb-manga-detail .myui-header__top,
body.wb-manga-read .myui-header__top,
body.wb-manga-immersive .myui-header__top {
  left: 50% !important;
  right: auto !important;
  width: 100% !important;
  max-width: var(--wb-app-shell-max, 960px) !important;
  transform: translateX(-50%);
  box-sizing: border-box;
}
body.wb-manga-detail > .container,
body.wb-manga-read > .container,
body.wb-manga-immersive > .container,
body.wb-manga-detail .myui-foot,
body.wb-manga-read .myui-foot,
body.wb-manga-immersive .myui-foot,
body.wb-manga-detail .myui-foot .container.min,
body.wb-manga-read .myui-foot .container.min,
body.wb-manga-immersive .myui-foot .container.min {
  width: 100% !important;
  max-width: var(--wb-app-shell-max, 960px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
body.wb-manga-detail > .container,
body.wb-manga-read > .container,
body.wb-manga-immersive > .container {
  padding-left: var(--wb-app-page-gutter, 12px) !important;
  padding-right: var(--wb-app-page-gutter, 12px) !important;
  overflow-x: hidden;
  background: var(--wb-app-card, #fff);
  min-height: calc(100vh - var(--myui-header-height, 44px) - env(safe-area-inset-top, 0px));
}
body.wb-manga-read > .container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important;
  background: var(--wb-app-page-bg, #f8fafc);
}
html.theme-dark body.wb-manga-read > .container,
html.wb-theme-dark body.wb-manga-read > .container {
  background: #0b0d12;
}
body.wb-manga-read-images,
.wb-manga-read-images {
  overflow-x: hidden;
}
.wb-manga-read-images img {
  max-width: 100% !important;
  width: 100%;
  height: auto;
  display: block;
}
.wb-manga-hero,
.wb-manga-blurb,
.wb-manga-chapters {
  max-width: 100%;
  box-sizing: border-box;
}
.wb-manga-chapters ul {
  width: 100%;
  box-sizing: border-box;
}
body.wb-manga-list,
body.wb-manga-search {
  overflow-x: hidden;
}
/* 漫画封面用书本图标，不用视频播放三角 */
body.wb-manga-list .myui-vodlist__thumb .play,
body.wb-manga-search .myui-vodlist__thumb .play {
  display: none !important;
}
.myui-vodlist__thumb .wb-manga-read-mark {
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.28);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23fff' d='M10 12h20c3.3 0 6 2.2 6 5v33c-2.4-1.6-4.8-2-6-2H10V12zm44 0H34c-3.3 0-6 2.2-6 5v33c2.4-1.6 4.8-2 6-2h20V12z'/%3E%3Cpath fill='%23fff' opacity='.55' d='M32 17c1.4-1.2 3.4-2 6-2h16v32H38c-2.2 0-4.2.6-6 1.6V17z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 42px 42px;
  -webkit-transition: opacity ease-out .35s;
  transition: opacity ease-out .35s;
}
.myui-vodlist__thumb:hover .wb-manga-read-mark {
  opacity: 1;
}
body.wb-manga-list .wb-video-list-body,
body.wb-manga-search .wb-video-list-body {
  overflow-x: hidden;
  box-sizing: border-box;
}

.wb-manga-hero__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
  align-items: center;
}
.wb-manga-hero__acts .wb-manga-read-btn {
  margin-top: 0;
}
.wb-manga-read-btn--ghost {
  background: #e2e8f0;
  color: #334155 !important;
}
html.theme-dark .wb-manga-read-btn--ghost,
html.wb-theme-dark .wb-manga-read-btn--ghost {
  background: #1e293b;
  color: #e2e8f0 !important;
}
.wb-manga-tabs {
  display: flex;
  gap: 6px;
  margin: 16px 0 12px;
  padding: 4px;
  border-radius: 12px;
  background: #f1f5f9;
}
html.theme-dark .wb-manga-tabs,
html.wb-theme-dark .wb-manga-tabs {
  background: #1e293b;
}
.wb-manga-tabs button {
  flex: 1;
  height: 36px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.wb-manga-tabs button.is-active {
  background: #fff;
  color: #0f766e;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}
html.theme-dark .wb-manga-tabs button.is-active,
html.wb-theme-dark .wb-manga-tabs button.is-active {
  background: #0f172a;
  color: #2dd4bf;
}
.wb-manga-pane[hidden] {
  display: none !important;
}
.wb-manga-pane.is-active {
  display: block;
}
.wb-manga-pane .wb-manga-chapters h2,
.wb-manga-pane .wb-manga-related h2,
.wb-manga-pane .wb-manga-comments h2 {
  display: none;
}
.wb-manga-related,
.wb-manga-comments {
  margin: 8px 0 8px;
}
.wb-manga-related h2,
.wb-manga-comments h2 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 800;
}
.wb-manga-related .myui-vodlist {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -4px;
}
.wb-manga-related .myui-vodlist > li {
  width: 33.333333%;
  max-width: 33.333333%;
  flex: 0 0 33.333333%;
  float: none;
  padding: 0 4px 12px;
  box-sizing: border-box;
}
html body.wb-manga-detail .wb-manga-related ul.myui-vodlist .myui-vodlist__thumb,
html body.wb-manga-detail .wb-manga-related .myui-vodlist__thumb,
html body.wb-manga-detail.layout-poster .wb-manga-related .myui-vodlist__thumb {
  padding-top: 140% !important;
}
.wb-manga-related .wb-vod-card__title,
.wb-manga-related .myui-vodlist__detail .title {
  font-size: 12px;
  line-height: 1.35;
}
.wb-manga-fav-num,
.wb-manga-hero__acts .digg_num {
  font-style: normal;
  font-weight: 700;
  margin-left: 2px;
}
.wb-manga-comments .mac_comment {
  min-height: 160px;
}
.wb-manga-comments .stui-comment__form,
.wb-manga-comments .comment_form,
.wb-manga-comments .mac_comment .comment_form {
  margin: 0 0 14px;
  padding: 12px;
  border-radius: 14px;
  background: #f8fafc;
  box-shadow: none;
}
html.theme-dark .wb-manga-comments .stui-comment__form,
html.wb-theme-dark .wb-manga-comments .stui-comment__form {
  background: #1e293b;
}
.wb-manga-comments textarea,
.wb-manga-comments .comment_content {
  min-height: 72px !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  background: #fff !important;
}
html.theme-dark .wb-manga-comments textarea,
html.wb-theme-dark .wb-manga-comments textarea {
  background: #0f172a !important;
  border-color: #334155 !important;
  color: #e2e8f0 !important;
}
.wb-manga-trysee-tip {
  margin: 0;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.5;
  color: #fbbf24;
  background: #1f2937;
  text-align: center;
}
html.theme-light .wb-manga-trysee-tip {
  color: #b45309;
  background: #fffbeb;
}
.wb-manga-lock--after-try {
  min-height: 28vh;
  margin-top: 8px;
}
.wb-manga-lock {
  margin: 16px 12px;
  padding: 36px 20px;
  min-height: 42vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #111827;
  color: #e5e7eb;
  text-align: center;
  border: 1px solid rgba(45, 212, 191, .35);
  box-shadow: inset 0 0 0 1px rgba(15, 118, 110, .18);
}
html.theme-light .wb-manga-lock {
  background: #ecfdf5;
  color: #0f766e;
  border: 2px solid #0d9488;
  box-shadow: 0 10px 28px rgba(13, 148, 136, .14);
}
.wb-manga-lock__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 10px;
}
.wb-manga-lock__title .fa {
  color: #2dd4bf;
}
html.theme-light .wb-manga-lock__title .fa {
  color: #0d9488;
}
.wb-manga-lock p {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.7;
  color: #94a3b8;
  max-width: 28em;
}
html.theme-light .wb-manga-lock p {
  color: #115e59;
}
.wb-manga-lock__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.wb-manga-lock .wb-manga-read-btn {
  margin-top: 0;
  min-width: 112px;
}
.wb-manga-lock .wb-manga-read-btn.is-busy {
  opacity: .65;
  pointer-events: none;
}
.wb-manga-toolbar {
  display: flex;
  gap: 0;
  padding: 0 2px;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.wb-manga-toolbar a {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 32px;
  padding: 0 4px;
  border-radius: 10px;
  background: transparent;
  color: #475569;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
}
.wb-manga-toolbar a .fa {
  font-size: 14px;
  color: #0f766e;
}
.wb-manga-toolbar a .digg_num {
  font-style: normal;
  font-weight: 700;
}
html.theme-dark .wb-manga-toolbar a,
html.wb-theme-dark .wb-manga-toolbar a {
  background: transparent;
  color: #cbd5e1;
}
html.theme-dark .wb-manga-toolbar a .fa,
html.wb-theme-dark .wb-manga-toolbar a .fa {
  color: #2dd4bf;
}
.wb-manga-toolbar a:hover {
  background: rgba(15, 118, 110, .08);
  color: #0f766e;
}
.wb-manga-read-empty {
  padding: 48px 16px;
  text-align: center;
  color: #94a3b8;
}
.wb-manga-detail .mac_comment {
  min-height: 80px;
}
.wb-manga-score {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 2px;
  font-size: 13px;
  color: #94a3b8;
}
html.theme-light .wb-manga-score {
  color: #64748b;
}
.wb-manga-score .left {
  flex: 0 0 auto;
}
.wb-manga-score .rating {
  display: inline-flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}
.wb-manga-score .rating li {
  cursor: pointer;
  color: #f59e0b;
  line-height: 1;
}
.wb-manga-score .rating li .fa {
  font-size: 18px;
}
.wb-manga-score .branch {
  font-weight: 800;
  font-size: 16px;
  color: #fbbf24;
  font-family: Georgia, "Times New Roman", Times, serif;
}
html.theme-light .wb-manga-score .branch {
  color: #d97706;
}
.wb-manga-score #ratewords {
  font-size: 12px;
}
.wb-manga-report {
  position: fixed;
  inset: 0;
  z-index: 12000;
}
.wb-manga-report[hidden] {
  display: none !important;
}
.wb-manga-report__overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, .55);
}
.wb-manga-report__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 70vh;
  padding: 0 0 16px;
  border-radius: 16px 16px 0 0;
  background: #0f172a;
  color: #e5e7eb;
}
html.theme-light .wb-manga-report__panel {
  background: #fff;
  color: #0f172a;
}
.wb-manga-report__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 8px;
}
.wb-manga-report__head strong {
  font-size: 16px;
}
.wb-manga-report__close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: #1f2937;
  color: #e5e7eb;
  font-size: 20px;
  line-height: 1;
}
html.theme-light .wb-manga-report__close {
  background: #e2e8f0;
  color: #334155;
}
.wb-manga-report__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 16px 8px;
}
.wb-manga-report__tip {
  margin: 0 0 4px;
  font-size: 12px;
  color: #94a3b8;
}
html.theme-light .wb-manga-report__tip {
  color: #64748b;
}
.wb-manga-report__body button {
  height: 44px;
  border: 0;
  border-radius: 12px;
  background: #1f2937;
  color: #e5e7eb;
  font-size: 14px;
}
html.theme-light .wb-manga-report__body button {
  background: #f1f5f9;
  color: #0f172a;
}
.wb-manga-report__body button:active {
  background: #0f766e;
  color: #fff;
}
body.wb-manga-report-open {
  overflow: hidden;
}
.wb-manga-comments--read {
  padding: 16px 12px 96px;
  background: #fff;
  color: #0f172a;
}
html.theme-dark .wb-manga-comments--read,
html.wb-theme-dark .wb-manga-comments--read {
  background: #111827;
  color: #e5e7eb;
}
.wb-manga-comments--read h2 {
  margin: 0 0 10px;
  font-size: 16px;
}
.wb-manga-pwd__row {
  margin: 0 0 14px;
}
.wb-manga-pwd__row input {
  width: 100%;
  max-width: 280px;
  height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(13, 148, 136, .45);
  border-radius: 12px;
  background: #fff;
  color: #0f172a;
  font-size: 15px;
  box-sizing: border-box;
}
html:not(.theme-light) .wb-manga-pwd__row input {
  background: #0f172a;
  color: #e5e7eb;
  border-color: rgba(45, 212, 191, .35);
}
.wb-manga-pwd__msg {
  margin-top: 10px !important;
  min-height: 1.4em;
}
.wb-manga-share {
  position: fixed;
  inset: 0;
  z-index: 12000;
}
.wb-manga-share[hidden] {
  display: none !important;
}
.wb-manga-share__overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, .55);
}
.wb-manga-share__panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 70vh;
  padding: 0 0 16px;
  border-radius: 16px 16px 0 0;
  background: #0f172a;
  color: #e5e7eb;
}
html.theme-light .wb-manga-share__panel {
  background: #fff;
  color: #0f172a;
}
.wb-manga-share__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 8px;
}
.wb-manga-share__head strong {
  font-size: 16px;
}
.wb-manga-share__close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: #1f2937;
  color: #e5e7eb;
  font-size: 20px;
  line-height: 1;
}
html.theme-light .wb-manga-share__close {
  background: #e2e8f0;
  color: #334155;
}
.wb-manga-share__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 16px 8px;
}
.wb-manga-share__body button {
  height: 44px;
  border: 0;
  border-radius: 12px;
  background: #1f2937;
  color: #e5e7eb;
  font-size: 14px;
}
html.theme-light .wb-manga-share__body button {
  background: #f1f5f9;
  color: #0f172a;
}
.wb-manga-share__body button:active {
  background: #0f766e;
  color: #fff;
}
.wb-manga-share__body i {
  margin-right: 8px;
}
.wb-manga-comment-sheet {
  position: fixed;
  inset: 0;
  z-index: 12000;
}
.wb-manga-comment-sheet[hidden] {
  display: none !important;
}
.wb-manga-comment-sheet__overlay {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, .55);
}
.wb-manga-comment-sheet__panel {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  max-width: var(--wb-app-shell-max, 960px);
  max-height: min(78vh, 640px);
  display: flex;
  flex-direction: column;
  transform: translateX(-50%);
  background: #fff;
  color: #0f172a;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -12px 36px rgba(0, 0, 0, .28);
}
html.theme-dark .wb-manga-comment-sheet__panel,
html.wb-theme-dark .wb-manga-comment-sheet__panel {
  background: #111827;
  color: #e5e7eb;
}
.wb-manga-comment-sheet__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  padding: 12px 14px;
  border-bottom: 1px solid #e2e8f0;
}
html.theme-dark .wb-manga-comment-sheet__head,
html.wb-theme-dark .wb-manga-comment-sheet__head {
  border-bottom-color: rgba(255, 255, 255, .08);
}
.wb-manga-comment-sheet__head strong {
  font-size: 15px;
  font-weight: 800;
}
.wb-manga-comment-sheet__close {
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #f1f5f9;
  color: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}
html.theme-dark .wb-manga-comment-sheet__close,
html.wb-theme-dark .wb-manga-comment-sheet__close {
  background: rgba(255, 255, 255, .1);
}
.wb-manga-comment-sheet__body {
  overflow: auto;
  padding: 12px 12px calc(16px + env(safe-area-inset-bottom, 0px));
  -webkit-overflow-scrolling: touch;
}
body.wb-manga-comment-open {
  overflow: hidden;
}
body.wb-manga-share-open {
  overflow: hidden;
}