/*!
 * 91爱拍 · 旧内核兼容层
 * ------------------------------------------------------------------
 * 【这张表是给谁看的】
 *   现代内核（Chrome 88+ / iOS 15+）加载本文件后**一行都不会命中**：
 *   所有规则都带 .no-* 前缀，而这些类只由 js/compat.js 在「检测到内核不支持」时
 *   挂到 <html> 上。所以本文件不会改变现代浏览器的任何渲染结果。
 *
 * 【为什么需要它】
 *   真实用户里存在 Chrome 70 级别内核（已由真机报告证实）。项目 CSS 的下限是
 *   Chrome 88，其中三处差距最致命：
 *     · flex gap     需 Chrome 84，全站 137 处 → 间距归零（顶部/底部错位）
 *     · aspect-ratio 需 Chrome 88，全站 19 处 → 盒子高度 0（播放器整块消失）
 *     · inset        需 Chrome 87，全站 25 处 → 绝对定位缺四边
 *
 * 【怎么维护】
 *   compat.css 里的 flex-gap / inset / --xpc-ar 三段是**生成**的：
 *       node tools/gen-compat-css.mjs
 *   改了上面任一段依赖的站点 CSS（新增/修改 flex 容器的 gap、inset、aspect-ratio）后
 *   重新跑一次即可。手写的只有下面「1. 动态地址栏」和「2. clamp()」两段。
 */

/* ============================================================
   1. 动态地址栏：100vh 与可视高度的差
   ------------------------------------------------------------
   .page-wrap 原来是 min-height:100vh。而 100vh 在带地址栏的移动内核上取的是
   「地址栏收起时」的高度（真机实测 752px，可视区只有 696px）→ 页脚下方多出
   56px 空白，表现为「底部错位」。
   现代内核用 dvh 精确收口（桌面 dvh === vh，结果不变）；
   旧内核不认识 dvh，由 compat.js 写好的 --vh 变量兜底。
   ============================================================ */
.page-wrap { min-height: 100vh; }
@supports (height: 100dvh) {
  .page-wrap { min-height: 100dvh; }
}
.no-dvh .page-wrap { min-height: calc(var(--vh, 1vh) * 100); }

/* ============================================================
   2. clamp()：旧内核会丢弃整条声明
   ------------------------------------------------------------
   只影响 .hero-cap h2 / .banner-cap h2 的字号。
   clamp(min, 中间值, max) 的分段本来就等于「min 段 / 中间值段 / max 段」，
   所以这里按同样的拐点拆成三段，用 vw（旧内核支持）复刻中间值段
   → 结果与原 clamp **完全等价**，不是近似。
   拐点 = min ÷ 系数 与 max ÷ 系数：
     .hero-cap h2   clamp(22px, 2.1vw, 40px) → 22/0.021 = 1048px，40/0.021 = 1905px
     .banner-cap h2 clamp(18px, 1.6vw, 30px) → 18/0.016 = 1125px，30/0.016 = 1875px
   ⚠ .hero-cap h2 只在 >768 补偿：≤768 由 responsive.css 给了固定 19px / 18px，
     写了反而会把小屏标题顶大。
   ============================================================ */
@media (min-width: 769px) and (max-width: 1048px) { .no-clamp .hero-cap h2 { font-size: 22px; } }
@media (min-width: 1049px) and (max-width: 1904px) { .no-clamp .hero-cap h2 { font-size: 2.1vw; } }
@media (min-width: 1905px) { .no-clamp .hero-cap h2 { font-size: 40px; } }

@media (max-width: 1125px) { .no-clamp .banner-cap h2 { font-size: 18px; } }
@media (min-width: 1126px) and (max-width: 1875px) { .no-clamp .banner-cap h2 { font-size: 1.6vw; } }
@media (min-width: 1876px) { .no-clamp .banner-cap h2 { font-size: 30px; } }

/* ============================================================
   3. flex gap 兜底（由 tools/gen-compat-css.mjs 生成）
   ------------------------------------------------------------
   gap 在旧内核上完全不作用于 flex 容器，这里用子项外边距还原：
     · 不换行的 row   → > *:not(:last-child) { margin-right: 列间距 }
     · 会换行的 row   → > *:not(:last-child) { margin-right: 列间距; margin-bottom: 行间距 }
     · column         → > *:not(:last-child) { margin-bottom: 行间距 }
   间距只加在「前驱」子项上，因此不会覆盖后继子项里用 margin-left:auto 做的靠右对齐。
   末行/末尾会多出一点外边距，属于旧内核上的可接受降级。
   ============================================================ */

/* ============================================================
   4. inset 兜底（由 tools/gen-compat-css.mjs 生成）
   ============================================================ */

/* ============================================================
   5. aspect-ratio 比例变量（由 tools/gen-compat-css.mjs 生成）
   ------------------------------------------------------------
   旧内核不认识 aspect-ratio，这里只把比例写成 --xpc-ar 变量；
   真正的「宽度 ÷ 比例 = 高度」由 compat.js 计算并写 style.height。
   为什么不纯 CSS：padding-top 手法会让 height:100% 的子元素基准变成
   内容盒（高度 0），图/视频照样不显示；而写 height 等价于 aspect-ratio 本身的算法。
   ============================================================ */

/* ============================================================
   3. flex gap 兜底 · 181 条（自动生成）
   ============================================================ */
.no-flex-gap .btn > *:not(:last-child) { margin-right: 6px; }   /* global.css:19 */
.no-flex-gap .chip > *:not(:last-child) { margin-right: 4px; }   /* global.css:36 */
.no-flex-gap .section-head h2 > *:not(:last-child) { margin-right: 10px; }   /* global.css:50 */
.no-flex-gap .nav-menu > *:not(:last-child) { margin-right: 36px; }   /* header.css:91 */
.no-flex-gap .mega-cols > *:not(:last-child) { margin-right: 28px; }   /* header.css:126 */
.no-flex-gap .dropdown a > *:not(:last-child) { margin-right: 10px; }, .no-flex-gap .dropdown button > *:not(:last-child) { margin-right: 10px; }   /* header.css:142 */
.no-flex-gap .header-actions > *:not(:last-child) { margin-right: 20px; }   /* header.css:199 */
.no-flex-gap .um-head > *:not(:last-child) { margin-right: 10px; }   /* header.css:253 */
.no-flex-gap .dropdown--user .um-grp a > *:not(:last-child) { margin-right: 9px; }   /* header.css:275 */
.no-flex-gap .um-foot button > *:not(:last-child) { margin-right: 9px; }   /* header.css:282 */
@media (max-width: 1319px) {
  .no-flex-gap .nav-menu > *:not(:last-child) { margin-right: 26px; }   /* header.css:317 */
}
@media (max-width: 1100px) {
  .no-flex-gap .nav-menu > *:not(:last-child) { margin-right: 18px; }   /* header.css:321 */
}
.no-flex-gap .nav-header--site .nav-menu > *:not(:last-child) { margin-right: 30px; }   /* header.css:381 */
.no-flex-gap .nav-header--site .header-actions > *:not(:last-child) { margin-right: 16px; }   /* header.css:424 */
.no-flex-gap .nav-header--site .act-vip > *:not(:last-child) { margin-right: 5px; }   /* header.css:425 */
@media (max-width: 1319px) {
  .no-flex-gap .nav-header--site .nav-menu > *:not(:last-child) { margin-right: 22px; }   /* header.css:457 */
}
@media (max-width: 1100px) {
  .no-flex-gap .nav-header--site .nav-menu > *:not(:last-child) { margin-right: 18px; }   /* header.css:461 */
  .no-flex-gap .nav-header--site .header-actions > *:not(:last-child) { margin-right: 12px; }   /* header.css:464 */
}
.no-flex-gap .footer-top > *:not(:last-child) { margin-right: 60px; }   /* footer.css:7 */
.no-flex-gap .footer-logo > *:not(:last-child) { margin-right: 8px; }   /* footer.css:9 */
.no-flex-gap .footer-social > *:not(:last-child) { margin-right: 14px; }   /* footer.css:19 */
.no-flex-gap .footer-bottom .beian > *:not(:last-child) { margin-right: 4px; }   /* footer.css:39 */
@media (max-width: 1200px) {
  .no-flex-gap .footer-top > *:not(:last-child) { margin-right: 36px; margin-bottom: 36px; }   /* footer.css:43 */
}
@media (max-width: 768px) {
  .no-flex-gap .footer-top > *:not(:last-child) { margin-bottom: 22px; }   /* footer.css:48 */
}
.no-flex-gap .work-card .thumb .stats-bar .sb-left > *:not(:last-child) { margin-right: 10px; }   /* cards.css:34 */
.no-flex-gap .work-card .thumb .stats-bar .sb-item > *:not(:last-child) { margin-right: 3px; }   /* cards.css:35 */
.no-flex-gap .work-card .by-row > *:not(:last-child) { margin-right: 6px; }   /* cards.css:59 */
.no-flex-gap .work-card .by-row .coop > *:not(:last-child) { margin-right: 2px; }   /* cards.css:63 */
.no-flex-gap .work-card .meta > *:not(:last-child) { margin-right: 8px; }   /* cards.css:66 */
.no-flex-gap .ce-head > *:not(:last-child) { margin-right: 12px; }   /* cards.css:79 */
.no-flex-gap .ce-certs > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* cards.css:88 */
.no-flex-gap .ce-cert > *:not(:last-child) { margin-right: 4px; }   /* cards.css:89 */
.no-flex-gap .ce-works > *:not(:last-child) { margin-bottom: 12px; }   /* cards.css:99 */
.no-flex-gap .ce-work > *:not(:last-child) { margin-right: 10px; }   /* cards.css:100 */
.no-flex-gap .ce-winfo > *:not(:last-child) { margin-bottom: 6px; }   /* cards.css:104 */
.no-flex-gap .creator-card > *:not(:last-child) { margin-right: 12px; }   /* cards.css:120 */
.no-flex-gap .vip-tag > *:not(:last-child) { margin-right: 3px; }   /* components.css:10 */
.no-flex-gap .xpc-tabs > *:not(:last-child) { margin-right: 4px; }   /* components.css:23 */
.no-flex-gap .filter-bar > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* components.css:34 */
.no-flex-gap .filter-group > *:not(:last-child) { margin-right: 8px; }   /* components.css:38 */
.no-flex-gap .xpc-toast-wrap > *:not(:last-child) { margin-bottom: 10px; }   /* components.css:75 */
.no-flex-gap .xpc-toast > *:not(:last-child) { margin-right: 8px; }   /* components.css:76 */
.no-flex-gap .stat-pill > *:not(:last-child) { margin-right: 4px; }   /* components.css:87 */
.no-flex-gap .pagination > *:not(:last-child) { margin-right: 8px; }   /* components.css:105 */
.no-flex-gap .xpc-pager > *:not(:last-child) { margin-right: 16px; margin-bottom: 12px; }   /* components.css:112 */
.no-flex-gap .xpc-pager-list > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* components.css:114 */
.no-flex-gap .captcha-row > *:not(:last-child) { margin-right: 10px; margin-bottom: 10px; }   /* components.css:123 */
.no-flex-gap .toolbar > *:not(:last-child) { margin-right: 16px; }   /* pages.css:11 */
.no-flex-gap .toolbar .right > *:not(:last-child) { margin-right: 10px; }   /* pages.css:14 */
.no-flex-gap .profile-hero .container > *:not(:last-child) { margin-right: 20px; }   /* pages.css:18 */
.no-flex-gap .profile-hero h1 > *:not(:last-child) { margin-right: 10px; }   /* pages.css:20 */
.no-flex-gap .profile-hero .meta > *:not(:last-child) { margin-right: 18px; margin-bottom: 18px; }   /* pages.css:21 */
.no-flex-gap .profile-hero .actions > *:not(:last-child) { margin-right: 10px; margin-bottom: 10px; }   /* pages.css:22 */
.no-flex-gap .profile-stats > *:not(:last-child) { margin-right: 26px; }   /* pages.css:23 */
.no-flex-gap .wd-side > *:not(:last-child) { margin-bottom: 16px; }   /* pages.css:29 */
.no-flex-gap .wd-meta > *:not(:last-child) { margin-right: 16px; margin-bottom: 16px; }   /* pages.css:31 */
.no-flex-gap .wd-actions > *:not(:last-child) { margin-right: 10px; margin-bottom: 10px; }   /* pages.css:32 */
.no-flex-gap .wd-actions .act-btn > *:not(:last-child) { margin-right: 6px; }   /* pages.css:33 */
.no-flex-gap .wd-act > *:not(:last-child) { margin-right: 7px; }   /* pages.css:38 */
.no-flex-gap .wd-share-item > *:not(:last-child) { margin-right: 10px; }   /* pages.css:82 */
.no-flex-gap .crew-card > *:not(:last-child) { margin-right: 12px; }   /* pages.css:108 */
.no-flex-gap .crew-name > *:not(:last-child) { margin-right: 5px; }   /* pages.css:123 */
.no-flex-gap .wd-comment-form-row > *:not(:last-child) { margin-right: 12px; }   /* pages.css:144 */
.no-flex-gap .wd-comment-form-foot > *:not(:last-child) { margin-right: 12px; }   /* pages.css:148 */
.no-flex-gap .wd-comment-list > *:not(:last-child) { margin-bottom: 14px; }   /* pages.css:151 */
.no-flex-gap .wd-comment > *:not(:last-child) { margin-right: 12px; }   /* pages.css:152 */
.no-flex-gap .wd-comment-head > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* pages.css:163 */
.no-flex-gap .wd-comment-name > *:not(:last-child) { margin-right: 4px; }   /* pages.css:164 */
.no-flex-gap .wd-comment-actions > *:not(:last-child) { margin-right: 14px; }   /* pages.css:169 */
.no-flex-gap .wd-comment-actions button > *:not(:last-child) { margin-right: 4px; }   /* pages.css:170 */
.no-flex-gap .wd-cats > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* pages.css:184 */
.no-flex-gap .creator-row > *:not(:last-child) { margin-right: 12px; }   /* pages.css:188 */
.no-flex-gap .creator-row .n > *:not(:last-child) { margin-right: 6px; }   /* pages.css:190 */
.no-flex-gap .side-card .row > *:not(:last-child) { margin-right: 10px; }   /* pages.css:196 */
.no-flex-gap .comment-item > *:not(:last-child) { margin-right: 12px; }   /* pages.css:201 */
.no-flex-gap .comment-item .c-user > *:not(:last-child) { margin-right: 6px; }   /* pages.css:203 */
.no-flex-gap .comment-item .c-meta > *:not(:last-child) { margin-right: 16px; }   /* pages.css:205 */
.no-flex-gap .article-body .a-meta > *:not(:last-child) { margin-right: 14px; margin-bottom: 14px; }   /* pages.css:211 */
.no-flex-gap .upload-feats > *:not(:last-child) { margin-right: 24px; margin-bottom: 24px; }   /* pages.css:231 */
.no-flex-gap .upload-feats span > *:not(:last-child) { margin-right: 6px; }   /* pages.css:232 */
.no-flex-gap .oauth-row > *:not(:last-child) { margin-right: 18px; }   /* pages.css:244 */
.no-flex-gap .campaign-nav .inner > *:not(:last-child) { margin-right: 8px; }   /* pages.css:275 */
.no-flex-gap .award-block h3 > *:not(:last-child) { margin-right: 8px; }, .no-flex-gap .award-block h2 > *:not(:last-child) { margin-right: 8px; }   /* pages.css:283 */
.no-flex-gap .award-row > *:not(:last-child) { margin-right: 14px; }   /* pages.css:284 */
.no-flex-gap .rank-row > *:not(:last-child) { margin-right: 16px; }   /* pages.css:310 */
@media (max-width: 768px) {
  .no-flex-gap .rank-row > *:not(:last-child) { margin-right: 10px; }   /* pages.css:332 */
  .no-flex-gap .profile-hero .container > *:not(:last-child) { margin-right: 14px; margin-bottom: 14px; }   /* pages.css:352 */
}
@media (max-width: 640px) {
  .no-flex-gap .set-row > *:not(:last-child) { margin-bottom: 10px; }   /* pages.css:368 */
}
.no-flex-gap .creator-scroll > *:not(:last-child) { margin-right: 16px; }   /* pages.css:385 */
.no-flex-gap .tag-cloud > *:not(:last-child) { margin-right: 10px; margin-bottom: 10px; }   /* pages.css:394 */
.no-flex-gap .disc-catgroups > *:not(:last-child) { margin-right: 8px; }   /* pages.css:413 */
.no-flex-gap .disc-cattags > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* pages.css:424 */
.no-flex-gap .disc-tag > *:not(:last-child) { margin-right: 6px; }   /* pages.css:425 */
.no-flex-gap .square-tabs > *:not(:last-child) { margin-right: 60px; }   /* home.css:26 */
.no-flex-gap .hero-cap .cap-author > *:not(:last-child) { margin-right: 8px; }   /* home.css:53 */
.no-flex-gap .hero-dots > *:not(:last-child) { margin-right: 8px; }   /* home.css:57 */
.no-flex-gap .feed-loading > *:not(:last-child) { margin-right: 8px; }   /* home.css:62 */
.no-flex-gap .float-bar > *:not(:last-child) { margin-bottom: 10px; }   /* home.css:74 */
.no-flex-gap .start-cta__btns > *:not(:last-child) { margin-right: 12px; margin-bottom: 12px; }   /* home.css:94 */
.no-flex-gap .vip-promo > *:not(:last-child) { margin-right: 20px; margin-bottom: 20px; }   /* home.css:97 */
.no-flex-gap .note-card > *:not(:last-child) { margin-right: 14px; }   /* home.css:112 */
.no-flex-gap .article-card > *:not(:last-child) { margin-right: 14px; }   /* home.css:121 */
.no-flex-gap .input-wrap .suffix > *:not(:last-child) { margin-right: 8px; }   /* forms.css:17 */
.no-flex-gap .checkbox > *:not(:last-child) { margin-right: 8px; }, .no-flex-gap .radio > *:not(:last-child) { margin-right: 8px; }   /* forms.css:21 */
.no-flex-gap .xpc-modal__foot > *:not(:last-child) { margin-right: 10px; }   /* modal.css:19 */
.no-flex-gap .share-row > *:not(:last-child) { margin-right: 14px; }   /* modal.css:26 */
.no-flex-gap .xpc-player .xpc-segments > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* player.css:100 */
.no-flex-gap .xpc-player .ctrl-row > *:not(:last-child) { margin-right: 12px; }   /* player.css:203 */
.no-flex-gap .xpc-player .ctrl-btn > *:not(:last-child) { margin-right: 6px; }   /* player.css:205 */
.no-flex-gap .xpc-player .xpc-volume > *:not(:last-child) { margin-right: 6px; }   /* player.css:227 */
.no-flex-gap .xpc-player .xpc-menu > *:not(:last-child) { margin-bottom: 2px; }   /* player.css:238 */
@media (max-width: 720px) {
  .no-flex-gap .xpc-player .ctrl-row > *:not(:last-child) { margin-right: 9px; }   /* player.css:259 */
}
.no-flex-gap .account-layout > *:not(:last-child) { margin-right: 24px; }   /* account.css:4 */
.no-flex-gap .account-sidebar .user-card > *:not(:last-child) { margin-right: 12px; }   /* account.css:6 */
.no-flex-gap .account-nav a > *:not(:last-child) { margin-right: 10px; }   /* account.css:11 */
.no-flex-gap .order-item > *:not(:last-child) { margin-right: 14px; }   /* account.css:20 */
.no-flex-gap .dash > *:not(:last-child) { margin-bottom: 18px; }   /* account.css:56 */
.no-flex-gap .dash-panel__head > *:not(:last-child) { margin-right: 12px; }   /* account.css:60 */
.no-flex-gap .dash-welcome > *:not(:last-child) { margin-right: 20px; margin-bottom: 20px; }   /* account.css:67 */
.no-flex-gap .dash-welcome-main > *:not(:last-child) { margin-right: 16px; }   /* account.css:69 */
.no-flex-gap .dash-welcome-sub > *:not(:last-child) { margin-right: 10px; margin-bottom: 10px; }   /* account.css:73 */
.no-flex-gap .dash-welcome-actions > *:not(:last-child) { margin-right: 10px; }   /* account.css:74 */
.no-flex-gap .stat-card > *:not(:last-child) { margin-bottom: 10px; }   /* account.css:84 */
.no-flex-gap .stat-card__top > *:not(:last-child) { margin-right: 8px; }   /* account.css:88 */
.no-flex-gap .stat-card__foot > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* account.css:94 */
.no-flex-gap .trend > *:not(:last-child) { margin-right: 3px; }   /* account.css:96 */
.no-flex-gap .chart-card__head > *:not(:last-child) { margin-right: 12px; }   /* account.css:104 */
.no-flex-gap .chart-card__meta > *:not(:last-child) { margin-bottom: 2px; }   /* account.css:107 */
.no-flex-gap .ch > *:not(:last-child) { margin-right: 8px; }   /* account.css:111 */
.no-flex-gap .bars > *:not(:last-child) { margin-right: 6px; }   /* account.css:145 */
.no-flex-gap .bars__col > *:not(:last-child) { margin-bottom: 4px; }   /* account.css:146 */
.no-flex-gap .rank > *:not(:last-child) { margin-bottom: 10px; }   /* account.css:155 */
.no-flex-gap .perf-list > *:not(:last-child) { margin-bottom: 10px; }   /* account.css:164 */
.no-flex-gap .dash-card > *:not(:last-child) { margin-bottom: 10px; }   /* account.css:181 */
.no-flex-gap .seg > *:not(:last-child) { margin-right: 2px; }   /* account.css:187 */
.no-flex-gap .dash-tabs > *:not(:last-child) { margin-right: 8px; }   /* account.css:197 */
.no-flex-gap .user-list > *:not(:last-child) { margin-bottom: 10px; }   /* account.css:204 */
.no-flex-gap .user-row > *:not(:last-child) { margin-right: 14px; }   /* account.css:205 */
.no-flex-gap .user-row-name > *:not(:last-child) { margin-right: 6px; }   /* account.css:210 */
@media (max-width: 768px) {
  .no-flex-gap .header-actions > *:not(:last-child) { margin-right: 14px; }   /* responsive.css:31 */
}
@media (max-width: 400px) {
  .no-flex-gap .header-actions > *:not(:last-child) { margin-right: 10px; }   /* responsive.css:44 */
}
@media (max-width: 768px) {
  .no-flex-gap .page-home .nav-toggle > *:not(:last-child) { margin-bottom: 4px; }   /* responsive.css:64 */
  .no-flex-gap .page-home .mnav__user > *:not(:last-child) { margin-right: 10px; }   /* responsive.css:134 */
  .no-flex-gap .page-home .mnav__tags > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* responsive.css:157 */
  .no-flex-gap .page-home .mnav__foot > *:not(:last-child) { margin-right: 20px; }   /* responsive.css:162 */
  .no-flex-gap .page-home .mnav__logout button > *:not(:last-child) { margin-right: 6px; }   /* responsive.css:168 */
  .no-flex-gap .hero-cap .cap-author > *:not(:last-child) { margin-right: 6px; }   /* responsive.css:188 */
  .no-flex-gap .hero-dots > *:not(:last-child) { margin-right: 6px; }   /* responsive.css:190 */
  .no-flex-gap .square-tabs > *:not(:last-child) { margin-right: 22px; }   /* responsive.css:215 */
}
@media (max-width: 480px) {
  .no-flex-gap .square-tabs > *:not(:last-child) { margin-right: 18px; }   /* responsive.css:221 */
}
@media (max-width: 768px) {
  .no-flex-gap .work-card .thumb .stats-bar .sb-left > *:not(:last-child) { margin-right: 8px; }   /* responsive.css:233 */
}
@media (max-width: 640px) {
  .no-flex-gap .ce-head > *:not(:last-child) { margin-right: 10px; }   /* responsive.css:247 */
  .no-flex-gap .ce-certs > *:not(:last-child) { margin-right: 6px; }   /* responsive.css:251 */
  .no-flex-gap .ce-works > *:not(:last-child) { margin-right: 10px; }   /* responsive.css:252 */
}
@media (max-width: 768px) {
  .no-flex-gap .float-bar > *:not(:last-child) { margin-right: 8px; }   /* responsive.css:265 */
}
@media (max-width: 1024px) {
  .no-flex-gap .page-chrome .nav-toggle > *:not(:last-child) { margin-bottom: 4px; }   /* responsive.css:274 */
  .no-flex-gap .page-chrome .mnav__user > *:not(:last-child) { margin-right: 10px; }   /* responsive.css:316 */
  .no-flex-gap .page-chrome .mnav__tags > *:not(:last-child) { margin-right: 8px; margin-bottom: 8px; }   /* responsive.css:339 */
  .no-flex-gap .page-chrome .mnav__foot > *:not(:last-child) { margin-right: 20px; }   /* responsive.css:344 */
  .no-flex-gap .page-chrome .mnav__logout button > *:not(:last-child) { margin-right: 6px; }   /* responsive.css:347 */
}
@media (max-width: 768px) {
  .no-flex-gap .footer-social > *:not(:last-child) { margin-right: 12px; }   /* responsive.css:399 */
}
.no-flex-gap .page-head > *:not(:last-child) { margin-right: 18px; margin-bottom: 18px; }   /* beautify.css:13 */
.no-flex-gap .page-head h1 > *:not(:last-child) { margin-right: 12px; }   /* beautify.css:15 */
.no-flex-gap .page-head .ph-side > *:not(:last-child) { margin-right: 10px; }   /* beautify.css:24 */
.no-flex-gap .podium-card .pc-meta > *:not(:last-child) { margin-right: 10px; }   /* beautify.css:123 */
.no-flex-gap .podium-card .pc-medal > *:not(:last-child) { margin-right: 5px; }   /* beautify.css:136 */
.no-flex-gap .feat-card .fc-meta > *:not(:last-child) { margin-right: 12px; margin-bottom: 12px; }   /* beautify.css:181 */
.no-flex-gap .page-chrome .vip-plan li > *:not(:last-child) { margin-right: 8px; }   /* beautify.css:228 */
.no-flex-gap .steps .step > *:not(:last-child) { margin-right: 10px; }   /* beautify.css:273 */
.no-flex-gap .mini-hero .mh-tags > *:not(:last-child) { margin-right: 10px; margin-bottom: 10px; }   /* beautify.css:318 */
.no-flex-gap .article-rail > *:not(:last-child) { margin-bottom: 16px; }   /* beautify.css:403 */
.no-flex-gap .article-rail .rail-cards > *:not(:last-child) { margin-bottom: 12px; }   /* beautify.css:404 */
.no-flex-gap .upload-rail > *:not(:last-child) { margin-bottom: 16px; }   /* beautify.css:422 */
.no-flex-gap .upload-rail .guide-list li > *:not(:last-child) { margin-right: 10px; }   /* beautify.css:424 */
.no-flex-gap .auth-side .as-feats li > *:not(:last-child) { margin-right: 10px; }   /* beautify.css:474 */
.no-flex-gap .feed-rail > *:not(:last-child) { margin-bottom: 16px; }   /* beautify.css:562 */
.no-flex-gap .pb-compact-head > *:not(:last-child) { margin-right: 12px; }   /* blocks-compact.css:23 */
.no-flex-gap .pb-tags > *:not(:last-child) { margin-right: 10px; margin-bottom: 10px; }   /* blocks-compact.css:156 */
.no-flex-gap .pb-strip > *:not(:last-child) { margin-right: 14px; }   /* blocks-compact.css:195 */
@media (max-width: 768px) {
  .no-flex-gap .pb-tags > *:not(:last-child) { margin-right: 8px; }   /* blocks-compact.css:320 */
  .no-flex-gap .pb-strip > *:not(:last-child) { margin-right: 10px; }   /* blocks-compact.css:330 */
}

/* .footer-cols：flex 与 grid 混用，断点必须逐段限定（见 tools/gen-compat-css.mjs 的 crossGrid 报告） */
@media (min-width: 1201px) {
  .no-flex-gap .footer-cols > *:not(:last-child) { margin-right: 72px; margin-bottom: 72px; }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .no-flex-gap .footer-cols > *:not(:last-child) { margin-right: 44px; margin-bottom: 44px; }
}

/* ============================================================
   4. inset 兜底 · 22 条
   ============================================================ */
.no-inset .work-card .thumb .grad { top: 0; right: 0; bottom: 0; left: 0; }   /* cards.css:22 */
.no-inset .xpc-modal { top: 0; right: 0; bottom: 0; left: 0; }   /* modal.css:4 */
.no-inset .xpc-modal__mask { top: 0; right: 0; bottom: 0; left: 0; }   /* modal.css:6 */
.no-inset .xpc-player .xpc-video { top: 0; right: 0; bottom: 0; left: 0; }   /* player.css:19 */
.no-inset .xpc-player .poster { top: 0; right: 0; bottom: 0; left: 0; }   /* player.css:31 */
.no-inset .xpc-player .poster-fallback { top: 0; right: 0; bottom: 0; left: 0; }   /* player.css:32 */
.no-inset .ch__svg { top: 0; right: 0; bottom: 0; left: 0; }   /* account.css:117 */
.no-inset .ch__hits { top: 0; right: 0; bottom: 0; left: 0; }   /* account.css:119 */
.no-inset .ch__empty { top: 0; right: 0; bottom: 0; left: 0; }   /* account.css:128 */
@media (max-width: 768px) {
  .no-inset .page-home .mnav { top: 0; right: 0; bottom: 0; left: 0; }   /* responsive.css:102 */
  .no-inset .page-home .mnav__mask { top: 0; right: 0; bottom: 0; left: 0; }   /* responsive.css:108 */
}
@media (max-width: 1024px) {
  .no-inset .page-chrome .mnav { top: 0; right: 0; bottom: 0; left: 0; }   /* responsive.css:285 */
  .no-inset .page-chrome .mnav__mask { top: 0; right: 0; bottom: 0; left: 0; }   /* responsive.css:290 */
}
.no-inset .page-chrome .profile-hero::before,.no-inset .page-chrome .vip-hero::before,.no-inset .page-chrome .campaign-hero::before,.no-inset .page-chrome .prod-hero::before { top: 0; right: 0; bottom: 0; left: 0; }   /* beautify.css:44 */
.no-inset .page-chrome .profile-hero::after,.no-inset .page-chrome .vip-hero::after,.no-inset .page-chrome .campaign-hero::after,.no-inset .page-chrome .prod-hero::after { top: 0; right: 0; bottom: 0; left: 0; }   /* beautify.css:53 */
.no-inset .podium-card .pc-cover::after { top: 0; right: 0; bottom: 0; left: 0; }   /* beautify.css:105 */
.no-inset .feat-card .fc-cover img { top: 0; right: 0; bottom: 0; left: 0; }   /* beautify.css:167 */
.no-inset .mini-hero::before { top: 0; right: 0; bottom: 0; left: 0; }   /* beautify.css:309 */
.no-inset .auth-side::before { top: 0; right: 0; bottom: 0; left: 0; }   /* beautify.css:456 */
.no-inset .auth-side::after { top: 0; right: 0; bottom: 0; left: 0; }   /* beautify.css:462 */
.no-inset .pb-tile-thumb img { top: 0; right: 0; bottom: 0; left: 0; }   /* blocks-compact.css:109 */
.no-inset .pb-strip-thumb img { top: 0; right: 0; bottom: 0; left: 0; }   /* blocks-compact.css:247 */

/* ============================================================
   5. aspect-ratio 比例变量 · 18 条
   ============================================================ */
.no-aspect-ratio .work-card .thumb { --xpc-ar: 1.777778; }   /* cards.css:16 */
.no-aspect-ratio .ce-thumb { --xpc-ar: 1.777778; }   /* cards.css:101 */
.no-aspect-ratio .sk-card .sk-thumb { --xpc-ar: 1.777778; }   /* components.css:44 */
.no-aspect-ratio .article-body .a-cover { --xpc-ar: 1.777778; }   /* pages.css:212 */
.no-aspect-ratio .brand-cell { --xpc-ar: 1.333333; }   /* pages.css:224 */
.no-aspect-ratio .rank-thumb { --xpc-ar: 1.777778; }   /* pages.css:319 */
.no-aspect-ratio .ph-cover { --xpc-ar: 1.777778; }   /* pages.css:345 */
.no-aspect-ratio .hero { --xpc-ar: 3.870968; }   /* home.css:43 */
@media (max-width: 640px) {
  .no-aspect-ratio .hero { --xpc-ar: 1.777778; }   /* home.css:129 */
}
.no-aspect-ratio .banner-inner { --xpc-ar: 4.133333; }   /* home.css:148 */
@media (max-width: 768px) {
  .no-aspect-ratio .banner-inner { --xpc-ar: 2.285714; }   /* home.css:170 */
}
.no-aspect-ratio .xpc-player { --xpc-ar: 1.777778; }   /* player.css:6 */
@media (max-width: 768px) {
  .no-aspect-ratio .hero { --xpc-ar: 1.6; }   /* responsive.css:182 */
}
@media (max-width: 480px) {
  .no-aspect-ratio .hero { --xpc-ar: 1.5; }   /* responsive.css:196 */
}
.no-aspect-ratio .podium-card .pc-cover { --xpc-ar: 1.777778; }   /* beautify.css:102 */
@media (max-width: 768px) {
  .no-aspect-ratio .feat-card .fc-cover { --xpc-ar: 1.777778; }   /* beautify.css:184 */
}
.no-aspect-ratio .pb-tile-thumb { --xpc-ar: 1.6; }   /* blocks-compact.css:96 */
.no-aspect-ratio .pb-strip-thumb { --xpc-ar: 1; }   /* blocks-compact.css:234 */