/* PB 薄壳共享基底：reset + wrap，不含风格差异（由各 preset 的 pb-shell.css 扩展） */
*, *::before, *::after { box-sizing: border-box; }
/* 移动端触摸滚动时哪怕没有真实横向溢出，斜向滑动也可能触发页面横向弹性回弹（scrollX 短暂偏移）；
   禁用横向 overscroll 从根上消除这个抖动源，避免依赖 JS 事后修正（见 mac-theme-chrome.js initPageScrollXLock） */
html {
  overscroll-behavior-x: none;
}
body {
  margin: 0;
  font-family: var(--font-base);
  font-size: 14px;
  line-height: 1.5;
  color: var(--c-text);
  background: var(--c-bg);
  overscroll-behavior-x: none;
}
a { color: var(--c-link); text-decoration: none; }
a:hover { color: var(--c-link-hover); }
img { max-width: 100%; height: auto; }

/* 短内容页：主栏至少一屏高，配合 .pb-site-footer { margin-top: auto } 把页脚顶到底 */
.pbs-shell__main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
}

.pbs-wrap {
  max-width: var(--wrap, 1400px);
  margin: 0 auto;
  padding: 16px var(--gutter, 8px) 48px;
  width: 100%;
  box-sizing: border-box;
}

/* 顶栏下紧接频道条：去掉 wrap 顶 padding，避免 16px 灰缝 */
.pbs-wrap:has(> .bili-channel),
.pbs-wrap:has(> .pb-channel-strip) {
  padding-top: 0;
}

.pbs-wrap > .bili-channel {
  /* B站初版：贴合页面，不要卡片底/圆角/阴影 */
  background: transparent;
  border-radius: 0;
  padding: 16px 0 14px;
  margin-bottom: 12px;
  box-shadow: none;
}

.bili-hero {
  position: relative;
  height: 120px;
  margin-bottom: 8px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--c-accent-soft), var(--c-link-soft));
}
.bili-hero__img,
.bili-hero__glow,
.bili-hero__mask { display: none; }
.bili-hero__base {
  position: absolute;
  inset: 0;
  background: var(--gradient-hero-band);
}

.layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.layout.home .pbs-main { min-width: 0; }

.layout.manga-home,
.layout.novel-home {
  /* 必须 minmax(0,1fr)：裸 1fr = minmax(auto,1fr)，横向 max-content 子项会撑破整页 */
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 1160px;
  margin: 0 auto;
  width: 100%;
  min-width: 0;
  padding-top: 8px !important;
}

.layout.novel-home {
  padding-top: 0 !important;
  gap: 0;
}

.layout.manga-home .pbs-main,
.layout.novel-home .pbs-main,
.layout.home .pbs-main {
  min-width: 0;
  max-width: 100%;
}

.layout.list .pbs-main,
.layout.detail .pbs-main,
.layout.play .pbs-main,
.layout.member .pbs-main,
.layout.gbook .pbs-main,
.layout.rank .pbs-main {
  min-width: 0;
}

/* 块栈主栏：8pt 节奏（16px），替代脚手架顶层 spacer（排除 solo/auth/漫画小说首页） */
.layout.list .pbs-main,
.layout.rank .pbs-main,
.layout.gbook .pbs-main,
.layout.detail .pbs-main,
.layout.member .pbs-main,
.layout.home .pbs-main,
.layout.play .pbs-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* 脚手架遗留顶层 spacer 由 gap 接管 */
.layout.list .pbs-main > .pb-block-host[data-pb-component="spacer"],
.layout.rank .pbs-main > .pb-block-host[data-pb-component="spacer"],
.layout.gbook .pbs-main > .pb-block-host[data-pb-component="spacer"],
.layout.detail .pbs-main > .pb-block-host[data-pb-component="spacer"],
.layout.member .pbs-main > .pb-block-host[data-pb-component="spacer"],
.layout.home .pbs-main > .pb-block-host[data-pb-component="spacer"],
.layout.play .pbs-main > .pb-block-host[data-pb-component="spacer"] {
  display: none;
}

/* 列表/排行/留言默认不加顶层面包屑 */
.layout.list .pbs-main > .pb-block-host[data-pb-component="breadcrumb"],
.layout.rank .pbs-main > .pb-block-host[data-pb-component="breadcrumb"],
.layout.gbook .pbs-main > .pb-block-host[data-pb-component="breadcrumb"] {
  display: none;
}

.layout.list .pbs-main > .pb-sec-heading,
.layout.rank .pbs-main > .pb-sec-heading,
.layout.gbook .pbs-main > .pb-sec-heading,
.layout.detail .pbs-main > .pb-sec-heading,
.layout.member .pbs-main > .pb-sec-heading,
.layout.home .pbs-main > .pb-sec-heading {
  margin-bottom: 0;
}

.layout.list .bili-hero,
.layout.detail .bili-hero,
.layout.play .bili-hero,
.layout.member .bili-hero {
  display: none;
}

.layout.solo .pbs-wrap { padding-top: 0; }
.layout.solo .pbs-main {
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  display: block;
}

/* H5：list/live 顶栏下有频道条时去掉 wrap 顶缝；is-left-nav 槽位吸顶（祖先勿 overflow，否则 .hd sticky 无效） */
@media (max-width: 960px) {
  /* 首页：横滑卡片/频道条负 margin 不得撑出整页左右滑；勿在 body/html 设 overflow（会打掉 .hd sticky） */
  body.page-home {
    max-width: 100%;
    touch-action: pan-y pinch-zoom;
  }

  body.page-home .pbs-shell__main {
    max-width: 100%;
    min-width: 0;
  }

  body.page-home .pbs-wrap {
    max-width: 100%;
    min-width: 0;
  }

  body.page-home .layout.home {
    min-width: 0;
    max-width: 100%;
  }

  .pbs-shell.is-left-nav,
  .pbs-shell.is-left-nav > .pbs-shell__main {
    overflow: visible;
  }
  .pbs-shell.is-left-nav > .pbs-shell__nav {
    position: sticky;
    top: 0;
    z-index: 1000;
    overflow: visible;
    background: var(--c-surface, #fff);
  }
  /* 双保险：H5 顶栏下紧接频道条时顶缝为 0（避免误伤无 channel 的 wrap） */
  .pbs-wrap:has(> .bili-channel),
  .pbs-wrap:has(> .pb-channel-strip) {
    padding-top: 0;
  }
}

/* 小说首页：页级左右安全区（不依赖 novel_home_banner 组件 CSS） */
.page-novel-home {
  background: var(--c-bg, #f5f6fa);
  overflow-x: hidden;
}

.page-novel-home .mac-crumb {
  display: none;
}

.page-novel-home .nv-tabs-shell {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px;
  box-sizing: border-box;
  min-width: 0;
}

.page-novel-home .pbs-wrap,
.page-novel-home .wrap {
  padding-left: 12px;
  padding-right: 12px;
  min-width: 0;
  overflow-x: hidden;
  box-sizing: border-box;
}

.page-novel-home .layout.novel-home .pbs-main {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.page-novel-home .bili-sec--card {
  margin: 0;
  border: 1px solid var(--c-border, rgba(15, 23, 42, 0.06));
  border-radius: 14px;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}

.page-novel-home .bili-sec--card > .bili-sec__head {
  margin-bottom: 8px !important;
}

.page-novel-home .bili-sec--card .bili-sec__ico--art {
  background: linear-gradient(135deg, #9b8cff, #7c4dff);
}

@media (max-width: 960px) {
  .page-novel-home .nv-tabs-shell,
  .page-novel-home .nv-row,
  .page-novel-home .nv-sec,
  .page-novel-home .bili-sec {
    max-width: 100%;
    min-width: 0;
  }
}

@media (min-width: 821px) {
  .page-novel-home .nv-tabs-shell,
  .page-novel-home .pbs-wrap,
  .page-novel-home .wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* preset: preset-qm98 */
/* QM98: source of the generated theme shell. Component styles use qm- names. */
:root, :root.bstem {
  --c-bg:#0f1115; --c-surface:#171a21; --c-surface-2:#1f232c;
  --c-text:#e8eaed; --c-text-muted:#9aa0a6; --c-border:#2a2f3a;
  --c-accent:#e8467c; --c-accent-hover:#ef6894; --c-accent-ink:#fff;
  --c-accent-soft:rgba(232,70,124,.12); --c-link:#e8467c;
  --c-surface-muted:#1f232c; --bg-deep:#0f1115; --wrap:1280px;
  --gutter:16px; --radius:8px; --radius-surface:8px; color-scheme:dark;
}
body.pbs-body {background:var(--c-bg);color:var(--c-text)}
body.qm98 {margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--qm-side:clamp(80px,calc((100vw - 1280px + 32px)/2 - 8px),120px);--qm-float-h:0px;padding-bottom:var(--qm-float-h);-webkit-font-smoothing:antialiased}
.qm98 *, .qm98 *::before, .qm98 *::after {box-sizing:border-box}
.qm98 .pbs-shell {display:block;width:100%;max-width:none;margin:0;padding:0;min-height:100vh}
.qm98 .pbs-shell__nav {display:none}
.qm98 .pbs-shell__main {min-width:0;display:flex;flex-direction:column;min-height:100vh;padding:0}
.qm98 .pbs-wrap, .qm-wrap {width:100%;max-width:1280px;margin:0 auto;padding:0 16px}
.qm98 .pbs-wrap {padding-top:12px;padding-bottom:28px;flex:1}
.qm98 .layout, .qm98 .layout.play, .qm98 .layout.detail {display:block;margin:0;padding:0;min-width:0}
.qm98 .pbs-main {display:block;min-width:0;width:100%;padding:0;margin:0}
.qm98 a {color:inherit;text-decoration:none}
.qm98 button, .qm98 input {font:inherit}
.qm98 button {cursor:pointer}
.qm98 a:focus-visible,.qm98 button:focus-visible,.qm98 input:focus-visible {outline:2px solid var(--c-accent);outline-offset:3px}
.qm98 [hidden] {display:none!important}
.qm98 img {max-width:100%;display:block}
.qm-header {background:var(--c-surface);border-bottom:1px solid var(--c-border);position:relative;z-index:50}
.qm-header-row {height:60px;display:flex;align-items:center;gap:16px}
.qm-header .qm-logo {font-size:22px;font-weight:700;color:var(--c-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%;letter-spacing:.5px}
.qm-logo img {height:40px;width:auto;max-width:100%;object-fit:contain}
.qm-search {display:flex;position:relative;flex:1;max-width:460px;margin-left:auto;min-width:0}
.qm-search svg {position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--c-text-muted);pointer-events:none}
.qm-search input {min-width:0;width:100%;height:38px;padding:0 14px 0 36px;border:1px solid var(--c-border);border-right:0;border-radius:19px 0 0 19px;background:var(--c-surface-2);color:var(--c-text)}
.qm-search input:focus {border-color:var(--c-accent)}
.qm-search button {height:38px;padding:0 18px;border:0;border-radius:0 19px 19px 0;background:var(--c-accent);color:#fff;white-space:nowrap}
.qm-nav {border-top:1px solid var(--c-border)}
.qm-nav-inner {height:44px;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.qm-nav-inner::-webkit-scrollbar {display:none}
.qm-nav a {flex:none;padding:6px 14px;border-radius:16px;font-size:15px;color:var(--c-text-muted);white-space:nowrap}
.qm-nav a.is-current {background:var(--c-accent);color:#fff}
.qm-nav a:hover {color:var(--c-text)}
.qm-top-ads:empty {display:none}
.qm-section {margin:20px 0}
.qm-section-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.qm-section-head h1,.qm-section-head h2 {margin:0;padding-left:10px;border-left:4px solid var(--c-accent);font-size:18px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}
.qm-section-head>a,.qm-section-head>span {flex:none;color:var(--c-text-muted);font-size:13px}
.qm-section-head>a:hover {color:var(--c-accent)}
.qm-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
.qm-grid.qm-grid--portrait {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;grid-auto-flow:dense}
.qm-card {display:block;min-width:0}
.qm-thumb {position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:var(--c-surface-2);isolation:isolate}
.qm-thumb::before {content:'▷';position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:var(--c-text-muted);opacity:.3;z-index:-1}
.qm-thumb::after {content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(transparent,rgba(0,0,0,.55));pointer-events:none}
.qm-thumb img {width:100%;height:100%;object-fit:cover;object-position:center 30%;transition:transform .35s}
.qm-grid--portrait .qm-thumb {aspect-ratio:3/4}
.qm-grid--portrait .qm-thumb img {object-position:center top}
.qm-grid--portrait .qm-card--ad {grid-column:span 2}
.qm-grid--portrait .qm-card--ad .qm-thumb {aspect-ratio:1.55}
.qm-card:hover img {transform:scale(1.05)}
.qm-play-icon {position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%) scale(.8);border:2px solid #ddd;border-radius:50%;background:#0008;z-index:2;opacity:0;transition:opacity .25s,transform .25s}
.qm-play-icon::before {content:'';position:absolute;left:16px;top:11px;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff}
.qm-card:hover .qm-play-icon {opacity:1;transform:translate(-50%,-50%) scale(1)}
.qm-tag,.qm-duration,.qm-new {position:absolute;z-index:2;font-size:12px;line-height:1;padding:4px 6px;border-radius:4px;color:#fff;background:#000b}
.qm-tag {top:6px;left:6px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--c-accent)}
.qm-duration {right:6px;bottom:6px}
.qm-new {top:6px;right:6px;background:#f5a524;color:#1a1200;font-size:11px;font-weight:700}
.qm-card-title {margin-top:7px;line-height:1.45;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.qm-grid--portrait .qm-card-title {font-size:13px}
.qm-card:hover .qm-card-title {color:var(--c-accent)}
.qm-card-meta {display:flex;align-items:center;gap:8px;margin-top:3px;font-size:12px;color:var(--c-text-muted);white-space:nowrap;overflow:hidden}
.qm-card-meta time::before {content:'·';margin-right:8px}
.qm-card-meta span:empty {display:none}
.qm-card-meta span:empty+time::before {display:none}
.qm-hot {display:flex;gap:12px;align-items:center;margin:4px 0 20px;padding:10px 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px}
.qm-hot b {flex:none;color:var(--c-accent)}
.qm-hot>div {display:flex;gap:8px;overflow:auto;scrollbar-width:none}
.qm-hot a {flex:none;padding:3px 11px;border-radius:14px;background:var(--c-surface-2);color:var(--c-text-muted);font-size:13px}
.qm-hot a:hover {background:var(--c-accent);color:#fff}
.qm-empty {grid-column:1/-1;text-align:center;padding:70px 0;color:var(--c-text-muted)}
.qm-pager {display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:28px 0 8px}
.qm-pager a {display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--c-border);border-radius:6px;background:var(--c-surface-2)}
.qm-pager a.is-current {background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.qm-page-info {text-align:center;color:var(--c-text-muted);font-size:12px}
.qm-crumb {margin:0 0 10px;font-size:13px;color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qm-toolbar {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 12px}
.qm-button {display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid var(--c-border);border-radius:16px;background:var(--c-surface);color:var(--c-text);font-size:13px;white-space:nowrap}
.qm-button.qm-button--primary {background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.qm-play-tip {flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--c-text-muted)}
.qm-episodes {margin-bottom:12px;padding:12px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface)}
.qm-episodes h3 {font-size:13px;color:var(--c-text-muted);margin:10px 0}
.qm-episode-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;max-height:260px;overflow:auto}
.qm-episode-list a {padding:7px 4px;text-align:center;border:1px solid var(--c-border);border-radius:6px;background:var(--c-surface-2);font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.qm-episode-list a.is-current {background:var(--c-accent);border-color:var(--c-accent);color:#fff}
.qm-info {display:flex;gap:18px;padding:16px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface)}
.qm-info-pic {flex:none;width:240px;height:135px;border-radius:6px;overflow:hidden;background:var(--c-surface-2)}
.qm-info-pic img {width:100%;height:100%;object-fit:cover}
.qm-info-body {flex:1;min-width:0}
.qm-info h1 {font-size:20px;line-height:1.4;margin:0 0 6px;overflow-wrap:anywhere}
.qm-meta {display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--c-text-muted);margin-bottom:8px}
.qm-meta>* {padding:2px 8px;background:var(--c-surface-2);border-radius:4px}
.qm-meta>a {background:var(--c-accent);color:#fff}
.qm-info-row {margin:6px 0;color:var(--c-text-muted)}
.qm-info-row a {margin-right:10px}
.qm-tags a {display:inline-block;padding:1px 9px;margin:2px 6px 2px 0;border:1px solid var(--c-border);border-radius:10px;font-size:12px;color:var(--c-text-muted)}
.qm-blurb {margin-top:10px;padding-top:10px;border-top:1px dashed var(--c-border);color:var(--c-text-muted);line-height:1.8;overflow-wrap:anywhere;white-space:pre-line}
.qm-blurb.is-folded {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qm-fold-button {padding:4px 0;background:none;border:0;color:var(--c-accent);font-size:13px}
.qm98 .pbs-vod-player {margin:0;padding:0;background:none;border:0;border-radius:0}
.qm98 .pbs-vod-player__host {width:100%;aspect-ratio:16/9;min-height:0;height:auto;border-radius:8px;background:#000;overflow:hidden;box-shadow:0 10px 30px #0006}
.qm98 .pbs-vod-player__empty {aspect-ratio:16/9;display:grid;place-items:center;background:#000;border-radius:8px;color:var(--c-text-muted)}
.qm98 .pbs-vod-player__gate {padding:24px;text-align:center;border:1px solid var(--c-border);border-radius:8px}
.qm98 .pbs-vod-player__actions {justify-content:flex-end}
.qm-ad {display:flex;flex-direction:column;gap:8px;margin:10px 0}
.qm-ad-item img {width:100%;height:auto;border-radius:6px}
.qm-ad--text {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.qm-ad--text a {padding:7px 4px;text-align:center;border:1px dashed var(--c-border);border-radius:6px;color:var(--c-accent);background:var(--c-surface-2);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.qm-ad--icons {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 6px;padding:12px 8px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface)}
.qm-ad--icons a {display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;font-size:12px;line-height:1.3}
.qm-ad--icons img {width:100%;max-width:60px;aspect-ratio:1;object-fit:cover;border-radius:14px}
.qm-ad--icons span {max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qm-overlay {position:fixed;z-index:90}
.qm-overlay-box {position:relative}
.qm-overlay-item img {width:100%;height:auto}
.qm-close {position:absolute;right:4px;top:4px;z-index:2;width:26px;height:26px;border:0;border-radius:50%;background:#000b;color:#fff;font-size:20px;line-height:24px;padding:0}
.qm-overlay--float {bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:640px;padding-bottom:env(safe-area-inset-bottom)}
.qm-overlay--popup {inset:0;display:flex;align-items:center;justify-content:center;background:#0009;padding:16px;z-index:100}
.qm-overlay--popup .qm-overlay-box {width:100%;max-width:420px}
.qm-overlay--popup .qm-overlay-item img {max-height:calc(100dvh - 48px);object-fit:contain}
.qm-overlay--popup .qm-close {top:-10px;right:-10px;width:30px;height:30px;border:1px solid #fff8}
.qm-overlay--side_left,.qm-overlay--side_right {display:none;top:140px;width:var(--qm-side);z-index:40}
.qm-overlay--side_left {left:8px}.qm-overlay--side_right {right:8px}
.qm-footer {background:var(--c-surface);border-top:1px solid var(--c-border);color:var(--c-text-muted);text-align:center;font-size:12px;padding:20px 0 calc(20px + env(safe-area-inset-bottom))}
.qm-footer nav {display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px;margin-bottom:10px}
.qm-footer p {margin:6px 0 0}
.qm-gotop {position:fixed;right:16px;bottom:calc(max(84px,var(--qm-float-h)) + env(safe-area-inset-bottom));z-index:80;width:42px;height:42px;border-radius:50%;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:24px;box-shadow:0 6px 18px #0004}
.qm-toast {position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);background:#000d;color:#fff;padding:10px 18px;border-radius:8px;z-index:200;pointer-events:none}
.qm-copy-dialog {position:fixed;inset:0;display:grid;place-items:center;background:#0009;padding:16px;z-index:150}
.qm-copy-box {position:relative;width:100%;max-width:380px;padding:24px 16px;border-radius:10px;background:var(--c-surface)}
.qm-copy-box input {width:100%;padding:10px;border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text)}
@media(min-width:640px) {.qm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.qm-grid.qm-grid--portrait{grid-template-columns:repeat(4,minmax(0,1fr))}.qm-ad--text{grid-template-columns:repeat(4,minmax(0,1fr))}.qm-ad--icons{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(min-width:960px) {.qm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 16px}.qm-grid.qm-grid--portrait{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px}.qm-ad--text{grid-template-columns:repeat(6,minmax(0,1fr))}.qm-ad--icons{grid-template-columns:repeat(10,minmax(0,1fr))}}
@media(min-width:1200px) {.qm-overlay--side_left,.qm-overlay--side_right{display:block}.qm98.qm-has-sides .qm-wrap,.qm98.qm-has-sides .pbs-wrap{max-width:min(1280px,calc(100vw - 2 * var(--qm-side) - 16px))}}
@media(max-width:759px) {.qm-info-pic{display:none}}
@media(max-width:639px) {.qm-header-row{height:54px;gap:10px}.qm-header .qm-logo{font-size:18px}.qm-logo img{height:32px}.qm-search input{height:34px;padding-left:32px}.qm-search svg{left:11px}.qm-search button{height:34px;padding:0 12px}.qm-section-head h1,.qm-section-head h2{font-size:16px}.qm-card-title{font-size:13px}.qm-info{padding:12px}.qm-info h1{font-size:17px}.qm-play-tip,.qm-play-icon{display:none}.qm-toolbar [data-qm-copy]{margin-left:auto}}
@media(prefers-reduced-motion:reduce) {.qm98 *{scroll-behavior:auto!important;transition:none!important}}