/* ═══════════════════════════════════════════════════════════════
   LIKNER 响应式层 · 三断点（桌面 ≥1024 / 平板 768–1023 / 移动 <768）
   全站直载（不进 bundle），确保移动适配不依赖 DS 重编译。
   红线：移动端不是「桌面缩小」——是重排的竖版；设计语言（玻璃/白弧/
   光池/深墨点缀/品牌蓝）与桌面完全一致，背景永不素白。
   注：minmax(auto-fill/auto-fit) 卡阵在窄屏会自然塌列，无需强制。
   ═══════════════════════════════════════════════════════════════ */

/* ── 溢出护栏（全站） ── */
html, body { max-width: 100%; }
@media (max-width: 1023px) {
  body, #root { overflow-x: hidden; }
  .uc-template-dialog { width: min(620px, calc(100% - 20px)) !important; margin: 10px !important; max-height: calc(100dvh - 20px) !important; box-sizing: border-box !important; }
}

/* 汉堡抽屉内补全链接：桌面默认藏（!important 压过运行时注入的 .lkf-mlink{display:flex}），移动显（见下 <768） */
.lkf-mobile-only { display: none !important; }
/* 导航外观、助手点击及布局共用 840px 断点；宽度仍由岛的动画控制。 */
@media (max-width: 840px) {
  .lia-root .lia-zone { display: none !important; }
  .lia-root[data-on="1"] .lia-zone { display: inline-flex !important; flex: 1 1 auto; min-width: 0; }
  .lia-root[data-on="1"] { flex: 1 1 auto; width: 100%; }
  .lkf-nav--island .lia-root[data-on="1"] { flex: 0 0 auto; width: min(472px, calc(100vw - 102px)); }
  .lia-root[data-on="1"] .lia-capsule { flex: 1 1 auto; width: 100%; min-width: 0; box-sizing: border-box; }
  .lia-root[data-on="1"] .lia-agent { min-width: 0; width: 100%; }
  .lia-root[data-on="1"] .lia-line { min-width: 0 !important; max-width: none !important; flex: 1 1 auto; }
  .lia-in { font-size: 16px !important; }
  .lia-modal { width: calc(100vw - 24px) !important; max-width: none !important; }
}
.pp-compare-hint { display: none; }
.hm-scroll-hint { display: none; margin: 8px 0 -16px; font-size: 10.5px; color: var(--lk-text-4); }
.hm-rail-nav { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 8px; font: 11px/1.2 var(--lk-font-cn); color: var(--lk-text-4); }
.hm-rail-nav button { all: unset; box-sizing: border-box; cursor: pointer; min-width: 36px; height: 36px; border-radius: 999px; display: grid; place-items: center; background: rgba(255,255,255,.62); border: 1px solid rgba(255,255,255,.72); }
.hm-rail-nav button:disabled { cursor: default; opacity: .34; }
.hm-heading, .hm-stage > .hm-filter, .hm-stage > .hm-scroll-hint, .hm-stage > .hm-dock-wrap, .hm-stage > .hm-detail { position: relative; z-index: 2; }
/* Generator 的视觉是独立研究装置，不再把产品截图放大、模糊后塞进一个矩形。 */
.hm-artwork { position: absolute; z-index: 0; top: -54px; right: -116px; width: min(720px, 58vw); aspect-ratio: 3 / 2; margin: 0; pointer-events: none; opacity: .72; transition: opacity .5s ease, transform .7s cubic-bezier(.22,1,.36,1);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 17%, #000 95%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 9%, #000 93%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0%, #000 17%, #000 95%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 9%, #000 93%, transparent 100%);
  mask-composite: intersect; }
.hm-artwork img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 58% bottom; mix-blend-mode: darken; filter: saturate(.78) contrast(1.04); }
.hm-dock-surface { border: 0 !important; background: color-mix(in srgb, var(--lk-glass-2) 82%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 24px 58px -38px rgba(44,54,110,.38), inset 0 1px 0 rgba(255,255,255,.42); }
.hm-detail-surface { box-sizing: border-box; border: 0 !important; background: linear-gradient(145deg, color-mix(in srgb, var(--lk-glass-2) 84%, transparent), color-mix(in srgb, var(--lk-glass-1) 76%, transparent)); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 24px 54px -40px rgba(44,54,110,.42), inset 0 1px 0 rgba(255,255,255,.32); }
[data-lk-theme="dark"] .hm-artwork { opacity: .22; }
[data-lk-theme="dark"] .hm-artwork img { mix-blend-mode: screen; filter: grayscale(1) invert(1) contrast(1.08); }

/* ── 跨产品首次使用：一个入口、一条真实路径，不用空白卡堆叠制造“后台感” ── */
.lk-first-run {
  position: relative; overflow: hidden; box-sizing: border-box; border-radius: 22px; padding: 25px 27px 21px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--lk-glass-2) 88%, transparent), color-mix(in srgb, var(--lk-glass-1) 70%, transparent));
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 28px 70px -44px rgba(54,65,122,.44), inset 0 1px 0 rgba(255,255,255,.46);
}
.lk-first-run::before { content: ""; position: absolute; inset: -45% 35% 38% -18%; pointer-events: none; background: radial-gradient(ellipse, color-mix(in srgb, var(--lk-accent-soft) 76%, transparent), transparent 70%); }
.lk-first-run__main { position: relative; z-index: 1; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.lk-first-run__copy { min-width: 0; max-width: 650px; }
.lk-first-run__kicker { display: block; color: var(--lk-text-4); font: 650 8.5px/1.2 var(--lk-font-latin); letter-spacing: .17em; }
.lk-first-run__title { display: block; margin-top: 9px; color: var(--lk-text-1); font-size: 19px; line-height: 1.3; font-weight: 650; }
.lk-first-run__body { margin: 7px 0 0; color: var(--lk-text-3); font-size: 11.5px; line-height: 1.75; }
.lk-first-run__actions { flex: none; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 13px; }
.lk-first-run__primary, .lk-first-run__secondary { all: unset; box-sizing: border-box; min-height: 36px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 999px; font-size: 11.5px; font-weight: 650; }
.lk-first-run__primary { padding: 0 15px; color: #fff; background: var(--lk-accent); box-shadow: 0 10px 22px -13px rgba(21,94,239,.78); }
.lk-first-run__secondary { color: var(--lk-accent); }
.lk-first-run__secondary span { transition: transform .2s ease; }
.lk-first-run__secondary:hover span, .lk-first-run__secondary:focus-visible span { transform: translateX(3px); }
.lk-first-run__primary:focus-visible, .lk-first-run__secondary:focus-visible, .rv-sample-details summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--lk-accent) 44%, transparent); outline-offset: 3px; }
.lk-first-run__journey { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; margin-top: 21px; padding-top: 18px; }
.lk-first-run__journey::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--lk-hairline) 10%, var(--lk-hairline) 90%, transparent); }
.lk-first-run__step > span { display: block; color: var(--lk-accent); font: 650 8px/1 var(--lk-font-latin); letter-spacing: .1em; }
.lk-first-run__step > strong { display: block; margin-top: 6px; color: var(--lk-text-1); font-size: 11.5px; font-weight: 650; }
.lk-first-run__step > p { margin: 4px 0 0; color: var(--lk-text-4); font-size: 10px; line-height: 1.6; }
.lk-first-run__local-note { position: relative; z-index: 1; margin-top: 17px; color: var(--lk-text-4); font-size: 9.5px; line-height: 1.55; }
.rv-sample-details { margin-top: 2px; }
.rv-sample-details > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 12px; min-height: 38px; padding: 2px 3px; color: var(--lk-text-4); font-size: 10.5px; }
.rv-sample-details > summary::-webkit-details-marker { display: none; }
.rv-sample-details > summary::after { content: "+"; margin-left: auto; color: var(--lk-text-4); font: 500 16px/1 var(--lk-font-latin); transition: transform .2s ease; }
.rv-sample-details[open] > summary::after { transform: rotate(45deg); }
.rv-sample-details__list { display: flex; flex-direction: column; gap: 12px; padding-top: 8px; }
[data-lk-theme="dark"] .lk-first-run { box-shadow: 0 30px 76px -46px rgba(0,0,0,.74), inset 0 1px 0 rgba(255,255,255,.07); }

@media (max-width: 767px) {
  .lk-first-run { border-radius: 20px; padding: 22px 18px 19px; }
  .lk-first-run__main { align-items: flex-start; flex-direction: column; gap: 17px; }
  .lk-first-run__actions { width: 100%; align-items: stretch; }
  .lk-first-run__primary { flex: 1 1 170px; min-height: 42px; }
  .lk-first-run__secondary { min-height: 42px; }
  .lk-first-run__journey { grid-template-columns: 1fr; gap: 13px; }
  .lk-first-run__step { display: grid; grid-template-columns: 26px minmax(0,1fr); gap: 2px 7px; }
  .lk-first-run__step > span { grid-row: 1 / 3; padding-top: 3px; }
  .lk-first-run__step > strong { margin-top: 0; }
  .lk-first-run__step > p { grid-column: 2; }
}

/* ── 首页第六幕：三层研究运行系统 + 真实交付终态 ── */
.he-section { overflow: visible; }
.he-row { display: grid; grid-template-columns: minmax(430px, .92fr) minmax(560px, 1.24fr); align-items: center; gap: clamp(28px, 3.5vw, 62px); width: min(1280px, 96%); }
.he-copy { position: relative; z-index: 2; min-width: 0; }
.he-desktop-stack { position: relative; margin-top: 24px; }
.he-desktop-stack::before { content: ""; position: absolute; left: 11px; top: 18px; bottom: 18px; width: 1px; background: linear-gradient(180deg, transparent, rgba(80,102,200,.38) 16%, rgba(80,102,200,.24) 84%, transparent); }
.he-layer { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 14px; padding: 9px 0 10px; }
.he-layer-index { position: relative; z-index: 1; width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; background: var(--lk-bg-page-flat); box-shadow: 0 0 0 5px rgba(113,128,220,.08); color: var(--lk-accent); font-size: 9px; font-weight: 650; }
.he-layer-copy { min-width: 0; }
.he-layer-eyebrow { display: block; color: var(--lk-text-4); font-size: 8px; letter-spacing: .18em; }
.he-layer-copy > strong { display: block; margin-top: 2px; color: var(--lk-text-1); font-size: 15px; font-weight: 650; }
.he-layer-copy > p { margin: 3px 0 7px; max-width: 430px; color: var(--lk-text-3); font-size: 10.5px; line-height: 1.55; }
.he-capabilities { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 15px; }
.he-capability { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; min-height: 25px; cursor: pointer; color: var(--lk-text-2); font: 550 10.5px/1.35 var(--lk-font-cn); transition: color .2s ease, transform .24s cubic-bezier(.22,1,.36,1); }
.he-capability:hover, .he-capability:focus-visible { color: var(--lk-accent); transform: translateX(2px); }
.he-capability:disabled { cursor: default; opacity: .5; }
.he-capability-dot { width: 4px; height: 4px; flex: none; border-radius: 50%; background: rgba(105,115,175,.52); box-shadow: 0 0 0 3px rgba(105,115,175,.08); }
.he-capability:hover .he-capability-dot, .he-capability:focus-visible .he-capability-dot { background: var(--lk-accent); box-shadow: 0 0 10px rgba(21,94,239,.55); }
.he-capability-state { color: var(--lk-accent); font: 650 7.5px/1 var(--lk-font-latin); letter-spacing: .1em; }
.he-node-description { min-height: 18px; margin: 10px 0 0 42px; color: var(--lk-text-4); font: 10.5px/1.6 var(--lk-font-cn); }
.he-node-description span { color: var(--lk-accent); }
.he-access { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin: 12px 0 0 42px; }
.he-access > span { color: var(--lk-text-4); font-size: 8px; letter-spacing: .18em; }
.he-access button { all: unset; box-sizing: border-box; display: inline-flex; align-items: center; gap: 5px; min-height: 28px; cursor: pointer; color: var(--lk-text-2); font-size: 10.5px; font-weight: 600; }
.he-access button span { color: var(--lk-accent); transition: transform .2s ease; }
.he-access button:hover, .he-access button:focus-visible { color: var(--lk-accent); }
.he-access button:hover span, .he-access button:focus-visible span { transform: translate(2px, -2px); }
.he-planned { margin: 7px 0 0 42px; color: var(--lk-text-4); font-size: 9.5px; line-height: 1.5; }
.he-planned span { margin-right: 8px; color: var(--lk-text-3); font-weight: 600; }
.he-generator-link { display: inline-flex; align-items: center; gap: 6px; margin: 12px 0 0 42px; color: var(--lk-accent); font-size: 11px; font-weight: 650; }
.he-generator-link span { transition: transform .2s ease; }
.he-generator-link:hover span, .he-generator-link:focus-visible span { transform: translateX(3px); }
.he-mob-list { display: none; }
.he-delivery { position: relative; z-index: 1; min-width: 0; height: 660px; }
/* Infrastructure 使用置底的工程装置；白底通过混合模式融入页面，不再出现截图盒子。 */
.he-delivery-artwork { position: absolute; z-index: 0; inset: 18px -18px 0 -72px; margin: 0; pointer-events: none; opacity: .82;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 96%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 8%, #000 95%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 96%, transparent 100%), linear-gradient(180deg, transparent 0%, #000 8%, #000 95%, transparent 100%);
  mask-composite: intersect; }
.he-delivery-artwork img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 58% bottom; mix-blend-mode: darken; filter: saturate(.76) contrast(1.04); }
.he-delivery-readout { position: absolute; z-index: 2; left: 2%; bottom: 70px; width: min(360px, 55%); color: var(--lk-text-2); text-shadow: none; }
.he-delivery-readout > span { display: block; color: var(--lk-accent); font-size: 8px; letter-spacing: .18em; }
.he-delivery-readout strong { display: block; margin-top: 8px; color: var(--lk-text-1); font-size: clamp(19px, 1.6vw, 25px); line-height: 1.25; font-weight: 650; }
.he-delivery-readout p { margin: 7px 0 0; color: var(--lk-text-4); font-size: 10.5px; }
.he-delivery-readout a { display: inline-flex; gap: 6px; margin-top: 12px; color: var(--lk-accent); font-size: 10.5px; font-weight: 600; text-shadow: none; }
[data-lk-theme="dark"] .he-layer-index { background: var(--lk-bg-page-flat); box-shadow: 0 0 0 5px rgba(121,141,255,.10); }
[data-lk-theme="dark"] .he-capability { background: transparent !important; border: 0 !important; box-shadow: none !important; }
[data-lk-theme="dark"] .he-copy .hs-title span,
[data-lk-theme="dark"] .hc-final .hs-title span { color: rgba(222,228,251,.46) !important; }
[data-lk-theme="dark"] .he-delivery-artwork { opacity: .24; }
[data-lk-theme="dark"] .he-delivery-artwork img { mix-blend-mode: screen; filter: grayscale(1) invert(1) contrast(1.08); }

/* ── 首页终幕：同一产品连续体中的 Personal / Professional 两条路径 ── */
.hs-close { justify-content: space-between !important; gap: 0 !important; padding: 72px 0 0 !important; overflow: visible; }
.hc-decision { position: relative; flex: 1 1 auto; width: 100%; min-height: 720px; display: flex; align-items: center; overflow: hidden; }
.hc-decision-inner { position: relative; z-index: 1; width: min(1060px, 92%); margin: 0 auto; padding-top: 20px; }
/* Professional 场景覆盖完整终幕，明暗关系由一幅连续画面完成，没有局部矩形与 mask 接缝。 */
.hc-professional-scene { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; background: linear-gradient(180deg, rgba(244,248,253,.96), rgba(209,219,235,.58) 42%, #172238 78%, #070d19); }
.hc-professional-scene img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; opacity: .96; filter: saturate(.78) contrast(1.03); }
.hc-professional-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(102deg, rgba(248,250,254,.98) 0%, rgba(247,250,254,.90) 31%, rgba(246,249,253,.50) 47%, rgba(246,249,253,.08) 62%, transparent 76%), linear-gradient(180deg, rgba(248,250,254,.72) 0%, rgba(248,250,254,.18) 31%, transparent 52%); }
.hc-final { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; }
.hc-journey { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-bottom: 13px; color: var(--lk-text-4); font: 650 8px/1.2 var(--lk-font-latin); letter-spacing: .15em; }
.hc-journey b { color: var(--lk-text-3); font-weight: 650; }
.hc-journey span { color: rgba(105,115,175,.46); }
.hc-audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(56px, 7vw, 104px); margin-top: 40px; }
.hc-personal-path, .hc-professional-path { position: relative; min-width: 0; padding: 18px 24px 22px; background: transparent; border: 0; box-shadow: none; }
.hc-professional-path { --lk-text-1: #f6f8ff; --lk-text-2: rgba(238,242,255,.86); --lk-text-3: rgba(225,231,249,.70); --lk-text-4: rgba(205,214,242,.50); }
.hc-path-eyebrow { display: inline-flex; align-items: center; gap: 7px; color: var(--lk-text-4); font-size: 8.5px; letter-spacing: .18em; font-weight: 650; }
.hc-path-eyebrow span { color: #7d8fff; }
.hc-personal-path h3, .hc-professional-path h3 { margin: 12px 0 0; color: var(--lk-text-1); font: 600 clamp(21px, 1.7vw, 27px)/1.22 var(--lk-font-cn); }
.hc-card-title { margin-top: 5px; max-width: 430px; color: rgba(60,66,87,.46); font: 600 clamp(26px, 2.4vw, 36px)/1.15 var(--lk-font-cn); letter-spacing: .005em; }
.hc-professional-path .hc-card-title { color: rgba(232,236,255,.70); }
.hc-personal-path > p, .hc-professional-path > p { margin: 12px 0 17px; max-width: 430px; color: var(--lk-text-3); font-size: 11.5px; line-height: 1.75; }
.hc-card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.hc-card-actions > span { display: inline-flex; }
.hc-card-actions > a { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; color: var(--lk-text-3); font-size: 10.5px; font-weight: 600; }
.hc-card-actions > a span { color: #77a7ff; }
.hc-proofline { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 7px 16px; width: calc(50% - 42px); margin: 20px 0 0 24px; color: var(--lk-text-4); font-size: 9px; text-align: left; }
.hc-proofline > span:first-child { color: var(--lk-accent); font-weight: 650; }
.hc-proofline b { margin-right: 5px; color: var(--lk-text-2); font-weight: 650; }
.hc-footer { position: relative; z-index: 1; flex: none; width: 100%; --lk-text-1: #f6f8ff; --lk-text-2: rgba(238,242,255,.84); --lk-text-3: rgba(225,231,249,.67); --lk-text-4: rgba(205,214,242,.46); background: linear-gradient(180deg, #070d19, #050a13); }
.hc-footer-main { display: grid; grid-template-columns: 1.25fr repeat(3, 1fr); gap: 28px; width: min(1040px, 92%); margin: 0 auto; padding: 18px 0 11px; }
.hc-wordmark { color: var(--lk-text-1); font: 650 11px/1 var(--lk-font-latin); letter-spacing: .14em; }
.hc-footer-main > div > p { margin: 9px 0 0; max-width: 190px; color: var(--lk-text-4); font-size: 10.5px; line-height: 1.7; }
.hc-footer-main nav > .lk-caps { margin-bottom: 8px; color: var(--lk-text-4); font-size: 9px; letter-spacing: .18em; }
.hc-footer-main nav > div:last-child { display: flex; flex-direction: column; gap: 7px; }
.hc-footer-main nav a { color: var(--lk-text-3); font-size: 11.5px; }
.hc-footer-main nav a:hover, .hc-footer-main nav a:focus-visible { color: var(--lk-accent); }
.hc-footer-bottom { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; width: min(1040px, 92%); margin: 0 auto; padding: 8px 0 12px; }
.hc-footer-bottom a, .hc-footer-bottom span { color: var(--lk-text-4); font-size: 10px; }
.hc-footer-bottom > :last-child { margin-left: auto; }
[data-lk-theme="dark"] .hc-professional-scene::after { background: linear-gradient(180deg, rgba(7,12,24,.12), rgba(7,12,24,.46) 58%, rgba(4,8,17,.78)); }
[data-lk-theme="dark"] .hc-card-title { color: rgba(225,231,255,.42); }

/* ════════════ 平板 768–1023 ════════════ */
@media (min-width: 768px) and (max-width: 1023px) {
  /* 导航胶囊展开态瘦身：公告轮播让位（工作台一级钮加宽后，展开胶囊 985px > 平板宽） */
  .lkf-announce { display: none !important; }
  .hm-scroll-hint { display: block !important; align-self: center; }
  .hc-footer-main { grid-template-columns: 1fr 1fr !important; gap: 22px 28px !important; }
  .ep-hero-layout { flex-direction: column !important; align-items: stretch !important; gap: 34px !important; width: min(720px, 94%) !important; }
  .ep-copy, .ep-console-cluster { flex: none !important; width: 100% !important; }
  .ep-console-cluster { min-height: 0 !important; }
  .ep-console-stack { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
  .ep-usage-float, .ep-team-float { position: static !important; inset: auto !important; }
  .ep-usage-card, .ep-team-pill { width: 100% !important; box-sizing: border-box !important; }
  .ep-capability-grid { flex-wrap: wrap !important; }
  .ep-capability-grid > * { flex: 1 1 calc(50% - 8px) !important; }
  /* 固定 2/3 列内容栅格降一档（卡阵 minmax 自适应不动） */
  [style*="grid-template-columns: repeat(3, 1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: 1fr 1fr !important; }
}

/* ════════════ 移动 <768 ════════════ */
@media (max-width: 767px) {
  /* —— 布局：多栏塌单列 —— */
  [style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }      /* 含 1fr 1fr / 1fr 1fr 1fr */
  [style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns: repeat(4, 1fr)"] { grid-template-columns: 1fr 1fr !important; } /* KPI 砖 2×2 */
  .lk-col-mobile { grid-template-columns: 1fr !important; }

  /* —— 滚动叙事区块：竖版留白 + 满屏高 —— */
  .hs-root { scroll-snap-type: none !important; }
  .hs-sec { padding: 76px 16px 68px !important; min-height: auto !important; }
  #home-hero.hs-sec { min-height: 100svh !important; padding: 0 !important; }
  .hs-title { font-size: clamp(25px, 7.6vw, 36px) !important; line-height: 1.22 !important; }
  .hs-sub { font-size: 13px !important; }
  .hs-dots { display: none !important; }            /* 右侧滚动点让位 */
  .hs-mobile-progress { position: fixed; left: 16px; bottom: 14px; z-index: 58; display: flex !important; align-items: center; gap: 9px;
    max-width: calc(100vw - 92px); padding: 5px 7px; border-radius: 999px; background: rgba(255,255,255,.76); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255,255,255,.76); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 30px -14px rgba(50,60,120,.38); color: var(--lk-text-3); font-size: 10.5px; }
  .hs-mobile-progress span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hs-mobile-progress button { all: unset; box-sizing: border-box; cursor: pointer; min-width: 40px; height: 40px; border-radius: 999px; display: grid; place-items: center; background: rgba(255,255,255,.66); color: var(--lk-text-2); font-size: 18px; }
  .hs-mobile-progress button:disabled { opacity: .28; cursor: default; }

  /* —— dock 鱼眼 → 横滑卡带（触摸无 hover 鱼眼）；A-2 禁横滚：触屏滑动保留、滚动条隐藏 —— */
  .hs-dock { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto !important;
    max-width: 100% !important; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity;
    scrollbar-width: none !important; -ms-overflow-style: none !important;
    padding-bottom: 10px !important; }
  .hs-dock::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
  .hs-di { scroll-snap-align: center; flex: none; }
  .hs-di .hs-tile { width: 50px !important; height: 50px !important; }

  /* —— 长廊/横向轨保持横滑 —— */
  .lk-scroll-x { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }

  /* —— 触摸目标 ≥40px —— */
  .lkf-nav button, .uc-tabnav button, .lkf-mini button { min-height: 40px; }

  /* —— 导航：中段链接收进汉堡；公告收起；紧凑单岛 —— */
  .lkf-links { display: none !important; }
  .lkf-announce { display: none !important; }
  .lkf-burger { display: inline-flex !important; }
  .lkf-mobile-only { display: block !important; }

  /* —— Hero：360px 下三项 CTA 与证明行自然换行，不裁切磁斥按钮热区 —— */
  .lkf-zoom { padding-left: 14px !important; padding-right: 14px !important; }
  .lkf-hero-actions { width: min(100%, 330px); flex-wrap: wrap !important; justify-content: center; gap: 8px !important; margin-top: 22px !important; }
  .lkf-hero-actions > * { flex: 1 1 142px; min-width: 0; }
  .lkf-hero-actions button { width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
  .lkf-hero-stats { max-width: 330px; flex-wrap: wrap !important; justify-content: center; gap: 6px 10px !important; margin-top: 20px !important; white-space: normal !important; line-height: 1.45; }
  .lkf-hero-stats > span:last-child { flex-basis: 100%; }


  /* —— 用户中心：顶部 tab → 底部固定 tab bar —— */
  .uc-tabnav {
    position: fixed !important; left: 10px; right: 10px; bottom: 10px; z-index: 90;
    justify-content: space-around !important; gap: 4px !important;
    padding: 6px !important; border-radius: 20px;
    background: rgba(255,255,255,.72) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,.7);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 24px 60px -14px rgba(80,90,160,.34);
  }
  .uc-tabnav button { flex: 1; text-align: center; justify-content: center; padding: 8px 4px !important; }
  .uc-shell-pad { padding-bottom: 72px !important; }   /* 内容不被底栏遮住 */
  .lkw4 > [data-screen-label] { padding-bottom: 82px !important; }
  .mk-app-nav-shell { display: contents !important; }
  .uc-task-row { flex-wrap: wrap; row-gap: 7px !important; }
  .uc-task-toolbar { align-items: stretch !important; }
  .uc-task-search { order: 3; margin-left: 0 !important; width: 100% !important; box-sizing: border-box; }
  .uc-task-filterbar { justify-content: flex-start !important; overflow-x: auto; flex-wrap: nowrap !important; scrollbar-width: none; }
  .uc-task-filterbar::-webkit-scrollbar { display: none; }
  .uc-task-title { flex: 1 1 calc(100% - 24px) !important; }
  .uc-task-meta { margin-left: 18px; flex: 1 1 auto !important; gap: 7px !important; }
  .uc-task-time, .uc-task-files { display: none !important; }
  .uc-task-action { margin-left: auto; width: auto !important; }
  .uc-task-tools { margin-left: 0; }
  .uc-settings-layout { flex-direction: column !important; align-items: stretch !important; }
  .uc-settings-tabs { width: 100% !important; box-sizing: border-box; flex-direction: row !important; overflow-x: auto; scrollbar-width: none; }
  .uc-settings-tabs::-webkit-scrollbar { display: none; }
  .uc-settings-tabs > button { flex: 0 0 auto; }
  .uc-settings-panel { width: 100% !important; box-sizing: border-box; padding: 18px 16px 20px !important; }
  .uc-profile-editor-grid { grid-template-columns: 1fr !important; }
  .uc-profile-editor-grid > label { grid-column: auto !important; }
  .uc-profile-row > :first-child { width: 72px !important; }
  .uc-template-dialog { flex-direction: column !important; padding: 16px !important; gap: 14px !important; }
  .uc-template-dialog-preview { flex: none !important; display: grid !important; grid-template-columns: 1fr 1fr !important; }
  .uc-template-dialog-preview > div { height: 104px !important; }
  .uc-template-dialog-body { flex: none !important; }
  .uc-template-dialog-cta, .uc-template-dialog-cta > button { display: block !important; width: 100% !important; box-sizing: border-box !important; }

  /* —— Auth：50/50 → 单栏（品牌面板收起，顶部小徽标显） —— */
  .au-split { flex-direction: column !important; }
  .au-split > :first-child { display: none !important; }   /* BrandPanel 隐藏 */
  .au-mobilebrand { display: flex !important; }
  .au-role-grid { grid-template-columns: 1fr !important; width: 100%; gap: 12px !important; }
  .au-goal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100%; gap: 10px !important; }

  /* —— 产品转化页：真实重排，关键表单与 CTA 不被 overflow 护栏裁切 —— */
  .contact-layout { grid-template-columns: 1fr !important; gap: 24px !important; width: 100% !important; }
  .contact-fields { grid-template-columns: 1fr !important; gap: 12px !important; }
  .gd-layout { grid-template-columns: 1fr !important; gap: 22px !important; width: 100% !important; }
  .api-docs-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  .api-docs-nav { position: static !important; top: auto !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px !important; overflow: visible; max-width: 100%; }
  .api-docs-nav > button { min-width: 0; width: 100%; min-height: 40px; text-align: center; white-space: normal !important; line-height: 1.35; }
  .api-docs-content, .api-docs-card, .api-code-block { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
  .case-truth-banner { display: grid !important; grid-template-columns: minmax(0, 1fr); align-items: start !important; gap: 8px !important; box-sizing: border-box !important; padding: 12px 14px !important; }
  .case-truth-banner > :last-child { grid-column: 1; margin: 0; }
  .sol-row { width: 100% !important; flex-direction: column !important; align-items: stretch !important; gap: 30px !important; }
  .sol-copy, .sol-visual, .sol-evidence-media { flex: none !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
  .sol-visual, .sol-evidence-media { justify-content: center !important; }
  .sol-cta { width: 100% !important; box-sizing: border-box !important; align-items: flex-start !important; flex-wrap: wrap !important; }
  .sol-cta > span:last-child { width: 100%; margin-left: 0 !important; justify-content: flex-start; flex-wrap: wrap; }
  .sol-project-card { width: 100% !important; }

  .ep-hero-layout { flex-direction: column !important; align-items: stretch !important; gap: 34px !important; width: 100% !important; }
  .ep-copy { flex: none !important; width: 100% !important; }
  .ep-hero-actions { flex-wrap: wrap !important; align-items: flex-start !important; }
  .ep-hero-actions > :last-child { white-space: normal !important; width: 100%; }
  .ep-console-cluster { flex: none !important; width: 100% !important; min-height: 0 !important; }
  .ep-console-stack { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
  .ep-console { min-height: 480px !important; width: 100% !important; }
  .ep-usage-float, .ep-team-float { position: static !important; inset: auto !important; }
  .ep-usage-card { width: 100% !important; box-sizing: border-box !important; }
  .ep-team-pill { width: 100% !important; box-sizing: border-box !important; border-radius: 16px !important; }
  .ep-capability-grid { flex-direction: column !important; width: 100% !important; margin-top: 30px !important; }
  .ep-capability-grid > * { flex: none !important; width: 100% !important; box-sizing: border-box !important; }
  .ep-console-head { flex-wrap: wrap !important; }

  /* —— 数据表：保留列语义，给出明确的局部横滑面而非把右侧吞掉 —— */
  .pp-compare-hint { display: block; margin: 0 0 8px; font-size: 10.5px; color: var(--lk-text-4); }
  .pp-compare-scroll { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; padding-bottom: 6px; }
  .pp-compare-grid { min-width: 560px; }
  .uc-ledger-scroll, .uc-credit-scroll { overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: thin; padding-bottom: 5px; }
  .uc-ledger-grid { min-width: 560px; }
  .uc-credit-grid { min-width: 520px; }
}

/* 矮屏不强制逐幕吸附，避免内容和固定导航互相遮挡；Hero 仍保留完整首屏。 */
@media (max-height: 700px) {
  .hs-root { scroll-snap-type: none !important; }
  #home-product-demo, #home-generators, #home-evidence, #home-workflow, #home-boundaries, #home-ecosystem, #home-start {
    min-height: auto !important;
    scroll-snap-align: none !important;
    padding-top: 96px !important;
    padding-bottom: 72px !important;
  }
}

/* ════════════ 触摸设备：hover 特效降级为 active ════════════ */
@media (hover: none) {
  .mk-lift:hover, .uc-card:hover, .hs-di:hover, [class*="lift"]:hover { transform: none !important; }
  .mk-lift:active, .uc-card:active { transform: translateY(-2px) scale(1.005); }
  /* 大气层粒子减半（不改组件：藏一半 span） */
  .lk-atm-po:nth-of-type(odd) { display: none !important; }
}

/* ── 首页第 2–8 屏：用语义类完成真实重排，避免仅靠隐藏横向溢出造成裁切 ── */
@media (max-width: 1199px) {
  .he-row { grid-template-columns: minmax(0, 1fr) !important; align-items: stretch !important; width: min(760px, 94%) !important; gap: 4px !important; }
  .he-copy { width: 100%; }
  .he-delivery { width: 100%; height: 430px; }
  .he-delivery-artwork { inset: -14px -7% 0 4%; }
  .he-delivery-readout { left: 7%; bottom: 38px; }
}

@media (max-width: 1023px) {
  .hm-stage { width: min(760px, 94%) !important; }
  .hm-heading { width: 100% !important; }
  .hm-artwork { right: -20%; top: 40px; width: 62%; opacity: .25; }
  .hm-filter { width: min(760px, 94%) !important; max-width: 100% !important; box-sizing: border-box !important; flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto !important; overscroll-behavior-x: contain; touch-action: pan-x; padding: 2px 2px 7px !important; scrollbar-width: none; }
  .hm-filter::-webkit-scrollbar { display: none; }
  .hm-filter > button { flex: 0 0 auto !important; white-space: nowrap !important; }
  .hm-dock-wrap { width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
  .hs-matrix .hs-dock { flex-wrap: nowrap !important; justify-content: flex-start !important; overflow-x: auto !important; overscroll-behavior-x: contain; touch-action: pan-x; width: min(760px, 94vw) !important; max-width: min(760px, 94vw) !important; padding-top: 20px !important; scrollbar-width: none; }
  .hs-matrix .hs-dock::-webkit-scrollbar { display: none; }
  .hs-matrix .hs-di { flex: 0 0 96px !important; width: 96px !important; }

  .hs-replay-layout { flex-direction: column !important; align-items: stretch !important; gap: 34px !important; width: min(720px, 94%) !important; }
  .hs-replay-copy { flex: none !important; width: 100% !important; }
  .hs-replay-card { width: 100% !important; }

  .hs-tech-layout { flex-direction: column !important; align-items: stretch !important; gap: 28px !important; width: min(760px, 94%) !important; }
  .hs-tech-copy { flex: none !important; width: 100% !important; }
  .hs-tech-visual { width: 100% !important; }
}

@media (max-width: 767px) {
  .hs-matrix { justify-content: flex-start !important; }
  .hm-stage { width: 100% !important; }
  .hm-artwork { display: none; }
  .hm-filter { width: 100% !important; }
  .hm-scroll-hint { display: block !important; align-self: flex-start; }
  .hs-matrix .hs-dock { width: 100% !important; max-width: 100% !important; }
  .hm-filter, .hs-matrix .hs-dock { -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent); }
  .hm-rail-nav button { min-width: 44px; height: 44px; }
  .hm-detail { width: 100% !important; box-sizing: border-box !important; }
  .hm-detail-head { flex-wrap: wrap !important; align-items: center !important; }
  .hm-detail-head > :last-child { margin-left: 0 !important; width: 100% !important; }
  .hm-detail-actions { align-items: flex-start !important; }
  .hm-detail-cta { width: 100% !important; margin-left: 0 !important; margin-top: 4px !important; }

  .he-row { width: 100% !important; gap: 12px !important; }
  .he-desktop-stack { display: none !important; }
  .he-mob-list { display: block !important; margin-top: 24px; }
  .he-mobile-group + .he-mobile-group { margin-top: 12px; padding-top: 4px; }
  .he-mobile-group > button { all: unset; box-sizing: border-box; width: 100%; min-height: 52px; display: grid; grid-template-columns: 30px minmax(0, 1fr) 24px; align-items: center; gap: 10px; cursor: pointer; color: var(--lk-text-2); }
  .he-mobile-group > button > span:first-child { color: var(--lk-accent); font-size: 9px; }
  .he-mobile-group > button > span:nth-child(2) small { display: block; color: var(--lk-text-4); font: 650 7.5px/1.2 var(--lk-font-latin); letter-spacing: .16em; }
  .he-mobile-group > button > span:nth-child(2) strong { display: block; margin-top: 3px; color: var(--lk-text-1); font-size: 14px; font-weight: 650; }
  .he-mobile-group > button > span:last-child { justify-self: end; color: var(--lk-text-4); font-size: 17px; font-weight: 350; }
  .he-mobile-group > div { padding: 0 0 4px 40px; }
  .he-mobile-group > div > p { margin: 0 0 6px; color: var(--lk-text-3); font-size: 10.5px; line-height: 1.65; }
  .he-mobile-group > div > div { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; }
  .he-mobile-node { width: 100%; min-height: 34px; padding: 3px 0; background: transparent !important; border: 0 !important; box-shadow: none !important; }
  .he-node-description { margin-left: 40px; }
  .he-access, .he-planned, .he-generator-link { margin-left: 40px; }
  .he-access { gap: 5px 13px; }
  .he-delivery { height: 390px; }
  .he-delivery-artwork { inset: 18px -40% auto -12%; height: 250px; opacity: .74; }
  .he-delivery-readout { left: 40px; top: 250px; bottom: auto; width: calc(100% - 64px); color: var(--lk-text-2); text-shadow: none; }
  .he-delivery-readout strong { max-width: 310px; color: var(--lk-text-1); font-size: 17px; text-shadow: none; }
  .he-delivery-readout p { color: var(--lk-text-4); font-size: 9.5px; text-shadow: none; }
  .he-delivery-readout a { color: var(--lk-accent); text-shadow: none; }

  .hs-replay-layout { gap: 28px !important; width: 100% !important; }
  .hs-replay-actions { flex-wrap: wrap !important; gap: 10px 14px !important; }
  .hs-replay-badges { position: static !important; width: 100% !important; margin-bottom: 9px !important; flex-wrap: wrap !important; justify-content: flex-start !important; }
  .hs-replay-card { display: block !important; }

  .hs-tech-layout { width: 100% !important; }
  .hs-tech-visual { flex-direction: column !important; gap: 14px !important; }
  .hs-tech-stage { min-height: 430px !important; width: 100% !important; }
  .hs-tech-annotations { gap: 10px !important; width: 100% !important; }
  .hs-tech-annotations > div { width: 100% !important; }
  .ht-connector, .ht-gate-id { display: none !important; }
  .hs-tech-preview { justify-content: flex-start !important; width: 100% !important; gap: 7px !important; }
  .hs-tech-preview svg { display: none !important; }

  .hsc-head { flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
  .hsc-head > p { max-width: 100% !important; margin: 0 !important; }
  .hsc-view-switch { display: flex !important; width: 100% !important; box-sizing: border-box !important; }
  .hsc-view-switch > button { flex: 1 1 50%; text-align: center; min-width: 0; }
  .hsc-project-showcase { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  .hsc-project-map { min-height: 320px !important; border-radius: 20px !important; }
  .hsc-project-map-meta { top: 16px !important; left: 16px !important; right: 16px !important; }
  .hsc-project-map-caption { padding: 52px 16px 16px !important; }
  .hsc-project-map-caption > div > :last-child { width: 100%; margin-left: 0 !important; }
  .hsc-project-index { gap: 2px !important; }
  .hsc-project-index-head { padding: 4px 10px 6px !important; }
  .hsc-project-option { min-height: 58px !important; padding: 7px 10px !important; }
  .hsc-project-actions { align-items: stretch !important; }
  .hsc-project-actions > * { max-width: 100%; }
  .hsc-project-actions > :last-child { width: 100%; margin-left: 0 !important; }
  .hsc-rail { padding-inline: 10px !important; }
  .hsc-card { width: calc(100vw - 52px) !important; }
  .hsc-doc, .hsc-media img { height: 190px !important; }
  .hsc-card-actions { flex-wrap: wrap !important; }
  .hsc-card-actions > button { flex: 1 1 auto; }
  .hsc-card-actions > :last-child { width: 100% !important; margin-left: 0 !important; }
  .hsc-card-actions > :last-child button { width: 100% !important; }
  .hsc-rail + button, .hsc-rail + button + button { width: 44px !important; height: 44px !important; }
  .hsc-tail > :last-child { width: 100% !important; margin-left: 0 !important; margin-top: 4px !important; }
  .hsc-preview-veil { padding: 10px !important; }
  .hsc-preview-dialog { width: calc(100vw - 20px) !important; max-height: calc(100dvh - 20px) !important; padding: 16px !important; border-radius: 20px !important; }
  .hsc-preview-actions { align-items: stretch !important; }
  .hsc-preview-actions > span { flex-basis: 100% !important; min-width: 0 !important; }
  .hsc-preview-actions > button { flex: 1 1 calc(50% - 5px); }

  .hs-close { padding: 76px 16px 0 !important; overflow: hidden; }
  .hc-decision { width: 100vw; min-height: 0; margin-left: -16px; align-items: flex-start; }
  .hc-decision-inner { width: calc(100% - 32px); padding-top: 0; }
  .hc-professional-scene { inset: 0; }
  .hc-professional-scene img { object-position: 72% bottom; }
  .hc-professional-scene::after { background: linear-gradient(180deg, rgba(249,251,255,.96) 0%, rgba(249,251,255,.86) 35%, rgba(249,251,255,.28) 51%, rgba(249,251,255,.03) 62%, transparent 72%); }
  .hc-journey { gap: 5px; margin: 0 auto 14px; font-size: 7px; letter-spacing: .1em; }
  .hc-audience-grid { grid-template-columns: 1fr !important; gap: 0; margin-top: 32px; }
  .hc-personal-path, .hc-professional-path { min-height: 0; padding: 12px 0 38px; }
  .hc-professional-path { margin: 0 -16px; padding: 54px 16px 52px; }
  .hc-personal-path h3, .hc-professional-path h3 { font-size: 22px; }
  .hc-card-title { max-width: 330px; white-space: normal !important; font-size: 28px; }
  .hc-personal-path > p, .hc-professional-path > p { max-width: 100%; font-size: 11.5px; }
  .hc-card-actions { align-items: stretch; }
  .hc-card-actions > span { max-width: 100% !important; }
  .hc-card-actions > span:first-child { flex: 1 1 auto; }
  .hc-proofline { justify-content: flex-start; width: 100%; margin: 22px 0 30px; text-align: left; }
  .hc-proofline > span:last-child { flex-basis: 100%; line-height: 1.6; }
  .hc-footer { width: 100vw; margin-left: -16px; }
  .hc-footer-main { grid-template-columns: 1fr 1fr !important; gap: 22px 18px !important; width: calc(100% - 32px); padding-top: 22px; }
  .hc-footer-bottom { width: calc(100% - 32px); padding-bottom: 82px; }
  .hc-footer-bottom > :last-child { margin-left: 0 !important; width: 100% !important; }
}

@media (max-width: 420px) {
  .hc-footer-main { width: calc(100% - 32px) !important; }
  .hc-footer-bottom { width: calc(100% - 32px) !important; }
}

/* Round 19 · 商业路径：inline reset 控件也必须保留清晰键盘焦点。 */
.r19-focus:focus-visible {
  outline: 2px solid var(--lk-accent) !important;
  outline-offset: 3px !important;
  box-shadow: var(--lk-focus-ring) !important;
}
[data-lk-theme="dark"] .r19-focus:focus-visible {
  outline-color: var(--lk-dark-accent-2, #77a7ff) !important;
  box-shadow: 0 0 0 4px rgba(119,167,255,.22) !important;
}
[data-lk-theme="dark"] .ep-intake select option {
  background: #202640;
  color: #f5f7ff;
}

@media (max-width: 767px) {
  .ep-intake { width: 100% !important; box-sizing: border-box !important; padding: 19px 16px !important; }
  .ep-intake-grid { grid-template-columns: 1fr !important; }
  .ep-review-row { grid-template-columns: 96px minmax(0, 1fr) !important; }
  .ep-intake button, .ep-intake input, .ep-intake select { min-height: 44px; }
}
.r20-focus:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--lk-accent) 52%, transparent) !important;
  outline-offset: 3px !important;
}

/* 引导标题只接收程序化焦点以播报步骤，不应伪装成横跨页面的交互控件。 */
.au-step-heading:focus,
.au-step-heading:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .r20-focus:focus-visible,
.lk-dark .r20-focus:focus-visible {
  outline-color: color-mix(in srgb, #8ab4ff 72%, transparent) !important;
}

/* Round 21 · 服务记录中心：桌面主从栏，窄屏顺序重排且操作不溢出。 */
@media (max-width: 900px) {
  .uc-request-layout { grid-template-columns: 1fr !important; }
}

@media (max-width: 767px) {
  .uc-request-toolbar { align-items: stretch !important; }
  .uc-request-search { margin-left: 0 !important; width: 100% !important; box-sizing: border-box !important; }
  .uc-request-search input { width: 100% !important; min-width: 0 !important; }
  .uc-request-detail { padding: 18px 16px !important; }
  .uc-request-meta { grid-template-columns: 84px minmax(0, 1fr) !important; }
  .uc-tabnav button { font-size: 10.5px !important; }

  .ct-page { width: 100% !important; box-sizing: border-box !important; }
  .ct-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .ct-grid > * { min-width: 0 !important; }
}

@media (max-width: 359px) {
  .api-docs-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ct-page { padding-inline: 2px !important; }
  .ct-grid { gap: 10px !important; }
}