/* 蓝果 languo.css —— 设计令牌 + 基础 + 外壳（顶栏/抽屉/页脚/悬浮/年龄门/登录/最近浏览）
   来源：docs/frontend-spec/tokens.md + layout-pc/h5.md，Figma 截图为布局终审。
   组件库见 languo-ui.css。类名前缀统一 ll-。断点：PC ≥ 1024，H5 ≤ 1023（原型 800 附近切换，这里按 1024 收敛）。
   本文件在过渡期晚于 common.css 加载，用于压过旧黄果主题；页面组改完后 common.css 可整体移除。 */
*,*::before,*::after{box-sizing:border-box}
:root{
  /* Figma 色板（2026-10-21 搜索与排行组对齐）：页面底 #151522、面板 #191925、输入/浮层 #2C2C38，主题强调色 #5C8DFF */
  --bg:#151522; --bg-home:#151522; --surface:#191925; --raised:#2c2c38; --line:#2a2a3a;
  --text:#f2f5fa; --muted:#94a1b3; --accent:#5c8dff; --accent-soft:#232b4d; --gold:#efca79; --danger:#ff8186;
  --blue:#5c8dff; --nav:#d7e0eb; --ok:#2ecc71;
  /* Figma：全站主按钮（立即观看 / 登录/注册 / 年龄确认 / 登录弹窗分段与提交）都是 #5C8DFF 纯色实底，无渐变 */
  --grad-primary:linear-gradient(#5c8dff,#5c8dff);
  --grad-account:linear-gradient(#5c8dff,#5c8dff);
  --r-card:10px; --r-btn:8px; --r-panel:12px; --r-dialog:18px;
  --sh-dialog:0 25px 90px rgba(0,0,0,.4); --sh-pop:0 16px 50px rgba(0,0,0,.467);
  --header-h:78px; --maxw:1520px; /* te-1792731659 T-002 Figma 158:43330 / 198:90499：PC 顶栏 78 高（原 76） */
  /* PC 左右留白（设计稿 1920 画板每边 200、内容 1520 ≈ 10.4vw）。1024~1919 由下方「PC 等比缩放」整页按 1920 布局后 zoom，
     这里 vw 走 --ll-vw（缩放区间 = 19.2px），所以 PC 恒为稿值 200；H5 见下方 13px。
     全站内容左边线 = max(var(--gutter), (100% - var(--maxw))/2)，页头/轮播/内容/页脚统一用它。 */
  --gutter:clamp(150px,calc(10.4*var(--ll-vw,1vw)),200px);
  --font:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  /* 过渡：把旧主题变量也压成蓝色，未改写的页面不再出黄 */
  --color-primary:#5c8dff; --color-primary-end:#4a7de8; --color-light-primary:rgba(92,141,255,.12);
  --hg-btn-gradient:linear-gradient(90deg,#5c8dff,#4a7de8);
}
/* 2026-10-22 PC 等比缩放：窄 PC 专用断点已删除（1024~1919 整页按 1920 布局后等比 zoom，见 languo.css 顶部） */
/* Figma H5：顶栏 48 高（#12121D），首页底 #191925（其余 H5 页仍是 #151522） */
/* R2 短剧列表：Figma 全部 H5 帧（232 宽图 = 375 × 0.6187）内容左右边线都在第 8 像素 ≈ 13px，原 16 偏宽 */
@media (max-width:1023px){:root{--header-h:48px;--gutter:13px;--r-card:8px;--bg-home:#191925}}

/* ==== PC 等比缩放（2026-10-22 用户选定折中方案：视觉接近 Figma、字号不低于 12px）====
   Figma 按 1920 出稿。1024~1919 宽：<html> 按 视口宽/1920 zoom，页面内部恒按 1920 宽布局（布局宽 = 视口/缩放比 ≈ 1920），
   所以间距、卡片、弹窗、悬浮按钮全部同比例缩小；1920 及以上不缩放、保持稿值；H5（≤1023）完全不受影响。
   配套约定（本文件与 languo-ui / ll-A~E 已按此改写，新增样式请沿用）：
   1. 字号：PC 一律写成 max(Npx,var(--ll-fmin,0px))。--ll-fmin = 12px / 缩放比，保证缩放后最终渲染 ≥12px（≥1920 时为 12px）；
      px 行高同理 max(Lpx,calc(var(--ll-fmin,0px)*1.25))，防止字号被托底后行间重叠。H5 未定义 --ll-fmin，回落 0 不生效。
   2. 视口单位：zoom 内的 vw/vh 仍按真实视口计算，会被再缩一次，所以写成 calc(N*var(--ll-vw,1vw)) / --ll-vh / --ll-dvh / --ll-svh；
      缩放区间 --ll-vw = 19.2px（1920 稿的 1vw），--ll-vh = 1vh / 缩放比（渲染后正好等于真实视口高）。
   3. 窄 PC 专用断点（1024~1439 收窄留白、1280 以下缩搜索框等）已删除：缩放后页面内部永远是 1920 布局，不再需要。
      矮屏断点 (max-height:799/739) 按缩放后的等效高度改写成 min-aspect-ratio:1920/H。
   4. languo.js 写入的 --ll-fab-lift 是渲染像素，使用处除以 --ll-s 还原成布局像素。
   tan(atan2(100vw,1920px)) = 100vw/1920px 的无单位比值（Chrome 111+/Safari 15.4+/Firefox 108+）。 */
@media (min-width:1024px){:root{--ll-fmin:12px}}
@media (min-width:1024px) and (max-width:1919.98px){
  :root{--ll-s:tan(atan2(100vw,1920px));--ll-fmin:calc(12px / var(--ll-s));--ll-vw:19.2px;--ll-vh:calc(1vh / var(--ll-s));--ll-dvh:calc(1dvh / var(--ll-s));--ll-svh:calc(1svh / var(--ll-s))}
  html{zoom:var(--ll-s)}
}

html{color-scheme:dark;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:max(13px,var(--ll-fmin,0px))/1.55 var(--font);-webkit-font-smoothing:antialiased;min-width:320px}
body:has([data-ll-hero]){background:var(--bg-home)}
body a{color:inherit;text-decoration:none}
body img{max-width:100%}
.ll-body-lock,html.ll-lock{overflow:hidden}
.ll-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
.ll-header button,.ll-drawer button,.ll-fab button,.ll-modal button,.ll-search-panel button,.ll-btn,.ll-ui button{font-family:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button:disabled{opacity:.4;cursor:default}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---- 页面容器 ---- */
.ll-main{min-height:calc(60*var(--ll-vh,1vh))}
.ll-wrap{width:min(var(--maxw),calc(100% - var(--gutter)*2));margin:0 auto}
.ll-page{padding:20px var(--gutter) 32px;max-width:calc(var(--maxw) + var(--gutter)*2);margin:0 auto}
@media (max-width:1023px){.ll-page{padding:14px var(--gutter) 28px}}

/* ---- PC 顶栏 ---- */
.ll-header{position:sticky;top:0;z-index:30;height:var(--header-h);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,0));transition:background .25s,box-shadow .25s}
/* --ll-hair：1px 细线在 PC zoom 下渲染 ≥1 屏幕像素（1024 时原 1px 只剩 0.53）；≥1920 / H5 恒 1px */
:root{--ll-hair:max(1px,calc(1px / var(--ll-s,1)))}
.ll-header.is-scrolled{background:#151522;box-shadow:inset 0 calc(var(--ll-hair) * -1) 0 #1a1a27}
body:has([data-ll-hero]) .ll-header{margin-bottom:calc(var(--header-h)*-1)}
body:not(:has([data-ll-hero])) .ll-header{background:rgba(21,21,34,.95)}
/* 2026-10-23 顶栏细节三修（首页透明顶栏可读性）：Figma 198:90499 首页顶栏底为 #000 80%→0% 自上而下线性渐变（只覆盖 78 高），未选中菜单 #A5A5A5 无文字阴影；
   实测亮色 banner（如褐色兵马俑图）上未选中菜单与背景对比度仅 2.3~3.9:1。保留 Figma 色值与字色，改为：
   ① 渐变用 ::before 画、向下延伸到 1.9 倍栏高再淡出（文字所在 19%~33% 段不透明度 ≈.72，栏底 ≈.5，延伸段平滑归零，无硬边）；
   ② 未选中菜单补与选中项同族的柔和文字阴影 0 0 6px（Figma 235:17495 选中项为 0 0 6 #000）。
   仅 PC 首页未滚动态；滚动后（.is-scrolled 实底 #151522）渐变淡出。任意 banner 上菜单字对比度 ≥4.5:1。 */
@media (min-width:1024px){
  body:has([data-ll-hero]) .ll-header{background:transparent}
  body:has([data-ll-hero]) .ll-header::before{content:"";position:absolute;left:0;right:0;top:0;z-index:-1;height:calc(var(--header-h) * 1.9);pointer-events:none;
    background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.72) 30%,rgba(0,0,0,.5) 52%,rgba(0,0,0,.2) 76%,rgba(0,0,0,0) 100%);transition:opacity .25s}
  body:has([data-ll-hero]) .ll-header.is-scrolled{background:#151522}
  body:has([data-ll-hero]) .ll-header.is-scrolled::before{opacity:0}
  body:has([data-ll-hero]) .ll-header:not(.is-scrolled) .ll-nav a:not(.is-active){text-shadow:0 0 6px rgba(0,0,0,.9)}
}
.ll-header__in{width:min(var(--maxw),calc(100% - var(--gutter)*2));height:var(--header-h);margin:auto;display:flex;align-items:center;gap:0}
.ll-brand{display:flex;align-items:center;flex:none;height:100%}
/* 2026-10-23 顶栏公共组件全站统一：用户要求公共组件全站一致、以首页为准（不按 Figma 各页面不同画法）。
   PC 所有页面 logo 一律用首页 Figma 198:90500 的 110×52（78 高栏内垂直居中）；原非首页 Figma 158:43331 的 57 高与首页 body:has([data-ll-hero]) 52 高特例已合并删除。
   H5 仍由下方 max-width:1023px 段的 29px 居中规则覆盖。 */
.ll-brand img{display:block;height:52px;width:auto}
/* te-1792731659 T-002 Figma 158:43333 / 198:90502：logo → 导航 42；菜单项内边距 8/12、项间距 20；18px Medium #A5A5A5（行盒 25）。
   选中项（235:17671 / 235:17494）：画框 72×38、文字左缩进 20 → 左右内边距 20/16；18px Semibold #FFF + 文字阴影 0 0 6 #000；
   2026-10-23 顶栏细节：Figma 选中项文字比未选中项下沉 2px（原内边距 10/6），切换菜单时文字上下跳动；用户要求选中/未选中文字基线完全一致 → 上下内边距统一 8/8。
   下划线 32×2 #5C8DFF 水平居中于文字（用户反馈 2026-10-23）；竖直按 Figma「文字行盒顶 +28 = 行盒底 +3」：文字行盒中心 + 12.5 + 3 = 中心 + 15.5（18px 时），
   写成 15.5/18 em，窄 PC 字号被 --ll-fmin 托底放大时与文字等比外移，不再贴住文字。PC 1024~1919 由 html zoom 等比缩放，这里一律写 1920 稿值。 */
.ll-nav{display:flex;align-items:center;gap:20px;height:100%;margin-left:42px}
.ll-nav a{position:relative;display:inline-flex;align-items:center;padding:8px 12px;font-size:max(18px,var(--ll-fmin,0px));line-height:max(25px,calc(var(--ll-fmin,0px)*1.25));font-weight:500;color:#a5a5a5;white-space:nowrap}
.ll-nav a:hover{color:#fff}
.ll-nav a.is-active{padding:8px 16px 8px 20px;color:#fff;font-weight:600;text-shadow:0 0 6px #000}
/* 下划线水平居中于文字：文字中心 = 左内边距 20 + (宽 - 36)/2 = 50% + 2px；左缘 = 文字中心 - 自身半宽（margin 负半宽，不用 transform 免亚像素发虚）。
   2026-10-23 细节二修：1024~1919 整页 zoom 后 32×2 被缩成 ≈17×1 屏幕像素（1024 发淡）。尺寸设渲染下限：高 ≥2、宽 ≥24 屏幕像素
   （布局值 = 屏幕值 ÷ --ll-s；≥1920 / H5 未定义 --ll-s 回落 1 → 恒为 Figma 32×2；旧 Chromium 由 shell.tpl 探针写内联数值同样可用）。 */
.ll-nav a.is-active::after{--ll-ul-w:max(32px,calc(24px / var(--ll-s,1)));content:"";position:absolute;left:calc(50% + 2px);margin-left:calc(var(--ll-ul-w) / -2);top:calc(50% + 15.5em / 18);width:var(--ll-ul-w);height:max(2px,calc(2px / var(--ll-s,1)));background:var(--accent)}
.ll-tools{margin-left:auto;display:flex;align-items:center;gap:6px}
/* R2 溢出保护（后台菜单增多）：当前菜单数（≤6 项）以上 Figma 数值不变。PC 下：
   ① 先收搜索框（.ll-tools 恢复 min-width:auto 并 flex-shrink 优先，最多收到 180）；
   ② 7 项起导航项间距 20→12，9 项起再收为 6、左右内边距 12→8（:has 数量查询，不依赖视口——PC 由 html zoom 缩放，视口 clamp 无效）；
   ③ 仍放不下时 .ll-nav 可收缩（min-width:0），多出的整项折到第二行并被 overflow 隐藏（row-gap ≥ 顶栏高），绝不换行显示、不压搜索框、不出横向滚动。
   为此菜单项改为撑满顶栏高（height:100%），文字仍垂直居中；选中下划线按"文字顶 +28"换算到 50% 基准，与原位置逐像素一致。 */
@media (min-width:1024px){
  .ll-nav{flex:0 1 auto;min-width:0;flex-wrap:wrap;align-content:flex-start;row-gap:var(--header-h);overflow:hidden}
  .ll-nav a{height:100%}
  .ll-nav:has(> a:nth-child(7)){column-gap:12px}
  .ll-nav:has(> a:nth-child(9)){column-gap:6px}
  .ll-nav:has(> a:nth-child(9)) a:not(.is-active){padding-left:8px;padding-right:8px}
}
/* Figma：搜索框 460×44 → 间距 25 →「最近浏览」128×44（#1B1E2C 实底、无描边、14px、20px 钟表）→ 间距 23 →「登录/注册」97×44 #5C8DFF 实底；右缘对齐内容区右边 */
@media (min-width:1024px){
  /* 窄 PC（1024~1600）放不下 460 搜索框时让搜索框收缩（最小 180），导航间距同步按视口收窄，杜绝横向溢出 */
  .ll-tools{flex:1 1000 auto;min-width:auto;justify-content:flex-end;gap:24px} /* R2：min-width:auto = 搜索框收到 180 后的内容宽，先收搜索框再收导航（shrink 1000:1） */
  /* R3 SR3-06：窄 PC（1280/1440）搜索框收缩时不能贴着最后一个导航项（原 1280 只剩 13px），左侧至少留 clamp(32~48) */
  .ll-tools{padding-left:clamp(32px,calc(3*var(--ll-vw,1vw)),48px)}
  .ll-tools > :not(.ll-search){flex:none} /* R2：只让搜索框收缩，「最近浏览」127 /「登录/注册」96 不被挤窄 */
  .ll-header .ll-search{flex:0 1 460px;min-width:180px;contain:inline-size} /* R2：内容不再撑大工具区最小宽，搜索框可真正收到 180 */
  /* 2026-10-23 顶栏细节：窄 PC 字号被 --ll-fmin 托底（1024 时 22.5 布局 px = 渲染 12px）后，原固定 44 高 / 96 宽 / 16 内边距装不下文字（1024 搜索框 23 高、登录按钮文字溢出贴边）。
     改为：高度 --ll-tb-h = max(44, 2.4 × fmin)（渲染后恒 ≥ 28.8px）；内边距 / 图标 / 间距一律写成 Figma 稿值 ÷ 稿字号的 em，随实际字号同比放大；
     宽度改 auto + min-width 稿值。1920 时 fmin=12 → 全部回到 Figma 稿值（44 高、17/16 内边距、20 图标、96/127 宽）。 */
  :root{--ll-tb-h:max(44px,calc(var(--ll-fmin,0px)*2.4))}
  .ll-header .ll-search__form{width:100%;height:var(--ll-tb-h);gap:calc(8em / 13);padding:0 calc(8em / 13) 0 calc(17em / 13)}
  .ll-header .ll-search__go{width:calc(30em / 13);height:calc(30em / 13);font-size:inherit}
  .ll-header .ll-search__go svg{width:calc(18em / 13);height:calc(18em / 13)}
  .ll-header .ll-search__clear{width:calc(26em / 18);height:calc(26em / 18)}
  .ll-header .ll-search__form input{height:100%;padding:0}
  /* R2 Figma 高清：PC 顶栏占位文字为纯白 13px，左距框边 17 */
  .ll-header .ll-search__form input::placeholder{color:#fff}
  /* te-1792731659 T-002 Figma 158:43349「最近浏览」127×44：左内边距 16、钟表 20 → 间距 12 → 14px Semibold；158:43355「登录/注册」96×44 14px Semibold */
  .ll-header .ll-iconbtn{justify-content:flex-start;gap:calc(12em / 14);width:auto;min-width:127px;height:var(--ll-tb-h);padding:0 calc(16em / 14);border:0;background:#1b1e2c;font-size:max(14px,var(--ll-fmin,0px));font-weight:600}
  .ll-header .ll-iconbtn svg{flex:none;width:calc(20em / 14);height:calc(20em / 14)}
  .ll-header .ll-iconbtn:hover{background:#262a3d}
  .ll-header .ll-login{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:96px;height:var(--ll-tb-h);padding:0 calc(16em / 14);background:var(--accent);font-size:max(14px,var(--ll-fmin,0px));font-weight:600;line-height:1}
  /* 已登录头像与搜索框同高（Figma 44/44），窄 PC 随 --ll-tb-h 同步放大 */
  .ll-header .ll-user>summary,.ll-header .ll-user>summary .ll-avatar{width:var(--ll-tb-h);height:var(--ll-tb-h)}
  body:not(:has([data-ll-hero])) .ll-header{box-shadow:inset 0 calc(var(--ll-hair) * -1) 0 #1a1a27}
}
.ll-search{position:relative}
.ll-search__form{display:flex;align-items:center;gap:8px;width:460px;height:42px;padding:0 8px 0 20px;border:0;border-radius:999px;background:#2c2c38;font-size:max(13px,var(--ll-fmin,0px));transition:background .15s,box-shadow .15s}
/* R2：Figma 下拉展开（输入框聚焦）状态下输入框无任何描边，去掉聚焦蓝圈 */
.ll-search__form:focus-within{box-shadow:none}
.ll-search__form svg{flex:none;width:18px;height:18px;stroke:#a6a6b2}
.ll-search__form input{flex:1;min-width:0;width:auto;border:0;outline:0;background:transparent;color:#fff;font:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* 2026-10-23 细节二修：搜索框被长菜单挤窄时占位文字从字中间截断 → input 与 ::placeholder 都加省略号 */
.ll-search__form input::placeholder{color:#8a8a96;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ll-search__form input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
/* Figma：放大镜在输入框内最右侧，无「搜索」文字按钮；有输入时放大镜左侧出「×」清空 */
.ll-search__go{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:#a6a6b2;cursor:pointer}
.ll-search__go:hover{color:#fff}
.ll-search__clear{display:inline-grid;place-items:center;flex:none;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:transparent;color:#c9c9d3;font-size:max(18px,var(--ll-fmin,0px));line-height:1;cursor:pointer}
.ll-search__form input:placeholder-shown~.ll-search__clear{display:none}
@media (max-width:1023px){.ll-header__in{gap:14px}.ll-search__form{width:360px}}
/* 2026-10-22 PC 等比缩放：窄 PC 专用断点已删除（1024~1919 整页按 1920 布局后等比 zoom，见 languo.css 顶部） */
.ll-iconbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.1);color:#e4e9f1;cursor:pointer;font-size:max(12px,var(--ll-fmin,0px));font-weight:600;line-height:1;white-space:nowrap}
.ll-iconbtn svg{width:16px;height:16px}
.ll-iconbtn:hover{background:var(--raised)}
.ll-login{height:34px;padding:0 17px;border:0;border-radius:20px;background:linear-gradient(100deg,#6c97ff,#4a7de8);color:#fff;font-size:max(12px,var(--ll-fmin,0px));font-weight:650;cursor:pointer;white-space:nowrap}
.ll-login:hover{filter:brightness(1.1)}
.ll-user{position:relative}
.ll-user>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;border-radius:50%}
.ll-user>summary::-webkit-details-marker{display:none}
.ll-avatar{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#65aadd;color:#fff;font-size:max(13px,var(--ll-fmin,0px));font-weight:700;overflow:hidden;flex:none}
.ll-avatar--lg{width:64px;height:64px;font-size:max(26px,var(--ll-fmin,0px))}
.ll-user>summary .ll-avatar{width:44px;height:44px;font-size:max(18px,var(--ll-fmin,0px))} /* Figma 已登录顶栏头像 44 */
.ll-user__menu{position:absolute;top:52px;right:0;z-index:22;width:160px;padding:7px;background:var(--surface);border:var(--ll-hair) solid var(--line);border-radius:9px;box-shadow:0 15px 40px rgba(0,0,0,.267)}
.ll-user__menu a,.ll-user__menu button{display:block;width:100%;padding:9px 12px;border:0;border-radius:5px;background:transparent;color:var(--text);font-size:max(12px,var(--ll-fmin,0px));text-align:left;cursor:pointer}
.ll-user__menu a:hover,.ll-user__menu button:hover{background:var(--raised)}
.ll-user__menu .is-danger{color:#ed6262}
/* 2026-10-23 细节二修：PC zoom 下 7px 在 1024 只剩 3.7 屏幕像素 → 直径渲染下限 6 屏幕像素（--ll-s 未定义时回落 1，≥1920 / H5 仍为 7） */
.ll-unread{display:inline-block;width:max(7px,calc(6px / var(--ll-s,1)));height:max(7px,calc(6px / var(--ll-s,1)));border-radius:50%;background:var(--danger);vertical-align:middle;margin-left:6px}
/* H5 顶栏汉堡按钮定位上下文（B5 起 H5 汉堡不再显示未读红点，按 Figma 去掉；PC 头像 .ll-user__dot 保留） */
.ll-mbtn{position:relative}
.ll-user>summary{position:relative}
/* 红点贴头像右上角：top/right 2 时红点中心落在 44~54 圆形头像的 45° 边缘上，放大后仍在 summary 盒内不溢出；描边环渲染 ≥1.5 屏幕像素 */
.ll-user__dot{position:absolute;top:2px;right:2px;margin:0;box-shadow:0 0 0 max(2px,calc(1.5px / var(--ll-s,1))) #0b111c}

/* H5 顶栏：三栏，左菜单 / 中 logo / 右搜索 */
/* PC/H5 专属件：隐藏规则一律 !important——组件自己写了 display（inline-flex/grid…）也压不回来。
   显示侧不加 !important，交给组件自身的 display。 */
@media (min-width:1024px){.ll-m-only{display:none!important}}
@media (max-width:1023px){
  .ll-pc-only{display:none!important}
  .ll-m-only{display:inline-flex}
  .ll-header,.ll-header.is-scrolled{background:#12121d;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;box-shadow:none;transition:transform .18s}
  body:has([data-ll-hero]) .ll-header{margin-bottom:0}
  /* fix4（搜索与排行）：Figma 全部 H5 内页顶栏实色 #12121D；L54 的 body:not(:has([data-ll-hero])) .ll-header rgba(21,21,34,.95) 特异性更高，H5 下压回 */
  body:not(:has([data-ll-hero])) .ll-header{background:#12121d}
  .ll-header.is-hidden{transform:translateY(-100%)}
  .ll-header__in{width:100%;padding:0 10px;position:relative;justify-content:space-between}
  .ll-header .ll-mbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:#e0e8f2;cursor:pointer}
  /* R3 SR3-08 Figma H5 顶栏：汉堡墨迹约 15px 宽、右上放大镜约 14px（原 24px 图标墨迹 18px 偏大一圈） */
  .ll-header .ll-mbtn svg{width:20px;height:20px}
  .ll-header .ll-mbtn[data-ll-search-open] svg{width:19px;height:19px}
  /* fix-shell 2026-10-23 Figma 142:31695 / 142:31703（750 稿 ÷2）：汉堡墨迹 16×16 @x12.5（中心 20.5）、放大镜框 18 中心 354.5（距右 20.5）；
     栏左右内边距清零、两个按钮贴边宽 41（高仍 44），图标居中即落到稿值；不用负外边距（会把页面撑出 2px 横向滚动） */
  .ll-header__in{padding:0}
  .ll-header .ll-mbtn[data-ll-drawer-open],.ll-header .ll-mbtn[data-ll-search-open]{width:41px}
  .ll-header .ll-mbtn[data-ll-drawer-open] svg{width:24px;height:24px}
  .ll-header .ll-mbtn[data-ll-search-open] svg{width:20px;height:20px}
  .ll-brand{position:absolute;left:50%;top:0;transform:translateX(-50%)}
  .ll-brand img{height:29px} /* te-1792731659 T-002 Figma 142:31693：H5 居中 logo 123×58@750 → 61.5×29，栏高 48 */
}

/* H5 搜索展开行（Figma 搜索-02：整行一个圆角矩形输入框 #25252A，框内右侧「×」+ 放大镜，框外无文字按钮） */
@media (max-width:1023px){
  .ll-search{position:static}
  .ll-search__form{display:none;position:absolute;left:0;right:0;top:var(--header-h);width:auto;height:56px;padding:6px 12px;border:0;border-radius:0;background:#12121d;gap:0;box-shadow:none}
  .ll-search__form:focus-within{box-shadow:none}
  .ll-header.is-search .ll-search__form{display:flex}
  /* 搜索展开时顶栏（含下拉面板）必须压在遮罩（z50）之上，否则面板被遮罩盖住、点不动 */
  .ll-header.is-search{z-index:52}
  .ll-search__form input{flex:1;width:auto;height:44px;padding:0 70px 0 14px;border-radius:8px;background:#25252a;font-size:16px}
  .ll-search__go{position:absolute;right:20px;top:13px;width:30px;height:30px;color:#8d8d98}
  .ll-search__clear{position:absolute;right:52px;top:15px;width:26px;height:26px;color:#e6e6ee}
  .ll-search-mask{position:fixed;left:0;right:0;top:calc(var(--header-h) + 56px);bottom:0;height:auto;z-index:50;background:#12121d}
}

/* 搜索下拉
   PC（Figma 搜索结果-01）：面板左边与搜索框左边对齐向右展开，宽 576，紫色毛玻璃（顶 #1E1E35 → 底 #3A384A），圆角 24；
     标题 16px 粗、历史胶囊 #353549、热搜 1~6 序号全蓝、猜你喜欢 4 张竖版海报 123×161。
   H5（Figma 搜索-02）：不透明实色卡片 #353546，左右各 12，圆角 8；无分隔线；热搜 1~3 蓝、4~6 灰，右侧热度；猜你喜欢两列 3:4 竖版海报 + 白色剧名。 */
.ll-search-panel{position:absolute;top:calc(100% + 11px);left:0;z-index:20;width:576px;max-width:calc(calc(100*var(--ll-vw,1vw)) - 32px);max-height:min(calc(calc(100*var(--ll-vh,1vh)) - 80px),860px);overflow:auto;padding:36px 32px 30px;background:linear-gradient(180deg,rgba(30,30,53,.86) 0%,rgba(44,42,62,.88) 55%,rgba(58,56,74,.9) 100%);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.06);border-radius:24px;box-shadow:var(--sh-pop)}
@media (max-width:1023px){.ll-search-panel{position:fixed;left:12px;right:12px;top:calc(var(--header-h) + 56px);width:auto;max-width:none;max-height:calc(100vh - var(--header-h) - 68px);max-height:calc(100dvh - var(--header-h) - 68px);padding:18px 14px 16px;border:0;border-radius:8px;background:#353546;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;z-index:51}}
.ll-sp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ll-sp-head strong{font-size:max(16px,var(--ll-fmin,0px));font-weight:700;color:#fff}
.ll-sp-head small{font-size:max(11px,var(--ll-fmin,0px));color:var(--muted)}
@media (max-width:1023px){.ll-sp-head{margin-bottom:12px}.ll-sp-head strong{font-size:14px;font-weight:600}}
.ll-sp-actions{display:flex;align-items:center;gap:12px}
.ll-plain{border:0;background:transparent;color:var(--muted);font-size:max(12px,var(--ll-fmin,0px));cursor:pointer;padding:0}
.ll-plain:hover{color:var(--text)}
.ll-sp-clear{display:inline-flex;align-items:center;gap:4px}
.ll-sp-clear svg{display:none;width:15px;height:15px}
/* 2026-10-24 用户：PC 清除按钮不再用「⊗」圆形图标（和右侧关闭 ✕ 混淆、看起来像关不掉），
   与 H5 统一为灰色文字「清除」，公共组件全站同一形态 */
@media (min-width:1024px){.ll-sp-clear{color:#c5c5d0;font-size:max(15px,var(--ll-fmin,0px));transition:color .15s}.ll-sp-clear:hover{color:#fff}.ll-sp-actions .ll-iconbtn2{display:none}}
@media (max-width:1023px){.ll-sp-actions{gap:14px}.ll-sp-actions .ll-iconbtn2{min-width:24px;height:24px;font-size:16px}}
.ll-sp-fail{display:flex;align-items:center;gap:8px}
.ll-sp-retry{color:var(--accent);text-decoration:underline}
.ll-sp-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ll-sp-tags button,.ll-sp-tags a{height:28px;padding:0 10px;border:0;border-radius:4px;background:#353549;color:#e3e3ea;font-size:max(12px,var(--ll-fmin,0px));cursor:pointer}
.ll-sp-tags button:hover,.ll-sp-tags a:hover{color:#fff;background:#41415a}
@media (max-width:1023px){.ll-sp-tags{margin-bottom:18px}.ll-sp-tags button,.ll-sp-tags a{height:32px;padding:0 12px;border-radius:6px;background:#4a4a59;color:#fff}} /* C-01 Figma H5 搜索记录标签底 #4A4A59 */
.ll-sp-empty{font-size:max(12px,var(--ll-fmin,0px));color:var(--muted);margin:0 0 16px}
.ll-sp-hot{display:grid;grid-template-columns:1fr;gap:0;margin-bottom:18px}
.ll-sp-hot .ll-sp-row:nth-child(n+7){display:none}
.ll-sp-row{display:flex;align-items:center;gap:10px;min-height:33px;padding:0;font-size:max(14px,var(--ll-fmin,0px));min-width:0}
.ll-sp-row b{font-size:max(14px,var(--ll-fmin,0px));font-weight:700;color:var(--accent);width:25px;flex:none}
.ll-sp-row strong{flex:1;font-size:max(14px,var(--ll-fmin,0px));font-weight:400;color:#e8e8ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* te-1792731659 T-002 热度组（Figma 489:17675 / 489:17706）：行右侧 火焰 16×16 + 间距 2 + 数值 14px Regular #F7C033，PC 与 H5 同值 */
.ll-sp-heat{display:inline-flex;align-items:center;gap:2px;flex:none;margin-left:auto;color:#f7c033}
.ll-sp-fire{display:block;flex:none;width:16px;height:16px}
.ll-sp-row em{font-style:normal;font-size:max(14px,var(--ll-fmin,0px));font-weight:400;line-height:20px;color:#f7c033;white-space:nowrap}
/* H5（Figma 158:53263）：单列 6 行、行高 43；名次 15px Bold：1~3 名 #5C8DFF、4~6 名 #9BA7B7（Figma 158:53279/53283/53287 fill 实测）、名次框 14 宽 → 间距 9 → 标题 13px Medium #F2F4F7 */
@media (max-width:1023px){.ll-sp-row{min-height:43px;gap:0}.ll-sp-row b{width:14px;margin-right:9px;font-size:15px;font-weight:700;line-height:20px;color:#5c8dff}.ll-sp-hot .ll-sp-row:nth-child(n+4) b{color:#9ba7b7}.ll-sp-row strong{font-size:13px;font-weight:500;color:#f2f4f7}}
.ll-sp-row:hover strong{color:var(--accent)}
.ll-sp-row--sk b{height:14px;border-radius:3px}
.ll-sp-row--sk strong{height:12px;max-width:60%;border-radius:4px}
.ll-sp-guess.is-empty{display:block}
.ll-sp-guess .ll-skeleton--line{margin-top:6px;height:10px}
.ll-sp-guess{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
@media (max-width:1023px){.ll-sp-guess{grid-template-columns:repeat(2,1fr);gap:14px 10px}}
.ll-sp-guess a{min-width:0}
.ll-sp-guess .ll-sp-img{display:block;aspect-ratio:123/161;border-radius:6px;overflow:hidden;background:var(--raised)}
@media (max-width:1023px){.ll-sp-guess .ll-sp-img{aspect-ratio:3/4}}
.ll-sp-guess img{width:100%;height:100%;object-fit:cover;display:block}
.ll-sp-guess strong{display:block;margin-top:7px;font-size:max(13px,var(--ll-fmin,0px));font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1023px){.ll-sp-guess strong{margin-top:6px;font-size:13px;font-weight:600}}
.ll-sp-divider{height:1px;background:rgba(255,255,255,.06);margin:0 0 22px}
/* R2 Figma 高清（PC 161% / H5 135% 实测）：
   PC：分区标题 18px、记录胶囊 54×30 字 15、热搜行距 34 字 15、序号 16；
   H5：「搜索记录」13px、「热搜榜 / 猜你喜欢」15px、胶囊 44×32 字 12、热搜行距 43 字 13、热度 13 */
@media (min-width:1024px){
  .ll-search-panel{top:calc(100% + 8px);padding-top:34px}
  .ll-sp-head{margin-bottom:15px}
  .ll-sp-tags{margin-bottom:19px}
  .ll-sp-divider{margin-bottom:24px}
  .ll-sp-head strong{font-size:max(18px,var(--ll-fmin,0px));font-weight:600} /* Figma 158:44470 / 158:44480 / 158:44509 分区标题 Semibold */
  .ll-sp-tags button,.ll-sp-tags a{height:30px;padding:0 12px;font-size:max(15px,var(--ll-fmin,0px))}
  /* te-1792731659 T-002 Figma 158:44479 / 489:17634：「热搜榜」标题 18px（行盒 22）→ 间距 20 → 两列 232、列间距 48；每列 3 行（DOM 顺序 1|2 / 3|4 / 5|6），
     行 232×45（上下内边距 12）、行间距 4；名次 16px ExtraBold #5C8DFF（自适应宽）→ 间距 6 → 标题 15px Medium #FFF 单行省略；热度组右对齐；列表底 → 分隔线 24 */
  .ll-sp-head--hot{margin-bottom:20px}
  .ll-sp-head--hot strong{line-height:max(22px,calc(var(--ll-fmin,0px)*1.25))}
  .ll-sp-hot{grid-template-columns:232px 232px;column-gap:48px;row-gap:4px;margin-bottom:24px}
  .ll-sp-row{min-height:45px;padding:12px 0;gap:0}
  .ll-sp-row b{width:auto;margin-right:6px;font-size:max(16px,var(--ll-fmin,0px));font-weight:800;line-height:max(19px,calc(var(--ll-fmin,0px)*1.25))}
  .ll-sp-row strong{font-size:max(15px,var(--ll-fmin,0px));font-weight:500;line-height:max(21px,calc(var(--ll-fmin,0px)*1.25));color:#fff}
}
/* R3 SR3-05 矮屏 PC（1280×800 / 1366×768 / 1280×720）：面板按视口高度收紧纵向间距，让「猜你喜欢」4 张封面 + 剧名完整显示，不在面板内被切 */
@media (min-width:1024px) and (max-width:1919.98px) and (min-aspect-ratio:1920/799),(min-width:1920px) and (max-height:799px) {
  .ll-search-panel{padding-top:24px;padding-bottom:22px}
  .ll-sp-divider{margin-bottom:20px}
  .ll-sp-tags{margin-bottom:16px}
}
@media (min-width:1024px) and (max-width:1919.98px) and (min-aspect-ratio:1920/739),(min-width:1920px) and (max-height:739px) {
  .ll-sp-head{margin-bottom:10px}
  .ll-sp-tags{margin-bottom:12px}
  .ll-sp-hot{margin-bottom:12px}
  .ll-sp-row{min-height:30px}
  .ll-sp-guess .ll-sp-img{aspect-ratio:123/140}
}
@media (max-width:1023px){
  .ll-search-panel{padding-top:23px}
  .ll-sp-head{margin-bottom:10px}
  .ll-sp-divider+.ll-sp-head{margin-bottom:9px}
  .ll-sp-head strong{font-size:13px}
  .ll-sp-actions .ll-iconbtn2{margin-right:-8px}
  .ll-sp-divider+.ll-sp-head strong{font-size:15px}
  .ll-sp-tags button,.ll-sp-tags a{padding:0 10px}
  .ll-sp-row{min-height:43px}
  .ll-sp-row strong{font-size:13px}
  /* te-1792731659 T-002 Figma 158:53264：「热搜榜」15px Semibold #F2F4F7（行盒 18）→ 与列表间距 12 */
  .ll-sp-divider+.ll-sp-head--hot{margin-bottom:12px}
  .ll-sp-head--hot strong{line-height:18px;color:#f2f4f7}
}
@media (max-width:1023px){.ll-search-panel .ll-sp-divider{display:none}}

/* ---- H5 抽屉 ---- */
.ll-drawer{position:fixed;inset:0;z-index:80;visibility:hidden;pointer-events:none}
.ll-drawer.is-open{visibility:visible;pointer-events:auto}
.ll-drawer__mask{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .2s}
.ll-drawer.is-open .ll-drawer__mask{opacity:1}
/* te-1792731659 T-002 Figma 142:34610（750 稿 ÷ 2）：面板 315 宽 #12121D、右描边 1px #343A43；头部 logo 61.5×29 @(12.5,15)，分隔线 285×1 #343A43 于 y=59；
   菜单项卡片 285×44 r9、底 rgba(255,255,255,.02)、项间距 15、首项 y=79.5；左内边距 12.5、图标 17×17（描边≈1.2）→ 间距 6 → 文本 14.5px Regular #F5F5F7。
   选中（493:18870）：底 rgba(92,141,255,.15)、右侧指示条 3×17 #78A0FF 全圆角距卡片右缘 12.5 垂直居中、图标与文字 #78A0FF 文字 Semibold。 */
.ll-drawer__panel{position:absolute;top:0;bottom:0;left:0;width:min(85%,315px);overflow:hidden;display:flex;flex-direction:column;padding:0 16.5px max(20px,env(safe-area-inset-bottom)) 12.5px;background:#12121d;border-right:1px solid #343a43;transform:translateX(-100%);transition:transform .22s;overscroll-behavior:contain}
.ll-drawer.is-open .ll-drawer__panel{transform:none}
.ll-drawer__head{flex:none;height:60px;display:flex;align-items:flex-start;padding:15px 0 0;border-bottom:1px solid #343a43;margin:0 0 19.5px}
.ll-drawer__head img{display:block;height:29px;width:auto}
.ll-drawer__close{position:absolute;top:7.5px;right:-.5px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.65);cursor:pointer}
.ll-drawer__close svg{width:12px;height:12px}
.ll-drawer__close:hover,.ll-drawer__close:focus-visible{color:#fff}
.ll-drawer nav{display:flex;flex:1;min-height:0;overflow-y:auto;flex-direction:column;gap:15px;overscroll-behavior:contain}
.ll-drawer nav a{position:relative;display:flex;align-items:center;gap:6px;flex:none;height:44px;padding:0 12.5px;border-radius:9px;background:rgba(255,255,255,.02);font-size:max(14.5px,var(--ll-fmin,0px));font-weight:400;line-height:20px;color:#f5f5f7}
.ll-dnav__ic{display:block;flex:none;width:17px;height:17px;font-style:normal}
.ll-dnav__ic svg{display:block;width:17px;height:17px}
.ll-drawer nav a.is-active{background:rgba(92,141,255,.15);color:#78a0ff;font-weight:600}
.ll-drawer nav a.is-active::after{content:"";position:absolute;right:12.5px;top:50%;width:3px;height:17px;margin-top:-8.5px;border-radius:50px;background:#78a0ff}
.ll-drawer nav .ll-unread{position:absolute;right:14px;top:50%;margin-top:-3px}
.ll-drawer nav a.is-active .ll-unread{right:24px}
/* Figma 142:34610：登录按钮 @(30,1309) 570×88 r18，750 稿按 2:1 转为 CSS。 */
.ll-drawer__foot{flex:none;margin:18px -2.5px 0 2.5px;display:flex;align-items:center;gap:10px;font-size:max(12px,var(--ll-fmin,0px))}
.ll-drawer__foot .ll-btn--grad{width:100%;height:44px;min-height:44px;padding:0;border-radius:9px;background:#5c8dff;font-size:14px;font-weight:500;line-height:19.5px}
.ll-drawer__foot .ll-btn{flex:none}
.ll-drawer__who{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.ll-drawer__who span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---- 页脚 ---- */
/* Figma web 页脚：底 #181822（比页面略亮）、上边线 #1E1E28；右侧三栏左边线 x≈1205/1422/1639（栏距 217），「其他」栏右缘贴内容右边线 */
.ll-footer{margin-top:40px;border-top:var(--ll-hair) solid #1e1e28;background:#181822}
/* 2026-10-23 页脚上边线：Figma PC 页脚（158-41367 首页 / 158-42202 关于我们 / 158-42722 常见问题导出图实测）分隔线为 #303039（48,48,57），
   原 #1e1e28 比稿暗、在 (21,21,34)/(24,24,34) 之间几乎看不见；PC 全宽按 Figma 改色（1024~1919 线宽仍由 --ll-hair 保底 1 屏幕像素）。H5 稿无此线，保持原色。 */
@media (min-width:1024px){.ll-footer{border-top-color:#303039}}
/* Figma 首页-02 页脚（135% 高清实测）：上 34 / 下 44、总高 ≈268；栏标题与链接都是 18px，链接行距 37，标题中心到首条链接中心 49；
   左侧 logo 顶距页脚 40、版权与三条地址 14px 行高 32 */
.ll-footer__in{max-width:1280px;margin:0 auto;padding:34px 16px 44px;display:grid;grid-template-columns:1fr 217px 217px 81px;gap:0}
.ll-footer__brand{padding:6px 64px 0 0}
.ll-footer__logo img{height:40px;width:auto;display:block}
.ll-footer__copy{margin:18px 0 0;font-size:max(14px,var(--ll-fmin,0px));line-height:max(32px,calc(var(--ll-fmin,0px)*1.25));color:var(--muted);white-space:nowrap}
.ll-footer__addrs{margin-top:0;font-size:max(14px,var(--ll-fmin,0px));line-height:max(32px,calc(var(--ll-fmin,0px)*1.25));color:var(--muted)}
.ll-footer__addrs p{margin:0}
.ll-footer__addrs a{color:var(--accent);word-break:break-all}
.ll-footer__addrs a:hover{color:var(--blue);text-decoration:underline}
/* Figma web 页脚：三条地址与标签同为灰字（#7d838f），不用链接色；H5 稿地址为蓝 #5c8dff（下方断点保持 accent） */
@media (min-width:1024px){.ll-footer__addrs a{color:var(--muted)}.ll-footer__addrs a:hover{color:var(--accent)}}
.ll-footer__col a:hover{color:var(--accent)}
.ll-footer__col strong{display:block;margin-bottom:18px;font-size:max(18px,var(--ll-fmin,0px));line-height:max(25px,calc(var(--ll-fmin,0px)*1.25));font-weight:600;color:var(--text)}
.ll-footer__col a{display:flex;align-items:center;min-height:37px;padding:0;font-size:max(18px,var(--ll-fmin,0px));color:var(--muted);white-space:nowrap}
@media (max-width:1023px){
  .ll-footer{margin-top:28px;background:#171722}
  .ll-footer__in{grid-template-columns:repeat(3,1fr);padding:28px 16px 32px;gap:22px 12px}
  .ll-footer__logo img{height:40px} /* Figma H5 页脚 logo 约 81×40 */
  .ll-footer__copy{margin-top:14px;line-height:1.6;white-space:normal}
  .ll-footer__brand{padding:0}
  .ll-footer__col a{white-space:normal}
  .ll-footer__brand{grid-column:1/-1;padding:0}
  /* Figma H5 页脚：栏目标题 13px，链接 11px、行距 27px；地址行 11px，标签与地址间留 8px */
  .ll-footer__col strong{margin-bottom:6px;font-size:13px}
  .ll-footer__col a{min-height:27px;display:flex;align-items:center;font-size:11px;padding:0}
  .ll-footer__copy{font-size:11px}
  .ll-footer__addrs{font-size:11px;line-height:27px}
  .ll-footer__addrs span{margin-right:8px}
  /* R2 Figma H5 短剧-01-c 页脚实测（相对页脚上边线）：版权顶 ≈86、首条地址顶 ≈117（版权与地址间多空 7）、地址行距 26；
     栏标题顶 ≈215，标题到首条链接 ≈31，链接行距 27.5 */
  .ll-footer__addrs{margin-top:7px;line-height:26px}
  .ll-footer__col strong{margin-bottom:3px}
  .ll-footer__col a{min-height:27.5px}
  .ll-footer__dmca{text-transform:uppercase} /* Figma H5 页脚写「DMCA」，PC 稿写「dmca」 */
}
/* 页脚底部给右下悬浮按钮（回顶 + 最近浏览，44+10+44+底 16）让位，最后一行链接不被压住 */
@media (max-width:1023px){.ll-footer__in{padding-bottom:28px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}} /* te-1792704324-7517ac：H5 底边加 env(safe-area-inset-bottom)（viewport-fit=cover 下 iOS Safari / App WebView 底栏+Home 指示条会盖住末行链接）。R3 SJ-R3-04：Figma H5 短剧-01-c / 短剧-05 最后一行「联系我们」底到画板底约 35；悬浮按钮在右侧、页脚三栏链接右端到不了按钮区，不再为它预留 124 */
/* 2026-10-23 公共组件全站统一（用户要求，以首页为准）：原 R3 SR3-09 H5 搜索/排行/目录/信息页把悬浮钮停靠到页脚右上（.ll-fab.is-docked）已删除，
   H5 所有页面悬浮钮与首页一致：固定右 12、底 max(16px,safe-area)，28×28 圆钮。 */
/* PC 页脚与页头/内容同一条边线（设计稿 页脚 logo 与页头 logo 左对齐） */
@media (min-width:1024px){.ll-footer__in{max-width:none;width:min(var(--maxw),calc(100% - var(--gutter)*2));padding-left:0;padding-right:0}}

/* ---- 悬浮工具 ---- */
/* 全站统一位置（2026-10-23 用户要求）：PC 一律右 30、下 22（首页位置），不再按页面/Figma 单独定位；
   上抬（languo.js 写 --ll-fab-lift，PC/H5 同一规则）：页脚进入视口时停在页脚顶部上方 16px；仅 PC 播放页评论输入栏可见时停在输入栏顶部上方 12px（不盖「发送」）。
   不再按 [data-ll-fab-avoid] 避让其它元素、不淡出。H5 位置见下方 max-width:1023 规则。 */
.ll-fab{position:fixed;right:30px;bottom:calc(22px + calc(var(--ll-fab-lift,0px) / var(--ll-s,1)));z-index:16;display:flex;flex-direction:column;gap:12px;transition:bottom .2s,opacity .2s}
/* .is-yielded 已不再由 languo.js 添加（2026-10-23 全站统一位置），保留样式仅兼容旧缓存脚本 */
.ll-fab.is-yielded{opacity:0;pointer-events:none}
.ll-fab.is-yielded button{pointer-events:none}
/* 避让计算用的基准定位点（languo.js 创建），right/bottom 必须与 .ll-fab 的未抬升位置一致 */
.ll-fab-probe{position:fixed;right:30px;bottom:22px;width:0;height:0;visibility:hidden;pointer-events:none}
/* PC 跟随页脚逐帧上抬，bottom 不做过渡，否则滚动时按钮落后于页脚、短暂压在页脚上 */
@media (min-width:1024px){.ll-fab{transition:opacity .2s}}
/* Figma（排行-01-b / 搜索-05）：#5C8DFF 实心圆、白色图标、无描边；PC 直径 56 间距 12，H5 直径 28 间距 6 */
.ll-fab button{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:0;background:var(--accent);color:#fff;box-shadow:0 4px 16px rgba(92,141,255,.28);cursor:pointer;padding:0}
.ll-fab button:hover{background:#7aa3ff}
.ll-fab svg{width:24px;height:24px;stroke-width:1.9}
@media (max-width:1023px){.ll-fab-probe{right:12px;bottom:max(16px,env(safe-area-inset-bottom))}.ll-fab{right:12px;bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--ll-fab-lift,0px));z-index:20}.ll-fab{gap:6px}.ll-fab button{width:28px;height:28px;box-shadow:none}.ll-fab svg{width:16px;height:16px;stroke-width:2}
  /* 有页脚时主区不再额外留白（页脚自带 124 底边给悬浮按钮让位）；无页脚的页面见下方 body:not(:has(.ll-footer)) 规则 */}
/* 悬浮按钮安全区：页面没有页脚（llNoFooter 或布局本身不出页脚）时，主区最后一屏内容滚到底会落在按钮下面，
   按「回顶 + 最近浏览」两颗按钮的高度预留。有页脚时由页脚承担这段留白。 */
@media (min-width:1024px){body:not(:has(.ll-footer)) .ll-main{padding-bottom:132px}}
@media (max-width:1023px){body:not(:has(.ll-footer)) .ll-main{padding-bottom:124px}}

/* ---- 页面开关 llImmersiveM：手机端(≤768)隐藏公共顶栏 + 悬浮按钮，并清零为它们预留的留白；PC 不受影响 ----
   shell.tpl 在 .ll-header/.ll-fab 上输出 .ll-immersive-m；languo.js 再给 body 补同名 class（兼容不支持 :has 的浏览器）。 */
@media (max-width:768px){
  .ll-header.ll-immersive-m,body.ll-immersive-m .ll-header,
  .ll-fab.ll-immersive-m,body.ll-immersive-m .ll-fab{display:none!important}
  body.ll-immersive-m .ll-main,body:has(.ll-header.ll-immersive-m) .ll-main{padding-top:0;padding-bottom:0}
  body.ll-immersive-m .ll-footer__in,body:has(.ll-header.ll-immersive-m) .ll-footer__in{padding-bottom:32px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
  body.ll-immersive-m .ll-search-mask{display:none!important}
}

/* ---- 首页末楼层到页脚（Figma 高清：PC 末楼层标签底 → 页脚上边线 ≈34；H5 末条横幅底 → 页脚 ≈29） ---- */
body:has([data-ll-hero]) .ll-footer{margin-top:0}
@media (min-width:1024px){body:has([data-ll-hero]) .lh-page{padding-bottom:6px}}
@media (max-width:1023px){body:has([data-ll-hero]) .lh-page{padding-bottom:11px}}

/* ---- 首页 Hero 上未滚动的透明顶栏：Figma 搜索框/「最近浏览」是叠在海报上的半透明底（实测底图 #050606 处分别呈 #212222 / #151A23），
        不是滚动后/其它页的实底 #2C2C38 / #1B1E2C ---- */
@media (min-width:1024px){
  /* fix-shell 2026-10-23 Figma 198:90514：首页未滚动搜索框 #FFF 10% + 1px 渐变描边（#FFF 10% → 0）+ 背景模糊 8，透出 Hero；
     198:90518「最近浏览」#1E2432 60% + 背景模糊 4（原 G3-08 实底按旧稿，已被新稿替换） */
  body:has([data-ll-hero]) .ll-header:not(.is-scrolled) .ll-search__form{border:1px solid transparent;background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,.1)) padding-box,linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0)) border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  body:has([data-ll-hero]) .ll-header:not(.is-scrolled) .ll-iconbtn{background:rgba(30,36,50,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
  body:has([data-ll-hero]) .ll-header:not(.is-scrolled) .ll-iconbtn:hover{background:#1f2430}
}

/* ==== fix-shell 2026-10-23 搜索浮窗按最新 Figma 对齐 ====
   PC 158:44144：记录区下分隔线 +4、热搜/猜你喜欢区整体 +3、封面 124×165 r10 列步长 130、关闭圆钮底 #FFF 6%、浮窗总高 665；
   H5 158:53141：浮窗距输入行底 8（y108）、猜你喜欢标题 +2、封面 160×213.5 r8 列距 10（右侧伸入内边距）、记录标签 #FFF 10% r5。 */
.ll-search-panel{overflow-x:hidden}
@media (min-width:1024px){
  .ll-sp-tags{margin-bottom:23px}
  .ll-sp-divider{margin-bottom:23px}
  .ll-sp-divider+.ll-sp-head:not(.ll-sp-head--hot){margin-bottom:21px}
  .ll-sp-guess{grid-template-columns:repeat(4,124px)}
  .ll-sp-guess .ll-sp-img{aspect-ratio:124/165;border-radius:10px}
  .ll-search-panel{padding-bottom:27px}
}
@media (max-width:1023px){
  .ll-search-panel{top:calc(var(--header-h) + 60px);max-height:calc(100vh - var(--header-h) - 72px);max-height:calc(100dvh - var(--header-h) - 72px)}
  .ll-sp-hot{margin-bottom:20px}
  .ll-sp-divider+.ll-sp-head:not(.ll-sp-head--hot){margin-bottom:10px}
  .ll-sp-guess{grid-template-columns:repeat(2,160px);gap:14px 10px;margin-right:-7px}
  .ll-sp-guess .ll-sp-img{aspect-ratio:160/213.5;border-radius:8px}
  .ll-sp-tags button,.ll-sp-tags a{border-radius:5px;background:rgba(255,255,255,.1)}
}

/* ==== fix-shell 2026-10-23 H5 页脚按 Figma 158:50818（750 稿 ÷2，相对页脚上边线的文字中线）====
   版权 12px Regular #929AA7 中线 94.5；三条地址行距 27（中线 123/150/177）；栏目标题 13px Bold 中线 225；链接 10.5px 中线 253.5 起、行距 27.5 */
@media (max-width:1023px){
  .ll-footer__copy{margin-top:16px;font-size:12px;color:#929aa7}
  .ll-footer__addrs{margin-top:5.5px;line-height:27px}
  .ll-footer__col strong{font-weight:700}
  .ll-footer__col a{font-size:10.5px}
}

/* ==== fix-shell-r2 2026-10-23：复验差异清单定点修复 ==== */
/* 回到顶部 158:50806 / 158:41604：顶部横线 + 单个向上箭头，线宽 2.64（24 视框内） */
.ll-fab [data-ll-backtop] svg{stroke-width:2.64}
@media (max-width:1023px){
  /* H5 搜索浮窗 158:53310 猜你喜欢标题 PingFang Semibold 28 设计px = 14 */
  .ll-sp-guess strong{font-size:14px}
  /* H5 页脚 158:50825/50828/50831 地址标签 Regular 12 #929AA7；158:50837 栏目链接 #929AA7 */
  .ll-footer__addrs span{font-size:12px;color:#929aa7}
  .ll-footer__col a{color:#929aa7}
}
/* PC 页脚 Footer / Reference Restored 69:11649：总高 268（含顶部 1px 描边）；文字行位置不变，只收底部留白 44 → 41，1920×1001 短页不再多出 3px 滚动 */
@media (min-width:1024px){.ll-footer__in{padding-bottom:41px}}
/* ==== iOS 聚焦自动放大兜底（2026-10-23 fix/ios-zoom）====
   iOS Safari 对字号 <16px 的输入框聚焦会把整页放大，登录/注册成功刷新后仍保持放大与横向偏移（个人中心左半被截）。
   H5（≤1023）没有整页 zoom，所以所有文本类输入一律 16px；用 !important 压过各页面 12~14px 的设计稿字号
   （评论框、反馈备注、分享链接、登录注册、昵称、跳页框等）。行高/高度不动，各处已有固定 height 或 18px 行高容得下。
   不限制 user-scalable / maximum-scale：用户双指缩放（无障碍）照常可用。 */
@media (max-width:1023px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]):not([type=image]):not([type=color]):not([type=hidden]),
  textarea,select{font-size:16px!important}
}

/* ---- fix/search-panel（禅道 53452 / 53453）---- */
/* 53453 滚动穿透：触屏锁滚用 body fixed（JS 记录 scrollY 并在解锁后还原）；面板/弹层自身滚动到边界不再传给页面 */
body.ll-lock-fixed{position:fixed;left:0;right:0;width:100%;overflow:hidden}
/* body 变 fixed 后粘性顶栏会随 top:-scrollY 滑出视口，搜索面板依赖它：用 relative 偏移 scrollY 把顶栏钉回视口顶（不建立 fixed 子元素的包含块，不改占位） */
body.ll-lock-fixed .ll-header{position:relative;top:var(--ll-lock-y,0)}
.ll-search-panel,.ll-drawer__panel,.ll-auth,.ll-history__list,.ll-modal{overscroll-behavior:contain}
/* 53452 关闭按钮：PC 也显示（原 .ll-m-only 在 ≥1024 被 display:none）。圆形 33px 视觉；命中区 PC 48 CSS px（1440 宽 zoom 0.75 后仍 ≥36 屏幕像素）/ H5 44px，与登录弹窗 X 同款 */
.ll-sp-x{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:48px;height:48px;margin:-6px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.6);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s}
.ll-sp-x::before{content:"";position:absolute;left:7.5px;top:7.5px;width:33px;height:33px;border-radius:50%;background:rgba(255,255,255,.09);transition:background-color .15s}
.ll-sp-x svg{position:relative;display:block;width:14px;height:14px}
.ll-sp-x:hover,.ll-sp-x:focus-visible{color:#fff}
.ll-sp-x:hover::before{background:rgba(255,255,255,.18)}
.ll-sp-x:focus{outline:0}
.ll-sp-x:focus-visible::before{box-shadow:0 0 0 2px rgba(92,141,255,.9)}
@media (max-width:1023px){
  .ll-sp-x{width:44px;height:44px;margin:-10px -12px -10px 0}
  .ll-sp-x::before{left:5.5px;top:5.5px;width:33px;height:33px}
}