.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4{
  --bg:oklch(0.15 0.03 88);
  --surface:oklch(0.21 0.045 88);
  --surface-2:oklch(0.235 0.045 88);
  --surface-3:oklch(0.26 0.045 88);
  --primary:oklch(0.72 0.12 88);
  --primary-deep:oklch(0.66 0.11 88);
  --primary-lift:oklch(0.80 0.13 88);
  --secondary:oklch(0.62 0.12 56);
  --accent:oklch(0.78 0.14 238);
  --accent-2:oklch(0.90 0.1 238);
  --text:oklch(0.94 0.02 88);
  --muted:oklch(0.64 0.03 88);
  --line:oklch(0.34 0.03 88);
  --line-soft:oklch(0.30 0.03 88 / .7);
  --container:1140px; --container-lg:1400px; --container-xl:1680px;
  --gutter:clamp(12px,2.1vw,28px);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --r-sm:14px; --r-md:20px; --r-lg:26px; --r-pill:999px;
  --sh-1:0 1px 0 rgba(255,255,255,.05) inset,0 2px 8px rgba(0,0,0,.35);
  --sh-2:0 1px 0 rgba(255,255,255,.06) inset,0 12px 30px rgba(0,0,0,.45);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 26px 64px rgba(0,0,0,.55);
  --sh-neu:
     -6px -6px 14px rgba(255,238,205,.06),
      8px 8px 20px rgba(0,0,0,.55),
      0 1px 0 rgba(255,255,255,.05) inset;
  --sh-neu-in:
      6px 6px 14px rgba(0,0,0,.6) inset,
     -6px -6px 14px rgba(255,238,205,.05) inset;
  --fs-xs:clamp(.71rem,.69rem + .1vw,.77rem);
  --fs-sm:clamp(.81rem,.79rem + .15vw,.88rem);
  --fs-md:clamp(.94rem,.89rem + .25vw,1.03rem);
  --fs-lg:clamp(1.12rem,1.02rem + .5vw,1.34rem);
  --fs-xl:clamp(1.42rem,1.24rem + .95vw,1.86rem);
  --fs-2xl:clamp(1.78rem,1.42rem + 1.9vw,2.7rem);
  --fs-3xl:clamp(2.3rem,1.75rem + 2.9vw,3.5rem);
  --lh-tight:1.12; --lh-snug:1.32; --lh-body:1.6;
  --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.15s; --t-base:.25s; --t-slow:.45s;
  --font: "PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  box-sizing:border-box; width:100%; max-width:100%;
  display:block; position:relative; overflow-x:clip;
  background:
    radial-gradient(880px 500px at 88% -6%, oklch(0.28 0.06 88 / .5), transparent 62%),
    radial-gradient(700px 440px at -8% 30%, oklch(0.26 0.05 56 / .42), transparent 60%),
    var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:var(--fs-md);
  line-height:var(--lh-body);
  letter-spacing:.005em;
  overflow-wrap:break-word;
  word-break:break-word;
  -webkit-font-smoothing:antialiased;
  padding-bottom:var(--sp-7);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 *,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 *::before,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 *::after{box-sizing:border-box;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 img{max-width:100%;height:auto;display:block;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 svg{max-width:100%;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 a{color:inherit;text-decoration:none;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 p,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 h1,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 h2,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 h3,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 h4{margin:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 ul,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 ol{margin:0;padding:0;list-style:none;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 :focus-visible{
  outline:2px solid var(--accent-2); outline-offset:3px; border-radius:var(--r-sm);
}

/* ---- 顶部提示条 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-notice{
  display:flex; align-items:center; gap:var(--sp-2); flex-wrap:wrap;
  padding:var(--sp-2) var(--gutter);
  background:linear-gradient(90deg, oklch(0.185 0.04 88), oklch(0.235 0.05 88));
  border-bottom:1px solid var(--line);
  box-shadow:var(--sh-1);
  font-size:var(--fs-sm); color:var(--muted);
  position:relative; z-index:60;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-notice__dot{
  width:8px;height:8px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px oklch(0.78 0.14 238 / .16); flex:none;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-notice__txt{color:var(--text); font-weight:700; letter-spacing:.03em;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-notice__meta{margin-left:auto; color:var(--muted); font-size:var(--fs-xs); letter-spacing:.08em; text-transform:uppercase;}

/* ---- 结构：粘性侧栏目录 + 正文（文档知识库式） ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-shell{
  width:100%; max-width:var(--container); margin:0 auto; padding:0 var(--gutter);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-doc{
  display:grid; grid-template-columns:minmax(0,232px) minmax(0,1fr);
  gap:clamp(14px,2.2vw,30px); align-items:start;
  padding-top:var(--sp-5);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail{
  position:sticky; top:var(--sp-4); align-self:start;
  min-width:0;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail__inner{
  background:linear-gradient(150deg, oklch(0.23 0.045 88), oklch(0.185 0.04 88));
  border-radius:var(--r-lg); padding:var(--sp-4);
  box-shadow:var(--sh-neu); border:1px solid var(--line-soft);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail__brand{
  display:flex; align-items:center; gap:var(--sp-2); padding-bottom:var(--sp-3);
  border-bottom:1px solid var(--line); margin-bottom:var(--sp-3);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail__mark{
  width:34px;height:34px;border-radius:12px;flex:none;
  display:grid;place-items:center;
  background:linear-gradient(145deg, oklch(0.28 0.05 88), oklch(0.20 0.04 88));
  box-shadow:var(--sh-neu); color:var(--primary);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail__name{font-size:var(--fs-sm); font-weight:800; letter-spacing:.02em; line-height:1.2; display:block;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail__sub{font-size:var(--fs-xs); color:var(--muted); letter-spacing:.05em; display:block;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail__title{
  font-size:var(--fs-xs); color:var(--muted); letter-spacing:.16em; text-transform:uppercase; margin-bottom:var(--sp-2);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-toc{display:flex; flex-direction:column; gap:var(--sp-1);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-toc__link{
  display:flex; align-items:center; gap:var(--sp-2);
  min-height:38px; padding:var(--sp-2) var(--sp-3);
  border-radius:var(--r-sm); font-size:var(--fs-sm); color:var(--muted);
  transition:color var(--t-fast) var(--ease), background var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), transform var(--t-base) var(--ease-out);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-toc__num{
  font-variant-numeric:tabular-nums; font-weight:800; font-size:var(--fs-xs);
  color:var(--primary); opacity:.75; flex:none;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-toc__link:hover,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-toc__link:focus-visible{
  color:var(--text); background:oklch(0.26 0.045 88 / .65); box-shadow:var(--sh-neu-in); transform:translateX(2px);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail__foot{
  margin-top:var(--sp-4); padding-top:var(--sp-3); border-top:1px solid var(--line);
  font-size:var(--fs-xs); color:var(--muted); line-height:1.5;
}

/* ---- 主栏 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-main{min-width:0; display:flex; flex-direction:column; gap:var(--sp-6);}

/* ---- Hero：内嵌色带 + 巨型描边序号 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero{
  position:relative; border-radius:var(--r-lg); overflow:hidden;
  background:linear-gradient(160deg, oklch(0.24 0.05 88), oklch(0.18 0.04 88) 62%);
  border:1px solid oklch(0.31 0.035 88 / .8);
  box-shadow:var(--sh-3);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__band{
  position:absolute; inset:auto -12% 46% -12%; height:120px;
  background:linear-gradient(90deg, oklch(0.72 0.12 88 / .16), oklch(0.62 0.12 56 / .10) 55%, transparent);
  transform:rotate(-4.2deg); transform-origin:left center;
  pointer-events:none;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__grid{
  position:relative; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:0; align-items:stretch;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__copy{padding:clamp(18px,2.4vw,34px); min-width:0; position:relative;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-ghost{
  font-size:clamp(4.6rem,12vw,9.6rem); line-height:.78; font-weight:900;
  letter-spacing:-.06em; color:transparent;
  -webkit-text-stroke:2px oklch(0.72 0.12 88 / .28);
  position:absolute; top:clamp(4px,1vw,12px); right:clamp(8px,1.6vw,22px);
  pointer-events:none; user-select:none; z-index:0;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__eyebrow{
  position:relative; z-index:1;
  display:inline-flex; align-items:center; gap:var(--sp-2);
  padding:6px var(--sp-3); border-radius:var(--r-pill);
  background:oklch(0.26 0.045 88); box-shadow:var(--sh-neu-in);
  font-size:var(--fs-xs); letter-spacing:.14em; color:var(--primary); text-transform:uppercase;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__title{
  position:relative; z-index:1;
  margin:var(--sp-3) 0;
  font-size:clamp(1.85rem,1.15rem + 3.3vw,3.05rem);
  line-height:var(--lh-tight); font-weight:900; letter-spacing:-.035em;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__title em{
  font-style:normal; color:var(--primary);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__lede{
  position:relative; z-index:1; color:var(--muted); font-size:var(--fs-sm); max-width:52ch; line-height:var(--lh-body);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__acts{position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:var(--sp-3); margin-top:var(--sp-4);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2);
  min-height:44px; padding:0 var(--sp-5); border-radius:var(--r-pill);
  font-size:var(--fs-sm); font-weight:700; letter-spacing:.02em;
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), color var(--t-fast) var(--ease), filter var(--t-fast) var(--ease);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-btn--primary{
  color:oklch(0.17 0.03 88);
  background:linear-gradient(145deg, var(--primary-lift), var(--primary-deep));
  box-shadow:var(--sh-neu);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-btn--ghost{
  color:var(--text); background:oklch(0.24 0.045 88); box-shadow:var(--sh-neu);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-btn:hover{transform:translateY(-2px); box-shadow:var(--sh-2);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-btn:active{transform:translateY(0); box-shadow:var(--sh-neu-in);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-btn--primary:hover{filter:brightness(1.04);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__stats{
  position:relative; z-index:1;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-3); margin-top:var(--sp-4);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-stat{
  padding:var(--sp-3); border-radius:var(--r-sm);
  background:var(--surface-2); box-shadow:var(--sh-neu); min-width:0;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-stat__n{
  font-size:var(--fs-lg); font-weight:900; letter-spacing:-.02em; color:var(--accent-2);
  font-variant-numeric:tabular-nums; line-height:1.2;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-stat__l{font-size:var(--fs-xs); color:var(--muted); line-height:1.4;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__media{
  position:relative; min-width:0; border-left:1px solid oklch(0.32 0.03 88 / .6);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__frame{
  position:relative; height:100%; min-height:220px; overflow:hidden;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__frame img{
  width:100%; height:100%; object-fit:cover; aspect-ratio:4/3;
  filter:saturate(.86) contrast(1.04) brightness(.94);
  animation:sf-float 9s var(--ease) infinite alternate; will-change:transform;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__tag{
  position:absolute; left:var(--sp-4); bottom:var(--sp-4); z-index:2;
  display:flex; align-items:center; gap:var(--sp-2);
  padding:var(--sp-2) var(--sp-3); border-radius:var(--r-pill);
  background:oklch(0.18 0.04 88 / .86);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
  border:1px solid oklch(0.34 0.03 88 / .8);
  font-size:var(--fs-xs); color:var(--text);
}

/* ---- 通用区块 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec{min-width:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec__head{display:flex; align-items:flex-end; gap:var(--sp-3) var(--sp-4); flex-wrap:wrap; margin-bottom:var(--sp-4);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec__kicker{
  font-size:var(--fs-xs); letter-spacing:.18em; text-transform:uppercase; color:var(--accent);
  display:flex; align-items:center; gap:var(--sp-2);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec__kicker::before{
  content:""; width:22px; height:2px; border-radius:2px; background:var(--accent); flex:none;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec__title{
  font-size:var(--fs-xl); font-weight:900; letter-spacing:-.03em; line-height:var(--lh-tight);
  width:100%;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec__note{font-size:var(--fs-sm); color:var(--muted); max-width:64ch;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-panel{
  border-radius:var(--r-lg); padding:clamp(16px,2vw,26px);
  background:linear-gradient(160deg, oklch(0.225 0.045 88), oklch(0.185 0.04 88));
  border:1px solid var(--line-soft);
  box-shadow:var(--sh-neu);
}

/* ---- 价格/服务档位 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tiers{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-4);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier{
  min-width:0; border-radius:var(--r-md); padding:var(--sp-4);
  background:var(--surface-2); box-shadow:var(--sh-neu);
  display:flex; flex-direction:column; gap:var(--sp-3);
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier:hover{transform:translateY(-3px); box-shadow:var(--sh-2);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier--hot{
  background:linear-gradient(155deg, oklch(0.27 0.055 88), oklch(0.215 0.045 88));
  outline:1px solid oklch(0.72 0.12 88 / .45);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__badge{
  align-self:flex-start; font-size:var(--fs-xs); letter-spacing:.12em; text-transform:uppercase;
  padding:4px var(--sp-2); border-radius:var(--r-pill);
  color:oklch(0.17 0.03 88); background:var(--primary); font-weight:800;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__name{font-size:var(--fs-lg); font-weight:900; letter-spacing:-.02em; line-height:var(--lh-snug);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__price{display:flex; align-items:baseline; gap:6px; flex-wrap:wrap;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__price b{font-size:var(--fs-2xl); font-weight:900; letter-spacing:-.04em; color:var(--accent-2); font-variant-numeric:tabular-nums; line-height:1.05;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__price span{font-size:var(--fs-xs); color:var(--muted);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__list{display:flex; flex-direction:column; gap:var(--sp-2); font-size:var(--fs-sm); color:var(--muted);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__list li{display:flex; gap:var(--sp-2); align-items:flex-start; line-height:1.5; min-width:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__list li::before{
  content:""; width:6px; height:6px; margin-top:7px; border-radius:50%; flex:none;
  background:var(--accent); box-shadow:0 0 0 3px oklch(0.78 0.14 238 / .15);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tier__meta{font-size:var(--fs-xs); color:var(--muted); border-top:1px dashed var(--line); padding-top:var(--sp-2); margin-top:auto;}

/* ---- 纯 CSS 标签页（价格档位详表） ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tabs{margin-top:var(--sp-4);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tabs > input{position:absolute; opacity:0; pointer-events:none; width:1px; height:1px;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tabs__bar{display:flex; gap:var(--sp-2); flex-wrap:wrap; margin-bottom:var(--sp-3);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tabs__bar label{
  display:inline-flex; align-items:center; min-height:42px; padding:0 var(--sp-4);
  border-radius:var(--r-pill); font-size:var(--fs-sm); color:var(--muted); cursor:pointer;
  background:oklch(0.225 0.045 88); box-shadow:var(--sh-neu);
  transition:color var(--t-fast) var(--ease), box-shadow var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tabs__bar label:hover{color:var(--text); transform:translateY(-1px);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tabs__pane{display:block;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 #sf-t1:checked ~ .sf-tabs__bar label[for="sf-t1"],
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 #sf-t2:checked ~ .sf-tabs__bar label[for="sf-t2"],
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 #sf-t3:checked ~ .sf-tabs__bar label[for="sf-t3"]{
  color:oklch(0.17 0.03 88); background:var(--primary); box-shadow:var(--sh-neu-in);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table{width:100%; border-collapse:collapse; font-size:var(--fs-sm);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table caption{text-align:left; color:var(--muted); font-size:var(--fs-xs); padding-bottom:var(--sp-2);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table th,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table td{
  text-align:left; padding:var(--sp-2) var(--sp-3); border-bottom:1px solid var(--line); vertical-align:top;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table tbody tr:last-child th,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table tbody tr:last-child td{border-bottom:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table th{color:var(--primary); font-weight:800; font-size:var(--fs-xs); letter-spacing:.06em; text-transform:uppercase;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table td{color:var(--muted);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table td b{color:var(--text); font-variant-numeric:tabular-nums;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table tbody tr{transition:background var(--t-fast) var(--ease);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table tbody tr:hover{background:oklch(0.26 0.045 88 / .4);}

/* ---- 实用指导清单 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-steps{display:flex; flex-direction:column; gap:0; counter-reset:sfstep;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step{
  position:relative; display:grid; grid-template-columns:minmax(0,60px) minmax(0,1fr);
  gap:var(--sp-4); padding:var(--sp-4) 0;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step:first-child{padding-top:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step:last-child{padding-bottom:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step + .sf-step{border-top:1px solid var(--line);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step__idx{
  position:relative; display:grid; place-items:center;
  width:50px; height:50px; border-radius:var(--r-sm);
  background:var(--surface-2); box-shadow:var(--sh-neu);
  font-weight:900; font-size:var(--fs-lg); color:transparent;
  -webkit-text-stroke:1.6px var(--primary);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step__idx::after{
  content:""; position:absolute; left:50%; top:100%; width:2px; height:var(--sp-4);
  transform:translateX(-50%); background:linear-gradient(var(--line), transparent);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step:last-child .sf-step__idx::after{display:none;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step__body{min-width:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step__title{font-size:var(--fs-md); font-weight:800; letter-spacing:-.01em; margin-bottom:var(--sp-1); line-height:var(--lh-snug);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step__desc{font-size:var(--fs-sm); color:var(--muted);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-kpi{
  display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-top:var(--sp-2);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-kpi span{
  font-size:var(--fs-xs); padding:3px var(--sp-2); border-radius:var(--r-pill);
  background:var(--surface-3); box-shadow:var(--sh-neu-in); color:var(--accent-2);
  font-variant-numeric:tabular-nums; font-weight:700;
}

/* ---- 图文混排特写 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-feature{
  display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:clamp(14px,2vw,26px); align-items:center;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-feature__media{
  position:relative; border-radius:var(--r-md); overflow:hidden; box-shadow:var(--sh-2);
  aspect-ratio:16/11; min-width:0;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-feature__media img{width:100%; height:100%; object-fit:cover; aspect-ratio:16/11;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-feature__chip{
  position:absolute; left:var(--sp-3); top:var(--sp-3); z-index:2;
  font-size:var(--fs-xs); padding:4px var(--sp-2); border-radius:var(--r-pill);
  background:oklch(0.18 0.04 88 / .85); border:1px solid oklch(0.34 0.03 88 / .8); color:var(--text);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-feature__body{min-width:0; display:flex; flex-direction:column; gap:var(--sp-3);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-feature__body h3{font-size:var(--fs-lg); font-weight:900; letter-spacing:-.025em; line-height:var(--lh-snug);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-feature__body p{font-size:var(--fs-sm); color:var(--muted);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-spec{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-3);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-spec__item{
  padding:var(--sp-3); border-radius:var(--r-sm); background:var(--surface-2); box-shadow:var(--sh-neu); min-width:0;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-spec__k{font-size:var(--fs-xs); color:var(--muted); letter-spacing:.08em; text-transform:uppercase;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-spec__v{font-size:var(--fs-md); font-weight:800; color:var(--text); font-variant-numeric:tabular-nums;}

/* ---- 六张特性卡 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-grid6{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-4);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card{
  min-width:0; padding:var(--sp-4); border-radius:var(--r-md);
  background:var(--surface-2); box-shadow:var(--sh-neu);
  display:flex; flex-direction:column; gap:var(--sp-2);
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card:hover{transform:translateY(-3px); box-shadow:var(--sh-2);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card__ico{
  width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
  background:var(--surface-3); box-shadow:var(--sh-neu-in); color:var(--accent); flex:none;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card__t{font-size:var(--fs-md); font-weight:800; letter-spacing:-.01em; line-height:var(--lh-snug);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card__d{font-size:var(--fs-sm); color:var(--muted);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card__m{font-size:var(--fs-xs); color:var(--primary); font-weight:800; font-variant-numeric:tabular-nums; margin-top:auto; padding-top:var(--sp-2);}

/* ---- 图集 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-gallery{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-3);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-gallery figure{
  margin:0; border-radius:var(--r-md); overflow:hidden; position:relative;
  box-shadow:var(--sh-2); aspect-ratio:4/3; min-width:0;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-gallery img{width:100%; height:100%; object-fit:cover; aspect-ratio:4/3; transition:transform var(--t-slow) var(--ease-out);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-gallery figure:hover img{transform:scale(1.04);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-gallery figcaption{
  position:absolute; inset:auto 0 0 0; padding:var(--sp-3);
  background:linear-gradient(transparent, oklch(0.14 0.03 88 / .92));
  font-size:var(--fs-xs); color:var(--text); line-height:1.45;
}

/* ---- FAQ ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq{display:flex; flex-direction:column; gap:var(--sp-2);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq details{
  border-radius:var(--r-md); background:var(--surface-2); box-shadow:var(--sh-neu);
  border:1px solid oklch(0.30 0.03 88 / .6); overflow:hidden;
  transition:box-shadow var(--t-base) var(--ease);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq details:hover{box-shadow:var(--sh-2);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq summary{
  cursor:pointer; list-style:none; display:flex; align-items:center; gap:var(--sp-3);
  min-height:50px; padding:var(--sp-3) var(--sp-4); font-size:var(--fs-md); font-weight:700; letter-spacing:-.01em;
  line-height:var(--lh-snug);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq summary::-webkit-details-marker{display:none;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq summary::before{
  content:"+"; flex:none; width:26px; height:26px; border-radius:9px; display:grid; place-items:center;
  background:var(--surface-3); box-shadow:var(--sh-neu-in); color:var(--accent); font-weight:900; font-size:var(--fs-sm);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq details[open] summary::before{content:"−"; color:var(--primary);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq__a{padding:0 var(--sp-4) var(--sp-4); font-size:var(--fs-sm); color:var(--muted);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-faq__a b{color:var(--accent-2); font-variant-numeric:tabular-nums;}

/* ---- CTA 内嵌色带 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta{
  position:relative; overflow:hidden; border-radius:var(--r-lg);
  background:linear-gradient(120deg, oklch(0.26 0.05 88), oklch(0.19 0.04 88));
  border:1px solid oklch(0.32 0.035 88 / .8); box-shadow:var(--sh-3);
  padding:clamp(18px,2.3vw,30px);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta__band{
  position:absolute; inset:-20% -10% auto -10%; height:96px;
  background:linear-gradient(90deg, transparent, oklch(0.72 0.12 88 / .14), oklch(0.62 0.12 56 / .10));
  transform:rotate(3.6deg); pointer-events:none;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta__grid{position:relative; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr); gap:var(--sp-5); align-items:center;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta__grid > div{min-width:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta h3{font-size:var(--fs-xl); font-weight:900; letter-spacing:-.03em; line-height:var(--lh-tight);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta p{font-size:var(--fs-sm); color:var(--muted); margin-top:var(--sp-2); max-width:56ch;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta__acts{display:flex; flex-direction:column; gap:var(--sp-2); align-items:stretch;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta__fine{font-size:var(--fs-xs); color:var(--muted); text-align:center;}

/* ---- 页脚 ---- */
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot{
  margin-top:var(--sp-7); padding-top:var(--sp-5); border-top:1px solid var(--line);
  display:grid; grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.9fr)); gap:var(--sp-5);
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot > div{min-width:0;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot h4{font-size:var(--fs-sm); font-weight:800; letter-spacing:.06em; margin-bottom:var(--sp-2); color:var(--text);}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot p,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot li{font-size:var(--fs-xs); color:var(--muted); line-height:1.7;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot__legal{
  grid-column:1 / -1; padding-top:var(--sp-4); border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-3); justify-content:space-between; font-size:var(--fs-xs); color:var(--muted);
}

/* ---- 入场动画（纯 CSS，默认可见终态） ---- */
@keyframes sf-rise{
  from{opacity:.001; transform:translate3d(0,18px,0);}
  to{opacity:1; transform:translate3d(0,0,0);}
}
@keyframes sf-float{
  from{transform:translate3d(0,0,0) scale(1.02);}
  to{transform:translate3d(0,-10px,0) scale(1.05);}
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta,
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot{
  animation:sf-rise .72s var(--ease-out) both;
}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec:nth-of-type(2){animation-delay:.06s;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec:nth-of-type(3){animation-delay:.12s;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-sec:nth-of-type(4){animation-delay:.18s;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card{animation:sf-rise .66s var(--ease-out) both;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card:nth-child(2){animation-delay:.05s;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card:nth-child(3){animation-delay:.1s;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card:nth-child(4){animation-delay:.15s;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card:nth-child(5){animation-delay:.2s;}
.design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-card:nth-child(6){animation-delay:.25s;}

/* ---- 响应式 ---- */
@media (min-width:1600px){
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-shell{max-width:var(--container-xl);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-doc{grid-template-columns:minmax(0,268px) minmax(0,1fr); gap:var(--sp-6);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-grid6{grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-5);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tiers{grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-5);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-gallery{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4{font-size:calc(var(--fs-md) * 1.04);}
}
@media (min-width:1280px) and (max-width:1599px){
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-shell{max-width:var(--container-lg);}
}
@media (max-width:1024px){
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-doc{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-rail{position:static;}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-toc{flex-direction:row; flex-wrap:wrap;}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-toc__link{flex:1 1 46%; min-width:0;}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__grid{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__media{border-left:0; border-top:1px solid oklch(0.32 0.03 88 / .6);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-grid6{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-feature{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta__grid{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tiers{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-grid6{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-gallery{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__stats{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-spec{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step{grid-template-columns:minmax(0,1fr); gap:var(--sp-3);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step:first-child{padding-top:var(--sp-3);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-step__idx::after{display:none;}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-foot{grid-template-columns:minmax(0,1fr);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-ghost{font-size:clamp(3.4rem,22vw,5.4rem); opacity:.6;}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-table{display:block; width:100%; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-tabs__bar label{flex:1 1 auto; justify-content:center;}
}
@media (max-width:380px){
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4{padding-bottom:var(--sp-6);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-shell{padding:0 var(--sp-3);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-doc{padding-top:var(--sp-4); gap:var(--sp-3);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-toc__link{flex:1 1 100%; min-height:44px;}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-hero__copy{padding:var(--sp-4);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-panel,
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-cta{padding:var(--sp-4);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-btn{width:100%; justify-content:center;}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-notice{font-size:var(--fs-xs); padding:var(--sp-2) var(--sp-3);}
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 .sf-notice__meta{display:none;}
}
@media (prefers-reduced-motion:reduce){
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 *,
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 *::before,
  .design-style-securefactory_intelligent_manufacturing_network_security_web_design_bp4 *::after{
    animation:none !important; transition:none !important; transform:none !important;
  }
}