@charset "utf-8";



.ix-page{background:#fff;color:var(--ink);overflow-x:clip}



.ix-hero{
  background:var(--bg);border-bottom:1px solid var(--line);
  padding:clamp(22px,2.4vw,32px) 0 clamp(42px,4.8vw,66px);
}
.ix-crumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0 0 clamp(26px,3.4vw,42px);
  font-size:16px;line-height:1.5;color:var(--ink3);
}
.ix-crumb a{color:var(--ink3);transition:color .2s}
.ix-crumb a:hover{color:var(--main-text)}
.ix-crumb span{color:var(--ink3);opacity:.8;font-size:16px;line-height:1}
.ix-crumb b{font-weight:400;color:var(--ink2)}

.ix-hero__grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,368px);
  gap:clamp(30px,5vw,84px);align-items:end;
}
.ix-kicker{
  display:flex;align-items:center;gap:10px;margin:0 0 16px;
  font-family:var(--font-mono);font-size:16px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);
}
.ix-kicker i{
  font-style:normal;font-variant-numeric:tabular-nums;color:var(--main-text);
  padding-right:10px;border-right:1px solid var(--line-2);
}
.ix-hero h1{
  font-size:clamp(32px,4.05vw,56px);font-weight:700;line-height:1.14;
  letter-spacing:-.028em;color:var(--ink);margin:0;
}

.ix-hero__lead{
  margin:clamp(16px,1.8vw,22px) 0 0;
  font-size:18px;line-height:1.75;color:var(--ink2);
}

.ix-hero__date{margin:14px 0 0;font-size:16px;line-height:1.6;color:var(--ink3)}

.ix-hb{display:inline}
@media (max-width:699px){.ix-hb{display:none}}


.ix-hero--solo .ix-hero__grid{grid-template-columns:minmax(0,1fr)}

.ix-hero--solo .ix-hero__lead{font-size:20px;line-height:1.68}
.ix-hero--solo{padding-bottom:clamp(34px,3.8vw,54px)}


.ix-nums{margin:0;display:grid;gap:0}
.ix-nums>div{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:11px 0;border-bottom:1px solid var(--line);
}
.ix-nums>div:first-child{padding-top:0}
.ix-nums>div:last-child{border-bottom:0;padding-bottom:0}
.ix-nums dt{margin:0;font-size:16px;line-height:1.5;color:var(--ink3);flex:0 0 auto}
.ix-nums dd{
  margin:0;font-family:var(--font-mono);font-weight:600;font-size:24px;line-height:1.2;
  color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:right;
}
.ix-nums dd u{text-decoration:none;font-family:var(--font-sans);font-size:16px;
  font-weight:400;color:var(--ink2);margin-left:3px;letter-spacing:0}

.ix-nums--text dd{font-family:var(--font-sans);font-size:18px;font-weight:600;
  line-height:1.45;letter-spacing:0}


.ix-sec{padding:clamp(48px,5.4vw,86px) 0}
.ix-sec--tint{background:var(--bg)}
.ix-sec--tight{padding:clamp(36px,4vw,64px) 0}


.ix-head{padding-bottom:clamp(18px,2vw,24px);margin-bottom:clamp(26px,3vw,40px);
  border-bottom:1px solid var(--line)}
.ix-head h2{
  margin:0;font-size:clamp(26px,2.7vw,38px);font-weight:700;line-height:1.24;
  letter-spacing:-.022em;color:var(--ink);
}

.ix-head__note{
  margin:14px 0 0;max-width:none;font-size:18px;line-height:1.72;color:var(--ink2);
  text-wrap:pretty;
}

.ix-head--row{display:grid;grid-template-columns:minmax(0,1fr) max-content;
  gap:24px;align-items:end}

@media (min-width:1000px){
  .ix-head:has(> .ix-head__note):not(.ix-head--row){
    display:grid;
    grid-template-columns:minmax(0,auto) minmax(0,42em);
    justify-content:space-between;
    column-gap:clamp(32px,4vw,72px);
    align-items:start;
  }
  
  .ix-head:has(> .ix-head__note):not(.ix-head--row)>h2{grid-column:1;margin:0;align-self:end}
  .ix-head:has(> .ix-head__note):not(.ix-head--row)>.ix-head__note{
    grid-column:2;align-self:end;margin:0;max-width:none;
  }
  
  .ix-head:has(> .ix-head__note):not(.ix-head--row):has(> .ix-kicker)>.ix-head__note{
    grid-row:2;
  }
  
  .ix-head--row .ix-head__note{max-width:none}
}


.ix-more{
  display:inline-flex;align-items:center;gap:8px;padding-bottom:4px;
  font-size:16px;font-weight:600;color:var(--main-text);position:relative;white-space:nowrap;
}
.ix-more::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:currentColor;opacity:.3;transition:opacity .3s}
.ix-more:hover::after{opacity:1}
.ix-more svg{transition:transform .35s var(--ease)}
.ix-more:hover svg{transform:translateX(4px)}



.ix-chain{margin:0}
.ix-chain__legend{
  display:flex;flex-wrap:wrap;gap:8px 26px;margin:0 0 26px;
  font-size:16px;line-height:1.5;color:var(--ink2);
}
.ix-chain__legend span{display:inline-flex;align-items:center;gap:8px}
.ix-chain__legend i{width:16px;height:3px;background:var(--main);flex:0 0 auto}
.ix-chain__legend span.is-ext i{
  background:repeating-linear-gradient(90deg,var(--ink3) 0 4px,transparent 4px 9px);
}


.ix-chain__row{
  --n:var(--cols,9);
  display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));
  margin-left:-1px;
}
.ix-chain__cell{
  position:relative;padding:20px 14px 16px;
  border-top:1px solid var(--line);border-left:1px solid var(--line);
}
.ix-chain__cell::before{
  content:"";position:absolute;left:-1px;right:0;top:-1px;height:2px;background:var(--main);
}
.ix-chain__cell.is-ext::before{
  background:repeating-linear-gradient(90deg,var(--ink3) 0 4px,transparent 4px 9px);
}
.ix-chain__no{
  display:block;margin:0 0 10px;font-family:var(--font-mono);font-size:16px;
  font-weight:600;color:var(--main-text);font-variant-numeric:tabular-nums;letter-spacing:.06em;
}
.ix-chain__cell.is-ext .ix-chain__no{color:var(--ink3)}
.ix-chain__name{
  display:block;margin:0;font-size:16px;font-weight:600;line-height:1.45;color:var(--ink);
}
.ix-chain__note{
  display:block;margin:7px 0 0;font-size:16px;line-height:1.45;color:var(--ink3);
  min-height:3em;text-wrap:balance;
}


.ix-chain--flow .ix-chain__cell::before{background:var(--main)}
.ix-chain--flow .ix-chain__no{color:var(--ink3)}
.ix-chain--flow .ix-chain__name{font-weight:600}



.ix-cards{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;
  background:#fff;border:1px solid var(--line);border-bottom:0;margin-left:-1px;
}
.ix-card{display:flex;flex-direction:column;background:#fff;
  border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.ix-card:focus-visible{outline:2px solid var(--main-l);outline-offset:-2px}
.ix-card:hover .ix-card__body h3{color:var(--main-text)}
.ix-card:hover .ix-card__no{background:var(--main)}
.ix-card__pic{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg)}
.ix-card__pic img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s var(--ease)}

.ix-card__pic--plate{background:#fff}
.ix-card__pic--plate img{object-fit:contain;padding:20px 24px}
.ix-card:hover .ix-card__pic img{transform:scale(1.035)}

.ix-card__pic:not(.ix-card__pic--plate)::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(128% 104% at 50% 38%,rgba(8,46,72,0) 48%,rgba(8,46,72,.24) 100%),
    linear-gradient(180deg,rgba(8,46,72,.20) 0%,rgba(8,46,72,.03) 36%,rgba(8,46,72,.06) 66%,rgba(8,46,72,.33) 100%);
  mix-blend-mode:multiply;
}
.ix-card__pic:not(.ix-card__pic--plate)::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:#2A6E9E;mix-blend-mode:soft-light;opacity:.58;
}
.ix-card__no{z-index:2}

.ix-cases .ix-card__pic::before{content:none}
.ix-cases .ix-card__pic::after{opacity:.4}

.ix-cases .ix-card__pic{aspect-ratio:4/3;background:#fff}
.ix-cases .ix-card__pic img{width:100%;height:100%;object-fit:cover;padding:0}
.ix-cases .ix-card:hover .ix-card__pic img{transform:none}
.ix-card__no{
  position:absolute;left:0;top:0;padding:7px 12px;background:var(--deep);
  font-family:var(--font-mono);font-size:16px;font-weight:600;color:#fff;
  letter-spacing:.08em;font-variant-numeric:tabular-nums;transition:background .22s;
}
.ix-card__body{display:flex;flex-direction:column;flex:1 0 auto;padding:22px 24px 24px}
.ix-card__body h3{margin:0;font-size:24px;font-weight:700;line-height:1.35;
  letter-spacing:-.015em;color:var(--ink);transition:color .2s;text-wrap:balance}
.ix-card__body p{margin:10px 0 0;font-size:16px;line-height:1.65;color:var(--ink2);text-wrap:pretty}
/* 视频卡标题 1 行/2 行混排时，同排描述起点会错行。定高 2 行（24px 下最长也只有 2 行）。 */
.ix-cards--vid .ix-card__body h3{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;min-height:calc(2 * 1.35em)}
.ix-card__spec{
  display:flex;flex-wrap:wrap;gap:6px 10px;margin:16px 0 0;padding-top:14px;
  border-top:1px solid var(--line-2);
  font-family:var(--font-mono);font-size:16px;font-weight:500;color:var(--ink);
  font-variant-numeric:tabular-nums;
}
.ix-card__spec em{font-style:normal;font-family:var(--font-sans);font-weight:400;color:var(--ink2)}
.ix-card__go{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:18px;
  font-size:16px;font-weight:600;color:var(--main-text)}
.ix-card__go svg{transition:transform .35s var(--ease)}
.ix-card:hover .ix-card__go svg{transform:translateX(4px)}



.ix-spec{width:100%;border-collapse:collapse;font-size:16px;table-layout:fixed}
.ix-spec th,.ix-spec td{padding:13px 0;border-bottom:1px solid var(--line);vertical-align:baseline}
.ix-spec th{width:26%;text-align:left;font-weight:400;color:var(--ink3);letter-spacing:.01em}
.ix-spec td{padding-left:20px;color:var(--ink);font-weight:600;line-height:1.55}
.ix-spec tr:last-child th,.ix-spec tr:last-child td{border-bottom:0}
.ix-spec .u{font-weight:400;color:var(--ink2);margin-left:3px}
.ix-spec .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}


.ix-specs-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(30px,4vw,64px)}


.ix-bstats{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));
  gap:clamp(30px,3.4vw,46px) clamp(20px,3vw,40px);margin:0}
.ix-bstats>div{padding-top:16px;border-top:2px solid var(--main)}
.ix-bstats dt{margin:0 0 10px;font-size:16px;line-height:1.4;color:var(--ink3)}
.ix-bstats dd{margin:0;font-family:var(--font-mono);font-size:clamp(26px,2.9vw,36px);
  font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--ink);
  font-variant-numeric:tabular-nums}
.ix-bstats dd u{text-decoration:none;font-family:var(--font-sans);font-size:16px;
  font-weight:400;color:var(--ink2);margin-left:4px;letter-spacing:0}

.ix-bstats--word dd{font-family:var(--font-sans);font-size:22px;font-weight:700;
  line-height:1.5;letter-spacing:-.012em;font-variant-numeric:normal}


.ix-list{margin:0;display:grid;gap:13px}
.ix-list li{position:relative;padding-left:24px;font-size:18px;line-height:1.72;color:var(--ink2)}
.ix-list li::before{
  content:"";position:absolute;left:0;top:.66em;width:7px;height:7px;
  background:var(--main);border-radius:1px;
}
.ix-list b,.ix-list strong{color:var(--ink);font-weight:600}


.ix-fig{margin:0}
.ix-fig img{display:block;width:100%;height:auto;border:1px solid var(--line);
  border-radius:var(--radius-md);background:var(--bg)}
.ix-fig figcaption{margin-top:10px;font-family:var(--font-mono);font-size:16px;
  line-height:1.5;color:var(--ink3);letter-spacing:.02em}

.ix-fig__shot{position:relative;display:block;overflow:hidden;
  border-radius:var(--radius-md)}
.ix-fig--photo .ix-fig__shot::before{
  
  content:"";position:absolute;inset:1px;z-index:1;pointer-events:none;
  border-radius:calc(var(--radius-md) - 1px);
  background:
    radial-gradient(128% 104% at 50% 38%,rgba(8,46,72,0) 48%,rgba(8,46,72,.24) 100%),
    linear-gradient(180deg,rgba(8,46,72,.20) 0%,rgba(8,46,72,.03) 36%,rgba(8,46,72,.06) 66%,rgba(8,46,72,.33) 100%);
  mix-blend-mode:multiply;
}
.ix-fig--photo .ix-fig__shot::after{
  content:"";position:absolute;inset:1px;z-index:1;pointer-events:none;
  border-radius:calc(var(--radius-md) - 1px);
  background:#2A6E9E;mix-blend-mode:soft-light;opacity:.58;
}

.ix-fig--soft .ix-fig__shot::before{content:none}
.ix-fig--soft .ix-fig__shot::after{
  content:"";position:absolute;inset:1px;z-index:1;pointer-events:none;
  border-radius:calc(var(--radius-md) - 1px);
  background:#2A6E9E;mix-blend-mode:soft-light;opacity:.4;
}


.ix-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
  gap:clamp(30px,5vw,72px);align-items:start}
.ix-split--wide{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}

.ix-split>*:only-child{grid-column:1/-1}

.ix-prose{max-width:none}
.ix-prose p{margin:0 0 16px;font-size:18px;line-height:1.8;color:var(--ink2)}
.ix-prose p:last-child{margin-bottom:0}
.ix-prose b,.ix-prose strong{color:var(--ink);font-weight:600}


.ix-note{
  background:var(--main-soft);border:1px solid var(--main-line);
  border-radius:var(--radius-md);padding:22px 24px;
}
.ix-note h3{margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:.02em;
  color:var(--main-text)}
.ix-note ul{margin:0;display:grid;gap:9px}
.ix-note li{position:relative;padding-left:18px;font-size:16px;line-height:1.65;color:var(--ink2)}
.ix-note li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;
  background:var(--main-text);border-radius:1px}



.ix-steps{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));
  gap:clamp(28px,3.2vw,42px) clamp(20px,3vw,44px);margin:0}
.ix-steps__item{padding-top:18px;border-top:2px solid var(--line)}
.ix-steps__item.is-first{border-top-color:var(--main)}
.ix-steps__no{display:block;margin:0 0 10px;font-family:var(--font-mono);font-size:16px;
  font-weight:600;color:var(--main-text);letter-spacing:.1em;font-variant-numeric:tabular-nums}
.ix-steps__item h3{margin:0;font-size:22px;font-weight:700;line-height:1.4;color:var(--ink)}
.ix-steps__item p{margin:8px 0 0;font-size:16px;line-height:1.65;color:var(--ink2)}


.ix-cols{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));
  gap:clamp(26px,3vw,40px) clamp(20px,3vw,40px);margin:0}
.ix-cols>div{padding-top:16px;border-top:1px solid var(--line)}
.ix-cols h3{margin:0 0 9px;font-size:18px;font-weight:700;line-height:1.4;color:var(--ink)}
.ix-cols p{margin:0;font-size:16px;line-height:1.7;color:var(--ink2);text-wrap:pretty}



.ix-tbl{width:100%;border-collapse:collapse;font-size:16px;table-layout:fixed;
  overflow-wrap:break-word}
.ix-tbl th,.ix-tbl td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ix-tbl thead th{
  padding:12px 18px;font-size:16px;font-weight:600;color:var(--ink3);letter-spacing:.02em;
  border-bottom:1px solid var(--line);
}
.ix-tbl tbody th{font-weight:600;color:var(--ink)}
.ix-tbl td{color:var(--ink2);line-height:1.6}
/* 能力表/参数表一行十几个项目，横着读容易串行，悬停整行高亮来对齐。
   这两张表不是链接，所以只给底色、不给 pointer 光标——不能让读者误以为能点。 */
.ix-tbl tbody tr,.ix-rte table tbody tr{transition:background-color .18s}
.ix-tbl tbody tr:hover,.ix-rte table tbody tr:hover{background:var(--main-soft)}
.ix-tbl tbody tr:last-child th,.ix-tbl tbody tr:last-child td{border-bottom:0}
.ix-tbl .mono{font-family:var(--font-mono);font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}

.ix-tbl th:first-child,.ix-tbl td:first-child{padding-left:0}
.ix-tbl th:last-child,.ix-tbl td:last-child{padding-right:0}



.ix-qa{border-top:1px solid var(--line)}
.ix-qa details{border-bottom:1px solid var(--line)}
.ix-qa summary{
  position:relative;padding:20px 46px 20px 0;cursor:pointer;list-style:none;
  font-size:18px;font-weight:600;line-height:1.6;color:var(--ink);
}
.ix-qa summary::-webkit-details-marker{display:none}
.ix-qa summary::after{
  content:"";position:absolute;right:10px;top:27px;width:9px;height:9px;
  border-right:1.5px solid var(--ink3);border-bottom:1.5px solid var(--ink3);
  transform:rotate(45deg);transition:transform .3s var(--ease);
}
.ix-qa details[open] summary::after{transform:rotate(-135deg);top:32px}
.ix-qa summary:hover{color:var(--main-text)}

.ix-qa__a{padding:0 clamp(16px,6vw,64px) 22px 0}
.ix-qa__a p{margin:0 0 10px;font-size:16px;line-height:1.8;color:var(--ink2);text-wrap:pretty}
.ix-qa__a p:last-child{margin-bottom:0}
.ix-qa__a b{color:var(--ink);font-weight:600}


.ix-qa--no summary{padding-left:3.2em}

.ix-qa--no .ix-qa__a{padding-left:3.2em}
.ix-qa__no{
  position:absolute;left:0;top:20px;
  font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--ink3);
  letter-spacing:.04em;font-variant-numeric:tabular-nums;
  transition:color .2s;
}
.ix-qa details[open] .ix-qa__no,.ix-qa summary:hover .ix-qa__no{color:var(--main-text)}


.ix-qa__a :where(h3){font-size:18px!important;margin:1.35em 0 .45em!important}
.ix-qa__a :where(ul,ol){margin:0 0 .9em!important}
.ix-qa__a :where(li){font-size:16px!important;line-height:1.72!important;color:var(--ink2)!important}
.ix-qa__a :where(li)::marker{color:var(--ink3)}

.ix-qa__a:has(h3){max-width:none}
@media (min-width:1000px){
  .ix-qa__a:has(h3){column-count:2;column-gap:clamp(40px,4.4vw,72px)}
  
  .ix-qa__a:has(h3)>h3{margin-top:0!important}
  .ix-qa__a:has(h3)>h3{break-after:avoid-column}
  .ix-qa__a:has(h3) :where(ul,ol){break-inside:avoid-column}
  .ix-qa__a:has(h3) :where(li){break-inside:avoid-column}
}
.ix-qa__meta{
  margin:20px 0 0;font-family:var(--font-mono);font-size:16px;line-height:1.5;
  color:var(--ink3);letter-spacing:.02em;
}



.ix-rel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;
  border-top:1px solid var(--line);border-left:1px solid var(--line)}
.ix-rel > a,.ix-rel > div{
  display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:#fff;
  border-right:1px solid var(--line);border-bottom:1px solid var(--line);
  transition:background .22s,color .22s;
}
/* 工序链卡片：整格可点，但锚文本只留工序名。
   序号与说明放在 <a> 外面，搜索引擎读到的锚文本是「SMT 贴片加工」，
   而不是「01SMT 贴片加工印刷到回流，首件确认」——后者把序号和说明一起裹进去，
   全站 371 条锚文本长得一模一样，既不像人话也让锚文本失去指向性。
   整格可点靠 .ix-rel__hit 的伪元素撑满父格实现。 */
.ix-rel > a,.ix-rel > div{position:relative}
.ix-rel__hit{color:inherit;text-decoration:none}
.ix-rel__hit b{color:inherit;transition:color .2s}
.ix-rel__hit::after{content:"";position:absolute;inset:0}
.ix-rel > a:hover{background:var(--main-soft)}
.ix-rel > a:hover b{color:var(--main-text)}
.ix-rel__cell:hover{background:var(--main-soft)}
.ix-rel__cell:hover b{color:var(--main-text)}
/* 工序链里的当前项：不可点，靠底色和主色标题区分 */
.ix-rel > div.is-cur{background:var(--main-soft);cursor:default}
.ix-rel > div.is-cur b{color:var(--main-text)}
.ix-rel span{font-family:var(--font-mono);font-size:16px;font-weight:600;color:var(--ink3);
  letter-spacing:.06em;font-variant-numeric:tabular-nums}
.ix-rel b{font-size:18px;font-weight:600;color:var(--ink);line-height:1.4;transition:color .2s}

.ix-rel--note > a em,.ix-rel--note > div em{display:block;margin:2px 0 0;font-style:normal;
  font-size:16px;line-height:1.5;color:var(--ink3)}


.ix-end{margin:0;padding:clamp(34px,4vw,56px) 0;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between}
.ix-end p{margin:0;font-size:18px;line-height:1.6;color:var(--ink2)}
.ix-end p b{color:var(--ink);font-weight:600}
.ix-end__btns{display:flex;flex-wrap:wrap;gap:12px}


@media (max-width:1180px){
  .ix-hero__grid{grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:36px}
  .ix-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  
  .ix-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-rel > a:last-child:nth-child(odd),.ix-rel > div:last-child:nth-child(odd){grid-column:span 2}
  
  .ix-chain__row{--n:var(--cols-md,3)}
  .ix-chain__cell{padding:18px 14px 16px}
  .ix-chain__note{min-height:0}
}
@media (max-width:1024px){
  .ix-hero__grid{grid-template-columns:1fr;align-items:start;gap:30px}
  .ix-nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
  .ix-nums>div:nth-child(2){border-bottom:1px solid var(--line)}
  .ix-split,.ix-split--wide{grid-template-columns:1fr;gap:32px}
  .ix-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}
  .ix-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
  .ix-bstats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
}
@media (max-width:860px){
  
  .ix-specs-2{grid-template-columns:1fr}
  
  .ix-chain__row{--n:3}
}
@media (max-width:768px){
  
  .ix-hero h1{font-size:38px}
  .ix-hero__lead,.ix-hero--solo .ix-hero__lead{font-size:18px}
  .ix-head--row{grid-template-columns:1fr;align-items:start;gap:12px}
  .ix-cards{grid-template-columns:1fr}
  .ix-card__body{padding:20px 20px 22px}
  .ix-card__body h3{font-size:22px}
  .ix-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-spec th{width:34%}
  .ix-tbl th,.ix-tbl td{padding:13px 12px}
  .ix-tbl thead th{padding:10px 12px}
  .ix-tbl thead th:first-child,.ix-tbl tbody th:first-child{padding-left:0}
  .ix-end{flex-direction:column;align-items:flex-start}
}
@media (max-width:600px){
  
  .ix-hero h1{font-size:32px}
  .ix-nums{grid-template-columns:1fr;gap:0}
  .ix-nums>div:nth-child(2){border-bottom:1px solid var(--line)}
  .ix-steps{grid-template-columns:1fr}
  .ix-cols{grid-template-columns:1fr;gap:22px}
  .ix-chain__row{--n:2}
  
  .ix-chain__cell:last-child:nth-child(odd){grid-column:span 2}
  
  .ix-tbl--stack thead{display:none}
  .ix-tbl--stack,.ix-tbl--stack tbody,.ix-tbl--stack tr{display:block;width:auto}
  .ix-tbl--stack tr{padding:16px 0;border-top:1px solid var(--line)}
  .ix-tbl--stack tbody tr:first-child{border-top:0;padding-top:0}
  .ix-tbl--stack tbody th{
    display:block;width:auto;padding:0 0 9px;border:0;
    font-size:17px;font-weight:600;line-height:1.4;color:var(--ink);
  }
  .ix-tbl--stack td{
    display:block;padding:0 0 7px;border:0;line-height:1.6;
    
    
    padding-left:calc(var(--lb,5.4em) + 12px);
    text-indent:calc(0em - var(--lb,5.4em) - 12px);
    text-wrap:pretty;
  }
  .ix-tbl--stack td:last-child{padding-bottom:0}
  .ix-tbl--stack td::before{
    content:attr(data-label);display:inline-block;width:calc(var(--lb,5.4em) + 12px);
    text-indent:0;color:var(--ink3);font-weight:400;
  }
  .ix-rel{grid-template-columns:1fr}
  .ix-rel > a:last-child:nth-child(odd),.ix-rel > div:last-child:nth-child(odd){grid-column:auto}
  .ix-list li{font-size:16px}
  
  .ix-prose p,.ix-hero__lead,.ix-hero--solo .ix-hero__lead,
  .ix-head__note,.ix-end p{font-size:16px}
  .ix-qa summary{font-size:16px;padding-right:36px}
  .ix-qa summary::after{right:4px}
}



.ix-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:clamp(22px,2.6vw,34px) 0 0}
.ix-subnav a{
  padding:9px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;
  font-size:16px;line-height:1.4;color:var(--ink2);transition:border-color .2s,color .2s,background .2s;
}
.ix-subnav a:hover{border-color:var(--main-line);color:var(--main-text);background:var(--main-soft)}
.ix-subnav a.is-on{background:var(--main-text);border-color:var(--main-text);color:#fff;font-weight:600}



.ix-posts{border-top:1px solid var(--line)}
.ix-posts__item{
  display:grid;grid-template-columns:234px minmax(0,1fr);gap:clamp(18px,2.6vw,32px);
  padding:26px 0;border-bottom:1px solid var(--line);
}
.ix-posts__pic{
  position:relative;
  display:block;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-sm);
  background:var(--bg);border:1px solid var(--line-2);
}
.ix-posts__pic img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s var(--ease)}
.ix-posts__item:hover .ix-posts__pic img{transform:scale(1.04)}

.ix-posts__pic::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(128% 104% at 50% 38%,rgba(8,46,72,0) 48%,rgba(8,46,72,.24) 100%),
    linear-gradient(180deg,rgba(8,46,72,.20) 0%,rgba(8,46,72,.03) 36%,rgba(8,46,72,.06) 66%,rgba(8,46,72,.33) 100%);
  mix-blend-mode:multiply;
}
.ix-posts__pic::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:#2A6E9E;mix-blend-mode:soft-light;opacity:.58;
}
/* 无封面文章：不装图，用一枚「排版封面」占住 16:10 的版面。
   全站 158 篇没有 ico，原来只留一个空 span —— 给照片用的两层蓝色叠加落在空底上，
   看上去就像图没加载出来。这里铺一条 PCB 走线的线稿（站点本身就是做板子的，
   用走线当纹理比放免责插图更贴题），叠一层冷调光带做出纵深。
   线稿是不重复的整幅构图（background-size:cover），不是平铺图样，
   所以不会出现壁纸式的重复感。
   z-index 2 压在 ::before/::after(z-index 1) 之上，顺带把那两层叠加盖掉，
   模板因此不需要判断有没有图，少一处 {pboot:if}。 */
.ix-posts__ph{
  position:absolute;inset:0;z-index:2;border-radius:inherit;
  background:
    radial-gradient(88% 120% at 88% -10%,rgba(255,255,255,.92),rgba(255,255,255,0) 62%),
    radial-gradient(120% 108% at 6% 104%,rgba(0,147,230,.13),rgba(0,147,230,0) 58%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='150' viewBox='0 0 240 150'%3E%3Cg fill='none' stroke='%230073BF' stroke-opacity='0.27' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M0 30h34l12 12h20'/%3E%3Cpath d='M0 48h30l12 12h20'/%3E%3Cpath d='M0 66h26l12 12h20'/%3E%3Cpath d='M240 40h-28l-10 10h-16'/%3E%3Cpath d='M240 100h-24l-10-10h-14'/%3E%3Cpath d='M96 0v20'/%3E%3Cpath d='M122 150v-24l-10-10v-16'/%3E%3Cpath d='M138 52h26v18h-26z'/%3E%3C/g%3E%3Cg fill='%230073BF' fill-opacity='0.27'%3E%3Ccircle cx='66' cy='42' r='3.2'/%3E%3Ccircle cx='62' cy='60' r='3.2'/%3E%3Ccircle cx='58' cy='78' r='3.2'/%3E%3Ccircle cx='186' cy='50' r='3.2'/%3E%3Ccircle cx='192' cy='90' r='3.2'/%3E%3Ccircle cx='96' cy='20' r='3.2'/%3E%3Ccircle cx='112' cy='100' r='3.2'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat,
    linear-gradient(158deg,#E9F3FA 0%,#F8FCFE 46%,#DCEAF5 100%);
  /* 奇偶交错镜像一道，长列表里连续十来张同款占位不至于像盖了同一个章 */
  transform:scale(var(--ph-x,1),1);
  transition:transform .7s var(--ease);
}
.ix-posts__item:nth-child(even) .ix-posts__ph{--ph-x:-1}
.ix-posts__item:hover .ix-posts__ph{transform:scale(calc(var(--ph-x,1) * 1.04),1.04)}
.ix-posts__body{display:flex;flex-direction:column;min-width:0}
.ix-posts__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  font-family:var(--font-mono);font-size:16px;line-height:1.4;color:var(--ink3);
  font-variant-numeric:tabular-nums;
}
.ix-posts__meta em{font-style:normal;font-family:var(--font-sans);color:var(--ink3)}
.ix-posts__meta i{width:3px;height:3px;border-radius:50%;background:var(--ink3);opacity:.6}
.ix-posts__body h3{
  margin:9px 0 0;font-size:22px;font-weight:700;line-height:1.45;letter-spacing:-.012em;
  color:var(--ink);transition:color .2s;text-wrap:pretty;
}
.ix-posts__item:hover h3{color:var(--main-text)}
.ix-posts__body p{
  margin:9px 0 0;font-size:16px;line-height:1.66;color:var(--ink2);text-wrap:pretty;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.ix-posts__go{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:14px;
  font-size:16px;font-weight:600;color:var(--main-text)}
.ix-posts__go svg{transition:transform .35s var(--ease)}
.ix-posts__item:hover .ix-posts__go svg{transform:translateX(4px)}


.ix-ind{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);
}
.ix-ind a{display:flex;flex-direction:column;background:#fff;padding:22px 22px 24px;
  transition:background .22s}
.ix-ind a:hover{background:var(--main-soft)}
.ix-ind__no{display:block;font-family:var(--font-mono);font-size:16px;font-weight:600;
  line-height:1.2;letter-spacing:.1em;color:var(--ink3);font-variant-numeric:tabular-nums}
.ix-ind a:hover .ix-ind__no{color:var(--main-text)}
.ix-ind h3{margin:11px 0 0;font-size:22px;font-weight:700;line-height:1.35;
  letter-spacing:-.015em;color:var(--ink);transition:color .2s}
.ix-ind a:hover h3{color:var(--main-text)}
.ix-ind p{margin:9px 0 0;font-size:16px;line-height:1.62;color:var(--ink2);text-wrap:pretty}
.ix-ind__tags{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0;padding-top:16px}
.ix-ind__tags i{font-style:normal;font-size:16px;line-height:1.4;padding:3px 9px;
  background:var(--bg);color:var(--ink2);border-radius:3px}
.ix-ind a:hover .ix-ind__tags i{background:#fff}


.ix-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.ix-card__tags i{
  font-style:normal;font-size:16px;line-height:1.4;padding:3px 9px;
  background:var(--bg);color:var(--ink2);border-radius:3px;
}



.ix-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  background:#fff;border:1px solid var(--line);border-bottom:0;margin-left:-1px}
.ix-gal figure{margin:0;background:#fff;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}

.ix-gal img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.ix-gal figcaption{padding:11px 14px 13px;font-size:16px;line-height:1.45;color:var(--ink3)}
.ix-gal a{display:block;overflow:hidden;position:relative}
/* 点开是灯箱放大，光标要说明这件事。只靠右下角的小放大镜图标，读者未必会注意。 */
.ix-gal a,.ix-cert a{cursor:zoom-in}

.ix-gal a::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(128% 104% at 50% 38%,rgba(8,46,72,0) 48%,rgba(8,46,72,.24) 100%),
    linear-gradient(180deg,rgba(8,46,72,.20) 0%,rgba(8,46,72,.03) 36%,rgba(8,46,72,.06) 66%,rgba(8,46,72,.33) 100%);
  mix-blend-mode:multiply;
}

.ix-gal__tint{
  position:absolute;inset:0;z-index:1;pointer-events:none;display:block;
  background:#2A6E9E;mix-blend-mode:soft-light;opacity:.45;
}
.ix-gal a img{transition:transform .7s var(--ease)}
.ix-gal a:hover img{transform:scale(1.04)}


.ix-gal a::after,.ix-cert a::after{
  content:"";position:absolute;width:30px;height:30px;border-radius:50%;z-index:1;
  background:rgba(2,15,23,.66) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21M10.5 7.8v5.4M7.8 10.5h5.4'/%3E%3C/svg%3E") center/15px 15px no-repeat;
  opacity:0;transition:opacity .25s;pointer-events:none;
}
.ix-gal a::after{right:9px;bottom:9px}
.ix-cert a::after{right:16px;top:16px}
.ix-gal a:hover::after,.ix-gal a:focus-visible::after,
.ix-cert a:hover::after,.ix-cert a:focus-visible::after{opacity:1}


.ix-card__play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:54px;height:54px;border-radius:50%;background:rgba(0,26,41,.72);
  display:grid;place-items:center;transition:background .25s,transform .25s var(--ease);
}
.ix-card__play::before{content:"";width:0;height:0;margin-left:3px;
  border-left:13px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.ix-card:hover .ix-card__play{background:var(--main);transform:translate(-50%,-50%) scale(1.08)}
.ix-card__dur{
  position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:3px;
  background:rgba(0,26,41,.78);color:#fff;font-family:var(--font-mono);
  font-size:16px;line-height:1.3;font-variant-numeric:tabular-nums;
}


.ix-cert{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.ix-cert a{
  display:block;position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:10px 10px 12px;transition:border-color .22s;
}
.ix-cert a:hover{border-color:var(--main)}

.ix-cert img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#fff}
.ix-cert h3{margin:10px 0 0;font-size:16px;font-weight:600;line-height:1.4;
  text-align:center;color:var(--ink)}
.ix-cert p{margin:3px 0 0;font-size:16px;line-height:1.4;text-align:center;color:var(--ink3)}


.ix-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line)}
.ix-logos div{background:#fff;display:grid;place-items:center;padding:26px 22px;aspect-ratio:16/6}
.ix-logos img{max-width:100%;max-height:100%;object-fit:contain;
  filter:grayscale(1);opacity:.7;transition:filter .3s,opacity .3s}
.ix-logos div:hover img{filter:none;opacity:1}


.ix-post{max-width:44em}
.ix-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 24px;
  font-size:16px;line-height:1.5;color:var(--ink3)}

.ix-hero .ix-post__meta{margin:16px 0 0}
.ix-post__meta em,.ix-post__meta time{font-style:normal;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
/* 日期用 <time datetime> 输出，机器能读到发布时间；视觉保持原来的等宽数字 */
.ix-post__lead{
  margin:0 0 clamp(26px,3vw,34px);padding-left:18px;border-left:2px solid var(--main);
  font-size:20px;line-height:1.72;color:var(--ink2);text-wrap:pretty;
}
.ix-post__hero{margin:0 0 clamp(26px,3vw,36px);border:1px solid var(--line);
  border-radius:var(--radius-md);overflow:hidden;background:var(--bg)}
.ix-post__hero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}


.ix-postnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;
  background:var(--line);border:1px solid var(--line);margin:clamp(32px,4vw,48px) 0 0}
.ix-postnav a{display:grid;gap:7px;padding:18px 22px;background:#fff;transition:background .2s}
.ix-postnav a:hover{background:var(--main-soft)}
.ix-postnav span{font-size:16px;line-height:1.4;color:var(--ink3)}
.ix-postnav b{font-size:18px;font-weight:600;line-height:1.5;color:var(--ink);
  transition:color .2s;text-wrap:pretty}
.ix-postnav a:hover b{color:var(--main-text)}
.ix-postnav a:only-child{grid-column:span 2}


.ix-prodfig{width:100%;max-width:560px;margin:0 auto;position:sticky;top:96px}
.ix-prodfig a{display:flex;align-items:center;justify-content:center;
  aspect-ratio:1/1;padding:clamp(12px,1.5vw,20px);position:relative;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--radius-md);background:#fff}
.ix-prodfig img{display:block;width:auto;height:auto;max-width:100%;max-height:100%}

.ix-prodfig a::after{
  content:"";position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;
  background:rgba(2,15,23,.66) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5 21 21M10.5 7.8v5.4M7.8 10.5h5.4'/%3E%3C/svg%3E") center/16px 16px no-repeat;
  opacity:0;transition:opacity .25s;pointer-events:none;
}
.ix-prodfig a:hover::after,.ix-prodfig a:focus-visible::after{opacity:1}
.ix-prodfig figcaption{margin-top:10px;
  font-size:16px;line-height:1.5;color:var(--ink3)}


.ix-post__h{
  margin:0 0 20px;font-size:clamp(24px,2.2vw,30px);font-weight:700;line-height:1.3;
  letter-spacing:-.018em;color:var(--ink);
}


.ix-rte .prod-point{
  margin:0 0 1.4em!important;padding:15px 18px!important;
  border-left:3px solid var(--main)!important;background:var(--main-soft)!important;
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
}
.ix-rte .prod-point p{margin:0!important}
.ix-rte .prod-point strong{color:var(--main-text)!important}


.ix-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:clamp(28px,3.4vw,40px) 0 0;padding:18px 0 0;border-top:1px solid var(--line)}
.ix-share__label{margin:0 8px 0 0;font-size:16px;line-height:1.5;color:var(--ink3)}
.ix-share__btn{appearance:none;-webkit-appearance:none;font-family:inherit;
  min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:#fff;font-size:16px;line-height:1.4;color:var(--ink2);cursor:pointer;
  transition:border-color .2s,color .2s,background-color .2s}
.ix-share__btn:hover{border-color:var(--main);color:var(--main-text);background:var(--main-soft)}
.ix-share__btn:active{border-color:var(--main-d);color:var(--main-d)}
.ix-share__btn:focus-visible{outline:2px solid var(--main-text);outline-offset:2px}

.ix-share__btn[aria-expanded="true"]{border-color:var(--main-text);background:var(--main-text);color:#fff}
.ix-share__tip{font-size:16px;line-height:1.5;color:var(--main-text)}
.ix-share__tip:empty{display:none}

@media (max-width:600px){
  .ix-share__label{flex:1 0 100%;margin:0 0 2px}
}


.ix-qrd{position:fixed;inset:0;z-index:400}
.ix-qrd[hidden]{display:none}

.ix-qrd__mask{position:absolute;inset:0;background:transparent}
.ix-qrd__box{position:absolute;top:0;left:0;
  padding:10px 16px 16px;background:#fff;border:1px solid var(--line);
  border-radius:8px;text-align:center;max-width:calc(100vw - 24px);
  box-shadow:0 12px 32px rgba(2,15,23,.16),0 2px 6px rgba(2,15,23,.06)}
.ix-qrd__title{margin:4px 0 0;padding:0 36px;font-size:17px;font-weight:700;
  line-height:1.4;color:var(--ink)}

.ix-qrd__code{display:block;width:fit-content;max-width:100%;margin:10px auto 0;padding:8px;
  background:#fff;border:1px solid var(--line);border-radius:6px;line-height:0}

.ix-qrd__img{display:block;width:186px;height:auto;max-width:100%}

.ix-qrd__hint{margin:10px auto 0;max-width:204px;font-size:16px;line-height:1.5;color:var(--ink3)}
.ix-qrd__fail{margin:8px auto 0;max-width:204px;font-size:16px;line-height:1.5;color:var(--ink2)}

.ix-qrd__close{position:absolute;top:4px;right:4px;width:36px;height:36px;
  display:grid;place-items:center;appearance:none;-webkit-appearance:none;
  padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink3);
  cursor:pointer;transition:color .2s,background-color .2s}
.ix-qrd__close:hover{color:var(--ink);background:var(--main-soft)}
.ix-qrd__close:focus-visible{outline:2px solid var(--main-text);outline-offset:2px}


.ix-share ~ .ix-pn{margin-top:18px;border-top:0}


.ix-pn{margin:clamp(32px,4vw,48px) 0 0;border-top:1px solid var(--line)}.ix-pn>div{display:flex;align-items:baseline;gap:16px;
  padding:15px 0;border-bottom:1px solid var(--line-2)}
.ix-pn>div:last-child{border-bottom:0}

.ix-pn>div:not(:has(>p>a)){display:none}
.ix-pn span{flex:0 0 auto;white-space:nowrap;font-size:16px;line-height:1.5;color:var(--ink3)}
.ix-pn p{margin:0;min-width:0;font-size:18px;font-weight:400;line-height:1.5;color:var(--ink3)}
.ix-pn p a{color:var(--ink);font-weight:600;transition:color .2s}
.ix-pn p a:hover{color:var(--main-text)}

.ix-post--prod{display:flex;flex-direction:column;align-self:stretch}
.ix-post--prod .ix-pn{margin-top:auto}



@media (min-width:1600px){
  .ix-doc .wrap{max-width:calc(1400px + var(--gutter) * 2)}
}


.ix-split--doc{grid-template-columns:minmax(0,1fr) clamp(280px,26vw,380px);gap:clamp(32px,4vw,64px)}

.ix-split--doc .ix-post,.ix-split--doc>.ix-rte,.ix-split--doc .ix-rte{max-width:none}
.ix-aside{display:grid;gap:22px;align-content:start;position:sticky;top:96px}
.ix-aside__box{border:1px solid var(--line);border-radius:var(--radius-md);
  background:#fff;padding:20px 22px 22px}
.ix-aside__box h2{margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.4;color:var(--ink)}
.ix-aside__list{display:grid;margin:0}
.ix-aside__list a{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  padding:10px 0;border-bottom:1px solid var(--line-2);
  font-size:16px;line-height:1.5;color:var(--ink2);transition:color .2s}
.ix-aside__list a:last-child{border-bottom:0;padding-bottom:0}
.ix-aside__list a:hover{color:var(--main-text)}
.ix-aside__list span{flex:0 0 auto;font-family:var(--font-mono);font-size:16px;
  color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.ix-aside__list b{display:block;flex:1 1 auto;min-width:0;font-weight:400;line-height:1.5}
.ix-aside__cta{background:var(--deep);border-radius:var(--radius-md);padding:22px}
.ix-aside__cta b{display:block;margin-bottom:8px;font-size:18px;font-weight:600;color:#fff;line-height:1.4}
.ix-aside__cta p{margin:0 0 16px;font-size:16px;line-height:1.62;color:rgba(255,255,255,.76)}
.ix-aside__cta .btn{width:100%;justify-content:center}
.ix-aside__tel{display:block;margin-top:14px;text-align:center;
  font-family:var(--font-mono);font-size:18px;font-weight:600;color:#fff;
  letter-spacing:.02em;font-variant-numeric:tabular-nums}
.ix-aside__tel:hover{color:var(--main)}




.ix-rte{font-size:18px;line-height:1.82;color:var(--ink2);max-width:none;text-wrap:pretty}

@media (min-width:1000px){
  .ix-rte--2col{max-width:none;column-count:2;column-gap:clamp(44px,4.6vw,80px)}
  .ix-rte--2col>*{break-inside:avoid-column}
  .ix-rte--2col :where(h3,h4){break-after:avoid-column}
  .ix-rte--2col :where(p,li){orphans:2;widows:2}
}

.ix-rte--fig{max-width:none}
.ix-rte--fig .ix-fig--org{max-width:1000px;margin:clamp(24px,3vw,36px) auto 0}

.ix-rte img{max-width:100%;height:auto}
/* 正文内链：全站 a 是继承色 + 无下划线（base.css），正文里的链接必须自己给样式，
   否则读者看不出哪一句能点。颜色 #0073BF 白底 4.99:1，符合 AA。
   灯箱图片链接不在此列，否则图下会多一条线。 */
.ix-rte a:not([data-lightbox]),.ix-svc-read a{
  color:var(--main-text);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:3px;text-decoration-color:rgba(0,115,191,.38);
  transition:color .2s,text-decoration-color .2s;
}
.ix-rte a:not([data-lightbox]):hover,.ix-svc-read a:hover{color:#005E9E;text-decoration-color:currentColor}
/* 服务页末尾的延伸阅读行：给「服务页 -> 技术文章」补一条上下文通路 */
.ix-svc-read{margin:20px 0 0;font-size:17px;line-height:1.75;color:var(--ink3)}
.ix-rte>*:first-child{margin-top:0!important}
.ix-rte :where(p,div,span,li,td,th,strong,b,em,i,u,font){
  font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;
  color:inherit!important;background:transparent!important;letter-spacing:inherit!important;
}
.ix-rte :where(h2,h3,h4,h5){
  font-family:var(--font-sans)!important;font-weight:700!important;color:var(--ink)!important;
  letter-spacing:-.018em!important;text-align:left!important;
}
.ix-rte :where(h2){font-size:clamp(24px,2.1vw,30px)!important;line-height:1.3!important;
  margin:2em 0 .7em!important}
.ix-rte :where(h3){font-size:22px!important;line-height:1.38!important;margin:1.7em 0 .6em!important}
.ix-rte :where(h4){font-size:18px!important;line-height:1.5!important;margin:1.5em 0 .5em!important}
.ix-rte :where(p){margin:0 0 1.05em!important}
.ix-rte :where(ul,ol){margin:0 0 1.2em!important;padding-left:1.5em!important}

.ix-rte :where(ul){list-style:disc!important}
.ix-rte :where(ol){list-style:decimal!important}
.ix-rte :where(li)::marker{color:var(--ink3)}
.ix-rte :where(li){margin:0 0 .45em!important}
.ix-rte :where(img){
  display:block!important;max-width:100%!important;height:auto!important;
  margin:1.7em 0!important;border-radius:var(--radius-md);
}
.ix-rte :where(table){
  width:100%!important;border-collapse:collapse!important;margin:1.7em 0!important;
  font-size:16px!important;table-layout:auto!important;
}
.ix-rte :where(td,th){
  padding:11px 14px!important;border-bottom:1px solid var(--line)!important;
  text-align:left!important;vertical-align:top;
}
.ix-rte :where(strong,b){font-weight:600!important;color:var(--ink)!important}
.ix-rte :where(a){color:var(--main-text)!important;text-decoration:underline;text-underline-offset:3px}
.ix-rte :where(blockquote){
  margin:1.5em 0!important;padding:2px 0 2px 20px!important;border-left:2px solid var(--main-line)!important;
}
.ix-rte :where(br){line-height:1.8}



.ix-form{display:grid;gap:18px;margin:0}
.ix-form .field{display:grid;gap:8px}
.ix-form label{font-size:16px;line-height:1.5;color:var(--ink2)}
.ix-form label i{font-style:normal;color:var(--err,#FF4D4F);margin-left:2px}
.ix-form input,.ix-form textarea{
  width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);
  background:#fff;font-family:inherit;font-size:16px;line-height:1.5;color:var(--ink);
  transition:border-color .2s,box-shadow .2s;
}
.ix-form input::placeholder,.ix-form textarea::placeholder{color:var(--ink3);opacity:.85}
.ix-form input:focus,.ix-form textarea:focus{
  outline:0;border-color:var(--main);box-shadow:0 0 0 3px var(--main-soft);
}
.ix-form textarea{min-height:132px;resize:vertical;line-height:1.68}
.ix-form .err{display:none;font-size:16px;line-height:1.4;color:#FF4D4F}
.ix-form .field.bad input,.ix-form .field.bad textarea{border-color:#FF4D4F}
.ix-form .field.bad .err{display:block}
.ix-form .code-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;align-items:center}
.ix-form .code-row img{height:48px;width:132px;object-fit:cover;border:1px solid var(--line);
  border-radius:var(--radius-sm);cursor:pointer;background:#fff}
.ix-form .agree{margin:0;font-size:16px;line-height:1.6;color:var(--ink3)}


.ix-info{margin:0;display:grid}
.ix-info>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;
  padding:14px 0;border-bottom:1px solid var(--line)}
.ix-info>div:first-child{padding-top:0}
.ix-info>div:last-child{border-bottom:0}
.ix-info dt{margin:0;font-size:16px;line-height:1.6;color:var(--ink3)}
.ix-info dd{margin:0;font-size:18px;line-height:1.6;color:var(--ink);font-weight:600}
.ix-info dd a{color:var(--main-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.ix-info dd em{font-style:normal;font-weight:400;color:var(--ink2);font-size:16px}
/* 地址后的地图入口：dd 内的 a 默认是等宽数字样式，这里单独拉回正文体 */
.ix-info__maps{display:flex;flex-wrap:wrap;gap:8px;margin:7px 0 0}
.ix-info__map{display:block;width:fit-content;margin:0;padding:2px 9px;
  border:1px solid var(--main-line);border-radius:6px;
  font-family:var(--font-sans);font-size:14px;font-weight:400;line-height:1.5;
  color:var(--main-text);text-decoration:none;white-space:nowrap;vertical-align:middle;
  transition:background .2s,color .2s,border-color .2s}
.ix-info__map:hover{background:var(--main);border-color:var(--main);color:#fff}

.ix-formbox{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:clamp(22px,2.6vw,32px);
}
.ix-formbox h2{margin:0;font-size:24px;font-weight:700;line-height:1.35;
  letter-spacing:-.015em;color:var(--ink)}

.ix-subhead{padding-bottom:14px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.ix-subhead h2{margin:0;font-size:24px;font-weight:700;line-height:1.35;
  letter-spacing:-.015em;color:var(--ink)}
.ix-formbox .tip{margin:8px 0 22px;font-size:16px;line-height:1.6;color:var(--ink2)}


.ix-qr{display:flex;align-items:center;gap:18px;margin:24px 0 0;padding-top:22px;
  border-top:1px solid var(--line)}
.ix-qr img{flex:0 0 auto;width:128px;height:128px;object-fit:contain;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:5px}
.ix-qr p{margin:0;font-size:16px;line-height:1.7;color:var(--ink2)}
.ix-qr b{display:block;margin:0 0 4px;font-size:18px;font-weight:600;color:var(--ink)}


.ix-pager{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:clamp(32px,4vw,48px) 0 0;padding-top:clamp(22px,2.6vw,30px);border-top:1px solid var(--line)}
.ix-pager a,.ix-pager span{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
  padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);
  font-size:16px;line-height:1;color:var(--ink2);font-variant-numeric:tabular-nums;
  transition:border-color .2s,color .2s,background .2s;
}
.ix-pager a:hover{border-color:var(--main);color:var(--main-text);background:var(--main-soft)}

.ix-pager .is-on{background:var(--main-text);border-color:var(--main-text);color:#fff;font-weight:600}

.ix-pager .page-num-current{background:var(--main-text);border-color:var(--main-text);
  color:#fff;font-weight:600}

.ix-pager a[href^="javascript"]{color:var(--ink3);pointer-events:none;
  border-color:var(--line-2);background:#fff}
.ix-pager .is-off{color:var(--ink3);border-color:var(--line-2);background:#fff}


.ix-cases{counter-reset:case}
.ix-cases .ix-card{counter-increment:case}
.ix-cases .ix-card__no::before{content:counter(case,decimal-leading-zero)}


.ix-cases--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ix-cases--4 .ix-card__pic{aspect-ratio:1/1;background:#fff}
.ix-cases--4 .ix-card__pic img{object-fit:contain;padding:14px;transition:none}
.ix-cases--4 .ix-card:hover .ix-card__pic img{transform:none}
.ix-cases--4 .ix-card__body{padding:20px 20px 22px}
/* 产品卡标题最长 33 字，20px 下最多占 3 行。定高 3 行 + 截断，
   让同一行卡片的描述起点对齐（原来 2 行/3 行混排，描述参差不齐）。 */
.ix-cases--4 .ix-card__body h3{
  font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;min-height:calc(3 * 1.35em)}

.ix-cases--4 .ix-card__no{display:none}
@media (max-width:1180px){.ix-cases--4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.ix-cases--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ix-cases--4{grid-template-columns:1fr}}




.ix-rel--prod{display:flex;flex-wrap:wrap;gap:20px}

.ix-rel--prod .ix-card:nth-child(n+5){display:none}

.ix-rel--prod:not(:has(.ix-card)){display:none}
.ix-relset:has(.ix-rel--prod--match .ix-card:nth-child(3)) .ix-rel--prod--fallback{display:none}
.ix-relset:not(:has(.ix-rel--prod--match .ix-card:nth-child(3))) .ix-rel--prod--match{display:none}
.ix-rel--prod .ix-card{
  flex:1 1 calc((100% - 60px) / 4);
  max-width:calc((100% - 60px) / 4);
  border:1px solid var(--line);
}
.ix-rel--prod .ix-card__pic{aspect-ratio:1/1;background:#fff}
.ix-rel--prod .ix-card__pic img{object-fit:contain;padding:14px;transition:none}
.ix-rel--prod .ix-card:hover .ix-card__pic img{transform:none}
.ix-rel--prod .ix-card__body{padding:18px 18px 20px}
.ix-rel--prod .ix-card__body h3{
  font-size:18px;line-height:1.5;font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
@media (max-width:1180px){
  .ix-rel--prod{gap:16px}
  .ix-rel--prod .ix-card{flex-basis:calc((100% - 32px) / 3);max-width:calc((100% - 32px) / 3)}
}
@media (max-width:900px){
  .ix-rel--prod .ix-card{flex-basis:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2)}
}
@media (max-width:600px){
  .ix-rel--prod .ix-card{flex-basis:100%;max-width:100%}
  
  .ix-rel--prod .ix-card__pic{aspect-ratio:16/10}
}





.ix-proc{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;background:var(--line);border:1px solid var(--line);
  counter-reset:proc;
}
.ix-proc__item{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;
  align-content:start;background:#fff;padding:26px 26px 24px;
  counter-increment:proc;transition:background .3s var(--ease);
}
.ix-proc__item:hover{background:var(--bg)}
.ix-proc__item:hover h3{color:var(--main-text)}
.ix-proc__no{
  grid-row:span 2;padding-top:2px;
  font-family:var(--font-mono);font-size:16px;font-weight:700;
  color:var(--main-text);font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
.ix-proc__no::before{content:counter(proc,decimal-leading-zero)}
.ix-proc h3{
  margin:0;font-size:22px;font-weight:700;line-height:1.35;color:var(--ink);
  transition:color .25s;
}
.ix-proc p{margin:0;font-size:16px;line-height:1.72;color:var(--ink2)}

.ix-proc--fill .ix-proc__item:last-child{grid-column:span 3}



.ix-tl{margin:0;border-top:1px solid var(--line)}
.ix-tl__row{
  
  display:grid;grid-template-columns:190px minmax(0,1fr);
  gap:clamp(16px,3vw,52px);padding:clamp(22px,2.6vw,30px) 0;
  border-bottom:1px solid var(--line);
}
.ix-tl__year{
  font-family:var(--font-mono);font-size:clamp(22px,2.1vw,30px);font-weight:700;
  line-height:1.1;letter-spacing:-.02em;color:var(--ink);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}

.ix-tl__year::after{
  content:"";display:block;width:28px;height:2px;margin-top:14px;background:var(--main);
}
.ix-tl__body h3{
  margin:0;font-size:22px;font-weight:700;line-height:1.38;letter-spacing:-.012em;
  color:var(--ink);text-wrap:pretty;
}
.ix-tl__body p{
  margin:10px 0 0;font-size:18px;line-height:1.75;color:var(--ink2);
  text-wrap:pretty;
}


@media (max-width:1180px){
  .ix-ind{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ix-gal{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ix-cert{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ix-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1024px){
  .ix-split--doc{grid-template-columns:1fr;gap:32px}
  .ix-aside{position:static}
  .ix-aside__box{max-width:none}
  .ix-posts__item{grid-template-columns:196px minmax(0,1fr)}
  .ix-cert{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ix-info>div{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .ix-proc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-proc--fill .ix-proc__item:last-child{grid-column:span 2}
}
@media (max-width:860px){
  
  .ix-bstats,.ix-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-ind{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-posts__item{grid-template-columns:170px minmax(0,1fr);padding:22px 0}
  .ix-posts__body h3{font-size:20px}
  .ix-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-cert{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ix-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-post__lead{font-size:18px}
}
@media (max-width:768px){
  
  .ix-posts__item{grid-template-columns:1fr;gap:14px;padding:20px 0}
  .ix-posts__pic{aspect-ratio:16/9}
  .ix-posts__go{display:none}
  .ix-postnav{grid-template-columns:1fr}
  .ix-postnav a:only-child{grid-column:auto}
  .ix-form .code-row{grid-template-columns:minmax(0,1fr) 116px}
  .ix-form .code-row img{width:116px;height:44px}
  
  .ix-proc{grid-template-columns:1fr}
  .ix-proc--fill .ix-proc__item:last-child{grid-column:auto}
  
  .ix-tl__row{grid-template-columns:1fr;gap:12px}
  .ix-tl__year{display:flex;align-items:center;gap:14px}
  .ix-tl__year::after{margin-top:0;flex:0 0 auto}
  .ix-tl__body p{font-size:16px}
}
@media (max-width:600px){
  .ix-bstats,.ix-steps{grid-template-columns:1fr}
  .ix-ind{grid-template-columns:1fr}
  .ix-cert{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-gal{grid-template-columns:1fr}
  .ix-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ix-logos div{padding:18px 14px}
  .ix-subnav a{padding:8px 12px}
}


@media (max-width:1024px){
  .ix-prodfig{position:static}
}


/* ============ 组织架构：分层卡片 + 树脊连线 ============
   原来挂的是一张 1000×562 的 PNG，模板里却写死 height="700"，纵向被拉长 24%，
   图里的宋体字全部溢出方框（"特殊工艺房""功能维修房""周转仓"都出了格），
   右侧 40% 是空白，连线也没对准——读者基本读不出层级。
   改成 HTML 结构：文字可选中、可被搜索与 AI 读到，字体跟随站点，且能响应式。
   注意：这个组件必须放在 .ix-rte 外面。.ix-rte :where(div,span,p,li…)
   会把 font-size / color / background 全部 !important 锁成继承值，放里面样式全废。
*/
.ix-org{margin:clamp(26px,3.2vw,40px) 0 0;--org-gap:12px;--org-line:#C3D8E5}

/* 顶层：总经理 */
.ix-org__top{display:flex;flex-direction:column;align-items:center}
.ix-org__chief{
  display:inline-flex;align-items:center;gap:11px;
  padding:13px 34px;border-radius:var(--radius-md);
  background:var(--deep);color:#fff;
  font-size:17px;font-weight:700;letter-spacing:.04em;
  box-shadow:0 8px 22px -10px rgba(0,26,41,.55);
}
.ix-org__chief::before{
  content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:var(--main-l);box-shadow:0 0 0 3px rgba(39,174,242,.22);
}
/* 总经理向下的竖线 */
.ix-org__top::after{
  content:"";flex:0 0 auto;width:1px;height:26px;background:var(--org-line);
}

/* 第二层：九个部门横排 */
.ix-org__list{
  position:relative;display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:var(--org-gap);
  padding:26px 0 0;margin:0;list-style:none;
}
/* 顶部横线：精确落在首列中心到末列中心 */
.ix-org__list::before{
  content:"";position:absolute;top:0;height:1px;background:var(--org-line);
  left:calc((100% - 8 * var(--org-gap)) / 18);
  right:calc((100% - 8 * var(--org-gap)) / 18);
}
/* 每列引到横线的竖线 */
.ix-org__list > li{position:relative;margin:0}
.ix-org__list > li::before{
  content:"";position:absolute;left:50%;top:-26px;width:1px;height:26px;
  background:var(--org-line);transform:translateX(-.5px);
}
.ix-org__unit{
  display:flex;align-items:center;justify-content:center;
  min-height:46px;padding:8px 6px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  font-size:16px;font-weight:600;color:var(--ink);text-align:center;
  transition:border-color .2s,background .2s,color .2s;
}
.ix-org__unit:hover{border-color:var(--main-line);background:var(--main-soft);color:var(--main-text)}
/* 有下属的部门：底边中央一小段主色线，表示「这格往下展开」，
   跟下面分块卡片的标题竖条是同一套标记语言，读者能把两处对上。 */
.ix-org__unit.is-parent{position:relative;border-color:rgba(0,147,230,.34)}
.ix-org__unit.is-parent::after{
  content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);
  width:26px;height:2px;border-radius:2px;background:var(--main);
}

/* 第三、四层：有下属的部门分块展开 */
.ix-org__branches{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  margin-top:clamp(20px,2.4vw,28px);
  align-items:stretch;
}
.ix-org__branch{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:16px 22px 14px;
}
.ix-org__branch--wide{grid-column:1/-1}
.ix-org__branch > h3{
  display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;
  margin:0 0 2px!important;padding:0 0 12px!important;
  border-bottom:1px solid var(--line);
  font-size:17px!important;font-weight:700!important;color:var(--ink)!important;
  line-height:1.4!important;letter-spacing:0!important;text-align:left!important;
}
.ix-org__branch > h3 span{
  font-size:14px;font-weight:400;color:var(--ink3);letter-spacing:0;
}
/* 标题竖条：与部门卡上的主色短线呼应，表明这格属于哪个部门 */
.ix-org__branch > h3::before{
  content:"";flex:0 0 auto;align-self:center;
  width:3px;height:15px;border-radius:2px;background:var(--main);
}
/* 生产部的四行：车间 + 产线/岗位。左侧一条树脊把四行串成一棵树，
   每行一个折角拐进车间名——这样「生产部 → 车间 → 岗位」的层级一眼能读出来。 */
/* 生产部四行拆两列：单列时右侧会空掉三分之二，两列各带一条树脊刚好铺满 */
.ix-org__cols{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
.ix-org__rows{position:relative;margin:0;padding:0 0 0 17px}
.ix-org__rows::before{
  content:"";position:absolute;left:3px;top:22px;bottom:20px;width:1px;
  background:var(--org-line);
}
.ix-org__rows > div{
  display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:start;
  padding:11px 0;margin:0;
  border-bottom:1px dashed var(--line-2);
}
.ix-org__rows > div:last-child{border-bottom:0;padding-bottom:2px}
.ix-org__rows dt{
  position:relative;padding-left:0;
  font-size:16px;font-weight:600;color:var(--ink);line-height:1.55;
}
/* 分支折角：从树脊横拐到车间名 */
.ix-org__rows dt::before{
  content:"";position:absolute;left:-14px;top:.72em;
  width:14px;height:1px;background:var(--org-line);
}
.ix-org__rows dd{margin:0;display:flex;flex-wrap:wrap;gap:7px}
/* 单层部门（品质/仓储/组装）直接铺一行标签 */
.ix-org__chips{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0!important}
.ix-org__rows dd i,.ix-org__chips i{
  display:inline-block;font-style:normal;white-space:nowrap;
  padding:3px 11px;border-radius:4px;
  background:var(--bg);color:var(--ink2);
  font-size:15px;line-height:1.55;
  transition:background .2s,color .2s;
}
.ix-org__rows dd i:hover,.ix-org__chips i:hover{background:var(--main-soft);color:var(--main-text)}

/* 九列要放得下「四个字 + 内边距」，实测低于 1200 就会因滚动条挤压而溢出，
   所以断点定在 1199 而不是 1024。低于此宽度改为三列、不画连线。 */
@media (max-width:1199px){
  .ix-org__list{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0;gap:10px}
  .ix-org__list::before,.ix-org__list > li::before{content:none}
  .ix-org__top::after{display:none}
  .ix-org__branches{grid-template-columns:1fr;margin-top:20px}
  .ix-org__branch--wide{grid-column:auto}
  .ix-org__cols{grid-template-columns:1fr;gap:0}
}
@media (max-width:600px){
  .ix-org__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  /* 九个部门是奇数，两列时最后一格会空半边，让它通栏收尾 */
  .ix-org__list > li:last-child:nth-child(odd){grid-column:1/-1}
  .ix-org__unit{min-height:42px;font-size:15px}
  .ix-org__branch{padding:14px 16px 12px}
  .ix-org__rows > div{grid-template-columns:1fr;gap:7px;padding:10px 0}
  .ix-org__rows dt{font-size:15px}
  .ix-org__branch > h3{font-size:16px!important}
}