/* ============================================================
   demo03-pc.css — 产品中心内页（demo03-products.html）专用
   参考站排版模式：内嵌横幅卡（左叠字）→ 居中类目标题
   → 左文右图产品行（重复）→ CTA 灰带
   左侧圆点锚点侧栏（竖连线 + 滚动 spy）；滚动入场逐条 stagger
   ============================================================ */

/* 字体与首页（index）完全一致：系统字体栈 + 正文常规字重（覆盖 demo03 的 Inter/Noto webfont 方案） */
:root{--font:"PingFang SC","Microsoft YaHei","Noto Sans SC",-apple-system,sans-serif;
  /* 本页内容器宽：比首页 90vw 收窄，保证长段正文行宽可读（参考站同思路） */
  --pcw:min(90vw,1200px)}
body{font-weight:400}
/* 全页不加粗：所有文字统一常规字重（覆盖 demo03.css 各块 500/600/700；本文件仅产品页加载） */
*{font-weight:400!important}
/* 标题与按钮对齐首页：突破上面兵底，回到 500（body 仍 400、导航已 500） */
h1,h2,h3,h4,h5,.btn{font-weight:500!important}
/* 指定加粗（700）：智能连接横幅标题 + NFC / 高速接口芯片分组标题；其它子页分组标题维持 500 */
.pbn__tx h2,#p-nfc .prg__t,#p-hsic .prg__t{font-weight:700!important}

/* 首屏：布局对齐解决方案头图 .phero（flex 底部左对齐，padding 同款；标题随 maxw 容器 + 22px 与 logo 左对齐） */
.pcx{position:relative;height:40vh;min-height:300px;display:flex;align-items:flex-end;overflow:hidden;
  padding:clamp(84px,10vh,120px) var(--pad) clamp(28px,4vh,46px);
  background:#0b1533 url(../images/pcx-hero-tech.webp?v=20260920k) center/cover no-repeat}
.pcx__cv{display:none}
/* 左侧暗色蒙版：保证白色首屏标题在浅色横幅上可读 */
.pcx::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,10,25,.62) 0%,rgba(6,10,25,.34) 32%,transparent 60%)}
/* 首屏标题与小字：直接复用解决方案页同一套 .phero__in/.phero__t/.phero__d 类（demo03.css 基础样式），
   位置/字体/字号天然逐像素相同；下方小字位置空着，将来放文案直接用 .phero__d；
   本页全局 *{font-weight:400} / h1~h5{font-weight:500} 会压掉基础样式，定点豁免回原值 */
.phero--sol .phero__t{font-weight:700!important;color:#fff!important}
.phero--sol .phero__d{color:rgba(255,255,255,.92)!important}
/* 关键层级：基础样式 .phero__in 与本页蒙版 .pcx::after 同为 z-index:1，蒙版后画会压住文字使其发灰模糊——提到 2 盖过蒙版 */
.pcx .phero__in{z-index:2}

/* 胶囊导航：与首页完全一致——沿用 demo03.css 基础样式（浅白磨砂胶囊 + 深色字），不再做深色首屏覆盖；字重对齐首页导航 600（定点豁免本页 *{font-weight:400!important} 全局） */
.nav__a{font-weight:600!important}
/* 2026-11-02 点名：股票代码 888888 各页粗细不一——本文件全局 400 兵底把本类基线 demo03.css 的 700 压死，仅产品/PSIRT 系 6 页受影响（其余页不载本文件仍 700）；同 .nav__a 豁免口径定点恢复 700，与全站统一 */
.nav__code-n{font-weight:700!important}

/* 本页页脚：灰底与产品行灰底带同色（#f8f8f8） */
.ft{background:#f8f8f8}

/* 滚动入场（WOW 式）：opacity+上移，--rvd 控制逐条 stagger 延迟 */
[data-rv]{opacity:0;transform:translateY(20px);
  transition:opacity .6s ease-in-out,transform .6s ease-in-out;transition-delay:var(--rvd,0s)}
[data-rv].rv-in{opacity:1;transform:translateY(0)}

html{scroll-behavior:smooth}
#conn,#sense,#store,#p-nfc,#p-hsic,#p-ois,#p-idre,#p-nor,#p-eeprom,#sys,#psirt{scroll-margin-top:96px}

/* ---------- 02 内嵌横幅卡：标题文字图上居中 + 容器宽盒图 ---------- */
.pbn{background:#fff;max-width:1360px;
  margin:calc(clamp(52px,8vh,92px) + 3em) auto 150px}
.pbn__tx{margin:0 auto clamp(40px,6.4vh,72px);padding:0 24px;box-sizing:border-box;
  max-width:min(90%,1240px);text-align:center}
.pbn__tx h2{margin:0 0 32px;font-size:clamp(26px,2.8vw,40px);letter-spacing:.06em}
.pbn__tx p{margin:0 auto;font-size:17px;line-height:2;color:#8a9099;text-align:left;text-indent:2em}
.pbn__img{width:100%;height:300px;object-fit:cover;display:block}

/* ---------- 03 类目区：居中大标题 + 左文右图产品行（重复铺排） ---------- */
.pcg{background:#fff;padding:0 0 clamp(36px,5.5vh,64px)}
.pcg__t{margin:0 auto clamp(40px,6.5vh,80px);padding:0 24px;text-align:center;
  font-size:clamp(24px,2.4vw,34px);letter-spacing:.06em;color:#1d1d1f}
/* 产品线分组居中标题（NFC / 高速接口芯片 …）：与下方产品行间距 120px */
.prg__t{margin:0 auto 120px;padding:0 24px;text-align:center;
  font-size:clamp(22px,2.1vw,30px);letter-spacing:.08em;color:#1d1d1f}
/* 有描述段时：标题→描述段间距收窄为 24px，120px 间距下移到描述段；宽度与横幅导语一致（min(90%,1240) 居中）+ 左对齐首行空两格 */
.prg__t + .prg__d{margin:0 auto 120px;padding:0 24px;box-sizing:border-box;
  max-width:min(90%,1240px);font-size:17px;line-height:2;color:#8a9099;
  text-align:left;text-indent:2em}
.prg__t:has(+ .prg__d){margin-bottom:24px}
/* 产品行容器与横幅图同宽（1360）且无内边距 → 左文与横幅图左缘对齐 */
.prw{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(28px,4vw,72px);align-items:center;
  max-width:1360px;margin:0 auto 100px;padding:0}
/* 偶数行：图左文右 + 通栏灰底带（参考站同款 #f8f8f8，body 已 overflow-x:hidden） */
.prg .prw:nth-of-type(even){grid-template-columns:minmax(0,6fr) minmax(0,5fr);
  max-width:none;width:100vw;margin:0 calc(50% - 50vw) 100px;background:#f8f8f8;
  padding:clamp(48px,7vh,84px) max(24px,calc((100vw - 1360px)/2))}
.prg .prw:nth-of-type(even) .prw__im{order:-1}
.prw__tx h4{margin:0 0 14px;font-size:clamp(19px,1.7vw,25px);letter-spacing:.02em;color:#1d1d1f}
/* 三级标题统一字号字距：横幅标题 = 分组标题 = 产品行标题 */
.pbn__tx h2,.prg__t,.prw__tx h4{font-size:clamp(26px,2.2vw,34px);letter-spacing:.06em}
.prw__tx p{margin:0 0 8px;font-size:16px;line-height:1.95;color:#8a9099}
.prw__tx .pnc__tb{width:100%;margin:14px 0 0;border-collapse:collapse;font-size:12px;letter-spacing:.02em}
.prw__tx .pnc__tb th,.prw__tx .pnc__tb td{padding:7px 8px;text-align:left;border-bottom:1px solid rgba(140,150,165,.22)}
.prw__tx .pnc__tb th{color:#39404e}
.prw__tx .pnc__tb td{color:#8a9099}
.prw__tx .pnc__tb tbody tr:last-child td{border-bottom:0}
/* 了解详情：产品行内浅灰胶囊按钮（复用全站 .arw 发丝箭头），hover 上浮 + 灰阶加深 + 箭头右移 */
.prw__more{margin-top:22px;align-self:flex-start;display:inline-flex;align-items:center;gap:9px;
  padding:11px 24px;border-radius:100px;background:var(--bg-3);color:var(--ink);text-decoration:none;
  font-size:13.5px;font-weight:300;letter-spacing:.03em;
  transition:transform .5s var(--e-out),box-shadow .5s var(--e),background-color .5s var(--e)}
.prw__more .arw{width:16px;transition:transform .5s var(--e-out)}
@media (hover:hover){
  .prw__more:hover{transform:translateY(-3px);background:var(--line-2);box-shadow:0 8px 18px rgba(14,16,32,.06)}
  .prw__more:hover .arw{transform:translateX(4px)}
}
/* ============ 产品详情页（封装品 / 晶圆裸片）：内容容器 + 选型表 ============ */
.dtl{max-width:1360px;margin:0 auto;padding:0 24px clamp(60px,8vh,110px);box-sizing:border-box}
.dtl__crumb{margin:0 0 18px;font-size:13px;letter-spacing:.06em;color:var(--ink-3)}
.dtl__crumb a{color:inherit;text-decoration:none}
.dtl__crumb a:hover{color:var(--vi)}
.dtl__h{margin:0 0 18px;font-size:clamp(26px,2.6vw,38px);letter-spacing:.04em}
.dtl__d{margin:0 0 44px;max-width:min(90%,1000px);font-size:16px;line-height:2;color:#8a9099}
.dtl__sub{margin:44px 0 14px;font-size:clamp(17px,1.5vw,21px);letter-spacing:.04em;color:#1d1d1f}
.dtbwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--rad);background:#fff}
.dtb{width:100%;min-width:900px;border-collapse:collapse;font-size:12.5px;letter-spacing:.02em}
.dtb th{padding:12px 14px;text-align:left;white-space:nowrap;font-weight:500;color:#39404e;
  background:var(--bg-2);border-bottom:1px solid var(--line-2)}
.dtb td{padding:11px 14px;text-align:left;white-space:nowrap;color:#8a9099;border-bottom:1px solid var(--line)}
.dtb tbody tr:last-child td{border-bottom:0}
.dtb td:first-child{font-weight:500;color:var(--ink)}
/* 右列产品图：抠图常显带投影，照片圆角铺满；悬停微放大 */
.prw__im{margin:0;display:flex;align-items:center;justify-content:center}
.prw__im img{max-width:100%;max-height:clamp(200px,30vh,360px);object-fit:contain;display:block;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.32)) drop-shadow(0 24px 38px rgba(0,0,0,.24));
  transform:scale(1);transition:transform .36s ease-in}
.prw:hover .prw__im img,.prw:focus-within .prw__im img{transform:scale(1.04)}
.prw__im img.ph{width:100%;height:clamp(200px,30vh,360px);max-height:none;object-fit:cover;border-radius:12px;filter:none}
/* 白底芯片渲染图：与抠图同款 contain 限高 → 各行芯片视觉尺寸一致；去矩形投影
   类名勿用 chip（全局 demo03.css 的 3D 芯片组件 .chip 为 absolute） */
.prw__im img.chipim{filter:none}
/* 照片类：限高等比、宽度随源图比例 auto → 主体完整露出（不被 cover 裁切） */
.prw__im img.phc{width:auto;height:clamp(200px,30vh,360px);max-height:none;object-fit:contain;border-radius:12px;filter:none}

/* ---------- 左侧圆点锚点侧栏：竖连线 + 圆点 + 滚动 spy（参考站同款） ---------- */
.pas{position:fixed;left:30px;top:50%;z-index:9999;display:flex;flex-direction:column;
  transform:translate(calc(-100% - 28px),-50%);transition:transform .36s ease-out}/* z-index 900→9999：进度条放最上层能看清（用户 2026-09-22） */
.pas.is-in{transform:translate(0,-50%)}
.pas::before{content:"";position:absolute;left:1.5px;top:16px;bottom:16px;width:4px;border-radius:4px;background:#c3c9d4}
/* 进度竖线：真进度条语义（用户 2026-09-22 三修）——灰轨道常驻，紫色 LOGO 实段随滚动自上而下填充并保留；加粗 2px→4px 与圆点共轴，提到最上层 */
.pas::after{content:"";position:absolute;left:1.5px;top:16px;width:4px;border-radius:4px;height:var(--pas-h,0);
  background:var(--vi);transition:height .3s}
.pas a{position:relative;display:flex;align-items:center;gap:11px;padding:10px 0;
  font-size:12.5px;letter-spacing:.02em;color:#9aa1ab;text-decoration:none;transition:color .3s var(--e)}
.pas a::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;
  background:#c3c9d4;transition:background-color .3s var(--e)}
.pas a:hover{color:#5b6472}
.pas a.is-on{color:var(--vi)}
.pas a.is-on::before{background:var(--vi);box-shadow:0 0 8px 0 rgba(144,0,131,.6)}

/* ---------- 响应式 ---------- */
/* 锚点侧栏：正文居中 max-width:1360，仅 ≥1800px 才空出足够左走廊容纳带文字栏。
   笔记本/常规桌面（900–1799px）→ 保留导航但收成“圆点”：隐文字标签、悬停/聚焦浮出白色胶囊；
   并给奇数产品行正文让出左走廊，圆点不压正文。≥1800px 自动恢复完整带文字栏。 */
@media (min-width:900px) and (max-width:1799px){
  .pas{left:14px}
  .pas a{font-size:0;gap:0;padding:9px 0}
  .pas a:hover,.pas a:focus-visible{font-size:12.5px;gap:11px;padding:8px 14px 8px 0;
    background:#fff;border-radius:0 12px 12px 0;box-shadow:0 8px 22px rgba(14,16,32,.16);color:#5b6472}
  .prg .prw:nth-of-type(odd){padding-left:38px}
}
@media (max-width:900px){
  .pcx{min-height:240px}
  .pbn{margin-bottom:clamp(36px,6vh,56px)}
  .pbn__img{height:clamp(200px,30vh,320px)}
  .pbn__tx{max-width:none;padding:0 20px}
  .pbn__tx h2{font-size:24px;margin-bottom:10px}
  .pbn__tx p{font-size:13.5px;line-height:1.85}
  .prw{grid-template-columns:1fr;gap:18px;margin-bottom:clamp(40px,7vh,64px);padding:0 20px}
  .prg .prw:nth-of-type(even){grid-template-columns:1fr;width:auto;
    margin:0 0 clamp(40px,7vh,64px);padding:clamp(28px,5vh,44px) 20px}
  .prw__im{order:-1}
  .prw__im img.ph{height:clamp(160px,26vh,260px)}
  .prg__t:has(+ .prg__d){margin-bottom:24px}
  .prg__t + .prg__d{padding:0 20px;font-size:13.5px;line-height:1.85;margin-bottom:clamp(40px,7vh,64px)}
  .pas{display:none}
}
/* ============================================================
   产品中心落地页 demo03-products-home.html 专用（2026-10-09 新增）
   ① .pse 三大产品体系：照搬 apple.com/iphone overview-augment 手风琴
      （左列三条折叠 + 右列联动大图 crossfade；≤900 图进展开项内）
   ② .psirt TMS 产品安全漏洞管理：2026-10-10 参考 v2 小样构图重做——左题头+右要点 / 白大卡五步流程带 / 深紫渐变 CTA 带
   ============================================================ */

/* ---------- ① 三大产品体系手风琴 — 2026-10-09 三刷：照抄 apple.com/iphone「Significant others.」.section-image-accordion 完整架构（浏览器实取 CSS）：
   桌面(≥1069)：面板定高 784px flex 垂直居中，左折叠列定宽 350px + 两侧大内衬 clamp(67px,7.15%,90px)，右图区占余宽居中；
   项节奏：按钮上 28px、折叠态下 28px、展开态下 0，正文区上 21px 下 37px；≤1068 单列、图入展开项内居中(上 38px)；
   字号档：大标题 56/48/28，折叠题 28/24/21，正文 17px(≤734:14px)，chevron 32/28/24 stroke2.75 #86868b；
   面板 #f5f5f7 圆角 28px，项间 #d2d2d7 发丝线，正文 #1d1d1f，标题与面板间距 32px，section 上下 56px ---------- */
.pse{background:#fff;padding:56px 0}
.pse__wrap{max-width:1360px;margin:0 auto;padding:0 clamp(20px,3vw,44px);box-sizing:border-box}
.pse__hd{padding:0 0 32px}
.pse__h2{margin:0;font-size:44px;line-height:1.1;font-weight:600!important;letter-spacing:-.005em;color:#1d1d1f;text-align:left}
/* 苹果桌面档：定高 784px 面板，左列定宽 350px、右图区 flex 占余量垂直居中 */
.pse__panel{display:flex;align-items:center;background:#f5f5f7;border-radius:28px;overflow:hidden;height:784px}
.pse__acc{flex:none;box-sizing:content-box;width:350px;padding:0 clamp(67px,7.15%,90px);display:flex;flex-direction:column;justify-content:center}
.pse__it+.pse__it{border-top:1px solid #d2d2d7}
/* 苹果节奏：按钮上 28、折叠态下 28、展开态下 0（padding 随展开收缩，400ms） */
.pse__q{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;
  padding:28px 0;background:none;border:0;cursor:pointer;text-align:left;font:inherit;transition:padding .4s ease}
.pse__it.is-open .pse__q{padding-bottom:0}
.pse__qt{font-size:28px;line-height:1.25;font-weight:600!important;letter-spacing:.007em;color:#1d1d1f}
/* chevron：苹果 accordion-icon 实测 32px/2.75/#86868b；展开仅旋转不变色 */
.pse__chev{flex:none;width:32px;height:32px;color:#86868b;display:grid;place-items:center;
  transition:transform .45s var(--e-out)}
.pse__chev svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round}
.pse__it.is-open .pse__chev{transform:rotate(180deg)}
/* 答案区：max-height 折叠（内容高度可预估；老 WebView 对 grid 0fr 动效支持不稳，不走该路线） */
.pse__a{max-height:0;overflow:hidden;opacity:0;transition:max-height .55s var(--e-out),opacity .45s var(--e)}
.pse__it.is-open .pse__a{max-height:520px;opacity:1}
/* 苹果 copy-container 上 21px + content 下 37px；正文自然宽 350px，17px/1.471/ls-.022em */
.pse__ab{padding:21px 0 37px}
.pse__ab p{margin:0;font-size:17px;line-height:1.471;letter-spacing:-.022em;color:#1d1d1f}
/* 窄屏内嵌图：桌面隐藏（走右图区），≤1068 随展开项出现、居中 */
.pse__m{display:none}
/* 右图区：苹果 image-container-large（flex-grow:1 居中）；我们的场景 jpg 图居中收档 + 圆角悬浮，不贴边 */
.pse__vis{position:relative;flex:1 1 auto;align-self:stretch;min-width:0;display:flex;align-items:center;justify-content:center;padding:0 clamp(40px,5vw,90px) 0 0}
.pse__va{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transition:opacity .4s ease-in-out;pointer-events:none}
.pse__va.is-on{opacity:1;pointer-events:auto}
.pse__va img{width:auto;max-width:100%;max-height:78%;object-fit:contain;display:block;border-radius:28px;transition:transform .5s var(--e-out)}
@media (hover:hover){.pse__va:hover img{transform:scale(1.02)}}
/* 智能连接联动图（2026-10-09 八刷：负责人否掉粗白边“相框感”）：苹果口径是图片本身即圆角卡、无边框——
   去 padding/白底，主图直出 28px 大圆角（与面板同族）+ 柔影悬浮；尺寸受 vis 区宽约束（实测约 366 宽居中） */
.pse__va--pt img:not(.pse__chip){max-height:640px;padding:0;background:none;border-radius:28px;
  box-shadow:0 24px 60px rgba(16,20,34,.12),0 2px 8px rgba(16,20,34,.05)}
/* THN31S 芯片（正视图实拍图、透明背景）：不参与 hover 缩放与点击（跳转由整图 <a> 承担） */
.pse__va .pse__chip{position:absolute;max-width:none;height:auto;pointer-events:none;border-radius:0;box-shadow:none;
  filter:none;transition:transform .5s var(--e-out)}
@media (hover:hover){.pse__va:hover .pse__chip{transform:none}}
/* 芯片悬浮图左下角、只压图 1/3（2026-10-09 十刷：负责人要求再左挪）；图 421×640 居中半宽 210.5，
   170px 芯片：探出左缘 113、压图≈57px=1/3 → left=50%-210.5-113=-324，bottom 不变 50（探针复验） */
.pse__va--pt .pse__chip{left:calc(50% - 324px);bottom:50px;width:170px;height:157px;object-fit:fill}/* 2026-11-02 六芯片统一尺寸+object-fit:fill */
/* 2026-11-02 核心修复：drop-shadow 跟随像素 alpha→换图阴影闪烁；改用 ::after 固定 box-shadow 彻底消除 */
.pse__va--pt::after{content:'';position:absolute;left:calc(50% - 317px);bottom:59px;width:154px;height:147px;border-radius:8px;box-shadow:0 14px 28px rgba(16,20,34,.26);z-index:-1;pointer-events:none}
/* 2026-11-02 芯片卡面统一靠图片归一化实现，不再用 ::before inset 叠加（会与图自带高光双重） */
/* 苹果精确断点档（实测 @1068/@734）：大标题 56→48→28，折叠题 28→24→21，chevron 32→28→24，正文 17→14 */
@media (max-width:1068px){
  .pse__h2{font-size:38px;line-height:1.083}
  .pse__qt{font-size:24px;line-height:1.29}
  .pse__chev{width:28px;height:28px}
}
/* 苹果窄屏形态（实测截图）：单列纵向，图在展开项内居中，面板高度随内容 */
@media (max-width:1068px){
  .pse__panel{display:block;height:auto}
  .pse__acc{width:auto;padding:8px clamp(30px,7.17%,67px);display:block}
  .pse__q{padding:24px 0}
  .pse__it.is-open .pse__q{padding-bottom:0}
  .pse__ab{padding:18px 0 48px}
  .pse__vis{display:none}
  .pse__m{display:block;margin:38px auto 0;max-width:100%;border-radius:20px}
}
@media (max-width:734px){
  .pse__h2{font-size:28px;line-height:1.143;letter-spacing:.007em}
  .pse__qt{font-size:21px;line-height:1.33}
  .pse__chev{width:24px;height:24px}
  .pse__q{padding:21px 0}
  .pse__ab{padding:16px 0 40px}
  .pse__ab p{font-size:14px;line-height:1.429;letter-spacing:-.016em}
  .pse__m{margin-top:30px}
}
/* 中文档：苹果 :lang(zh) 实测覆盖（apple.com.cn 实取 computed）——负字距仅限拉丁排版，
   中文正文 17px/27px(1.588)/ls 0、≤734 14px/21px(1.5)/ls 0；折叠题 28px/40px(1.4286)/ls 0，≤734 21px/28px(1.333)；
   2026-10-09 负责人点名加大行距：桌面中文正文 1.588→1.75（英文档与窄屏不动） */
html[lang="zh-CN"] .pse__ab p{line-height:1.75;letter-spacing:0}
html[lang="zh-CN"] .pse__qt{line-height:1.4286;letter-spacing:0}
@media (max-width:734px){
  html[lang="zh-CN"] .pse__ab p{line-height:1.5;letter-spacing:0}
  html[lang="zh-CN"] .pse__qt{line-height:1.3334;letter-spacing:.011em}
}

/* ---------- ② TMS 产品安全漏洞管理 ---------- */
.psirt{background:#fff;padding:clamp(52px,8vh,100px) 0 clamp(60px,9vh,110px)}
/* 内容包裹层（2026-10-10 负责人点名：圆角卡宽度与上方三大产品体系 .pse__panel 对齐）：与 .pse__wrap 完全同几何，内部三块 width:100% → 可见宽=1272、左右边与灰面板齐平 */
.psirt__wrap{max-width:1360px;margin:0 auto;padding:0 clamp(20px,3vw,44px);box-sizing:border-box}
/* 题头（2026-10-10 负责人点名：删紫短线+SERVICES 眉标；宽度与标题字体对齐上方三大产品体系 .pse__wrap/.pse__h2 同档） */
.psirt__hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:end;
  width:100%;margin:0 0 clamp(38px,5.6vh,60px);box-sizing:border-box}
.psirt__hero h2{margin:0 0 18px;font-size:44px;line-height:1.1;font-weight:600!important;letter-spacing:-.005em;color:#1d1d1f;text-align:left}/* 2026-10-10 负责人点名：与上方「三大产品体系」.pse__h2 同字号（44px） */
.psirt__lead{margin:0;font-size:15.5px;line-height:1.9;color:#8a9099;max-width:58ch}
.psirt__points{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.psirt__points li{display:flex;align-items:center;gap:11px;font-size:14px;line-height:1.7;color:#4a4f63}
.psirt__points svg{flex:none;width:19px;height:19px;color:var(--vi)}
/* 流程带（2026-10-11 点名改版照抄图片2胶囊时间轴样式，配色照抄薄荷绿/浅蓝，文案不动）：
   去白卡；胶囊跑道线顶边穿过 icon 圆心、两端下弯回绕至描述文字下方；
   icon = 淡彩渐变圆晕 + 内嵌彩色圆角芯片白字 glyph（奇薄荷/偶天蓝交替）；大标题+小灰字居中 */
.psirt__flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;
  width:100%;margin:0 0 clamp(42px,5.8vh,66px);box-sizing:border-box;
  background:none;border:0;border-radius:0;box-shadow:none;
  padding:clamp(26px,3.8vh,38px) clamp(8px,1.6vw,22px) clamp(58px,7.6vh,84px)}
.psirt__flow::before{content:"";position:absolute;top:calc(clamp(26px,3.8vh,38px) + 42px);bottom:16px;left:-2.4%;right:-2.4%;
  border:1.5px solid rgba(122,190,176,.55);border-radius:999px;background:transparent}/* 胶囊跑道：border-radius 999px 自动把两端弯成半圆 */
.psirt__st{position:relative;padding:0 clamp(16px,2.1vw,30px);text-align:center}
.psirt__ic{position:relative;z-index:1;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;margin:0 auto 22px;border:0;
  transition:transform .45s var(--e-out),box-shadow .45s var(--e-out)}
.psirt__st:nth-child(odd) .psirt__ic{background:radial-gradient(circle at 30% 26%,#f4fdf9 0%,#ddf4e9 55%,#c9ecdd 100%);box-shadow:0 14px 34px -10px rgba(38,180,150,.28)}/* 薄荷绿圆晕 */
.psirt__st:nth-child(even) .psirt__ic{background:radial-gradient(circle at 30% 26%,#f2f9ff 0%,#dbeafb 58%,#cbe2f7 100%);box-shadow:0 14px 34px -10px rgba(70,140,240,.26)}/* 天蓝圆晕 */
.psirt__ic svg{width:38px;height:38px;padding:9px;box-sizing:border-box;border-radius:11px;color:#fff}/* 内嵌圆角芯片：白字 glyph */
.psirt__st:nth-child(odd) .psirt__ic svg{background:linear-gradient(135deg,#41d0b0,#12b18d)}
.psirt__st:nth-child(even) .psirt__ic svg{background:linear-gradient(135deg,#5aa7f5,#3b82e6)}
@media (hover:hover){.psirt__st:hover .psirt__ic{transform:translateY(-4px)}}/* 原悬停变紫取消，改随新配色只做轻浮 */
.psirt__st h3{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 10px;font-size:clamp(19px,1.7vw,24px);font-weight:700!important;letter-spacing:.02em;color:#1d1d1f}/* 图片2大标题；pc.css 全局压平字重，按惯例 !important 定点豁免 */
.psirt__st:last-child h3{color:#1d1d1f}
.psirt__no{display:none}/* 图片2版式无序号（文案未动，仅隐藏） */
.psirt__st p{margin:0 auto;font-size:13.5px;line-height:1.85;color:#6e7286;max-width:26ch;text-wrap:pretty}/* 描述居中缩排，照图片2标题下小灰字节奏；2026-10-11 点名：text-wrap:pretty 避免末行只留一个孤字 */
/* CTA 带（2026-10-11 点名：背景改浅色透明毛玻璃——对齐截图1 淡蓝白通透玻璃 + 轻阴影增层次 + 细边框 + 轻颗粒）：因浅底白字不可读，按负责人选定「浅色玻璃+文字翻深色」——多层背景=顶部玻璃反光 + 冷蓝/微紫 bokeh 折射 + 淡蓝白磨砂底，叠加 backdrop-filter 虚化；卡内文字/图标/分隔线改深色墨字，邮箱胶囊反转为深色底 */
.psirt__cta{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:start;/* 2026-10-12 点名：整卡收紧+顶对齐——align-items center→start（右栏不再上下居中漂浮），列间距略收 */
  width:100%;margin:0 auto;box-sizing:border-box;color:var(--ink);overflow:hidden;
  background:
    linear-gradient(155deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.34) 45%,rgba(255,255,255,.16) 100%),
    radial-gradient(46% 56% at 84% 8%,rgba(150,178,232,.5) 0%,rgba(150,178,232,0) 60%),
    radial-gradient(58% 68% at 6% 104%,rgba(144,0,131,.12) 0%,rgba(144,0,131,0) 62%),
    linear-gradient(150deg,rgba(233,239,251,.82) 0%,rgba(224,231,246,.8) 55%,rgba(214,224,243,.82) 100%);
  -webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);
  border:1px solid rgba(255,255,255,.72);border-radius:28px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 2px 8px rgba(96,116,164,.08),0 18px 44px -18px rgba(96,116,164,.22);/* 顶缘内高光（玻璃边）+ 冷调轻阴影双层增层次 */
  padding:clamp(30px,4.2vh,44px) clamp(24px,3.2vw,48px)}/* 2026-10-12 点名：收紧内边距，降低整卡高度、减少留白 */
/* 轻颗粒（点名）：内联 SVG feTurbulence 噪点，5% 叠加 overlay，随父圆角裁切，不阻断指针 */
.psirt__cta::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-size:160px 160px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* 降级：无 backdrop-filter 或偏好减少透明时，去玻璃反光/bokeh/颗粒，回实色淡蓝白磨砂底（保深字对比） */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .psirt__cta{background:linear-gradient(150deg,#eef2fb 0%,#e7ecf7 55%,#dfe5f3 100%)}
}
@media (prefers-reduced-transparency: reduce){
  .psirt__cta{background:linear-gradient(150deg,#eef2fb 0%,#e7ecf7 55%,#dfe5f3 100%);-webkit-backdrop-filter:none;backdrop-filter:none}
  .psirt__cta::after{display:none}
}
.psirt__cta-tag{margin:0 0 12px;font-size:11.5px;font-weight:700;letter-spacing:.22em;color:#565b6b}
.psirt__cta-l h3{margin:0 0 14px;font-size:clamp(22px,2.4vw,32px);letter-spacing:.01em;color:var(--ink)}
.psirt__cta-l>p{margin:0 0 20px;font-size:14px;line-height:1.9;color:#4b4f5e;max-width:600px}/* 2026-10-12 点名：说明段与邮箱按钮间距 26→20，收紧；2026-10-12 点名：两个红框文字加长——max-width 52ch→600px（桌面左栏实测 627px，≥560px 即上段 4→3 行、下段首块 3→2 行）*/
.psirt__cta-mail{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:100px;
  background:rgba(28,32,48,.7);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-weight:600!important}/* 2026-10-12 点名：实色黑胶囊→半透明深色烟熏磨砂玻璃；透明度取 .7（叠在浅色玻璃上合成约 #5E5E6C，白字 ~6.3:1 稳过 AA，同时仍透出模糊背景）*/
.psirt__cta-mail{
  font-size:15.5px;letter-spacing:.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 26px rgba(20,24,40,.22);
  transition:background-color .3s var(--e),transform .16s ease-out,box-shadow .3s var(--e)}
.psirt__cta-mail:hover{background:rgba(28,32,48,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 28px rgba(20,24,40,.26)}/* hover 磨砂变实（透明度升高）作反馈 */
.psirt__cta-mail:active{transform:scale(.97)}
.psirt__cta-mail svg{width:18px;height:18px;color:rgba(255,255,255,.92)}/* 信封图标随深胶囊转白，保留可读 */
/* 降级：无 backdrop-filter 或偏好减少透明时，磨砂胶囊回实色深底（保白字对比） */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .psirt__cta-mail{background:var(--ink);border-color:transparent}
}
@media (prefers-reduced-transparency: reduce){
  .psirt__cta-mail{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}
}
.psirt__cta-l>.psirt__cta-note{margin-top:24px}/* 2026-10-12 点名：邮箱与 PGP 说明间距 34→24，收紧整卡高度；选择器特异度 (0,2,1) 仍高于 .psirt__cta-l>p，margin-top 生效 *//* 2026-10-12 点名：邮箱按钮与下方说明拉开。原 .psirt__cta-note(0,1,0) 被更高特异度的 .psirt__cta-l>p(0,1,1) 的 margin:0 0 26px 压住→margin-top 从未生效；选择器提权到 (0,2,1) 只改 margin-top，不动字号/行高（保持现状）*/
.psirt__pgp{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:inherit;letter-spacing:.03em;color:#565b6b;word-break:break-all}/* 2026-10-12 点名：指纹行字号与上方说明段落相同（由 11px 改 inherit，继承 .psirt__cta-l>p 的 14px）*/
.psirt__pgp-dl{ font-family:'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:inherit; color:#900083; text-decoration:underline; text-underline-offset:2px; }/* 2026-10-12 点名：“点击下载PGP公钥”字号与上方说明段落相同（由 12.5px 改 inherit）；紫下划线、非等宽体与上方指纹区分保留 */
.psirt__pgp-dl:hover{color:#6d0063}
.psirt__cta-r{display:flex;flex-direction:column;justify-content:center;align-self:stretch}/* 2026-10-12 点名：右栏拉伸到整卡高并均匀分布两行，消除顶对齐后右下角空白（无新增卡片面/文案）；2026-10-12 点名：新增组标题后 space-evenly→center——标题紧贴其下两卡成组、整体垂直居中（space-evenly 会在短标题与首卡间撑出大空隙，标题像孤立一行）*/
.psirt__cta-rh{margin:0 0 6px;font-size:clamp(17px,1.5vw,19px);font-weight:600!important;letter-spacing:.02em;color:var(--ink)}/* 2026-10-12 点名：右栏组标题「相关漏洞涵盖以下类型：」，比左栏 h3 小、比卡内 h4(16px) 略大；全局 *{font-weight:400!important} 需 !important 回 600 */
.psirt__vt{display:flex;gap:16px;align-items:flex-start;padding:18px 0}/* 2026-10-12 点名：右栏两行内上下间距 22→18，随整卡收紧 */
.psirt__vt+.psirt__vt{border-top:1px solid rgba(40,45,62,.12)}
.psirt__vic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#8a8ea0;
  background:#f4f5f8;border:1px solid rgba(40,45,62,.1);transition:background-color .35s var(--e),color .35s var(--e)}/* 2026-10-11 点名：图标砖默认中性灰 */
@media (hover:hover){.psirt__vic:hover{color:var(--vi);background:rgba(144,0,131,.07)}}/* 仅悬停变紫 */
.psirt__vic svg{width:20px;height:20px}
.psirt__vt h4{margin:2px 0 8px;font-size:16px;letter-spacing:.02em;color:var(--ink)}
.psirt__vt p{margin:0;font-size:13.5px;line-height:1.85;color:#4b4f5e}
/* 产品安全漏洞公告表（2026-10-11 新增：照抄参考站 zlbz_03021035_535 截图3 文案，表体按参考站留空；表格沿用全站发丝线/仅横线设计语言，同 .irann。本页全局 *{font-weight:400!important}，表头/小标题定点豁免回 600） */
.psirt__ann{margin-top:clamp(40px,6vh,72px)}
.psirt__ann-h{margin:0 0 12px;font-size:clamp(19px,2vw,24px);font-weight:600!important;letter-spacing:.01em;color:var(--ink)}
.psirt__ann-p{margin:0 0 clamp(20px,2.6vh,30px);font-size:14px;line-height:1.9;color:#4b4f5e;max-width:60ch}
.psirt__anntb-wrap{width:100%;overflow-x:auto}
.psirt__anntb{width:100%;min-width:560px;table-layout:fixed;border-collapse:collapse;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}/* 2026-10-12 点名：三行等宽——加 table-layout:fixed 把已声明的 16/44/18/22% 锁为权威列宽（auto 下空行会随内容浮动），保证表头/空行/分隔线在任何视口都等宽 */
.psirt__anntb th{height:52px;background:#fafafb;font-size:15px;font-weight:600!important;color:#6b6f80;text-align:center;border-bottom:1px solid var(--line)}
.psirt__anntb .c-id{width:16%}
.psirt__anntb .c-t{width:44%}
.psirt__anntb .c-v{width:18%}
.psirt__anntb .c-d{width:22%}
.psirt__anntb td{padding:14px 18px;font-size:14.5px;color:var(--ink);text-align:center;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}

/* 标题字号档与 .pse__h2 同步（44/38/28） */
@media (max-width:1068px){
  .psirt__hero h2{font-size:38px;line-height:1.083}
}
@media (max-width:734px){
  .psirt__hero h2{font-size:28px;line-height:1.143;letter-spacing:.007em}
}
/* ---------- 新增版块响应式：≤900 手风琴单列（图进展开项）、流程带 5→2 列、三卡纵排 ---------- */
@media (max-width:900px){
  .pse__panel{grid-template-columns:1fr}
  .pse__acc{padding:8px clamp(20px,5.6vw,40px)}
  .pse__vis{display:none}
  .pse__m{display:block;width:100%;max-height:min(46vh,320px);object-fit:contain;margin-top:18px}
  .pse__ab p{max-width:none}
  .psirt__hero{grid-template-columns:1fr;align-items:start;gap:26px}
  .psirt__flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}
  .psirt__flow::before{display:none}
  .psirt__cta{grid-template-columns:1fr;gap:10px}
}
@media (max-width:560px){
  .psirt__flow{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  [data-rv]{opacity:1;transform:none;transition:none}
  .prw__im img,.pas{transition:none}
  .pse__a,.pse__chev,.pse__va,.pse__lnk,.pse__lnk::after,.pse__va img{transition:none}
}