/* Narrow-screen fallback for the desktop reader template. */
*, *::before, *::after { box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
img { max-width: 100%; height: auto; }
.read-content { overflow-wrap: anywhere; word-break: break-word; }

@media (max-width: 900px) {
  .read-header .wrap-center { width: calc(100% - 28px); min-width: 0; }
  .left-nav .logo .logo-ico { width: 112px; margin-right: 4px; overflow: hidden; }
  .left-nav .logo .logo-ico img { max-height: 38px; object-fit: contain; }
  .left-nav li { padding: 0 10px; }
  .left-nav li.quick-nav { display: none; }
  .read-login { display: none; }
  .crumbs-nav,
  .read-main-wrap,
  body.w640 .crumbs-nav,
  body.w640 .read-main-wrap,
  body.w800 .crumbs-nav,
  body.w800 .read-main-wrap,
  body.w900 .crumbs-nav,
  body.w900 .read-main-wrap,
  body.w1280 .crumbs-nav,
  body.w1280 .read-main-wrap { width: calc(100% - 28px) !important; }
  .read-main-wrap { padding: 0 22px; }
  .float-wrap { display: none; }
  .text-head h3 { font-size: 26px; line-height: 1.4; }
  .text-info .info { float: none; display: flex; flex-wrap: wrap; gap: 5px 14px; }
  .read-content { line-height: 1.9; }
  .chapter-control { display: flex; justify-content: center; align-items: center; gap: 12px; }
}

@media (max-width: 560px) {
  .read-header .wrap-center,
  .crumbs-nav,
  .read-main-wrap,
  body.w640 .crumbs-nav,
  body.w640 .read-main-wrap,
  body.w800 .crumbs-nav,
  body.w800 .read-main-wrap,
  body.w900 .crumbs-nav,
  body.w900 .read-main-wrap,
  body.w1280 .crumbs-nav,
  body.w1280 .read-main-wrap { width: calc(100% - 20px) !important; }
  .left-nav li { padding: 0 7px; }
  .left-nav li#j_nearRead { display: none; }
  .read-main-wrap { padding: 0 15px; font-size: 17px !important; }
  .main-text-wrap { padding: 34px 0 20px; }
  .text-head h3 { font-size: 22px; }
  .text-info .info i:nth-last-child(-n+2) { display: none; }
  .chapter-control a { flex: 1; text-align: center; }
}