/* Catalogue, comic, reader and support pages. The existing template owns all interactions. */
body[data-mc-theme="comic-plaza"] {
  --plaza-blue-button: #287bb3;
  --plaza-muted: #666;
  --plaza-page: #f5f5f5;
  --plaza-reader-orange: #ff5e06;
  --cl-ink: #333;
  --cl-paper: var(--plaza-surface, #fff);
  --cl-wood: var(--plaza-green, #2f851c);
  --cl-brass: var(--plaza-link, #1790e6);
  --cl-gold: var(--plaza-orange, #f77649);
  --cl-wine: var(--plaza-blue-button);
}

body[data-mc-theme="comic-plaza"]:is(.cl-page, .cl-account, .cl-library) {
  color: var(--cl-ink);
  background: var(--plaza-page);
  font: 14px/1.6 "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

body[data-mc-theme="comic-plaza"] :is(.cl-page-heading h1, main h2, main h3, .cl-account-banner h1) {
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  letter-spacing: 0;
}

body[data-mc-theme="comic-plaza"].cl-page main {
  padding-block: 16px 38px;
}

body[data-mc-theme="comic-plaza"] .cl-page-heading {
  margin: 0 0 14px;
  padding: 9px 0 12px;
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] .cl-page-heading h1 {
  margin: 0;
  font-size: 25px;
  font-weight: 500;
}

body[data-mc-theme="comic-plaza"] .cl-page-heading .cl-eyebrow {
  display: none;
}

body[data-mc-theme="comic-plaza"] .cl-page-heading > p:last-child {
  margin-top: 5px;
  color: var(--plaza-muted);
  font-size: 13px;
}

body[data-mc-theme="comic-plaza"] :is(.cl-paper, .cl-page-empty, .cl-catalog-results) {
  background: var(--plaza-surface, #fff);
  background-image: none;
  border: 1px solid var(--plaza-line, #e6e6e6);
  border-radius: 0;
  box-shadow: none;
}

body[data-mc-theme="comic-plaza"] .cl-button--outline {
  color: var(--plaza-blue-button) !important;
  border-color: #94c9f6 !important;
}

body[data-mc-theme="comic-plaza"] :is(.cl-breadcrumb, .cl-catalog-author, .cl-catalog-stat, .cl-dossier-byline, .cl-dossier-meta dt, .rate-count, .cl-chart-list p, .cl-chart-chapter, .cl-accession-list p, .cl-accession-list article > span) {
  color: var(--plaza-muted);
}

/* The 880/300 catalogue uses cover-and-text cards and a separate filter rail. */
body[data-mc-theme="comic-plaza"] :is(.cl-catalog-layout, .cl-search-layout) {
  grid-template-columns: minmax(0, 1fr) minmax(248px, 300px);
  gap: 16px;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-layout .cl-filter-cabinet {
  grid-column: 2;
  grid-row: 1;
  padding: 16px 18px !important;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-layout .cl-catalog-results {
  grid-column: 1;
  grid-row: 1;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-results {
  min-width: 0;
  padding: 0 22px 24px;
}

body[data-mc-theme="comic-plaza"] .cl-filter-title {
  margin-bottom: 4px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] .cl-filter-title h2 {
  font-size: 21px;
  font-weight: 500;
}

body[data-mc-theme="comic-plaza"] .cl-filter-group {
  padding-block: 9px;
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] .cl-filter-group summary {
  min-height: 24px;
  color: #444;
}

body[data-mc-theme="comic-plaza"] .cl-filter-options {
  gap: 4px;
  margin-top: 5px;
}

body[data-mc-theme="comic-plaza"] :is(.cl-filter-options a, .cl-catalog-toolbar nav a) {
  min-height: 25px;
  padding: 3px 7px;
  border-radius: 0;
}

body[data-mc-theme="comic-plaza"] :is(.cl-filter-options, .cl-catalog-toolbar nav) a[aria-current="true"] {
  background: var(--plaza-blue-button);
  color: #fff;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-toolbar {
  min-height: 56px;
  margin-bottom: 20px;
  padding-block: 10px;
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] .cl-catalog-toolbar strong {
  font-size: 16px;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px 18px;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-card {
  display: grid;
  grid-template-columns: minmax(66px, 45%) minmax(0, 1fr);
  gap: 11px;
  align-items: start;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] .cl-catalog-cover {
  border: 1px solid var(--plaza-line, #e6e6e6);
  background: #eee;
  box-shadow: none;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-cover::after {
  content: none;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-cover > span {
  right: 0;
  bottom: 0;
  background: #000b;
  color: #fff;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-card > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-card h2 {
  order: -1;
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-author {
  margin: 0 0 6px;
}

body[data-mc-theme="comic-plaza"] .cl-catalog-chapter a {
  color: var(--plaza-blue-button);
}

body[data-mc-theme="comic-plaza"] :is(.cl-pagination a, .cl-pagination span, .cl-page-search input, .cl-search-aside section + section, .cl-search-aside [data-cl-search-history] a, .cl-hot-list li) {
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] :is(.cl-page-search > div, .cl-search-aside) {
  box-shadow: none;
}

body[data-mc-theme="comic-plaza"] .cl-page-search input {
  height: 44px;
  background: #fff;
}

/* Comic information and the four-column chapter list. */
body[data-mc-theme="comic-plaza"] .cl-dossier-card {
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 25px;
  padding: 23px !important;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-cover > img {
  border: 1px solid var(--plaza-line, #e6e6e6);
  box-shadow: none;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-cover figcaption {
  margin-top: 8px;
  color: var(--plaza-muted);
  font: 12px/1.4 "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-copy h1 {
  margin: 0 0 10px;
  font: 500 28px/1.35 "Microsoft YaHei", sans-serif;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-copy .cl-eyebrow {
  display: none;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-meta {
  gap: 8px 14px;
  margin-bottom: 10px;
  padding-block: 12px;
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] .cl-dossier-meta > div {
  min-width: 0;
  overflow-wrap: anywhere;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-copy :is(.cl-synopsis, .cl-dossier-support) {
  margin-block: 12px;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-support a {
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] .cl-dossier-body {
  padding-top: 16px;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-sections {
  gap: 16px;
}

body[data-mc-theme="comic-plaza"] .cl-dossier-sections :is(.de-chapter, .de-comment, .de-gift, .guess-u-like) {
  padding: 18px;
  border-color: var(--plaza-line, #e6e6e6);
  background: #fff;
}

body[data-mc-theme="comic-plaza"] .cl-detail .chapter__list-box {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 10px;
}

body[data-mc-theme="comic-plaza"] .cl-detail .chapter__item {
  min-height: 42px;
  border: 0;
  border-bottom: 1px solid var(--plaza-line, #e6e6e6);
  background: #fff;
}

body[data-mc-theme="comic-plaza"] .cl-detail .chapter__item a {
  min-height: 42px;
  color: #333;
}

body[data-mc-theme="comic-plaza"] .cl-detail .chapter__item:hover {
  background: #edf6fc;
}

body[data-mc-theme="comic-plaza"] :is(.cl-chapters-toggle, .cl-dossier-share, .cl-detail .btn--sort, .cl-detail .de-gift__item, .cl-detail .de-comment__item, .cl-detail .de-comment__item--textarea) {
  border-color: var(--plaza-line, #e6e6e6);
  color: #333;
}

body[data-mc-theme="comic-plaza"] :is(.cl-detail .de-comment__item--textarea, .cl-detail .de-comment__item--reply, .cl-detail .de-comment__face-box, .cl-detail .de-gift__item.active) {
  background: #f6f8fa;
}

body[data-mc-theme="comic-plaza"] :is(.de-comment__title, .de-gift__title, .guess__title) {
  font: 500 21px/1.45 "Microsoft YaHei", sans-serif;
}

/* Reader shell. The stored background/width settings continue to work. */
body[data-mc-theme="comic-plaza"].cl-reader {
  --cl-reader-bg: #eee;
  color: #333 !important;
}

body[data-mc-theme="comic-plaza"].cl-reader[data-reading-theme="soft"] {
  --cl-reader-bg: #e0e1df;
}

body[data-mc-theme="comic-plaza"].cl-reader[data-reading-theme="night"] {
  --cl-reader-bg: #181818;
  color: #e3e3e3 !important;
}

body[data-mc-theme="comic-plaza"].cl-reader .read__header.cl-reader-header {
  min-height: 98px;
  padding-inline: max(20px, calc((100vw - 980px) / 2));
  background: #eee;
  border-bottom: 1px solid #d8d8d8;
  color: #333;
  margin-bottom: 16px;
}

body[data-mc-theme="comic-plaza"] .cl-reader-header h1 {
  font: 500 20px/1.35 "Microsoft YaHei", sans-serif;
}

body[data-mc-theme="comic-plaza"] :is(.cl-reader-header a, .cl-reading-desk a, .cl-reading-desk output) {
  color: #333;
}

body[data-mc-theme="comic-plaza"].cl-reader :is(.rd-article__pic img, .comic-page img) {
  background: #fff;
}

body[data-mc-theme="comic-plaza"].cl-reader .rd-aside {
  background: #fff;
  border-color: #ddd;
  color: #333;
}

body[data-mc-theme="comic-plaza"].cl-reader .rd-aside__item {
  color: #333;
  border-color: #e6e6e6;
}

body[data-mc-theme="comic-plaza"].cl-reader .rd-aside__item:hover {
  background: #f5f5f5;
}

body[data-mc-theme="comic-plaza"].cl-reader :is(.j-rd-prev, .j-rd-next, .btn--next-chapter) {
  background: var(--plaza-reader-orange);
  color: #191919;
}

body[data-mc-theme="comic-plaza"].cl-reader :is(.j-rd-prev, .j-rd-next, .btn--next-chapter):hover {
  background: #e45100;
  color: #191919;
}

body[data-mc-theme="comic-plaza"] :is(.cl-reading-desk, .cl-reader-settings > div, .cl-resume-note) {
  background: #fff;
  border-color: #ddd;
  color: #333;
}

body[data-mc-theme="comic-plaza"] :is(.cl-reader-settings summary, .cl-reader-settings select, .cl-reader-settings button, .cl-resume-note button) {
  border-color: #ddd;
  background: #fafafa;
  color: #333;
}

body[data-mc-theme="comic-plaza"] .cl-reader-settings button[aria-pressed="true"] {
  background: var(--plaza-blue-button);
  color: #fff;
}

body[data-mc-theme="comic-plaza"] .cl-reading-progress {
  background: #ddd;
}

body[data-mc-theme="comic-plaza"] .cl-reading-progress i {
  background: var(--plaza-reader-orange);
}

body[data-mc-theme="comic-plaza"].cl-reader :is(.aside__catalog, .catalog__item, .rd-article__end, .chapter-end, .read-end, .read-chapter-buy, .pay-chapter-box, .dialog--gift) {
  background: #fff;
  border-color: #ddd;
  color: #333;
}

/* Shared document, ranking and account surfaces. */
body[data-mc-theme="comic-plaza"] :is(.cl-chart-nav a, .cl-chart-list > li, .cl-chart-volume > header, .cl-date-tabs, .cl-date-tabs button, .cl-accession-list article, .cl-help-sidebar, .cl-help-sidebar summary, .cl-help-prose .map__link-box) {
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] :is(.cl-chart-nav a, .cl-date-tabs button) {
  background: #fff;
  border-radius: 0;
  color: #333;
}

body[data-mc-theme="comic-plaza"] :is(.cl-chart-nav a[aria-current="page"], .cl-date-tabs button[aria-selected="true"]) {
  background: var(--plaza-blue-button);
  color: #fff;
}

body[data-mc-theme="comic-plaza"] :is(.cl-chart-cover, .cl-help-sidebar) {
  box-shadow: none;
}

body[data-mc-theme="comic-plaza"] :is(.cl-help-sidebar, .cl-help-sidebar nav, .cl-help-prose .map__link-box .link-item a) {
  background: #fff;
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"] :is(.cl-help-sidebar summary, .cl-help-sidebar nav a, .cl-help-prose, .cl-help-prose p, .cl-help-prose dd, .cl-help-prose h2, .cl-help-prose dt, .cl-help-prose .map__link-head) {
  color: #333;
  font-family: "Microsoft YaHei", sans-serif;
}

body[data-mc-theme="comic-plaza"] .cl-help-prose::before {
  content: none;
}

body[data-mc-theme="comic-plaza"] :is(.cl-help-sidebar nav a:hover, .cl-help-sidebar nav a[aria-current="page"]) {
  color: var(--plaza-blue-button);
  background: #edf6fc;
}

body[data-mc-theme="comic-plaza"] :is(.cl-help-prose a, .cl-help-return) {
  color: var(--plaza-blue-button);
  border-color: #bcd8ea;
}

body[data-mc-theme="comic-plaza"] [data-site-feedback] :is(input, select, textarea) {
  border-color: #ccc;
  background: #fff;
  color: #333;
}

body[data-mc-theme="comic-plaza"] :is(.cl-account-masthead.header-user-wrapper, .cl-account-footer) {
  background: var(--plaza-green, #2f851c);
  border-color: #267317;
  color: #fff;
}

body[data-mc-theme="comic-plaza"] :is(.cl-account-brand, .cl-account-topnav a) {
  color: #fff !important;
}

body[data-mc-theme="comic-plaza"] .cl-account-footer :is(.cl-footer-wordmark, p, small, a) {
  color: #fff;
  font-family: "Microsoft YaHei", sans-serif;
}

body[data-mc-theme="comic-plaza"].cl-account :is(.main-content--aside, .user-right, .g-au-wrap, .cl-account-sidebar.aside-user, .cl-pass-ledger, .cl-account-profile .dialog__header-avatar, .cl-account-profile .row-2) {
  background: #fff;
  color: #333;
  border-color: var(--plaza-line, #e6e6e6);
  box-shadow: none;
}

body[data-mc-theme="comic-plaza"].cl-account :is(.cl-sidebar-bookplate, .main-content_title, .user-right-top, .m-title, .comic-list__head, .cl-study-shortcuts, .cl-study-shortcuts a, .user-info, .cl-sidebar-group) {
  color: #333;
  background: #f6f8fa;
  border-color: var(--plaza-line, #e6e6e6);
}

body[data-mc-theme="comic-plaza"].cl-account :is(.cl-sidebar-group summary, .cl-sidebar-bookplate small, .cl-sidebar-bookplate strong, .cl-account-banner h1, .cl-account-banner p) {
  color: #333;
}

body[data-mc-theme="comic-plaza"].cl-account .cl-account-sidebar dd a {
  color: #333 !important;
}

body[data-mc-theme="comic-plaza"].cl-account .cl-account-sidebar dd a:hover,
body[data-mc-theme="comic-plaza"].cl-account .cl-account-sidebar dd.aside-user--selected a {
  background: #edf6fc;
  color: var(--plaza-blue-button) !important;
  border-color: var(--plaza-blue-button);
}

body[data-mc-theme="comic-plaza"].cl-auth-page :is(.login-box.cl-pass-ledger, .dialog-login, .login-main, .register-main, .forgot) {
  background: #fff;
  border-color: var(--plaza-line, #e6e6e6);
  box-shadow: none;
}

body[data-mc-theme="comic-plaza"].cl-auth-page .cl-pass-cover {
  background: #e9f4e5;
  border-color: #ceddca;
  color: #333;
}

body[data-mc-theme="comic-plaza"].cl-auth-page .cl-pass-cover::after {
  content: none;
}

body[data-mc-theme="comic-plaza"].cl-auth-page :is(.cl-pass-cover h1, .cl-pass-cover p, .cl-pass-cover .cl-eyebrow, .cl-pass-cover > small, .dialog-login .form-title h3, .cl-field-label) {
  color: #333;
  font-family: "Microsoft YaHei", sans-serif;
  letter-spacing: 0;
}

body[data-mc-theme="comic-plaza"].cl-auth-page .dialog-login :is(.form-title a, .forgot-link, .tip-protocol a) {
  color: var(--plaza-blue-button);
}

body[data-mc-theme="comic-plaza"].cl-auth-page .dialog-login :is(input:not([type="checkbox"]), .sms-btn) {
  background: #fff;
  color: #333;
  border-color: #ccc;
}

@media (max-width: 1090px) {
  body[data-mc-theme="comic-plaza"] .cl-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 850px) {
  body[data-mc-theme="comic-plaza"] :is(.cl-catalog-layout, .cl-search-layout, .cl-dossier-sections) {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-mc-theme="comic-plaza"] .cl-catalog-layout :is(.cl-filter-cabinet, .cl-catalog-results),
  body[data-mc-theme="comic-plaza"] .cl-dossier-sections :is(.de-gift, .de-comment, .de-chapter, .guess-u-like) {
    grid-column: 1;
    grid-row: auto;
  }

  body[data-mc-theme="comic-plaza"] .cl-detail .chapter__list-box {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  body[data-mc-theme="comic-plaza"] .cl-catalog-results {
    padding-inline: 12px;
  }

  body[data-mc-theme="comic-plaza"] .cl-catalog-card {
    grid-template-columns: 1fr;
  }

  body[data-mc-theme="comic-plaza"] .cl-dossier-cover {
    max-width: 110px;
  }

  body[data-mc-theme="comic-plaza"] .cl-dossier-copy h1 {
    font-size: 22px;
  }

  body[data-mc-theme="comic-plaza"] .cl-detail .chapter__list-box {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}