/* ============================================================
   产品中心·端侧存储 v2 —— 设计语言照抄 iot.mi.com/fe-op/solution-broadcast
   ① 产品参数：Tab 指示线 translateX 滑动 + 内容轨横滑（0.6s ease），面板左图右「产品选型」表
   ② 应用场景：占位版式（标题 + 预留舞台，图后续补）
   ③ 技术优势：灰底通栏 + 左「产品特点」逐级淡入自动轮播 + 右图淡入缩放
   落地口径：青藤白底 + VI 紫（#900083），与消费电子页同一套曲线/时长
   本文件为页面级差异样式，不改动 demo03.css 共用规则。
   ============================================================ */
:root{
  --sp-e:cubic-bezier(.16,1,.3,1);
  --sp-line:#900083;                 /* VI 紫：指示线/强调/表头 */
}

/* ---------------- 版块一：产品参数 · Tab 联动 ---------------- */
.spx{ max-width:none; margin:0;
  padding:clamp(30px,3.6vw,58px) clamp(20px,2.8vw,52px) clamp(2px,0.3vw,4px);/* 2026-10-12 点名：空隙 -40%。2026-10-15 多轮：先×2/3→选 A 整带 113→~75px（padding-bottom 25→17）→「还是大，再缩 50%」→padding-bottom 17→~4px（clamp(9,1.1vw,17)→clamp(2,0.3vw,4)），与 .scn margin-top、开关下边距一起把整带 75→~37px（开关行 31px 为硬下限） */
  background:transparent; border-radius:0; }/* 2026-10-11 点名：浅冰蓝水彩底不再通栏左右铺满——.spx 背景改透明（露出页面底色），冰蓝水彩改放到下方两张玻璃卡（.spxp__im 芯片卡 / .spxp__tx 表格卡）自己的背景里，只出现在玻璃框范围内 */
.spx__title,.stv__title,.scn__title{
  margin:0 0 clamp(26px,4vh,44px);
  text-align:center;
  font-size:clamp(24px,2.4vw,32px);
  font-weight:700;
  letter-spacing:.01em;
  line-height:1.2;
  color:#1d1d1f;
}
/* Tab 横条：指示线绝对定位滑动（2 Tab → 2 列），与内容轨同步 transform .6s ease */
.spx__tabs{ position:relative; max-width:clamp(340px,73vw,1500px); margin:0 auto clamp(34px,5.4vh,56px); }/* 2026-10-15 点名（按截图红 tick 定宽）：轨道线两端红 tick 量得宽≈视口 73%（图 1440 下 188→1244=1056px、居中，两栏中心 452/980 对齐两标签）；固定 min(1040px) 在宽屏不随视口变宽→显短，改按 73vw（居中、比面板 90vw 窄两侧留白，随屏变宽）；clamp 下限 340px 保移动端不致过窄。灰线 left:0/right:0 铺满该栏、紫线 50% 铺满激活列随栏同比变宽 */
.spx__tabsnav{ display:grid; grid-template-columns:repeat(2,1fr); position:relative; }
.spx__tabsnav::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#ececf2; }/* 2026-10-15 点名：撤销 B 居中限宽，回到以前 left:0;right:0 铺满整栏（此时栏已恢复 ≤1040，线随之回到原长） */
.spx__tabline{
  position:absolute; left:0; bottom:0; z-index:2; width:50%; height:2px;
  background:var(--sp-line); transform:translateX(0);
  transition:transform .6s ease,opacity .3s ease; pointer-events:none;
}
.spx__tab{
  position:relative; z-index:1; appearance:none; border:0; background:none; font:inherit; cursor:pointer;
  padding:0 8px 20px; font-size:clamp(15px,1.35vw,19px); font-weight:600; letter-spacing:.02em;
  color:#9a9eb2; text-align:center; transition:color .28s var(--sp-e);
}
.spx__tab:hover{color:#565a70}
.spx__tab.is-on{color:var(--sp-line)}
.spx__tab:focus-visible{outline:2px solid var(--sp-line); outline-offset:4px; border-radius:4px}
/* 2026-10-11 点名：产品参数标题+标签的字体/排版对齐 sol-consumer「方案优势」。本页加载 demo03-pc.css，
   其 *{font-weight:400!important} 与 h1,h2,h3,h4,h5,.btn{font-weight:500!important} 会压平字重，
   故按 pc.css「定点豁免」惯例在此加 !important 还原 700/600，并对齐 Inter/Noto Sans SC 字体族与标题下间距 */
.spx__title{font-weight:700!important;font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin-bottom:clamp(22px,3.4vh,34px)}
/* 2026-10-11 点名：应用场景/技术优势标题字体与上方「产品参数」相同——同套 !important 豁免还原 700 + Inter/Noto Sans SC 字体族（间距不动） */
.scn__title,.stv__title{font-weight:700!important;font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.spx__tab{font-weight:600!important;font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
/* 联动舞台：rail 整体横滑 */
.spx__stage{ position:relative; overflow:hidden; border-radius:20px; padding:0 0 36px;/* 2026-10-12 点名：空隙 -40%，stage 底距 60→36 */ background:transparent;
  max-width:var(--maxw); margin:0 calc(var(--pad) - clamp(20px,2.8vw,52px)); }/* 2026-10-11 点名（再）：芯片+表格横向宽度精确对齐首页「产品体系」图片（.pillars__in）——.spx__stage 用 margin-inline 补偿：左右各内缩 calc(var(--pad) - .spx自身内衽)，抵消 .spx 的 2.8vw/20px 内衽与首页 5vw(var(--pad)) 内衽的差值，使舞台实际宽 = body宽-滚动条-2*var(--pad)，与 .pillars__in 逐像素一致；.spx 本身内衽不变→标题/Tab 原地不动 */
.spx__rail{ display:flex; align-items:flex-start; will-change:transform; transition:transform .6s ease, height .6s ease; }/* 2026-10-11 点名：外层轮播不再把两块面板拉伸等高（原 align-items 默认 stretch 会把 EEPROM 面板拉到 NOR 长表面板高 889px，导致内部 stretch 把表格卡拉长到 821px）；改 flex-start 后每块面板取自身高，配合 .spxp 内 stretch 使 EEPROM 表格卡恰与芯片框等高。2026-10-12 点名：rail 高度改由 JS 随当前激活面板自适应（见 products-store-v2.js ① syncH），使切到 IIC EEPROM（仅 2 行、面板高 703）时舞台不再保留 NOR（1301）的高度，下方「应用场景」上移消除 ~658px 大白；height 加入 transition 与横滑同步。 */
/* 2026-10-11 点名：重排为「镜像截图2」布局——左侧方形芯片可收缩栏 + 右侧主表格；侧栏整体可收起 */
/* 2026-10-11 点名（二次）：构图对齐截图2——芯片框与表格框之间留缝隙、二者顶对齐、去掉侧栏灰底 */
.spxp{ flex:0 0 100%; box-sizing:border-box; min-width:0; padding:clamp(22px,2.6vw,34px) 0 clamp(10px,1.1vw,15px);/* 2026-10-12 点名：使产品参数↔应用场景可见空隙达 -40%，面板底内边距 34→~15（仅底部，顶部呼吸不变） */ display:flex; align-items:stretch; gap:clamp(20px,2.4vw,30px); }/* 2026-10-11 点名：右侧表格卡与左侧芯片框纵向等高——align-items 改 stretch 使 .spxp__tx 拉伸到行高，并去掉 min-height:496px；
   2026-10-12 点名：横向内衽 34px→0——芯片卡+表格卡可见组合原宽 = 舞台(.spx__stage=首页 .pillars__in) 减 2×34px 内衽，比首页产品体系卡窄 ~68px；去横向内衽后两卡铺满舞台，与首页截图2 逐像素同宽（纵向内衽不变）*/
.spxp__rail{
  position:relative; flex:0 0 auto; width:clamp(240px,30%,380px); align-self:stretch;/* 2026-10-12 点名：rail 随行高拉伸到整卡高——使左侧芯片框与右侧表格框同高（NOR 长表下芯片框由 321→与表格等高；EEPROM 表≤芯片方框高，行高不变→该面板不受影响）*/
  display:flex; align-items:stretch; justify-content:center; padding:0;/* 2026-10-12 点名：im 随 rail 纵向拉伸填满整卡高（玻璃框拉高）*/
  background:transparent; min-height:280px;
  transition:width .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1);
}
.spxp.is-collapsed .spxp__rail{ width:66px; }
.spxp__im{
  margin:0; width:100%; overflow:hidden; position:relative; display:flex; align-items:center; justify-content:center;/* 2026-10-12 点名：去 aspect-ratio:1/1，玻璃框改为 flex 居中容器以拉高到与表格同高并将芯片图居中 */
  background:linear-gradient(160deg,rgba(255,255,255,.52),rgba(255,255,255,.24) 50%,rgba(233,242,254,.3)),url('../images/store-glass-bg.jpg?v=20261011a') center/cover no-repeat; backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%);/* 2026-10-11 点名：冰蓝水彩从通栏 .spx 下移到本玻璃卡背景底层（白磨砂渐变之上叠水彩），只出现在芯片玻璃框范围内 */
  border:1px solid rgba(255,255,255,.72); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 44px -22px rgba(40,70,130,.4);
  transition:opacity .3s ease,transform .5s cubic-bezier(.22,1,.36,1);
}
.spxp__im img{ display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover; flex:none; }/* 2026-10-12 点名：芯片图保持正方形（随宽 1:1）在拉高后的玻璃框内垂直居中，不随框拉伸变形 */
.spxp.is-collapsed .spxp__im{ opacity:0; transform:scale(.9); pointer-events:none; }
.spxp__mini{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  writing-mode:vertical-rl; text-orientation:mixed; font-size:13px; font-weight:600;
  letter-spacing:.16em; color:var(--sp-line); opacity:0; pointer-events:none;
  transition:opacity .25s ease .12s;
}
.spxp.is-collapsed .spxp__mini{ opacity:1; }
.spxp__toggle{
  position:absolute; top:50%; right:-16px; transform:translateY(-50%); z-index:2;
  width:32px; height:32px; display:grid; place-items:center; border-radius:50%;
  border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.42); backdrop-filter:blur(14px) saturate(160%); -webkit-backdrop-filter:blur(14px) saturate(160%); color:var(--sp-line); cursor:pointer;/* 2026-10-11 点名：按钮底色与卡片玻璃底色一致（白实心→同款半透玻璃），去紫边 */
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 14px rgba(22,30,60,.12);
  transition:background-color .16s ease-out,transform .16s ease-out;
}
.spxp__toggle svg{ width:16px; height:16px; transition:transform .5s cubic-bezier(.22,1,.36,1); }
.spxp.is-collapsed .spxp__toggle svg{ transform:rotate(180deg); }
.spxp__toggle:hover{ background:rgba(255,255,255,.62); }/* 点名：hover 也走玻璃白，不再泛紫 */
.spxp__toggle:active{ transform:translateY(-50%) scale(.94); }
.spxp__toggle:focus-visible{ outline:2px solid var(--sp-line); outline-offset:2px; }
.spxp__tx{ flex:1 1 auto; display:flex; flex-direction:column; justify-content:flex-start; padding:clamp(26px,3.2vw,44px) clamp(22px,2.8vw,40px); min-width:0;
  /* 2026-10-11 点名（产品选型表玻璃 · 按参考图2 tkx 重做液态玻璃）：白雾更实 + 左上镜面高光 + 内斜面高光/内发光（厚度感）+ 大圆角 + 柔深投影，透出底部水彩背景；不再之前的薄水蓝半透 */
  background:
    radial-gradient(130% 90% at 10% -8%, rgba(255,255,255,.78) 0%, rgba(255,255,255,0) 46%),
    linear-gradient(150deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.44) 40%, rgba(235,243,254,.42) 72%, rgba(223,236,252,.54) 100%),
    url('../images/store-glass-bg.jpg?v=20261011a') center/cover no-repeat;/* 2026-10-11 点名：冰蓝水彩从通栏 .spx 下移到本表格玻璃卡背景底层，只出现在表格玻璃框范围内 */
  backdrop-filter:blur(30px) saturate(175%); -webkit-backdrop-filter:blur(30px) saturate(175%);
  border:1px solid rgba(255,255,255,.85); border-bottom-color:transparent; border-radius:30px;/* 2026-10-11 点名：虚化表格玻璃卡下边——去底部白描边（border-bottom 透明），只留下方柔和外投影收尾，不再是一条硬线；顶/左/右玻璃描边不变 */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 1px 0 0 rgba(255,255,255,.55),
    inset 0 0 34px rgba(255,255,255,.32),
    0 24px 50px -26px rgba(40,70,130,.45),/* 2026-10-12 点名：修「渐变条下又出现的直线边」——上次空隙 -40% 把 .spx__stage 底内衽 60→36，卡片大投影(0 32px 72px 高斯尾到 ~1123)被舞台 overflow:hidden 底缘(1100)切成一条硬直线；把外投影收短到高斯尾止于裁剪缘内(0 24px 50px -26px→~1097)，底部重新柔和淡出，硬线消失；不改 stage 内衽→应用场景可见空隙仍保持 -40%(129px) */
    0 6px 16px -8px rgba(40,70,130,.18); }
/* 2026-10-12 点名：修掉选型区 EEPROM 面板左下那条「渐变边」——两面板并排横滑，舞台高取较高面板(NOR 长表)，切到较矮的 EEPROM 时其下方留空，隐藏中的 NOR 表格卡大投影(0 32px 72px)从舞台左缘(x70)渗入该空区成竖向灰渐变带；给未激活面板去投影即消除（激活面板投影不受影响，滑出面板本就离场）*/
.spxp:not(.is-active) .spxp__im,.spxp:not(.is-active) .spxp__tx{ box-shadow:none; }
@media (prefers-reduced-transparency: reduce){
  .spxp__tx{ background:#eaf1fb; backdrop-filter:none; -webkit-backdrop-filter:none; }
  .spxp__im{ background:#e3ecf9; backdrop-filter:none; -webkit-backdrop-filter:none; }
}/* 2026-10-11 点名（迭代M）：随台面灰底删除，降级块里的 .spx__stage 灰底一并移除 */
.spxp__t{ margin:0 0 18px; font-size:clamp(19px,1.9vw,26px); font-weight:700; letter-spacing:.01em; line-height:1.25; color:#1d1d1f; }

/* 产品选型表（照抄截图1：紫底白字表头 + 斑马纹 + 首列浅紫） */
.sptb__scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid rgba(255,255,255,.6); border-radius:14px; }/* 2026-10-11 点名（迭代N）：表格外框改玻璃白描边、圆角加大 */
/* 2026-10-11 点名（迭代K）：删掉贴边浮动的“＋”，改为表格标题行右上角一组紧凑增删工具（＋列/－列/＋行/－行）；删除只到原始行列数 */
.sptb__wrap{ position:relative; }
.spxp__head{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; margin:0 0 18px; }
.spxp__head .spxp__t{ margin:0; }
.sptb__ctrl{ display:flex; align-items:center; gap:6px; flex:none; }
.sptb__ctrl-sep{ width:1px; height:18px; background:#e2e2ea; margin:0 3px; }
.sptb__ctl{
  display:inline-flex; align-items:center; gap:4px; height:30px; padding:0 10px;
  border-radius:15px; border:1px solid rgba(144,0,131,.28); background:#fff; color:var(--sp-line);
  font:inherit; font-size:12.5px; font-weight:600; line-height:1; cursor:pointer; white-space:nowrap;
  transition:background-color .16s ease-out, border-color .16s ease-out, transform .12s ease-out;
}
.sptb__ctl svg{ width:14px; height:14px; display:block; }
.sptb__ctl:hover{ background:rgba(144,0,131,.06); border-color:rgba(144,0,131,.45); }
.sptb__ctl:active{ transform:scale(.95); }
.sptb__ctl:focus-visible{ outline:2px solid var(--sp-line); outline-offset:2px; }
.sptb__ctl[disabled]{ opacity:.4; cursor:not-allowed; }
@media (prefers-reduced-motion: reduce){ .sptb__ctl{ transition:none; } }
.sptb{ width:100%; min-width:1020px; table-layout:fixed; border-collapse:collapse; font-size:13.5px; line-height:1.5; color:#333; }/* 2026-10-12 点名：表格文字放大一号 12.5→13.5px；2026-10-13 点名（笔记本端）：min-width 660→760，窄面板改走 .sptb__scroll 横向滚动，不再挤压列；2026-10-27 点名（笔记本端 OIS 表头拆字）：760→1020，笔记本档容器仅≈787，9 列均分放不下 ADC(bit)/Temperature 等长单词表头被拆行孤字，提到 1020 后窄容器走横向滚动（桌面容器≈1219>1020 零变化） */
.sptb th,.sptb td{ overflow-wrap:break-word; }/* 2026-10-13 点名（笔记本端）：table-layout:fixed 下长串（料号/Single/Dual/Quad/1.1×0.72-0.45）放不按时折行，禁止横向溢出压列竖线 */
.sptb thead th{
  background:#a6c3e0; color:#fff; font-weight:600; text-align:left; white-space:normal;/* 2026-10-11 点名：表格配色照抄截图2——表头由浅蓝底藏蓝字改为中蓝底(#a6c3e0)白字（像素采样取自截图2 无字区）；2026-10-27 点名（笔记本端串位修复）：nowrap→normal——fixed 均分列宽下长英文头（Free User Memory 等）不换行会溢出压相邻列头造成视觉串位，允许折行后宽屏单行观感不变、窄列自动折行不溢出（td 折行保险为 10-13 笔记本端点名定板，本次不动） */
  padding:10px 12px; border-right:1px solid rgba(255,255,255,.55);
}
.sptb thead th:last-child{border-right:0}
/* 2026-10-27 点名（手机端表头孤字/半括号）：≤900px 手机档下 .sptb 横向滚动宽度 760 均分列太窄，
   13.5px 表头单词（OIS 表 ADC(bit)/DAC(bit)、存储表 Density/Frequency）被 break-word 拆行，
   第二行只剩孤括号/孤字母。修法：滚动宽度 760→1020（现已并入 .sptb 主规则全局生效，见上）
   + th 左右内边距 12→10，保证最长单词表头单行放得下；多词表头（Free User Memory）仍按词边界折行，不产生孤字。 */
@media (max-width:900px){
  .sptb thead th{ padding:9px 10px }
}
.sptb tbody td{ padding:9px 12px; border-top:1px solid rgba(255,255,255,.55); border-right:1px solid rgba(255,255,255,.35); vertical-align:top; background:#e6eff9; }/* 2026-10-11 点名：照抄截图2——表体由透玻璃底改浅蓝实底(#e6eff9)，行分隔线保留淡白线 */
.sptb tbody td:last-child{border-right:0}
.sptb tbody td:first-child{ font-weight:600; color:#1d1d1f; background:#dbe8f6; }/* 2026-10-11 点名：照抄截图2——首列料号由半透白底改稍深一档浅蓝底(#dbe8f6)，深色字不变；2026-10-13 点名（笔记本端）：删 white-space:nowrap，窄列下料号按连字符折行，不再溢出压相邻列竖线（宽列下单行观感不变） */
.sptb tbody tr:nth-child(even) td:not(:first-child){ background:#d8e8f7; }/* 2026-10-11 点名：照抄截图2——斑纹偶行改略深一档浅蓝(#d8e8f7) */
.sptb td.empt{ color:#c4c6d2; }
.sptb__note{ margin:12px 0 0; font-size:12px; line-height:1.6; color:#9a9eb2; }

/* 选型表 · 可增删行列工具条（前端临时，不落库） */
.sptb__bar{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0 0 14px; }
.sptb__btn{
  appearance:none; -webkit-appearance:none; font:inherit; font-size:12.5px; line-height:1; cursor:pointer;
  color:var(--sp-line); background:#fff; border:1px solid rgba(144,0,131,.28); border-radius:8px;
  padding:8px 13px; min-height:34px; white-space:nowrap;
  transition:background .16s ease-out, color .16s ease-out, border-color .16s ease-out, transform .12s ease-out;
}
.sptb__btn:hover{ background:rgba(144,0,131,.06); border-color:rgba(144,0,131,.45); }
.sptb__btn:active{ transform:scale(.97); }
.sptb__btn:focus-visible{ outline:2px solid var(--sp-line); outline-offset:2px; }
.sptb__btn[disabled]{ opacity:.4; cursor:not-allowed; transform:none; }
.sptb__dim{ margin-left:auto; font-size:12px; color:#9a9eb2; font-variant-numeric:tabular-nums; }
@media (prefers-reduced-motion: reduce){ .sptb__btn{ transition:none; } .sptb__btn:active{ transform:none; } }

/* ---------------- 版块二：应用场景 · 3D 封面流（中间最大正对、两侧 rotateY 透视立起；自动+手动） ---------------- */
.scn{
  max-width:min(1600px,94vw); margin:clamp(2px,0.4vh,4px) auto 0;/* 2026-10-12 点名：空隙 -40%。2026-10-15 多轮：选 A 整带→~75px（margin-top 22→15）→「再缩 50%」→margin-top 15→~4px（clamp(10,1.5vh,18)→clamp(2,0.4vh,4)） */
}/* 2026-10-11 点名：封面流同屏铺开 12 张——横向容器由 min(1360px,92vw) 加长到 min(1600px,94vw)（负责人许可“横向宽度可以加长”）*/
.scn__grid{ display:grid; grid-template-columns:minmax(200px,30%) 1fr; gap:clamp(28px,4vw,72px); align-items:center; }/* 2026-10-21 点名（「与右边图片组居中对齐」）：start→center，左栏图标组与右侧封面流垂直居中 */
.scn__lead{ padding-left:calc(2vw + 8px); transform:translateY(-97px); }/* 2026-10-12 点名：padding-left 使首列图标/标题左缘与上方芯片玻璃框左缘对齐（x70）；transform:translateY(-97px) 使末行磁贴底与右侧 front 图片底对齐（center 基线下 tile 比图片低 97px，上移 97 归零；用 transform 而非 margin 以 1:1 位移且不与 data-reveal 的 translate 属性冲突）*/
.scn .scn__title{ text-align:left; margin:0; }/* 标题由居中改为左栏顶部左对齐（仅 .scn，不影响 .stv/.spx 居中）*/
.scn__tags{ list-style:none; margin:clamp(22px,3vh,34px) 0 0; padding:0; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }/* 2026-10-12 点名：删标题下 swoosh；4 项按截图2 版式改单列竖排、逐行、左对齐（胶囊样式保留）*/
.scn__tag{ display:inline-flex; align-items:center; gap:9px; padding:11px 18px; border-radius:100px; background:#f1f1f5; border:1px solid #eaeaf0; color:#1d1d1f; font-size:clamp(14px,1.02vw,15.5px); font-weight:600; letter-spacing:.01em; white-space:nowrap; }
.scn__tag svg{ width:17px; height:17px; flex:none; color:var(--sp-line); }/* 图标随点缀色 */
/* 2026-10-12 点名：左栏 4 胶囊→12 图标磁贴网格（2 列×6 行，按截图2 版式）；点一个把右栏封面流对应图移到最前（交互见 products-store-v2.js ⑤） */
.scn-icg{ margin-top:clamp(20px,2.6vh,30px); display:grid; grid-template-columns:repeat(3,54px); justify-content:space-between; gap:10px 0; max-width:310px; }/* 2026-10-12 点名：图标间距整体缩小 25%——列间空隙由 space-between 随栅格宽 359→310（间隙 98.5→74px）、行距 gap 16→10px；标题细线同步 400→310 保持与图标组等宽 */
.scn-icg-t{ -webkit-appearance:none; appearance:none; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:10px; min-width:0; padding:8px 0; border:1px solid transparent; border-radius:14px; background:transparent; color:#3a3e4c; font:inherit; font-size:clamp(12.5px,.92vw,14px); font-weight:600; letter-spacing:.01em; text-align:center; cursor:pointer; transition:background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out, transform .12s ease-out; }/* 2026-10-12 点名：单元宽恰好=图标宽(54px)，内容居中不会使首列图标内缩（首列图标左缘仍=栅格左缘）；标签居中于图标下方 */
.scn-icg-t:hover{ background:transparent; }/* 2026-10-12 点名：悬停/点击不再出现灰色矩形 */
.scn-icg-t:active{ transform:scale(.97); }/* 点名按压反馈 */
.scn-icg-t:focus-visible{ outline:2px solid var(--sp-line); outline-offset:2px; }
.scn-icg-i{ flex:none; display:grid; place-items:center; width:54px; height:54px; border-radius:50%; background:#f1f1f5; border:1px solid #eaeaf0; color:#3a3e4c; transition:background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out; }/* 2026-10-12 点名：未选中图标由紫改深灰 */
.scn-icg-i svg{ width:28px; height:28px; }/* 2026-10-12 点名：图标线性图形放大 18→28 */
.scn-icg-l{ width:54px; min-width:0; white-space:nowrap; line-height:1.35; }/* 首列标签维持 width:54px 左锚定（左缘=栅格/标题/芯片框左缘），点名要求第一列不变 */
.scn-icg-t:not(:nth-child(3n+1)) .scn-icg-l{ width:max-content; max-width:none; }/* 2026-10-12 点名：除第一列外，第2/3列标签改 width:max-content，借单元 align-items:center 使文字以图标中心对齐（此前 width:54px 使宽标签如「消费类电子终端」右偏 19px 未居中） */
.scn-icg-t.is-on{ color:#1d1d1f; }/* 2026-10-12 点名：取消选中时的淡紫色描边矩形（背景/边框均去），选中态仅靠紫色实心圆底图标表达 */
.scn-icg-t.is-on .scn-icg-i{ background:var(--sp-line); border-color:var(--sp-line); color:#fff; }
.scn .scn__title{ display:block; max-width:310px; border-bottom:1px solid #e2e2e9; padding-bottom:14px; }/* 2026-10-12 点名：细线随图标组收窄同步 400→310，保持与图标等宽 */
.scn .scn-cf{ margin-top:0; }/* 两栏内不再需要标题与封面流的纵向间距，改由 grid gap 控制 */
@media (min-width:901px){
  .scn .scn-cf{ perspective:2550px; margin-top:calc(clamp(29px,2.9vw,38px) + 36px); }/* 2026-10-15 点名：封面流顶与 V2 整图顶对齐——V2 整图被标题块(行高~clamp(29,2.9vw,38)) + padding-bottom 14 + v2img margin-top 22 压到离面板 ~113px，而上一轮把封面流顶到 section 顶(39px)，差 ~74px；此 margin-top 镜像该偏移使封面流距面板=整图距面板（实测 1900/1500/1280 均对齐 ~74/74/73px）；仅桌面态，<901 堆叠态 margin-top:0 不变 */
  .scn .scn-cf__stage{ height:clamp(336px,28.8vw,480px); }/* 2026-10-15 点名：stage 高收到与卡片等高（=width*4/3），配合 align-items:start 使封面流可见卡片顶贴 section 顶(1844)、与 V2 标题同高；原 clamp(510,78vh,720) 比卡片(480)高 240，卡片居中导致下坠 ~120px */
  .scn .scn-cf__card{ width:clamp(252px,21.6vw,360px); border-radius:32px; box-shadow:0 43px 97px rgba(14,16,32,.26); }/* 2026-10-12 点名：封面流图片再放大 120%（210/18vw/300 → 252/21.6vw/360，圆角/阴影同比）；cw 由 JS 动态读取，tx 间距与 maxA 同屏张数自适应 */
  .scn__lead{ padding-left:0; margin-left:calc(min(1600px, 94vw) / 2 - 45vw + 8px); transform:none; }/* 2026-10-15 点名：去掉自适应 translateY((卡高-598)/2) 下坠补偿（配合 align-items:start 使标题顶贴 section 顶）；margin-left 水平锚定芯片框左缘保留 */
}
@media (max-width:900px){
  .scn__grid{ grid-template-columns:1fr; gap:clamp(22px,5vw,40px); align-items:start; }/* 窄屏堆叠：左栏文字在上、封面流在下 */
  .scn__lead{ transform:none; padding-left:0; text-align:center; }/* 2026-10-21 点名（「手机端左右居中」）：重置 padding-left + 标题图标组水平居中 */
  .scn .scn__title{ margin-inline:auto; text-align:center; }
  .scn-icg{ margin-inline:auto; }
  .scn-cf{ overflow-x:hidden; }/* 2026-10-15 点名(手机端·智能连接)：导航栏串位——封面流绝对定位卡片向两侧铺到 ~492px 撑宽文档(手机视口仅 375)，iOS WebKit 下 body{overflow-x:hidden}+内容超视口时 position:fixed 且 left:0;right:0 的导航会按内容宽(556)而非视口定位，胶囊右偏、汉堡键跑出屏外；窄屏把封面流容器横向裁到自身宽即消除溢出（perspective/preserve-3d 不受影响，仅裁掉本就出屏的侧卡投影），导航恢复视口宽对齐 */
}
.scn-cf{ position:relative; margin-top:clamp(30px,4.4vh,52px); padding-bottom:clamp(20px,3vh,36px); perspective:1700px; pointer-events:none; }/* 2026-10-11 点名修复：preserve-3d 里侧卡 translateZ 在父平面后方，z=0 的透明 .scn-cf/stage 平面会把真实点击射线全部截走——两层改 pointer-events:none，卡片自身 auto 重新可命中（事件仍冒泡给 stage 的拖拽监听） */
.scn-cf__stage{ position:relative; height:clamp(340px,52vh,480px); transform-style:preserve-3d; pointer-events:none; }
.scn-cf__card{
  position:absolute; top:50%; left:50%;
  width:clamp(140px,12vw,200px); aspect-ratio:3/4;
  margin:0; padding:0; border:1px solid #fff; background:#0e1020; cursor:pointer;/* 2026-10-11 点名：封面流每张卡片图加 1px 白色描边 */
  transform:translate(-50%,-50%); transform-style:preserve-3d;
  border-radius:18px; overflow:hidden;
  box-shadow:0 24px 54px rgba(14,16,32,.26);
  opacity:0; pointer-events:none;
  transition:transform .55s cubic-bezier(.23,1,.32,1), opacity .45s ease;
  will-change:transform,opacity; backface-visibility:hidden;
}
.scn-cf__card img{ display:block; width:100%; height:100%; object-fit:cover; -webkit-user-drag:none; user-select:none; }
.scn-cf__card:not(.is-on){ pointer-events:auto; }/* 侧卡可点（祖先 pointer-events:none 不阻断子孙 auto） */
.scn-cf__card:focus-visible{ outline:2px solid var(--sp-line); outline-offset:3px; }
.scn-cf__nav{
  position:absolute; top:50%; z-index:300; transform:translateY(-50%);
  width:46px; height:46px; border-radius:50%; border:1px solid #e4e4ec;
  background:rgba(255,255,255,.85); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  color:var(--sp-line); display:flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:0 6px 18px rgba(14,16,32,.12);
  transition:transform .16s ease-out, background-color .16s ease-out;
}
.scn-cf__nav svg{ width:22px; height:22px; }
.scn-cf__nav:hover{ background:#fff; }
.scn-cf__nav:active{ transform:translateY(-50%) scale(.93); }
.scn-cf__nav:focus-visible{ outline:2px solid var(--sp-line); outline-offset:2px; }
.scn-cf__nav--prev{ left:clamp(2px,1.2vw,16px); }
.scn-cf__nav--next{ right:clamp(2px,1.2vw,16px); }
@media (max-width:640px){
  .scn-cf__stage{ height:clamp(300px,60vw,380px); }
  .scn-cf__card{ width:clamp(150px,42vw,210px); }
}
@media (prefers-reduced-motion: reduce){
  .scn-cf__card{ transition:opacity .3s ease; }
  .scn-cf__nav{ transition:none; }
}
/* ---------------- 应用场景 V2（整图版）· 同页 A/B 开关（2026-10-15 点名）：默认 V1，点开关切 V2 显示一张合成架构图；纯新增选择器，未加开关标记的页面（含旧 -v2/-v4/-v5 实验页）零影响 ---------------- */
.scn__switch{ display:flex; gap:8px; align-items:center; justify-content:flex-end; width:calc(100vw - var(--sbw,0px)); max-width:none; margin:0 0 0 calc(50% - 50vw + var(--sbw,0px)/2); padding:0 5vw; box-sizing:border-box; }/* 2026-10-15 点名「要完全横向等宽」：与上方玻璃面板同一算法——满铺到可用宽(100vw - 滚动条 --sbw)再左右内缩 5vw，内容宽=可用宽-10vw、左缘=5vw，与 .spx__stage 逐像素相等（上一版用纯 90vw 会把滚动条那 ~15px 也算进去→图比面板宽出滚动条那一点）；margin-left 从 .scn 的 min(1600px,94vw) 上限破出到 body 左缘 */
.scn__switch-lbl{ font-size:12.5px; color:#9a9eb2; margin-right:2px; letter-spacing:.01em; }
.scn__switch-b{ -webkit-appearance:none; appearance:none; font:inherit; font-size:13px; font-weight:600; line-height:1; padding:8px 16px; border-radius:100px; border:1px solid #e2e2e9; background:#fff; color:#3a3e4c; cursor:pointer; transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease-out; }
.scn__switch-b:hover{ border-color:#c9c9d6; }
.scn__switch-b:active{ transform:scale(.97); }
.scn__switch-b.is-on{ background:var(--sp-line); border-color:var(--sp-line); color:#fff; }
.scn__switch-b:focus-visible{ outline:2px solid var(--sp-line); outline-offset:2px; }
.scn__v2{ display:none; width:calc(100vw - var(--sbw,0px)); max-width:none; margin:0 0 0 calc(50% - 50vw + var(--sbw,0px)/2); padding:0 5vw; box-sizing:border-box; }/* 同上：整图与上方玻璃面板逐像素等宽同位（满铺可用宽再内缩 5vw） */
.scn[data-view="v2"] .scn__grid{ display:none; }
.scn[data-view="v2"] .scn__v2{ display:block; }
.scn__v2 .scn__title{ max-width:none; border-bottom:none; }/* 2026-10-15 点名：删除 V2 标题下那条横贯整图的细线（border-bottom:none）；V1 标题的 310px 细线（.scn .scn__title 默认）保留不动 */
.scn__v2img{ display:block; width:100%; height:auto; margin-top:clamp(14px,2vh,22px); border-radius:20px; }

/* ---------------- 版块三：技术优势（NOR 照抄 unisoc「方案优势」双列图标卡片 + EEPROM 保留产品特点列表；已删除灰底轮播与配图） ---------------- */
.stv{
  margin:clamp(36px,5.5vh,70px) auto 0;
  /* 2026-11-03 点名（「自动适配所有终端」体检，负责人确认一并修）：灰底通栏原靠 width:100vw + margin-left:calc(50% - 50vw)。100vw 是「含滚动条的视口宽」，
     在有经典滚动条的 PC/笔记本上比可用宽度多出滚动条本身 → 通栏带左右各溢出 7.5px，整页可横向拖 8px（products / products-store / products-sense 三页均有，
     实测 main#top 与 body 在 390/1280/1440 各档恒为 left=0、宽=clientWidth、零 padding、无 max-width，即父级本身就是精确的通栏宽度，根本不需要 vw）。
     现删掉 width:100vw 与那条 margin-left calc，改回块级默认 width:auto 直接铺满父级 → 宽度恰等于 clientWidth，任何终端不多不少、拖不动了。
     终端差异与实测（iframe 带经典滚动条环境）：手机/Pad 真机用 overlay 滚动条，100vw 本就等于 clientWidth，改前改后通栏宽度与内容位置零变化；
     PC/笔记本消除 8px 横向拖动，且 .stv__body（受 --maxw:90vw 约束居中）在 768/1280/1440 三档改前改后逐像素相同（30.9/691.2、56.5/1152、64.5/1296），
     桌面观感不受影响（比预期更好：原先预计的 ≤8px 位移在桌面档并未发生）。三页 390/768/1280/1440 各档整页横向溢出由 8px 全部归零；
     320 档残 2px 属跑马灯亚像素舍入，sense 页残 15px 系 .scn-icg-l 标签贴视口右边叠加滚动条占位（真机 overlay 滚动条下为 0），本轮未动。
     影响面：本文件仅被 demo03-products / -products-store / -products-sense 三页引用（grep 已核），与全站共享的 demo03.css 无关。
     另外：demo03.css 2135 行 .srow.srow--alt 的同款 100vw 手法只出现在 _bak-deprecated / _bak-join 的已废弃 sol 页里，活页零使用，不在本轮范围 */
  background:#f7f7fa; width:auto;
  padding:clamp(56px,8.4vh,104px) 4vw clamp(28px,3.4vh,44px);
}/* 2026-10-12 点名：技术优势版块与页脚之间间距太大→只留一点点——margin-bottom 由 clamp(64px,10vh,124px)（灰底之外露白形或 90px 白色空档）改 0，使版块灰底与页脚灰底无缝相接；padding-bottom 由与顶部同值的 clamp(56px,8.4vh,104px) 拆分为 clamp(28px,3.4vh,44px) 收紧底部留白（顶部不变）*//* 2026-10-11 点名：横行宽度对齐截图2（表格块 .spx__stage=var(--maxw)=90vw）——section 横向内衽由 max(4vw,(100vw-1360)/2) 改为 4vw，不再在宽屏把内容盒砸到 1360，使 .stv__body 能真正撑到 90vw；灰底通栏不变（width:100vw 靠背景铺满）*/
.stv__head{ margin:0 0 clamp(28px,4vh,48px); }
.stv__body{ max-width:var(--maxw); margin:0 auto; display:grid; gap:clamp(44px,6.4vh,76px); }/* 2026-10-11 点名：卡片横行宽度与截图2等宽——max-width 由 1200px 改为 var(--maxw)=90vw（与 .spx__stage 同一 token）*/
/* NOR 分组标题 */
.stv__ghead{ display:flex; align-items:center; gap:14px; margin:0 0 clamp(22px,3.2vh,34px); }
.stv__gmark{ display:none; }/* 2026-10-11 点名：删除分组标题（SPI NOR Flash / IIC EEPROM）左侧紫色竖条 */
.stv__gt{ margin:0; font-size:clamp(20px,2vw,27px); font-weight:700!important; letter-spacing:.01em; line-height:1.2; color:#1d1d1f; }
/* NOR 卡片：照抄 unisoc .advantage-item = 图标 + 标题 + 描述，双列网格 */
.stv__cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(26px,2.6vw,40px) clamp(34px,3.6vw,58px); }/* 2026-10-11 点名：12 张卡片由双列改三列排版（窄屏 ≤1000px 仍回单列，见下方断点）*/
.stvi{ display:flex; align-items:flex-start; gap:18px; }
.stvi__ic{ flex:0 0 auto; width:60px; height:60px; border-radius:16px; display:grid; place-items:center; color:var(--sp-line);
  background:linear-gradient(160deg,#fff,#f3eef9); border:1px solid #ece7f3; box-shadow:0 12px 24px -18px rgba(144,0,131,.55);
  transition:transform .28s var(--sp-e),box-shadow .28s var(--sp-e); }
.stvi:hover .stvi__ic{ transform:translateY(-3px); box-shadow:0 18px 30px -18px rgba(144,0,131,.6); }
.stvi__ic svg{ width:30px; height:30px; display:block; }
.stvi__tx{ min-width:0; }
.stvi__t{ margin:1px 0 6px; font-size:16px; line-height:1.35; font-weight:600!important; color:#1d1d1f; }
.stvi__d{ margin:0; font-size:14px; line-height:1.75; color:#4b4f5e; }
/* 2026-10-11 点名（技术优势 · 改图2卡片风）：标题左对齐；每条升级为白底圆角卡片 + 圆环线性图标 + 描述前紫项目符号；文案/结构不动，仅样式覆盖（后写覆盖前写，原 .stvi* 规则保留）。2026-10-11 再点名：删除标题左侧紫色强调条（撤销 ::before 与 flex 布局，仅留左对齐） */
.stv__title{ text-align:center; }/* 2026-10-11 点名：「技术优势」标题由左对齐改居中 */
.stv__cards{ --stv-hair:rgba(29,29,31,.09); gap:0; background:transparent; border:0; }/* 2026-10-11 点名：去表格感——撤销原「灰底透缝」分隔（gap:1px + 容器灰底 #e3e3ea + 外框，横竖线拼成电子表格）；改 gap:0，分隔线只由每张 .stvi 的 border-top 发丝线连成整行横向线（无竖线、无外框），--stv-hair 供子卡继承 */
.stvi{ position:relative; align-items:center; gap:clamp(18px,1.8vw,26px); background:#f7f7fa; border-top:0; border-right:0; border-bottom:0; border-left:0; border-radius:0; padding:clamp(26px,2.4vw,38px) clamp(22px,2.2vw,32px); box-shadow:none; }/* 2026-10-11 点名：横线断开——撤销 border-top 整行连续线，改由下方 ::before 每卡内缩发丝段线（两端各留一个内衽缺口→列与列之间断开，不再是一长条）*/
.stvi::before{ content:''; position:absolute; top:0; left:clamp(22px,2.2vw,32px); right:clamp(22px,2.2vw,32px); height:1px; background:var(--stv-hair); }/* 2026-10-11 点名：分段顶线，左右内缩=卡内衽，相邻卡之间自然留出缺口*/
.stvi:nth-child(-n+3)::before{ display:none; }/* 2026-10-11 点名：首行(前3张)上方不画分段线，避免版块顶部多一条孤立横线 */
.stvi:hover{ transform:none; box-shadow:none; }/* 2026-10-11 点名：撤销卡片悬浮位移/阴影 */
.stvi__ic{ width:80px; height:80px; border-radius:50%; background:#fff; border:1.5px solid rgba(144,0,131,.42); box-shadow:none; }
.stvi:hover .stvi__ic{ transform:none; box-shadow:none; }
.stvi__ic svg{ width:40px; height:40px; }
.stvi__d::before{ content:'\2022'; color:var(--sp-line); font-weight:700; margin-right:9px; }
/* EEPROM：保留现状（产品特点 + 圆点列表，值与原一致） */
.stv__t{ margin:0 0 6px; font-size:clamp(22px,2.1vw,30px); font-weight:700; letter-spacing:.01em; line-height:1.25; color:#1d1d1f; }
.stv__sub{ margin:0 0 18px; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--sp-line); }
.stv__list{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.stv__list li{ position:relative; padding-left:22px; font-size:14.5px; line-height:1.7; color:#333; }
.stv__list li::before{ content:''; position:absolute; left:0; top:.62em; width:8px; height:8px; border-radius:50%; background:var(--sp-line); }

/* ---------------- 断点 ---------------- */
@media (max-width:1000px){
  .spxp{ flex-direction:column; gap:0; min-height:0 }
  .spxp__rail,.spxp.is-collapsed .spxp__rail{ width:100%; padding:0; min-height:0 }
  .spxp__im{ aspect-ratio:auto; max-height:none; border-radius:0; box-shadow:none; padding:clamp(22px,6vw,40px) 0 }/* 2026-10-15 点名(手机端·智能连接)：芯片显示不全——原 16:9 裁切框把近正方形芯片图(229×211)上下各切 ~36px；改高度随图(aspect-ratio:auto)+上下内边距，配合下方 img 完整显示 */
  .spxp__im img{ aspect-ratio:auto; width:auto; height:auto; max-width:min(72%,260px); object-fit:contain; transform:none !important }/* 取消桌面 scale(.78) 与 1:1 cover 裁切，按原比例完整显示芯片（!important 覆盖连接/感知页 head 内联 scale） */
  .spxp.is-collapsed .spxp__im{ opacity:1; transform:none }
  .spxp__mini,.spxp__toggle{ display:none }
  .spxp__tx{ padding:26px 22px 30px }
  .stv__cards{ grid-template-columns:1fr; gap:0 }/* 2026-10-11 点名：单列同撤销透缝 */
  .stvi:nth-child(-n+3)::before{ display:block }/* 单列时逐张都要上方分段线，撤销桌面首行免线规则 */
  .stvi:first-child::before{ display:none }/* 仅第一张上方不画线 */
}
@media (max-width:640px){
  .spx__tab{ padding-bottom:16px; font-size:15px }
  .spx__stage,.stv__view{ border-radius:14px }
  .sptb{ font-size:12px }
}
@media (min-width:1001px) and (max-width:1440px){/* 2026-10-13 点名（笔记本端）：左右面板并排时表格可用宽仅 ~640-700px，收紧单元格左右内边距 12→10px 换回列宽，配合 overflow-wrap 兜底 */
  .sptb thead th{ padding:10px }
  .sptb tbody td{ padding:9px 10px }
}

/* ---------------- 弱动效降级 ---------------- */
@media (prefers-reduced-motion:reduce){
  .spx__tabline,.spx__rail,.stv__item,.stv__shot{ transition-duration:.2s !important; }
  .spx__rail{ transition:none }
  .spxp__rail,.spxp__im,.spxp__mini,.spxp__toggle,.spxp__toggle svg{ transition:none !important; }
  .stv__item.is-on .stv__t,
  .stv__item.is-on .stv__sub,
  .stv__item.is-on .stv__list li{ animation:none }
  .stv__shot{ transform:none }
}

/* 2026-10-12 点名：本页「技术优势」版块与下方底栏之间加一条灰色分割线开（.ft 顶边）；
   仅在本页专属样式里限定（products-store-v2.css 只在本页加载且晚于 demo03.css），不改动共享的 demo03.css，其它页页脚不受影响；颜色沿用页脚内部细线 rgba(14,16,32,.1) */
.ft{ border-top:1px solid rgba(14,16,32,.1); }

/* ================= 应用场景左栏：两组四列（2026-11-03 定板上提至此，三页共用） =================
   沿革（四次点名，留实测数字以免后续再踩）：
   ① 一次点名：左栏由「3 列×3 行」改为两组四列 + 分组标题。磁贴本体 54px 见方宽高一字未动，只改列数与总宽。
   ② 二次点名：总宽由沿用本文件的 310px 放宽（「四个 icon 间距再大一点、横向往右扩一点」），当时取一律 350px。
      该轮只验了一层边界：左轨是 minmax(200px,30%) 的硬上限，内容变宽不撑轨道、右栏 1fr 盒子不动。此判定漏了 .scn-cf / .scn-cf__stage 都是 overflow:visible——
      卡片向左扇出，真正的对手是最左那张可见侧卡的左缘。
   ③ 三次点名：封面流展开后重测，350 在 1280 下压图 40px、1440 下压 5px → 一律 350 废弃，改按视口分档（取值见下方 --scnW 条）。
      两个量测坑（本项复用探针时必守）：坑一 JS 展开前全部卡片叠在同一坐标且 opacity:0，拿它当「最左卡片」会得出 ≈300px 虚假余量，必须先注入
        *{transition:none!important;animation:none!important}（隐藏页平滑动画会冻结）并点一个中间磁贴让扇形真正展开再量；坑二 展开后最左两张卡 opacity 为 0.37 / 0，0 的不计。
      实测最左可见侧卡左缘（grid 坐标）：1100→303、1180→349、1280→379、1360→401、1440→424、1600→468、1920→512
      → 留 ≥8px 间隙的安全总宽上限：1100→261、1280→333、1440→373、1600→412、1920→552（旧版 310 在 ≤1180 本就与侧卡轻触，属改版前既存状态，不扩大也不顺手改窄）。
   ④ 四次点名：1440+ 曾取 370、1600+ 曾取 400，负责人判定列距过疏，要求缩回截图线位。线位由截图像素反推（不靠目测）：1793×691 截图内四列图标中心
      64/178/293/408 → 图内间距 114.67 对应 CSS 115.33（当时 1600+ 档：列间距 61.33 + 盒宽 54）→ 缩放 0.994、该次视口 ≈1800；栅格左缘 = 首列中心 64.4 − 27 = 37.4，
      线心 400/0.994 = 402.3 → 目标总宽 ≈365，取 360（线有 ±3px 手绘误差，往收不往放），列间距 61.3 → 48px；同时删除 1600+ 独立档（360 已低于 370，留两档会倒挂成「屏越大栅格越窄」）。
   ⑤ 本轮推广到三页（连接 9 图标 5+4、感知 9 图标 5+4、存储 12 图标 8+4）：规则整体上提至此，三页共用同一组常数，不再各页复制一份内联（复制三份必漂移）。
      感知/存储两页的标签比连接页长（连接最长 5 字「笔记本电脑」，感知有 7 字「有线条码读码枪」、存储有 7 字「消费类电子终端」），墨迹两侧溢出随之变大，
      故下方各档在连接页阈值基础上按三页并测重验（实测表见各档行内注释）。 */
.scn-grp{ margin-top:clamp(20px,2.6vh,30px) }/* 原 .scn-icg 的 margin-top 上移到组：标题→首组间距与改版前逐像素相同 */
.scn-grp .scn-icg{ margin-top:0 }
.scn-grp + .scn-grp{ margin-top:clamp(26px,3.4vh,38px) }/* 组间距略大于「标题→组」，让两组各自成块 */
/* 分组标题层级：夹在 h2（实测 31px/700/#1d1d1f）与磁贴标签（12.5~14px，字重被 demo03-pc.css 兜底压成 400，色 #3a3e4c）之间，
   取 17~20px / 400 / #1d1d1f / 字距 .06em；尺寸与字重两个轴同时拉开（只靠字号差 1.5px 不够，实测会读成「又一个图标名」）。
   验收点名：标题前的 2×12px VI 紫竖标删除（只留纯文字标题），display:flex 保留——窄屏靠 justify-content:center 居中。
   字重字号两条都必须 !important：demo03-pc.css 有 *{font-weight:400!important} 与 h1~h5{font-weight:500!important} 两条压平兜底，
   不加 !important 时 h3（特异度 0,0,1）会赢过 *（0,0,0）而落到 500，达不到「不加粗」；按本文件既有「定点豁免」惯例处理（同 .spx__title / .stv__gt）。
   字体必须显式写 Inter 栈而不是继承：body/磁贴走 pc.css 覆盖后的系统栈（Win 下 Microsoft YaHei），而本文件 .scn__title,.stv__title 与 .spx__title 都显式写了 Inter 栈，
   分组标题是 h2 的直接下一级，跟 h2 同栈才对；若改成继承会跟上方「应用场景」跳字（实测 h2=Inter…、h3=PingFang…）。
   六次点名补 max-width:var(--scnW)：标题原先不限宽，盒宽 = 左轨宽（1800 下轨道 459 > 栅格 360）。三页中文标题最长「图像解码芯片与识读引擎」墨迹 198.2px，永不越 360，故未暴露；
   英文感知页「Image Decoding Chip & Reading Engine」在 20px 档单行墨迹 407.5px → 越过图标组右缘 47px 往封面上面去（1440 下）。限宽后与图标组逐像素等宽（同 .scn__title 口径），超长时折行而不外溢。 */
.scn-grp__t{ display:flex; align-items:center; max-width:var(--scnW); margin:0 0 clamp(10px,1.4vh,14px); padding:0;
  font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:clamp(17px,1.35vw,20px); font-weight:400!important; letter-spacing:.06em; line-height:1.2; color:#1d1d1f }
/* 四列栅格：总宽用 .scn__grid 上的自定义属性 --scnW 单一开关（下方分档），图标组与标题细线同读一个值 → 天然逐像素等宽（2026-10-12 定板）。
   同特异度靠源码顺序：本块整体追加在本文件末尾，故压得过上方 182 行 .scn-icg{grid-template-columns:repeat(3,54px);max-width:310px} 与 193 行 .scn .scn__title{max-width:310px}。 */
.scn-icg--4{ grid-template-columns:repeat(4,54px); max-width:var(--scnW) }
.scn .scn__title{ max-width:var(--scnW) }/* 只改 max-width 不改 width：窄于总宽的轨道仍会自然收窄（实测 1100 下取 280、901 下 228） */
.scn__grid{ --scnW:min(450px, 100% - 12px) }/* 基线（≤900）：单列堆叠、封面流在下方，无「压图」约束，给到红框位置 450；减 12px 是因为标签墨迹会比 54px 盒左右各溢出 ≈4.6px（连接页口径），
   实测 375 下不减免得超出视口 1px（被 body{overflow-x:hidden} 裁字）；641 下 min() 仍取 450 不受影响。基线必须排在下方各 media 之前：媒体查询不抬特异度，写后面会把桌面档反向盖回 450 */
@media (min-width:901px){ .scn__grid{ --scnW:330px } }/* 左轨 = 约 0.255×视口，901–1279 轨道 228–327 全部 ≤330 → 实际由轨道夹住，栅格不会越轨碰右栏 */
@media (min-width:1440px){ .scn__grid{ --scnW:360px } }/* 四次点名：原 370/400 两档合一，取截图线位 365 以下整 360 */
/* 标签锚定按列重算：本文件 190 行用 .scn-icg-t:not(:nth-child(3n+1)) 按「三列」判定首列，四列下会把第 4、7 个（落在列 4 最右）误当首列左锚定，
   又把组一第 5 个（落在第二行·列 1）当非首列居中→英文长标签会顶过栅格左缘、打穿「首列左缘=标题/芯片框左缘」的锚定。两条同特异度后置覆盖，按 4n+1 重划首列。 */
/* 2026-11-03 五次点名（长标签折两行，负责人在三选项中选 A）：感知/存储页有 6–7 字标签，单行墨迹 88.3~98.7px（含 13px 档 91.8），而四列在 --scnW=360 下列距仅 102px、
   首列另带 width:54px 左锚定（文字只向右溢 ink−54 ≈ 38px）→ 实测未处理前：感知页中文各档全重叠（−19.5@1800 / −31.8@1081 / −18.5@901 三列档）、存储页 1081 −2 / 901 6.7 /
   1216 距图 −0.8（压图）/ 1280 0.6，两页 375・320 手机被裁字（inkR 367.4>360 / 314.1>305）。连接页最长仅 5 字所以当初未暴露。
   解法（三项配套，缺一则断行出现孤字）：
   ① max-width:74px（非首列盒宽上限，= 5 字 65.4 仍单行，6–7 字才折行）+ 首列盒维持 54px；
   ② word-break:keep-all + 文案里在词界插 <wbr>（有线·条码·读码枪 / 消费类·电子·终端 / 自助·设备·配套）——不加 keep-all 时浏览器会在任意字间断，
      实测按 74 贪心填充会出「消费类电子终/端」这类 1 字孤行；加了则只在 <wbr> 处断，两块盒宽（54 与 74）各自得到的都是词义完整的两行；
   ③ 中文标签字号上限 14→13px（下方条）：7 字在 54px 首列盒里，13px 时「有线条码」=52.8 ≤ 54 正好两行；14px 时 56 > 54 会折成三行并出 1 字孤行。
   副作用如实记：智能连接页 ≥1522 宽的屏上标签由 14px 变 13px（其余档本就 ≤13.25），列间距反而变宽；感知/存储行高 +≈18px（只影响含 6–7 字标签的那一行）。
   右侧封面流不受影响（墨迹右缘由 ink−54 的右溢降为 ≤10px，净距实测表见下方各档注释）。英文态不受牵连：下方 0,4,1 条已写明 width:min-content + max-width:none + 12.5px，且 Latin 不受 keep-all 影响（仍在空格处断）。 */
.scn-icg--4 .scn-icg-t{ font-size:clamp(12.5px,.92vw,13px) }/* ③ 只限中文：英文标签由下一条（html[lang=en]，特异度更高且加在标签本体）定到 12.5px */
.scn-icg--4 .scn-icg-t:nth-child(4n+1) .scn-icg-l{ width:54px; white-space:normal; word-break:keep-all }
.scn-icg--4 .scn-icg-t:not(:nth-child(4n+1)) .scn-icg-l{ width:max-content; max-width:74px; white-space:normal; word-break:keep-all }
/* 英文态也要四列（负责人授权压缩字号）。实测「只压字号」压不出四列——字体是 pc.css 覆盖后的系统栈（Win 下 Microsoft YaHei），旧 310px 栅下列距 85.33px 且与视口无关；
   nowrap 下最长相邻两标签「Docking Station」+「5G Communication」在 12.5px 重叠 22px、12px 重叠 17.8px、11px 仍重叠 9.2px（归零需 ≈9.5px，低于站内 12.5px 最小正文口径），故单靠压字号无解。
   解法：英文标签放开折行 + 字号定到 12.5px 不随视口增长（原 clamp(12.5px,.92vw,14px) 在 1920 下取 14px，正是碰字主因；栅格宽本就固定，字号不该跟视口走）。
   关键一步是 width:min-content 而非 width:54px：先试 54px 盒 + normal，实测「Communication」整词墨迹 96.9px 按浏览器居中行溢出规则只向右溢（右溢 42.9px），与右邻「Laptop」重叠 5.9px（比 nowrap 更糟）；
   改 min-content 后盒宽 = 最长单词，墨迹以图标中心对称溢出，实测相邻最小间隙 11.6px。不拆词、不加连字符、不改译名。中文态不受影响（只在 html[lang=en] 下生效，CJK 仍单行 nowrap）。
   特异度硬约束（六次点名修正）：本条必须抬到 0,5,1（再多一层 .scn-icg-t）。只带 .scn-grp 的 0,4,1 打不过 901–1080 档那两条 CN 的 0,5,0，
   后果实测：感知页英文 901 下首列「Smartphone」被 CN 规则钉回 width:54px 井内、整词 75.4px 只向右溢 21.4 → 与右邻「Wearables」墨迹间隙掉到 7.0px（低于 8px 口径）；
   抬到 0,5,1 后首列回到 min-content 对称溢出，实测间隙升到 17.7px。本条仍必须排在 901–1080 档之前（媒体查询不抬特异度，同分时靠源码顺序）。 */
html[lang=en] .scn-grp .scn-icg--4 .scn-icg-t .scn-icg-l{ width:min-content; max-width:none; white-space:normal; font-size:12.5px;
  font-family:'Segoe UI',system-ui,-apple-system,'Helvetica Neue',Arial,sans-serif }/* 末条为六次点名选定：窄拉丁字体把单词单侧溢出由 21.45 压到 17.55 */
/* 六次点名（三页并测查出的英文态两处压字/裁字；负责人口径：中文不动，英文可再窄 24px）：
   根因是上轮定的 width:min-content —— 英文标签墨迹以图标中心对称溢出，最宽单词「Communication」96.9px 单侧溢 21.45px，
   而中文标签（含本轮折两行后）单侧只溢 ≤4.6px。列数不影响右缘（末列被 space-between 钉在栅格右缘），只有收窄栅格能救。
   实测（存储页最严重，该页末列正是 Secure Communication）：英文态未处理前 1216 距图 −5.0 / 1280 −3.7（墨迹压到封面上）、
   1440 +5.4（低于 8px 口径）、375 手机右缘只剩 3.3px，且感知页首列 Smartphone 墨迹左溢到 −0.9（被 body{overflow-x:hidden} 裁 0.9px）。
   故英文态给自己一档 --scnW：≤900 取 426/−36、901+ 取 296（中文 330）、1440+ 取 336（中文 360）；1216–1439 回三列（该档即使收窄，四列也只剩 ≈7px 间隙）。
   901+ 取 296 而不是 306 的理由：栅格右缘到封面的距离 M 只有 ≈16px（1216）～ 18px（1280），英文单词单侧溢 21.45 → 上限 = track + M − 21.45 − 8 ≈ 297；
   先试 306 时连接页 1216 实测距图 −0.5（Communication 落在末列时刚好顶到），改 296 后转正。
   必须同时带 100%−19：只给绝对上限时，凡是左轨夹住栅格的宽度（≈1180 以下、以及 901–1150）上限不生效 → 实测 1150 距图 −10.7（连接页，改版前就存着的压字，本轮查出来了）。
   901 是双向卡死的一档（字体未换前）：间隙要 icgW ≥ 208.8（感知页 Smartphone|Wearables 两半宽 69.35 + 8px 口径）、距图要 icgW ≤ 209.45，
   窗口只 0.65px。定案（负责人选定）：英文标签换窄拉丁字体栈（Segoe UI / system-ui）—— Microsoft YaHei 的拉丁偏宽，「Communication」96.9px → Segoe UI 下 ≈ 87px，
   单侧溢出由 21.45 降到 17.55 → 901 档间隙升到 28.3 / 9.7、距图 12.2，全档同时达标，不需动用两列。
   代价如实记：英文态本版块标签字体与同页其它英文文字（系统栈）不一致；只在 html[lang=en] 下生效，中文态字体一行字未动（雅黑）。
   定案后三页复测（英文态，间隙 = 同行相邻标签墨迹最小值 / 距图 = 墨迹右缘到最左可见侧卡）：
     连接 901 28.3与9.7 / 12.2、1150 60.9 / 12.1、1216 69.6 / 17.8、1280 71.8 / 31.5、1440 44.8 / 58.3、1800 44.8 / 185.3；
     感知 901 14 / 29.4、1216 55.3 / 35.1、1440 30.4 / 46.7、1800 30.4 / 173.7、375 24（墨迹左/右缘 14.3 / 342.4 均在视口内）、320 34.5；
     存储 901 18.4 / 23.9、1216 59.7 / 29.5、1280 61.9 / 43.2、1440 25.6 / 33.3、1800 25.6 / 160.3、375 19.2（右缘 355.9）、370 17.6、341（三列档）38.9、320 38.9。
     全档最差值：间隙 9.7（连接 901 第二组）、距图 12.1（连接 1150）、手机最大右缘 355.9/视口 370・375 → 均过 8px 口径且不裁字。
   中文态全档不受牵连（未重测前已验证同值：感知 1800 间隙 42.9 / 距图 161.2、存储 1800 36.4 与 56 / 148.1、连接 1800 49.4 / 154.6；
     三列档最紧 存储 901 19.3 / 距图 12.5），并附带修好一项：分组标题原来不限宽（盒宽 = 左轨 459），现与图标组等宽 360（标题文本没变）。
   901 档曾偏紧（距图 2.1、间隙 22.7）：该档栅格被左轨夹到 228.1，拉开只能压字号（已 12.5 触底）、改两列或换窄字体，最后选定换窄字体（见下条）。
   三条 --scnW 均写在 html[lang=en]（0,2,1）且排在中文条之后、≤365 档之前：中文态完全不受到牵连，超小屏档靠源码顺序仍压得住本块。 */
/* 2026-11-03 七次点名（负责人：「产品中心3个子页截图红框的部分，中文版和英文版宽度不同，英文版要改成中文版的宽度」）：
   英文态三条 --scnW 由自订阶梯（426/−36、296/−19、336/−19）改为与中文态逐字同值（450/−12、330、360）。
   改前实测（感知页，中文 icgW / 英文 icgW）：1800 360与336（差 24）、1440 360与336（差 24）、1216 310.6与291.6（差 19）、901 228.1与209.1（差 19）、375 340.5与316.5（差 24）、320 288.8与250（差 38.8）—— 全档都不同宽，
   因为六次点名给英文的减数（100%−19 / 100%−36）与绝对上限都比中文窄，而中文态只有绝对上限、靠左轨自然夹住。
   本块下方六次点名的实测数字（间隙 / 距图）均是在窄 24px 的前提下取得的，本轮改动后作废，新值见本块末行复测表。
   列数规则（1216–1439 三列、901–1215 三列、≤365 三列）本轮不动：它们解决的是相邻标签墨迹贴字（min-content 盒以图标中心对称溢出），与总宽无关，总宽变大也救不回四列。
   ≤365 档曾试过删掉英文专用上限（250px）改走基线，实测同宽后「Smartphone」墨迹左缘只剩 0.6px（视口 320）→ 已恢复原值，三列规则不变。
   【八次点名修正】负责人追加「可以英文换行吧」→ 窄档不再保留差值：英文自订阶梯整体移除（三条 --scnW 全删，英文直接走上方中文条），
   压图/贴边改由「标签盒限宽 54px + hyphens:auto + overflow-wrap:break-word」解决，规则在本文件最末尾（必须排在全部同特异度英文条之后，靠源码顺序压住）。
   为何限 54：中文首列标签盒就是 54px（墨迹单侧溢 ≤4.6px），英文限到同值后墨迹不再溢出 → 同一总宽下与中文拿到同样的净距（实测 901 档连接页距图 10.8、间隙 34；感知 375 档左缘 9.8、间隙 41.5）。 */
/* 英文自订 --scnW 已全部移除（八次点名）：英文态直接命中上方中文三条（450/−12、330、360），两态共用一套阶梯，不可能再漂移。
   原先的窄档保护值（426/−36、296/−19、250/−36）与上一轮的对齐条（1081/1440）一并删除：前者由本块末尾的断词规则取代，后者与中文条同值属冗余。 */
@media (min-width:1216px) and (max-width:1439px){ html[lang=en] .scn-grp .scn-icg--4{ grid-template-columns:repeat(3,54px) } }
@media (min-width:901px) and (max-width:1080px){
  /* 窄桌面档（小窗口笔电）中文回退三列：本档实际栅格被左轨夹到 228.1@901 / 254@1000 / 275@1080，四列×54px 需 216px + 三条间距，
     扣掉首列标签墨迹两侧溢出后须留 ≥8px，本档只给到盒间距 12–33px → 四列会贴字。阈值 1080 为一次点名时定的保守值，分档后重测成立：
     ≥1081 回四列，实测 icgW 275.2、标签墨迹最小间隙 21.1px、距最左可见侧卡净距 69.1px（连接页）。
     本档三列实测（线上值，三页并测）：icgW 228.1@901 / 254@1000 / 275@1080，三列中文标签墨迹最小间隙 连接 36.5px@901、感知 30.2px@901、存储 19.3px@901（1000 下 32.3），无碰撞；
     折行后两页最长标签各占两行，实测无一字孤行、无三行折。
     选择器多一层 .scn-grp 抬到 0,5,0，同时压过本文件 3n+1 与上方四列 4n+1 两套规则，不互相残留。
     2026-11-03 部署后线上复核补记（同一量法：opacity≥0.2 的最左卡左缘 减 全部标签墨迹最大右缘）：本档距图 连接 12.5 / 存储 12.5 / 感知 6.2。
     差的 6.3px 来自本档末列（3n）标签走 max-content 以图标中心对称溢出，而感知页该行最长标签「手持盘点机」墨迹 63.1px，比连接页「数字货币」50.5px 宽 12.6px。
     6.2px 处墨迹与封面不重叠、不裁字（墨迹右缘 278.2 < 卡左缘 284.4，且 docOverX=0）。负责人点名选定「保持现状不动」，故本档不收窄栅格：
     曾核算过收窄 18px 可把感知页距图抬到 ≈24，但同档三页列距由 60→48（肉眼可见变紧）、存储页标签间隙由 19.3→≈10.3（反而更贴字），得不偿失。 */
  .scn-grp .scn-icg--4{ grid-template-columns:repeat(3,54px) }
  .scn-grp .scn-icg--4 .scn-icg-t:nth-child(4n+1) .scn-icg-l{ width:max-content; max-width:74px; white-space:normal; word-break:keep-all }/* max-width 需在本档重申 74（不能是 none），否则五次点名的折行在三列档里失效 */
  .scn-grp .scn-icg--4 .scn-icg-t:nth-child(3n+1) .scn-icg-l{ width:54px; white-space:normal; word-break:keep-all }
}
/* 英文档专用：回三列的区间比中文宽（901–1215，中文只到 1080）。原因：折行后英文标签有效宽 = 最长单词，
   「Communication」墨迹 96.9px 以图标中心对称溢出（单侧 21.45px），四列要比中文多扣 21.45×2 才不贴字。本档总宽 = min(330, 左轨) 仍被轨道夹住：
   实测 icgW 228.1@901 / 275@1080 → 三列墨迹最小间隙 13.4px@901 / 36.8px@1080（901 最紧但达 8px 口径）；≥1216 回四列：icgW 310.6、间隙 11.9px、距侧卡净距 22.1px。
   中文标签最长「笔记本电脑」62.5px 在 1081 下仍有 21.1px 余量，故不需这一档。
   本档内英文改三列 + 继续折行：不得改回 nowrap，否则「Mobile Payment」95.6px 单行在 901 下与邻标签重叠 11.5px。
   width 在本档重申 min-content 属保险：基线英文条已在六次点名抬到 0,5,1，本身就能压过上方 CN 的 0,5,0；保留是为了不依赖「谁排在后面」这种脆弱假设。 */
@media (min-width:901px) and (max-width:1215px){
  html[lang=en] .scn-grp .scn-icg--4{ grid-template-columns:repeat(3,54px) }
  html[lang=en] .scn-grp .scn-icg--4 .scn-icg-t .scn-icg-l{ width:min-content; max-width:none; white-space:normal; font-size:12.5px }
}
@media (max-width:365px){
  /* 【六次点名：阈值 340 → 365】英文基线 --scnW 收窄为 100%−36 后，341–360 的四列间隙只剩 2.6px（存储页实测），365 以下一律回三列 + 250；375 起四列间隙 13.3px 达标。 */
  /* 英文态超小屏（320）专用：回三列。四列时栅格宽被视口夹到 289（=min(450, 100%-12)），列间距由 space-between 均分 = (289-216)/3 ≈ 24.3px；
     而折行后的英文标签盒宽 = min-content（最长单词），会比 54px 图标左右各溢出 ≈9.9px，实测相邻墨迹间隙只剩 4.6px，低于本项自定的 8px 贴字口径（375 下为 21.8px 达标）。
     字号已定在 12.5px（站内最小正文口径）不可再压，视口也压不出更多宽度，唯一可行的杠杆是列数：回三列后盒间距 (289-162)/2 ≈ 63.5px → 墨迹间隙 ≈ 43.8px。
     但只改列数会把「最长单词落在末列」的溢出顶到右边（实测 320 下「Communication」墨迹右缘 318.3 > 可视宽 305，被 body{overflow-x:hidden} 裁 13px），
     故本档同时收窄栅格到 250px：三列间距降为 (250-162)/2 = 44px → 墨迹间隙仍 ≈ 24px 达标；栅格靠 .scn-icg{margin-inline:auto} 居中，末列图标中心左移到 ≈248 → 墨迹右缘 ≈297，右边留 ≈8px。
     阈值原取 340（六次点名改为 365，见本块首行）：按 W ≈ 0.945×视口 − 13 反解，四列墨迹间隙 ≥8px 需 W ≥ 300 → 视口 ≥ 330；当时 360/375 两个常见宽度保持四列不受影响，现 360 并入三列档、375 仍四列；中文态全档不受本块牵连。
     只需改列数：折行/字号/min-content 由上方基线条 html[lang=en] .scn-grp .scn-icg--4 .scn-icg-t .scn-icg-l（0,5,1，恒高于 .scn-icg--4 的 0,1,0）无条件生效。 */
  html[lang=en] .scn-grp .scn-icg--4{ grid-template-columns:repeat(3,54px) }/* 2026-11-03 八次点名：本档原有的 --scnW:min(250px, 100% - 36px) 已删（英文不再自订总宽），三列规则保留 */
}
@media (max-width:900px){
  .scn-grp__t{ justify-content:center }/* 窄屏左栏整体居中（本文件 203/205 行已置 .scn__lead{text-align:center} 与 .scn-icg{margin-inline:auto}）；标题是 flex 容器不吃 text-align，须显式 justify-content */
}
/* ============ 2026-11-03 八次点名：英文总宽与中文对齐，靠断词而非收窄栅格（负责人：「可以英文换行吧」） ============
   背果：上一轮只对齐了 ≥1081 的桌面档，窄档（≤1080 / ≤900 / ≤365）保留窄 19–38px 的保护值，因为英文标签盒 = 最长单词（min-content，以图标中心对称溢出 17.55px/侧），
   同宽下必压图（连接页 901 距图 −6.8）或贴边（感知页 320 墨迹左缘 0.6px）。
   本轮按授权改成允许英文断词：标签盒由 min-content 改为 width:auto + max-width:54px（= 中文首列标签盒宽），配 hyphens:auto（优先按英文词源加连字符，如 Self-Service / Communi-cation）
   与 overflow-wrap:break-word（兼作无词典环境下的兵底，避免整词越盒）→ 墨迹不再溢出 → 总宽可以直接走中文条。
   只限窄档：桌面（≥1081）原本已达标（间隙 38.4 / 距图 9.3–34.3），不必让它多折一行，所以本块不包 1081+。
   位置必须在本文件最末尾：与基线英文条同特异度 (0,5,1)，靠源码顺序压过 412/475 行的 min-content 条；中文态不受牵连（选择器带 html[lang=en]）。
   代价如实记：窄档英文标签普遍由 2 行变 2–3 行（左栏变高，实测 901 档左栏 683px），且长单词会带连字符。 */
@media (min-width:901px) and (max-width:1080px){
  html[lang=en] .scn-grp .scn-icg--4 .scn-icg-t .scn-icg-l{ width:auto; max-width:54px; white-space:normal; font-size:12.5px; overflow-wrap:break-word; hyphens:auto }
}
@media (max-width:900px){
  html[lang=en] .scn-grp .scn-icg--4 .scn-icg-t .scn-icg-l{ width:auto; max-width:54px; white-space:normal; font-size:12.5px; overflow-wrap:break-word; hyphens:auto }
}