/* ============================================================
   苏州悦明声科技有限公司 — 访客侧视觉层（在 site.css / refinement.css 之后加载）
   仅作用于首页 body.home 与 404 页 body.err-page。
   不改共享文件里的结构规则，只做本页覆盖与补充。
   设计语言：纸感底 #f3f1ec / 墨色 #111110 / 强调蓝 #2338e8 / 发丝线 / 编辑感。
   ============================================================ */

/* ---------- 首屏：右侧改为「技术图版」而不是深色 SaaS 卡片 ----------
   信号面板改成纸面图版：浅色底 + 发丝线 + 深色 B 扫图像，
   上方图注、下方标注都走等宽小标签，信息层级与页面其余部分一致。 */
.home .signal{
  aspect-ratio:auto;
  display:flex;flex-direction:column;
  background:var(--paper);
  border:1px solid var(--line);
  color:var(--ink);
  padding:20px 22px 16px;
  overflow:visible;
}
.home .signal::before{
  background-size:28px 28px;
  background-image:linear-gradient(#11111009 1px,transparent 1px),
                   linear-gradient(90deg,#11111009 1px,transparent 1px);
}
.home .signal__top{
  position:relative;z-index:2;
  align-items:center;
  padding-bottom:12px;
  border-bottom:1px solid var(--line-2);
  color:var(--muted);
}
.home .signal__badge{
  color:var(--ink-2);
  border:1px solid var(--line);
  border-radius:0;
  padding:4px 8px;
  background:var(--paper);
}
.signal__badge::before{background:var(--accent)}
.home .signal__art{
  position:relative;inset:auto;
  display:block;
  margin-top:16px;
}
.yms-bscan__frame{
  border:1px solid var(--ink);
  box-shadow:none;
}
.yms-bscan__img{filter:contrast(1.16) brightness(1.16) saturate(1.04)}
/* 图版四角的取景角标：让 B 扫图像看起来像一张被框定的技术图 */
.yms-bscan__frame::before,.yms-bscan__frame::after{
  content:"";position:absolute;z-index:6;width:16px;height:16px;
  pointer-events:none;border-color:#f3f1eca8;border-style:solid;
}
.yms-bscan__frame::before{left:6px;top:6px;border-width:1px 0 0 1px}
.yms-bscan__frame::after{right:6px;bottom:6px;border-width:0 1px 1px 0}
.home .signal:hover .yms-bscan__sweep,
.home .signal:hover .yms-bscan__box{animation-play-state:paused}
.signal__annotation{
  position:static;
  margin:14px 0 0;
  color:var(--muted);
  font-size:11px;
}
.home .signal__annotation::before{color:var(--accent)}
.home .signal__bottom{
  margin-top:14px;
  color:var(--muted);
  border-top:1px solid var(--line);
}
.home .signal__bottom b{color:var(--ink)}

/* 首屏排版微调：标题更紧、说明更稳 */
.home .display{line-height:1.22;letter-spacing:-.058em}
.home .hero__sub{color:var(--ink-2);max-width:34em}
.home .hero__caption{color:var(--muted)}
.home .hero__footer{border-top:1px solid var(--line)}
.home .hero__footer>a:hover{color:var(--ink)}
/* WCAG 2.2 目标尺寸：把「继续探索 ↓」的可点区域抬到 ≥24px 高 */
.home .hero__footer>a{min-height:28px;padding:4px 0;line-height:20px}

/* ---------- 关于：左栏补一条坐标注脚，压住大块留白 ---------- */
.home .about__left{display:flex;flex-direction:column;min-height:100%}
.about__coords{
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  margin-top:auto;padding-top:56px;
  font:10px/1 var(--mono);letter-spacing:.12em;color:var(--muted);
}
.about__coords span{display:inline-flex;align-items:center;gap:8px}
.about__coords span::before{content:"";width:5px;height:5px;background:var(--accent);display:block}
.about__coords span:nth-child(2)::before{background:var(--line)}
.about__coords span:nth-child(3)::before{background:var(--line)}

/* ---------- 能力：五栏加上下发丝线，像一张排好的表 ---------- */
.home .pin__head{padding-bottom:30px}
.home .pin__track{border-bottom:1px solid var(--line)}
.home .card{
  padding:26px 24px 32px;
  transition:border-color .4s var(--ease),background .4s var(--ease);
}
.home .card:first-child{padding-left:0}
.home .card:last-child{padding-right:0}
.home .card h3{transition:color .35s var(--ease)}
.home .card:hover{border-top-color:var(--ink);background:#11111004}
.home .card:hover h3{color:var(--accent)}
.home .card p{font-size:12.5px;line-height:1.95}
.home .card__no .num{font-size:11px;color:var(--accent)}
.home .card__no .tag{font-size:9px;letter-spacing:.08em}

/* ---------- 服务入口：hover 只做边框与箭头，不做漂浮 ---------- */
.home .entry{transition:background .3s var(--ease),border-color .3s var(--ease)}
.home .entry h3{letter-spacing:-.01em}
.home .entry__go i{transition:width .45s var(--ease)}
.home .entry:hover .entry__go i{width:42px}
.home .entry:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* ---------- 流程：整行可点，hover 与展开都有落点 ---------- */
.home .step__btn:hover{padding-left:14px;background:#11111005}
.home .step__btn:hover .num{color:var(--accent)}
.home .step__btn[aria-expanded="true"]{background:#11111005}
.home .step__btn[aria-expanded="true"] .num{color:var(--accent)}
.home .step .num{transition:color .3s var(--ease)}
.home .step__plus::before,.home .step__plus::after{transition:transform .5s var(--ease),background .3s}
.home .step__btn:hover .step__plus::before,
.home .step__btn:hover .step__plus::after{background:var(--accent)}
.home .step__body p{color:var(--ink-2)}

/* ---------- 联系：表单焦点更明确 ---------- */
.home .field{transition:border-color .3s var(--ease)}
.home .field:focus-within label{color:var(--accent)}
.home .field:focus-within::after{background:var(--accent)}
/* site.css 里 .field input{outline:none} 特异性更高，会吃掉全局焦点环，这里显式补回 */
.home .field input:focus-visible,
.home .field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.home .field.err:focus-within label{color:#a62822}
.home .field .num{color:var(--muted)}
.home .form>.btn:active{transform:translateY(1px)}
.home .info__row b{font-weight:500;color:var(--ink)}
.home .info__row span{color:var(--ink-2)}

/* ---------- 页脚 ---------- */
.home .foot__in a{transition:color .25s}
.home .foot__in a:hover{color:var(--ink)}

/* ---------- 通用：按钮按下反馈 ---------- */
.home .btn:active{transform:translateY(1px)}

/* ---------- 减少动效 ---------- */
@media (prefers-reduced-motion:reduce){
  .home .card:hover{background:none}
  .home .signal:hover .yms-bscan__sweep,
  .home .signal:hover .yms-bscan__box{animation-play-state:running}
}

/* ---------- 图版在窄屏的降噪：只留缺陷名，说明条收紧成一行 ---------- */
@media (max-width:1000px){
  .yms-bscan__c{display:none}
  .yms-bscan__n{font-size:6px;padding:0 2px}
  .yms-bscan__legend{font-size:6.5px;gap:6px;padding:10px 5px 4px}
  .yms-bscan__legend i{width:7px}
}
@media (max-width:600px){
  .home .signal__art{margin-top:11px}
  .yms-bscan__legend{font-size:6px;gap:5px;padding:9px 4px 3px}
}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .about__coords{padding-top:40px}
}
@media (max-width:1080px){
  .home .hero__layout{gap:30px}
  .home .signal{padding:18px 18px 14px}
  .home .card{padding:22px 18px 26px}
}
@media (max-width:860px){
  .home .signal{padding:16px 16px 12px}
  .home .signal__top{padding-bottom:10px}
  .home .signal__art{margin-top:13px}
  .signal__annotation{margin-top:11px;font-size:10px}
  .home .signal__bottom{margin-top:11px;padding-top:12px}
  .about__coords{padding-top:32px}
  .home .pin__track{border-bottom:1px solid var(--line)}
  .home .card,.home .card:first-child,.home .card:last-child,.home .card:nth-child(4){padding:22px 16px}
  .home .card:nth-child(odd){padding-left:0}
  .home .card:nth-child(even){padding-right:0}
}
@media (max-width:600px){
  .home .signal{padding:14px 14px 11px}
  .home .signal__art{margin-top:11px}
  .home .step__btn:hover{padding-left:0}
  .home .step__btn[aria-expanded="true"]{padding-left:8px}
  .about__coords{gap:14px 18px;padding-top:26px;font-size:9px}
  .home .card,.home .card:first-child,.home .card:last-child,.home .card:nth-child(4){padding:20px 0}
}