/* 蓝果 ll-b.css —— 列表组 B：目录页 /tags/:slug/、搜索结果 /search/:type/:keyword/、排行榜 /ranking/
   规范：docs/frontend-spec/layout-pc.md §3-5、layout-h5.md §4-5、components.md；布局终审 Figma（~/Desktop/image/dx172-figma-ref）。
   只用本组前缀 .llb-*，公共组件（.ll-card/.ll-chip/.ll-pager/.ll-empty…）样式在 languo-ui.css，此处只做页面级微调。 */

/* ---------- 通用：标题 / 面包屑 ---------- */
/* R2 Figma 高清（搜索结果 / 短剧帧同款）：面包屑 12px、分隔「/」紧贴两侧约 4px，上级 #8a8a90、当前页白色加粗；标题 24px */
.llb-crumbs{gap:5px;margin:0 0 12px;font-size:max(12px,var(--ll-fmin,0px));line-height:max(17px,calc(var(--ll-fmin,0px)*1.25));color:#8a8a90}
.llb-crumbs a{color:#8a8a90}
.llb-crumbs [aria-current]{color:#fff;font-weight:600}
.llb-h1{margin:0 0 26px;font-size:max(24px,var(--ll-fmin,0px));font-weight:700;line-height:1.3;overflow-wrap:anywhere}
@media (max-width:1023px){
  .llb-crumbs{gap:6px;margin:0 0 4px}
  .llb-crumbs a,.llb-crumbs span{display:inline-flex;align-items:center;min-height:40px}
  .llb-h1{margin:4px 0 14px;font-size:18px}
  .llb-search-h1{font-size:16px} /* H5 稿「“青春”的搜索结果」16px */
}

/* ---------- 目录页：筛选面板 ---------- */
.llb-filter{padding:14px 16px;margin-bottom:20px;border-radius:12px;background:var(--surface)}
.llb-filter .ll-filter__row{gap:20px;align-items:center;margin:7px 0}
.llb-filter .ll-filter__row+.ll-filter__row{margin-top:7px}
.llb-filter .ll-filter__label{width:34px;padding-top:0}
.llb-chips{gap:6px}
.llb-chips .ll-chip{text-decoration:none}
@media (max-width:1023px){
  .llb-filter{padding:10px;margin-bottom:16px;border-radius:9px}
  .llb-filter .ll-filter__row{gap:6px;align-items:flex-start;margin:2px 0}
  .llb-filter .ll-filter__row+.ll-filter__row{margin-top:2px}
  .llb-filter .ll-filter__label{width:27px;padding-top:13px;font-size:11px}
  .llb-chips{gap:0;min-width:0}
}

/* ---------- 结果头 / 网格 ---------- */
.llb-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:max(12px,var(--ll-fmin,0px));color:var(--muted)}
.llb-result-head h2{margin:0;font-size:max(15px,var(--ll-fmin,0px));font-weight:700;color:var(--text)}
@media (max-width:1023px){.llb-result-head{margin-bottom:10px}.llb-result-head h2{font-size:13px}}
.llb-results{min-height:200px}
/* 目录/搜索的 GV 横版与竖版同为 5 列（Figma 男同GV目录、搜索结果-男同GV） */
.llb-grid.ll-grid--wide{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1023px){.llb-grid.ll-grid--wide{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1023px){.llb-grid.ll-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}}
.llb-results [aria-busy=true]{pointer-events:none}
.llb-results.is-loading .ll-pager{visibility:hidden}

/* 信息流广告格（与相邻卡同比例，不撑高同行） */
.llb-feed-ad .ll-card__art{border-radius:12px}
.llb-feed-ad .hg-ssp-slot{position:absolute;inset:0;width:100%;height:100%}
.llb-ad-caption{margin:8px 0 0;font-size:max(13px,var(--ll-fmin,0px));font-weight:650;line-height:1.4;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 底部双横幅（SSP；未登记位置时整段不渲染） */
.llb-banners{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0 0}
.llb-banner{position:relative;aspect-ratio:700/200;overflow:hidden;border-radius:8px;background:var(--surface)}
.llb-banner .hg-ssp-slot{height:100%}
/* ssp2：素材到达并挑帧后，横幅格改按素材实际比例（帧上的 --ssp-ar，见 hg/ssp-style），700/200 只作到达前的占位防 CLS */
.llb-banners{align-items:start}
.llb-banner:has(>.hg-ssp-slot[data-ssp-picked]){aspect-ratio:auto}
.llb-banner>.hg-ssp-slot[data-ssp-picked]{height:auto}
@media (max-width:1023px){.llb-banners{grid-template-columns:1fr;gap:8px;margin-top:24px}.llb-banner{aspect-ratio:358/102}}
/* 蓝果 logo 占位横幅（UI 稿：两张并排间距 20，H5 一列间距 8） */
.llb-banners--ph{gap:20px}
@media (max-width:1023px){.llb-banners--ph,.llb-board .llb-banners--ph{gap:8px}}

/* ---------- 空态 / 失败态（Figma：吉祥物插画 + 蓝色胶囊按钮） ----------
   R3：插画、错误态配色用公共 .ll-empty__mascot / .ll-empty--error（languo-ui.css），本组只把按钮做成设计稿的蓝色胶囊 */
.llb-body .ll-empty .ll-btn{min-width:96px;margin-top:18px;padding:8px 22px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-size:max(13px,var(--ll-fmin,0px))}
.llb-body .ll-empty .ll-btn:hover{filter:brightness(1.08)}
/* R2 搜索无结果（Figma 搜索-03/05 高清实测，H5 375 稿；PC 无单独稿，PC 收藏空态同尺寸）：
   插画 69×53 → 16 → 标题 14px/600 白 → 4 → 说明 12px #8a8a90 → 12 → 按钮 86×33 12px 实心 #5c8dff */
.llb-body .llb-empty--search .ll-empty__art.llb-empty__art{width:69px;height:53px;margin:0 auto 16px}
.llb-body .llb-empty--search h2{margin:0 0 4px;font-size:max(14px,var(--ll-fmin,0px));font-weight:600;line-height:max(20px,calc(var(--ll-fmin,0px)*1.25));color:#fff}
.llb-body .llb-empty--search p{font-size:max(12px,var(--ll-fmin,0px));line-height:max(17px,calc(var(--ll-fmin,0px)*1.25));color:#8a8a90}
.llb-body .llb-empty--search .ll-btn{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:33px;min-height:0;margin-top:12px;padding:0 19px;font-size:max(12px,var(--ll-fmin,0px));line-height:1}
/* H5 稿：tab 底线 → 插画 131，按钮底 → 广告横幅 103 */
@media (max-width:1023px){.llb-body .llb-empty--search{padding:120px 16px 79px}}
.llb-load-error{grid-column:1/-1}

/* ---------- 搜索：频道 tab ---------- */
/* R2 Figma 高清实测（1920 稿）：tab 16px、计数 14px 放在 24 高圆角框里（选中 #232d4e 蓝字；未选中且 >0 灰框 #1c212e；未选中 0 无框），
   文字与计数间距 9、两个 tab 间距 32；右侧「共 N 部短剧」14px；tab 底线 → 卡片顶 20 */
.llb-search-h1{margin-bottom:18px}
.llb-stabs{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px;border-bottom:1px solid var(--line);font-size:max(14px,var(--ll-fmin,0px));color:var(--muted)}
.llb-stabs__list{display:flex;align-items:center;gap:32px}
.llb-stab{display:inline-flex;align-items:center;gap:9px;padding:4px 0 16px;margin-bottom:-1px;border-bottom:2px solid transparent;color:#9ba7b7;font-size:max(16px,var(--ll-fmin,0px));line-height:max(22px,calc(var(--ll-fmin,0px)*1.25));white-space:nowrap;text-decoration:none}
.llb-stab:hover{color:var(--text)}
.llb-stab .ll-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-left:0;padding:0 4px;border-radius:5px;background:#1c212e;font-size:max(14px,var(--ll-fmin,0px));line-height:1}
.llb-stab .ll-count.is-zero{background:transparent;padding:0;min-width:0}
.llb-stab.is-active{color:var(--accent);border-bottom-color:var(--accent)}
.llb-stab.is-active .ll-count{min-width:24px;padding:0 4px;background:#232d4e;color:var(--accent)}
.llb-stabs__total{white-space:nowrap}
@media (max-width:1023px){
  .llb-search-h1{margin:0 0 9px}
  .llb-shead{margin:-9px calc(var(--gutter)*-1) 0;padding:10px var(--gutter) 11px;background:#12121d}
  .llb-shead .llb-stabs{margin-bottom:0}
  /* H5 稿：标题 → tab 字 37、tab 字 → 底线 27、底线 → 卡片 13 */
  .llb-stabs{display:block;margin-bottom:11px}
  .llb-stabs__list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .llb-stab{justify-content:center;gap:7px;min-height:40px;padding:0;font-size:14px}
  /* H5 稿（135% 高清实测）：计数 12px、框 ≥22×18、文字与框间距 7 */
  .llb-stab .ll-count,.llb-stab.is-active .ll-count{min-width:22px;height:18px;padding:0 4px;border-radius:4px;font-size:12px}
  .llb-stab .ll-count.is-zero{padding:0}
  .llb-stabs__total{display:none}
}

/* 搜索落地页（无关键词） */
.llb-landing-tip{margin:-14px 0 16px;font-size:max(13px,var(--ll-fmin,0px));color:var(--muted)}
.llb-landing-search{display:flex;align-items:center;gap:10px;width:min(520px,100%);min-height:44px;margin:0 0 28px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:max(13px,var(--ll-fmin,0px)) var(--font);cursor:text;text-align:left}
.llb-landing-search svg{width:16px;height:16px;flex:none}
.llb-hot__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;margin:0;padding:0;list-style:none;min-width:0}
.llb-hot__list li{min-width:0}
.llb-hot__list a{display:flex;align-items:center;gap:12px;min-width:0;min-height:44px;padding:0 8px;border-radius:8px;color:var(--text);font-size:max(13px,var(--ll-fmin,0px));font-weight:700}
.llb-hot__list a:hover{background:var(--surface)}
.llb-hot__list b{flex:none;width:20px;font-size:max(15px,var(--ll-fmin,0px));color:var(--muted)}
.llb-hot__list b.is-top{color:var(--accent)}
.llb-hot__list span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.llb-hot__list em{flex:none;font-size:max(11px,var(--ll-fmin,0px));font-style:normal;font-weight:400;color:var(--muted)}
@media (max-width:1023px){.llb-hot__list{grid-template-columns:minmax(0,1fr)}.llb-landing-tip{margin-top:-6px}}

/* ---------- 排行榜（Figma 排行-01 PC / 排行榜-01 H5，2026-10-21 搜索与排行组逐项对齐） ----------
   PC：hero 紫蓝径向渐变；标题 30px + 月桂；日/周/月 169×56 间距 24，未选 #363D8A；说明 18px。
       面板圆角 20，首块 #343B7E → #2C2C38 纵向渐变，其余 #2C2C38；条目 3 列纵排，封面 132×176，无列分隔线；
       hover 浅紫底圆角卡片包住封面（标题保持白色）；评分星与分数金黄 #EAA80F；封面左下深色胶囊「全 N 集」。
   H5：页面底 #191925；按钮 89×34 居中；评分星与分数灰 #B8BCD0；封面上不显示集数。 */
.llb-rank-body{background:var(--bg)}
.llb-rank{padding-bottom:0}
.llb-rank-hero{background:none}
/* te-9c85d3 T-003（Figma 158:44952 / 158:53408）：排行榜背景渐变改为页面级绝对定位层，拉高覆盖到第 4 名。
   PC：从页面顶部（顶栏后方）起，高 1009@1920 = 52.55vw（缩放区间走 --ll-vw，恒为布局 1009px）；顶栏在本页透明叠在渐变上（235:18051 无填充）。
   H5：从顶栏底 48 起高 701（750 稿 1402÷2），顶栏仍为 #12121D 实色。
   榜单面板按 Figma 取色反推为 10% 白半透明（渐变内外都吻合：PC 底 #151522 上 = #2c2c39，H5 底 #191925 上 = #30303b），让渐变透出到第 4 名。 */
.llb-rank-bg{position:absolute;top:0;left:0;right:0;z-index:0;height:max(1009px,calc(52.55*var(--ll-vw,1vw)));background:radial-gradient(82.81% 71.15% at 55.88% 39.69%,#1F2989 0%,#151522 100%);pointer-events:none}
.llb-rank{position:relative;z-index:1}
@media (min-width:1024px){
  body[data-llb-page-kind="rank"] .ll-header:not(.is-scrolled){background:transparent;box-shadow:none}
}
/* 2026-10-24 Figma 158:44952：顶栏底→标题顶 30px（原 120 为旧稿） */
.llb-rank-hero__in{max-width:calc(var(--maxw) + var(--gutter)*2);margin:0 auto;padding:30px var(--gutter) 96px;text-align:center}
.llb-rank-title{display:flex;align-items:center;justify-content:center;gap:16px}
.llb-rank-title h1{margin:0;color:#fff;font-size:max(30px,var(--ll-fmin,0px));font-weight:800;line-height:1.2;letter-spacing:0}
.llb-laurel{flex:none;width:21px;height:50px;fill:#82aaff;color:#82aaff} /* fix4: 新麦穗 viewBox 68×164，Figma PC 墨迹 ≈19×50 */
.llb-laurel.is-right{transform:scaleX(-1)}
.llb-periods{display:flex;justify-content:center;gap:24px;margin-top:46px}
.llb-periods a{display:inline-flex;align-items:center;justify-content:center;width:169px;height:56px;border-radius:999px;background:rgba(179,192,247,.15);color:#d5d9f5;font-size:max(20px,var(--ll-fmin,0px));font-weight:700;text-decoration:none;transition:background .15s,color .15s}
.llb-periods a:hover{background:#424aa0;color:#fff}
.llb-periods a[aria-pressed=true]{background:#fff;color:#171e31}
.llb-rank-desc{margin:30px 0 0;font-size:max(18px,var(--ll-fmin,0px));line-height:1.3;color:#b4bbe6}
.llb-rank-layout{position:relative;max-width:calc(var(--maxw) + var(--gutter)*2);margin:-62px auto 0;padding:0 var(--gutter) 90px}
.llb-rank-boards{display:grid;gap:30px}
.llb-board{padding:48px 20px 32px;border-radius:20px;background:rgba(255,255,255,.1)}
.llb-board__head{display:flex;align-items:baseline;gap:16px;margin:0 0 33px;padding:0 20px}
.llb-board__head h2{margin:0;color:#fff;font-size:max(20px,var(--ll-fmin,0px));font-weight:700}
.llb-board__head p{margin:0;font-size:max(16px,var(--ll-fmin,0px));color:#8d94bf}
.llb-rank-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:8px 18px;margin:0;padding:0;list-style:none}
.llb-rank-item{position:relative;min-width:0}
/* R2 Figma 高清（1920 稿 161% 实测）：封面 129×173、封面与奖牌间距 12、奖牌与标题 12；文字区自上而下：奖牌行顶 +17、标签 +61（胶囊 48×29 字 14）、评分 +114（星 16、字 18 粗 #eaa80f） */
.llb-rank-item__link{display:grid;grid-template-columns:129px minmax(0,1fr);gap:12px;align-items:start;padding:15px 20px;border-radius:19px;color:inherit;text-decoration:none;transition:background .2s}
.llb-rank-item__link:hover{background:rgba(255,255,255,.09)}
.llb-rank-poster{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:10px;background:#3a3a4c}
.llb-rank-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.llb-rank-item__link:hover .llb-rank-poster img{transform:scale(1.04)}
.llb-rank-poster small{position:absolute;left:9px;bottom:8px;max-width:calc(100% - 18px);height:22px;padding:0 8px;border-radius:8px;background:rgba(0,0,0,.6);color:#fff;font-size:max(12px,var(--ll-fmin,0px));line-height:max(22px,calc(var(--ll-fmin,0px)*1.25));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.llb-rank-copy{display:block;min-width:0;padding-top:14px}
.llb-rank-title-row{display:flex;align-items:center;gap:12px;min-width:0;min-height:30px}
.llb-rank-title-row strong{min-width:0;font-size:max(16px,var(--ll-fmin,0px));font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.llb-rank-pos{flex:none;min-width:18px;font-size:max(26px,var(--ll-fmin,0px));font-weight:800;font-style:normal;line-height:1;color:var(--accent)}
/* 前三名：金/银/铜 立体徽章（带翅膀的盾牌，中间名次数字） */
/* R2：Figma 原图奖牌（透明 PNG），PC 1920 稿实测 38×24；1279 以下随标题 15px 等比 34×21；H5 稿 30×19 */
.llb-medal{flex:none;display:block;width:38px;height:24px}
.llb-medal img{display:block;width:100%;height:100%}
.llb-rank-tags{display:flex;gap:8px;margin-top:17px;overflow:hidden}
.llb-rank-tags i,.llb-rank-tags a{max-width:48%;min-height:29px;padding:0 10px;border-radius:6px;background:rgba(255,255,255,.1);color:#b8bcd0;font-size:max(14px,var(--ll-fmin,0px));font-style:normal;line-height:max(29px,calc(var(--ll-fmin,0px)*1.25));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* 拉伸链接（2026-10-22 标签可点）：标题链接 ::after 铺满整行（.llb-rank-item 为定位祖先），标签链接抬到上层 */
.llb-rank-item__main{color:inherit;text-decoration:none}
.llb-rank-item__main::after{content:"";position:absolute;inset:0;z-index:0;border-radius:19px}
.llb-rank-item__main:focus-visible{outline:none}.llb-rank-item__main:focus-visible::after{outline:2px solid var(--accent);outline-offset:-2px}
.llb-rank-tags a{position:relative;z-index:1;text-decoration:none;cursor:pointer;transition:color .15s,background-color .15s}
.llb-rank-tags a:hover,.llb-rank-tags a:focus-visible{color:#fff;background:rgba(255,255,255,.18)}
.llb-rank-score{display:flex;align-items:center;gap:6px;margin-top:20px;font-size:max(18px,var(--ll-fmin,0px));line-height:max(24px,calc(var(--ll-fmin,0px)*1.25));font-weight:700;color:#eaa80f}
.llb-rank-score svg{width:20px;height:20px;margin-left:-2px;fill:#eaa80f} /* 星形 path 占 viewBox 79%，20px 时星本体 16 */
/* Figma：每个榜单第 1 条带浅色圆角底（rgba 白 8%），其余条目仅悬停时出现 */
@media (min-width:1024px){.llb-rank-item:first-child .llb-rank-item__link{background:rgba(255,255,255,.08)}}
.llb-board .llb-empty{padding:40px 16px}
.llb-board .llb-banners{margin:22px 20px 0}
@media (max-width:1023px){.llb-rank-item__link{grid-template-columns:110px minmax(0,1fr);padding:12px 14px}}
@media (max-width:1023px){.llb-rank-item__link{grid-template-columns:88px minmax(0,1fr);gap:10px}.llb-rank-title-row strong{font-size:15px}.llb-medal{width:34px;height:21px}.llb-rank-copy{padding-top:4px}.llb-rank-tags,.llb-rank-score{margin-top:10px}.llb-rank-tags i,.llb-rank-tags a{min-height:24px;padding:0 8px;font-size:12px;line-height:24px}.llb-rank-score{font-size:15px;line-height:20px}}
@media (max-width:1023px){
  .llb-rank-body{background:#191925}
  /* fix5：Figma 排行榜-01 H5 Hero 内容整体上移 5px（标题字形顶距 Hero 39px、日周月按钮顶 97px）；中心渐变按 Figma 逐点取色拟合（偏蓝、中心更亮，原为偏紫偏暗） */
  .llb-rank-bg{top:48px;height:701px;background:radial-gradient(82.81% 71.15% at 55.88% 39.69%,#1B3497 0%,#12121D 100%)}
  .llb-rank-hero__in{padding:25px 16px 130px}
  .llb-rank-title{gap:8px}
  .llb-rank-title h1{font-size:25px}
  /* R3 SR3-03：Figma H5 麦穗墨迹约 19×50、离标题文字约 17px（原 15×28、8px 偏小偏贴字）；viewBox 75×116 比 Figma 麦穗矮胖，
     宽按 23 等比后纵向 scaleY(1.5) 拉到 50 高（transform 不占布局，不推动标题与周期按钮） */
  .llb-rank-title{gap:16px}
  /* fix4：麦穗改为按 Figma 描的 C 形对生叶枝，直接 21×50 原比例，不再纵向拉伸 */
  .llb-laurel{width:21px;height:50px;transform:none}
  .llb-laurel.is-right{transform:scaleX(-1)}
  /* fix4：Figma 排行榜-01 H5 顶栏 #12121D，下边无分隔线，直接接 Hero 渐变 */
  body[data-llb-page-kind="rank"] .ll-header.ll-header{background:#12121d;box-shadow:none}
  .llb-periods{gap:12px;margin-top:22px}
  .llb-periods a{flex:none;width:89px;height:34px;font-size:13px;font-weight:600;background:rgba(179,192,247,.15)} /* fix5：Figma H5 未选中周期按钮是半透明浅蓝叠在渐变上（取色反推约 15%），原实色 #363d8a 偏紫 */
  .llb-rank-desc{margin-top:14px;font-size:11px}
  .llb-rank-layout{margin-top:-109px;padding:0 13px 28px} /* fix5：综合榜卡片顶距 Hero 顶 179px（Figma），原低约 12px */
  .llb-rank-boards{gap:19px}
  .llb-board{padding:18px 16px 20px;border-radius:14px;background:rgba(255,255,255,.1)}
  .llb-board__head{display:block;margin-bottom:16px;padding:0}
  .llb-board__head h2{font-size:20px;font-weight:600}
  .llb-board__head p{margin-top:6px;font-size:11px;color:#8d94b0}
  .llb-rank-items{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none;gap:10px}
  /* R2 H5 稿（193% 实测）：封面 72×96、封面与奖牌 10、奖牌顶 +14、标签 +38（胶囊 37×23 字 11）、评分星顶 +67（星 14 字 13） */
  .llb-rank-item__link{grid-template-columns:71px minmax(0,1fr);gap:10px;padding:0;border-radius:0}
  .llb-rank-item__link:hover{background:none}
  .llb-rank-poster{border-radius:6px}
  .llb-rank-poster small{display:none}
  .llb-rank-copy{padding-top:10px}
  .llb-rank-pos{font-size:22px;line-height:1.2}
  .llb-rank-title-row{gap:8px;min-height:26px}
  .llb-rank-title-row strong{font-size:14px;font-weight:600}
  .llb-medal{width:30px;height:19px}
  .llb-rank-tags{gap:6px;margin-top:2px}
  .llb-rank-tags i,.llb-rank-tags a{min-height:23px;padding:0 7.5px;border-radius:4px;font-size:11px;line-height:23px;background:rgba(255,255,255,.1);color:#9ea2b8}
  .llb-rank-score{gap:3px;margin-top:3px;font-size:13px;line-height:20px;color:#b8bcd0}
  .llb-rank-score svg{width:17px;height:17px;margin-left:-2px;fill:#b8bcd0}
  .llb-board .llb-banners{gap:10px;margin:18px 0 0}
}
.llb-cell{display:contents}
/* 排行榜切换周期时的骨架 */
.llb-rank-skel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}
.llb-rank-skel__row{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;padding:15px 20px}
.llb-rank-skel__row>.ll-skeleton{aspect-ratio:3/4;border-radius:10px}
.llb-rank-skel__row i{display:block}
@media (max-width:1023px){.llb-rank-skel{grid-template-columns:1fr;gap:10px}.llb-rank-skel__row{grid-template-columns:71px 1fr;padding:0}}
/* 分页：R3 起全部用公共 languo-ui.css 的 .ll-pager（当前页高亮、H5 44×44、‹ › 箭头、≤400 间距均已公共化），本组不再覆盖 */

/* ---------- 2026-10-21 Figma 短剧列表组（目录页 /tags/:slug/ 专属，限定 data-llb-page-kind=catalog，不影响搜索/排行） ----------
   PC（短剧-02-短剧 / 短剧-03-真人短剧，1920 画板）：顶栏 76 下 面包屑 → H1 → 筛选面板 144 高（内边距 24/23，标签与 chip 16px，
       chip 高 40、左右 16（+1 透明边）、间距 6，两行间距 16，标签距面板左 23、首个 chip 距面板左 86，选中底 #263051 + #5C8DFF 字，边框 #24242F）
       → 区块标题 20px（距面板底 33、距卡片顶 28）→ 卡片。
   H5（短剧-01-短剧 / 男同GV目录-01，375 画板）：面包屑行 29 高；H1 + 筛选面板整段落在一条 #12121D 通栏底色上（上 10 下 10）；
       H1 16px；面板高 115（3 行），chip 28 高、12px 字、左右 9.5（+1 透明边）、横向间距 5；区块标题 18px 且比 H1 大。 */
[data-llb-page-kind=catalog] .llb-filter{border-color:#24242f}
@media (min-width:1024px){
  [data-llb-page-kind=catalog] .llb-page{padding-top:12px}
  [data-llb-page-kind=catalog] .llb-crumbs{margin:0 0 11px}
  [data-llb-page-kind=catalog] .llb-filter{padding:23px 22px;margin-bottom:28px}
  [data-llb-page-kind=catalog] .llb-filter .ll-filter__row{gap:31px;margin:0}
  [data-llb-page-kind=catalog] .llb-filter .ll-filter__row+.ll-filter__row{margin-top:16px}
  [data-llb-page-kind=catalog] .llb-filter .ll-filter__label{width:32px;font-size:max(16px,var(--ll-fmin,0px));line-height:max(40px,calc(var(--ll-fmin,0px)*1.25))}
  [data-llb-page-kind=catalog] .llb-chips{gap:6px}
  [data-llb-page-kind=catalog] .llb-chips .ll-chip{min-height:40px;height:40px;padding:0 16px;font-size:max(16px,var(--ll-fmin,0px))}
  [data-llb-page-kind=catalog] .llb-result-head{margin-bottom:22px}
  [data-llb-page-kind=catalog] .llb-result-head h2{font-size:max(20px,var(--ll-fmin,0px));line-height:max(28px,calc(var(--ll-fmin,0px)*1.25))}
}
@media (max-width:1023px){
  [data-llb-page-kind=catalog] .llb-page{padding-top:0}
  [data-llb-page-kind=catalog] .llb-crumbs-m{display:block}
  [data-llb-page-kind=catalog] .llb-crumbs{margin:0}
  [data-llb-page-kind=catalog] .llb-crumbs a,[data-llb-page-kind=catalog] .llb-crumbs span{min-height:29px}
  [data-llb-page-kind=catalog] .llb-head{margin:0 calc(var(--gutter)*-1);padding:10px var(--gutter);background:#12121d}
  [data-llb-page-kind=catalog] .llb-h1{margin:0 0 12px;font-size:16px;font-weight:600;line-height:21px}
  [data-llb-page-kind=catalog] .llb-filter{padding:12px 9px;margin-bottom:0}
  [data-llb-page-kind=catalog] .llb-filter .ll-filter__row{gap:10px;align-items:flex-start;margin:0}
  [data-llb-page-kind=catalog] .llb-filter .ll-filter__row+.ll-filter__row{margin-top:4px}
  [data-llb-page-kind=catalog] .llb-filter .ll-filter__label{width:26px;padding-top:0;font-size:12px;line-height:28px}
  [data-llb-page-kind=catalog] .llb-chips{gap:1px 5px}
  [data-llb-page-kind=catalog] .llb-chips .ll-chip{min-height:28px;height:28px;padding:0 9.5px;font-size:12px}
  [data-llb-page-kind=catalog] .llb-result-head{margin:8px 0 11px}
  [data-llb-page-kind=catalog] .llb-result-head h2{font-size:18px;line-height:25px}
}
/* 底部横幅占位：Figma 横幅无描边；H5 两条上下间距约 5 */
[data-llb-page-kind=catalog] .llb-banners--ph .ll-adph{border:0}
@media (max-width:1023px){[data-llb-page-kind=catalog] .llb-banners--ph{gap:5px}}
/* Figma 面包屑当前项（「短剧」「真人短剧」）为白色加粗 */
[data-llb-page-kind=catalog] .llb-crumbs [aria-current]{font-weight:600}

/* R2（短剧列表）：目录页底部纵向节奏按 Figma 短剧-01-b / 02-b / 03-b 实测（760 宽图 ×2.526）：
   最后一排题材胶囊底 → 分页顶 61（01-b：24px 图距），分页底 → 横幅顶 40（16px），横幅底 → 页脚上边线 50（20px）；
   H5（短剧-01-c / 02-c，232 宽图 ×1.616）：胶囊底 → 分页顶 16，分页底 → 横幅 14，两张横幅间距 5，横幅底 → 页脚上边线 21。 */
body[data-llb-page-kind=catalog] .llb-results .ll-pager{margin-top:61px}
body[data-llb-page-kind=catalog] .llb-banners{margin-top:40px}
body[data-llb-page-kind=catalog] .llb-page{padding-bottom:0}
body[data-llb-page-kind=catalog] .ll-footer{margin-top:50px}
@media (max-width:1023px){
  body[data-llb-page-kind=catalog] .llb-results .ll-pager{margin-top:16px}
  body[data-llb-page-kind=catalog] .llb-banners{margin-top:14px}
  body[data-llb-page-kind=catalog] .llb-banners--ph{gap:5px}
  body[data-llb-page-kind=catalog] .ll-footer{margin-top:21px}
}
/* R2：H5 男同GV目录帧（男同GV目录-01-a）筛选面板两行之间留约 8 的空隙（面板高 ≈94），短剧帧（短剧-01-a）两行紧贴（≈86）。
   两帧各自按稿：GV 目录（data-llb-wide）单独把行距加 8。 */
@media (max-width:1023px){body[data-llb-wide] .llb-filter .ll-filter__row+.ll-filter__row{margin-top:12px}}

/* R3（短剧列表 SJ-R3-01/02/03/06/07）——只作用于目录页 body[data-llb-page-kind=catalog]，不动公共 .ll-pager 默认值 */
@media (min-width:1024px){
  /* 01：Figma 短剧-01-b / 05 页码与「下一页」近白、偏粗，「下一页」宽约 41 → 14px */
  body[data-llb-page-kind=catalog] .ll-pager a,body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n{color:#f2f3f7;font-size:max(14px,var(--ll-fmin,0px));font-weight:600}
  body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n.is-active{color:var(--accent)}
  /* 02：禁用「上一页」底色同其它按钮、无可见描边、暗灰字，不再整体 opacity */
  body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n.is-disabled{opacity:1;border-color:transparent;color:#727784}
  /* 06：Figma 短剧-05-男同GV 帧比短剧帧紧：面板→卡片 68、标签→分页 48、横幅→页脚线 40 */
  body[data-llb-page-kind=catalog][data-llb-wide] .llb-filter{margin-bottom:18px}
  body[data-llb-page-kind=catalog][data-llb-wide] .llb-results .ll-pager{margin-top:48px}
  body[data-llb-page-kind=catalog][data-llb-wide] .ll-footer{margin-top:40px}
  /* 07：卡片题材小标签 Figma 约 32×18，底色偏蓝暗 */
  body[data-llb-page-kind=catalog] .ll-card__tags span,body[data-llb-page-kind=catalog] .ll-card__tags a{min-height:18px;padding:0 4px;line-height:max(18px,calc(var(--ll-fmin,0px)*1.25));background:#1d2130}
}
@media (max-width:1023px){
  /* 03：Figma 短剧-01-c 第 1 页「‹」不做禁用变暗（底色同其它格、箭头偏白偏粗），非当前页码偏暗灰 */
  body[data-llb-page-kind=catalog] .ll-pager a,body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n{color:#767a8e}
  body[data-llb-page-kind=catalog] .ll-pager .ll-pager__step,body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n.ll-pager__step{color:#8e91a1;font-weight:700}
  body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n.is-disabled{opacity:1}
  body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n.is-active{color:#fff}
}
/* fix4（短剧列表复验剩余差异）——仍只作用于目录页 */
@media (min-width:1024px){
  /* PC：Figma 短剧-01-b/02-b/03-b/05 按钮中心距 50.9（40 宽 + 间隔 ≈11），「上一页」左→「下一页」右 ≈572 */
  body[data-llb-page-kind=catalog] .ll-pager{gap:11px}
}
@media (max-width:1023px){
  /* H5：Figma 短剧-01-c~04-c 只有「‹」偏亮，「›」与普通页码同为暗灰 */
  body[data-llb-page-kind=catalog] .ll-pager>.ll-pager__step:last-child,body[data-llb-page-kind=catalog] .ll-pager>span.ll-pager__n.ll-pager__step:last-child{color:#767a8e}
  /* H5：箭头为高约 10~11（375 稿）、2px 圆头描边的 chevron。箭头只由公共 ll/pager-chev 内联 SVG 画（languo-ui.css .ll-pager__chev），
     本页只加粗描边；旧版在 .ll-m-only 上用 border+rotate(45deg) 再画一个箭头，和 SVG 叠在一起旋转 → 真机出现「↰ / ⎦›」错乱图标，已删除，
     禁止再对 .ll-pager__chev / .ll-m-only 加 border、transform 或 font-size:0 */
  body[data-llb-page-kind=catalog] .ll-pager>.ll-pager__step .ll-pager__chev svg{stroke-width:2}
  /* H5：当前页数字 Figma 偏细、带蓝（缩图峰值约 166,192,255），纯白过亮 */
  body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n.is-active{color:rgba(255,255,255,.68);font-weight:400}
}

/* ---------- R3（2026-10-21 搜索与排行 第三轮）---------- */
/* SR3-07 PC 搜索结果：Figma 1920 面包屑 y≈91、tab 下划线 210、卡片 232，原整体低 8px → 顶部内边距 20→12 */
@media (min-width:1024px){body[data-llb-page-kind="search"] .llb-page{padding-top:12px}}
@media (max-width:1023px){
  /* SR3-01 Figma H5 搜索-01/03/04/05：顶栏底 #11111B 比页面深，底部 1px 分隔线 #21212D */
  body[data-llb-page-kind="search"] .ll-header.ll-header{background:#11111b;box-shadow:inset 0 -1px 0 #21212d}
  /* SR3-02 Figma H5：面包屑区约 29px 高，下面紧接 #12121D 标题 + tab 深色带（原 49px，整页低 20px） */
  body[data-llb-page-kind="search"] .llb-page{padding-top:0}
  body[data-llb-page-kind="search"] .llb-crumbs{margin:0}
  body[data-llb-page-kind="search"] .llb-crumbs a,body[data-llb-page-kind="search"] .llb-crumbs span{min-height:29px}
  body[data-llb-page-kind="search"] .llb-shead{margin-top:0}
}
/* SR3-12 排行榜空态改用与搜索空态同一 3D 吉祥物（Kind=search），榜单卡内保持原 40px 上下留白 */
.llb-board .llb-empty.llb-empty--search{padding:40px 16px}

/* ---------- B5-U2（2026-10-22 Figma 全站核验 B 组）---------- */
@media (min-width:1024px){
  /* B-07 频道/题材目录 PC：Figma 卡宽 289（Frame 2147231459）、列距 ≈19；标题字形顶比现状高 4（h3 上边距 11 → 7） */
  body[data-llb-page-kind=catalog] .llb-grid{column-gap:19px}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card h3{margin-top:7px}
  /* B-09 排行榜 PC 封面左下集数标签：≈70×27、字 14 */
  .llb-rank-poster small{height:27px;padding:0 10px;font-size:max(14px,var(--ll-fmin,0px));line-height:max(27px,calc(var(--ll-fmin,0px)*1.25))}
}
@media (max-width:1023px){
  /* B-08 频道/题材目录 H5：封面底 → 标题字形顶 ≈9（上移 2.5）、标签顶上移 4、每行卡片间距 284（行距 +1 抵消，累计 −3） */
  body[data-llb-page-kind=catalog] .llb-grid .ll-card h3{margin-top:5.5px}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card__tags{margin-top:7px}
  body[data-llb-page-kind=catalog] .llb-grid{row-gap:11px}
  /* B-10 排行榜 H5：每条 ≈107（实测条目高 95 + 间距 12；原 10 → 每条 105） */
  .llb-rank-items{gap:12px}
}

/* ---------- UI-LIST（2026-10-23 最新 Figma JyNjksz6eIFQt8nEMwVJgM 差异清单定点修复，数值取节点）----------
   频道列表（158:43357 短剧 / 158:44048 男同GV / 158:42970 新上架，H5 158:52319 / 158:52730）与排行榜（158:44951 / 158:53397）。
   卡片角标用 cqw（容器 .ll-card__art，PC 设计卡宽 289 → 1cqw≈2.89px；H5 设计卡宽 340@750 → 1cqw≈3.4 设计 px），宽屏与缩放区间等比。 */
@media (min-width:1024px){
  /* H1「短剧 / 男同GV」：24px Semibold 行高 34 #E8EDF4（158:43364）；H1→筛选栏 24 */
  /* 面包屑文字 y=88（158:43361，Frame 423 上下内边距 10）→ H1 y=115：页面顶部内边距 12→10、面包屑下边距 11→10 */
  body[data-llb-page-kind=catalog] .llb-page{padding-top:10px}
  body[data-llb-page-kind=catalog] .llb-crumbs{margin-bottom:10px}
  body[data-llb-page-kind=catalog] .llb-h1{margin-bottom:24px;font-weight:600;line-height:max(34px,calc(var(--ll-fmin,0px)*1.25));color:#e8edf4}
  /* 筛选：标签与未选中项 #9BA7B7 Regular；选中项 Medium + #5C8DFF@20% 底 + #5C8DFF 字（158:43369/43370） */
  body[data-llb-page-kind=catalog] .llb-filter .ll-filter__label{color:#9ba7b7}
  body[data-llb-page-kind=catalog] .llb-chips .ll-chip{color:#9ba7b7}
  body[data-llb-page-kind=catalog] .llb-chips .ll-chip:hover{color:var(--text)}
  body[data-llb-page-kind=catalog] .llb-chips .ll-chip.is-active{font-weight:500;color:#5c8dff;background:rgba(92,141,255,.2)}
  /* 筛选栏底 → 结果标题 30（短剧 / 男同GV 两帧都是标题 y=347）；GV 标题 → 卡片 10（158:44073 → 158:44079 卡片 y=385） */
  body[data-llb-page-kind=catalog] .llb-filter,body[data-llb-page-kind=catalog][data-llb-wide] .llb-filter{margin-bottom:30px}
  body[data-llb-page-kind=catalog][data-llb-wide] .llb-result-head{margin-bottom:10px}
  /* 竖版卡角标：徽标 54×26 13px Medium，两枚紧贴；评分胶囊 68×26 #000@69% 13px Bold #FFD900、星 15、星字间距 1（238:21112/21115） */
  body[data-llb-page-kind=catalog] .llb-grid .ll-card__badges{top:4.15cqw;left:3.46cqw;gap:0}
  body[data-llb-page-kind=catalog] .llb-grid .ll-badge{height:9cqw;padding:0 4.84cqw;font-size:4.5cqw;font-weight:500}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card__score{top:4.15cqw;right:3.8cqw;gap:.35cqw;height:9cqw;padding:0 3.1cqw 0 3.46cqw;background:rgba(0,0,0,.69);font-size:4.5cqw;font-weight:700}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card__score::before{width:5.2cqw;height:5.2cqw}
  /* 左下集数：14px Bold，左内边距 12、右 14，高 26 圆角 6，距封面左/底 10/12（238:21107/21108） */
  body[data-llb-page-kind=catalog] .llb-grid .ll-card__ep{left:3.46cqw;bottom:4.15cqw;height:9cqw;padding:0 4.84cqw 0 4.15cqw;border-radius:2.08cqw;font-size:max(4.84cqw,var(--ll-fmin,0px));font-weight:700;line-height:9cqw}
  /* 标题：封面底 +10，14px Semibold #FFF 行高 20（238:21118）；题材标签 34×20、字 12/16、底 #1C212E 字 #8D96A5（198:87661），标题 → 标签 5 */
  body[data-llb-page-kind=catalog] .llb-grid .ll-card h3{margin-top:10px;font-weight:600;line-height:max(20px,calc(var(--ll-fmin,0px)*1.25));color:#fff}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card__tags{margin-top:7px}
  body[data-llb-page-kind=catalog] .ll-card__tags span,body[data-llb-page-kind=catalog] .ll-card__tags a{min-height:20px;padding:0 5px;line-height:max(20px,calc(var(--ll-fmin,0px)*1.25));background:#1c212e;color:#8d96a5}
  body[data-llb-page-kind=catalog] .ll-card__tags a:hover{background:#2a3142;color:var(--text)}
  /* GV 横版卡（158:44089）：标题 16px Semibold #FFF，封面底 +12，行高 22；标题 → 标签 3（标签 y=+200） */
  body[data-llb-page-kind=catalog] .llb-grid .ll-card--wide h3{margin-top:12px;font-size:max(16px,var(--ll-fmin,0px));line-height:max(22px,calc(var(--ll-fmin,0px)*1.25))}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card--wide .ll-card__tags{margin-top:7px}
  /* 信息流广告卡（198:87668/87670）：「广告」48×36 圆角 8、#0B141F@80%、15px Medium #F4F4F7，距右/上 11；文案 14px Semibold #FFF，封面底 +10 */
  body[data-llb-page-kind=catalog] .llb-feed-ad .ll-ad__tag{top:3.8cqw;right:3.8cqw;display:flex;align-items:center;justify-content:center;width:16.6cqw;height:12.46cqw;padding:0;border-radius:2.77cqw;background:rgba(11,20,31,.8);color:#f4f4f7;font-size:max(5.19cqw,var(--ll-fmin,0px));font-weight:500;line-height:1}
  body[data-llb-page-kind=catalog] .llb-ad-caption{margin-top:10px;font-size:max(14px,var(--ll-fmin,0px));font-weight:600;line-height:max(20px,calc(var(--ll-fmin,0px)*1.25));color:#fff}
  /* 分页（158:43269/43271）：上一页/下一页 78×40、页码 40×40、圆角 9；普通格 #0E1322 + 1px #252648；当前页 #374488@36% + 1px #5C8DFF；禁用格描边 #161B2A 字 #646971 */
  body[data-llb-page-kind=catalog] .ll-pager a,body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n{border-radius:9px;border-color:#252648}
  body[data-llb-page-kind=catalog] .ll-pager a.ll-pager__step,body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__step{min-width:78px}
  body[data-llb-page-kind=catalog] .ll-pager a:hover{border-color:var(--accent)}
  body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n.is-active{background:rgba(55,68,136,.36);border-color:#5c8dff}
  body[data-llb-page-kind=catalog] .ll-pager span.ll-pager__n.is-disabled{border-color:#161b2a;color:#646971}
}
@media (max-width:1023px){
  /* H5（158:52319）：H1 16px Medium；维度名与选项 12px Medium #929EAE；选项高 30、左右 11（含 1px 透明边）、横向间距 5、两行紧贴；
     面板内边距 12/10、标签组与排序组间距 2；「短剧作品」18px Semibold */
  body[data-llb-page-kind=catalog] .llb-h1{font-weight:500}
  body[data-llb-page-kind=catalog] .llb-filter{padding:12px 10px}
  body[data-llb-page-kind=catalog] .llb-filter .ll-filter__row+.ll-filter__row{margin-top:2px}
  body[data-llb-page-kind=catalog] .llb-filter .ll-filter__label{font-weight:500;line-height:30px;color:#929eae}
  body[data-llb-page-kind=catalog] .llb-chips{gap:0 5px}
  body[data-llb-page-kind=catalog] .llb-chips .ll-chip{min-height:30px;height:30px;padding:0 10px;font-weight:500}
  body[data-llb-page-kind=catalog] .llb-chips .ll-chip:not(.is-active){color:#929eae}
  body[data-llb-page-kind=catalog] .llb-result-head h2{font-weight:600}
  /* H5 卡片标题 14px Semibold #FFF（239:23468），与 PC 同口径 */
  body[data-llb-page-kind=catalog] .llb-grid .ll-card h3{font-weight:600;color:#fff}
  /* H5 卡左下集数（239:23456/23457）：12px Medium，高 18、左右 6、圆角 3，距封面左 6 / 底 10.5 */
  body[data-llb-page-kind=catalog] .llb-grid .ll-card__ep{left:3.53cqw;bottom:6.18cqw;height:10.59cqw;padding:0 3.53cqw;border-radius:1.76cqw;font-size:7.06cqw;font-weight:500;line-height:10.59cqw}
  /* H5 题材标签（239:23470/23471）：34×20、字 12/16、底 #1C212E 字 #8D96A5 */
  body[data-llb-page-kind=catalog] .ll-card__tags span,body[data-llb-page-kind=catalog] .ll-card__tags a{min-height:20px;padding:0 5px;border-radius:4px;font-size:12px;line-height:20px;background:#1c212e;color:#8d96a5}
}
/* GV H5 筛选两行间距沿用 R2 的 12（男同GV目录帧） */
@media (max-width:1023px){body[data-llb-page-kind=catalog][data-llb-wide] .llb-filter .ll-filter__row+.ll-filter__row{margin-top:12px}}

/* 排行榜 PC（158:44951）：标题 32px Semibold 字距 -0.936、麦穗墨迹 22×50 距字 14（158:44960/44963）；
   日/周/月 170×56 间距 23、24px Bold，未选中 #FFF@10% 底 #D6DBEC 字，选中白底 #12121D 字（193:14741~14746）；
   说明 20px Medium #97A4D1 行高 34.56（158:44973）。面板 y=432 高 976：内边距 40/20/50，标题行高 48（标题 20 Semibold #F3F4FC + 说明 16 #96A4C6 行高 28，间距 20）→ 23 → 条目；
   每列第 1 行封面 130×173（含高亮底 480×204 圆角 24，上下内边距 15/16），第 2、3 行封面 148×197（上下内边距 16）、圆角 12；行距 213/237；
   文字区距封面顶 15：标题行 30 → 17 → 标签 48×28 → 18 → 评分（星 18、间距 6、16px Bold #EAA80D 行高 28）；
   封面左下集数 72×26 圆角 6、距左/底 8（158:45002）；底部横幅 710×129、距末行 8（158:45127）。 */
@media (min-width:1024px){
  /* 纵向：麦穗墨迹顶 y=202、日周月 y=291、说明文字框 y=368、面板 y=432（页面坐标 = Figma y − 79 浏览器栏） */
  /* 2026-10-24 Figma 158:44952：顶栏底→标题顶 30px（原 124 为旧稿，覆盖了上面的 padding-top） */
  /* 2026-10-24 Figma 158:44952 重新逐层实测：标题 50/600 行高 70，麦穗 35×80，行距按自动布局行高折算（标题行 126.72 / tab 行 75 / 说明行 40.32），榜单顶落在 376 */
  .llb-rank-hero__in{padding-top:53px;padding-bottom:29px}
  .llb-rank-title{gap:13px}
  .llb-rank-title h1{font-size:max(50px,var(--ll-fmin,0px));font-weight:600;line-height:70px;letter-spacing:0}
  .llb-laurel{width:35px;height:80px;color:#7ba3ff;fill:#7ba3ff}
  .llb-periods{gap:23.04px;margin-top:33px}
  .llb-periods a{width:170px;font-size:max(24px,var(--ll-fmin,0px));background:rgba(255,255,255,.1);color:#d6dbec}
  .llb-periods a[aria-pressed=true]{background:#fff;color:#12121d}
  .llb-rank-desc{margin-top:12px;font-size:max(20px,var(--ll-fmin,0px));font-weight:500;line-height:35px;color:#97a4d1}
  .llb-rank-layout{margin-top:0} /* hero 下内边距已折成 29（说明行底→榜单顶），不再用 -67 回拉 */
  .llb-board{padding:40px 20px 50px}
  .llb-board__head{align-items:center;gap:20px;margin:0 0 23px}
  .llb-board__head h2{font-weight:600;line-height:48px;color:#f3f4fc}
  .llb-board__head p{line-height:28px;color:#96a4c6}
  .llb-rank-items{column-gap:20px;row-gap:8px}
  .llb-rank-item__link{grid-template-columns:148px minmax(0,1fr);padding:16px 20px;border-radius:24px}
  .llb-rank-item:nth-child(3n+1) .llb-rank-item__link{grid-template-columns:130px minmax(0,1fr);padding:15px 20px 16px}
  .llb-rank-item__main::after{border-radius:24px}
  .llb-rank-poster{border-radius:12px}
  .llb-rank-poster small{left:8px;bottom:8px;height:26px;padding:0 10px;border-radius:6px;line-height:26px}
  .llb-rank-copy{padding-top:15px}
  .llb-rank-title-row strong{color:#f3f4fc;line-height:30px}
  .llb-rank-tags i,.llb-rank-tags a{min-height:28px;line-height:28px}
  .llb-rank-score{gap:6px;margin-top:18px;font-family:Inter,var(--font);font-size:max(16px,var(--ll-fmin,0px));line-height:28px;color:#eaa80d}
  .llb-rank-score svg{width:18px;height:18px;margin-left:0;fill:#eaa80d}
  .llb-board .llb-banners{margin:8px 20px 0;gap:20px}
  .llb-board .llb-banners>*{aspect-ratio:710/129;border-radius:12px}
  .llb-board .llb-banner:has(>.hg-ssp-slot[data-ssp-picked]){aspect-ratio:auto}
}
/* 排行榜 H5（158:53397）：标题 26px Semibold 字距 -0.47（158:53414）；说明 12px Medium #97A4D1（158:53423）；
   评分星图标改为紧贴 viewBox 后 H5 原 17px（星本体 14）→ 14px */
@media (max-width:1023px){
  .llb-rank-title h1{font-size:26px;font-weight:600;letter-spacing:-.47px}
  .llb-rank-desc{margin-top:11.5px;font-size:12px;font-weight:500;line-height:17px;color:#97a4d1} /* 文字框 y=190.5、面板 y=228（(Figma y−187)÷2） */
  .llb-laurel{color:#7ba3ff;fill:#7ba3ff} /* 158:53413 #7BA3FF */
  .llb-rank-score svg{width:14px;height:14px;margin-left:0}
  /* 批注 #6「渐变背景更新」：渐变区 750×1402（css 701 高）。原来底边 #12121D 与页面底 #191925 硬接，在综合榜中段形成一条横线 →
     末段 25% 用遮罩淡出到页面底色，无硬边 */
  .llb-rank-bg{-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
}

/* ---------- UI-LIST r2：男同GV 横版卡左上徽标（PC 158:44083/44101，H5 239:25122）----------
   徽标由数据驱动（is_original / is_hot / 新上架），模板 ll/card-wide 一直在出；这里只校正横版卡尺寸。
   PC：卡宽 289，徽标 @(10,10) 54×26、13px Medium、字 #F7F8FA；热门 #FF6F00→#FF4638 横向渐变。
   H5：设计稿 750 宽 @2x，卡宽 170，徽标 @(6,6) 33×18、11px Semibold、字 #FFF。 */
@media (min-width:1024px){
  body[data-llb-page-kind=catalog] .llb-grid .ll-card--wide .ll-card__badges{top:3.46cqw;left:3.46cqw}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card--wide .ll-badge{color:#f7f8fa}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card--wide .ll-badge--hot{background:#ff6f00 linear-gradient(90deg,#ff6f00,#ff4638)}
}
@media (max-width:1023px){
  body[data-llb-page-kind=catalog] .llb-grid .ll-card--wide .ll-card__badges{top:3.53cqw;left:3.53cqw;gap:0}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card--wide .ll-badge{height:10.59cqw;padding:0 3.24cqw;font-size:max(6.47cqw,var(--ll-fmin,0px));font-weight:600;color:#fff}
  body[data-llb-page-kind=catalog] .llb-grid .ll-card--wide .ll-badge--hot{background:#ff6f00 linear-gradient(90deg,#ff6f00,#ff4638)}
}