.design-style-guard_realm_network_security_and_privacy_protection_wqq{
  /* --- color tokens (given, hue 196 主色身份保持不变) --- */
  --bg: oklch(0.985 0.008 196);
  --surface: oklch(0.96 0.02 196);
  --surface-2: oklch(0.945 0.022 196);
  --primary: oklch(0.54 0.11 196);
  --primary-soft: oklch(0.62 0.08 196);
  --secondary: oklch(0.62 0.11 256);
  --accent: oklch(0.66 0.13 31);
  --accent-2: oklch(0.78 0.09 31);
  --text: oklch(0.27 0.03 196);
  --text-strong: oklch(0.22 0.03 196);
  --muted: oklch(0.46 0.03 196);
  --muted-2: oklch(0.56 0.025 196);
  --line: color-mix(in oklch, var(--muted) 22%, transparent);
  --line-soft: color-mix(in oklch, var(--muted) 12%, transparent);
  --on-dark: oklch(0.97 0.01 196);
  --on-dark-2: oklch(0.90 0.02 196);

  /* --- layout tokens --- */
  --container:1080px;--container-lg:1320px;--container-xl:1560px;
  --gutter:clamp(12px,2vw,26px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:28px;--sp-7:40px;--sp-8:56px;
  --r-sm:10px;--r-md:16px;--r-lg:22px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.10);
  --sh-2:0 6px 12px -3px rgba(16,24,40,.12),0 2px 5px -2px rgba(16,24,40,.08);
  --sh-3:0 22px 44px -10px rgba(16,24,40,.20),0 8px 16px -8px rgba(16,24,40,.12);
  --ring:0 0 0 3px color-mix(in oklch, var(--accent) 28%, transparent);

  /* --- neumorphic shadows --- */
  --nm-out: 7px 7px 16px oklch(0.83 0.02 196), -7px -7px 16px oklch(1 0 196);
  --nm-out-sm: 4px 4px 9px oklch(0.84 0.02 196), -4px -4px 9px oklch(1 0 196);
  --nm-in: inset 5px 5px 10px oklch(0.84 0.02 196), inset -5px -5px 10px oklch(1 0 196);
  --nm-in-sm: inset 3px 3px 6px oklch(0.85 0.02 196), inset -3px -3px 6px oklch(1 0 196);

  /* --- type --- */
  --fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);
  --fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);
  --fs-md:clamp(.94rem,.9rem + .22vw,1.04rem);
  --fs-lg:clamp(1.12rem,1.05rem + .45vw,1.36rem);
  --fs-xl:clamp(1.44rem,1.28rem + .9vw,1.94rem);
  --fs-2xl:clamp(1.82rem,1.45rem + 1.9vw,2.78rem);
  --fs-3xl:clamp(2.3rem,1.75rem + 2.9vw,3.5rem);
  --lh-tight:1.1;--lh-snug:1.3;--lh-body:1.6;
  --ls-tight:-.012em;--ls-wide:.14em;

  /* --- motion --- */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.15s;--t-base:.24s;--t-slow:.42s;

  /* --- font --- */
  --serif: ui-serif, "Songti SC", "Noto Serif SC", "Source Han Serif SC", Georgia, "Times New Roman", serif;
  --sans: ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, "Cascadia Mono", monospace;

  display:block;
  position:relative;
  background:var(--bg);
  color:var(--text);
  font-family:var(--serif);
  font-size:var(--fs-md);
  line-height:var(--lh-body);
  overflow-wrap:break-word;
  word-break:break-word;
  max-width:100%;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  isolation:isolate;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq *,
.design-style-guard_realm_network_security_and_privacy_protection_wqq *::before,
.design-style-guard_realm_network_security_and_privacy_protection_wqq *::after{box-sizing:border-box;min-width:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq img{max-width:100%;height:auto;display:block;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq a{color:inherit;text-decoration:none;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm);box-shadow:var(--ring);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq strong{font-weight:700;color:var(--text-strong);}

/* ===== 顶部提示条 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-topbar{
  display:flex;align-items:center;gap:var(--sp-3);
  width:100%;max-width:100%;
  padding:calc(var(--sp-2) + 2px) var(--gutter);
  background:oklch(0.25 0.03 196);
  color:var(--on-dark);
  font-family:var(--sans);font-size:var(--fs-xs);letter-spacing:.045em;
  position:relative;z-index:40;
  border-bottom:1px solid color-mix(in oklch, var(--primary) 30%, transparent);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-topbar .gs-dot{
  width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 20%, transparent);
  animation:gs-pulse 2.6s var(--ease) infinite;flex:0 0 auto;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-topbar strong{color:var(--accent-2);font-weight:600;}

/* ===== 工作台外壳 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shell{
  display:grid;
  grid-template-columns:248px minmax(0,1fr);
  gap:var(--sp-5);
  max-width:var(--container-xl);
  margin:0 auto;
  padding:var(--sp-5) var(--gutter) var(--sp-7);
  align-items:start;
}

/* --- 侧栏 --- */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-side{
  position:sticky;top:var(--sp-4);
  background:var(--surface);
  border-radius:var(--r-lg);
  padding:var(--sp-5) var(--sp-4);
  box-shadow:var(--nm-out);
  display:flex;flex-direction:column;gap:var(--sp-4);
  min-width:0;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-brand{display:flex;align-items:center;gap:var(--sp-3);min-width:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-brand > span:last-child{min-width:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-logo{
  width:42px;height:42px;flex:0 0 auto;border-radius:var(--r-md);
  background:var(--surface);box-shadow:var(--nm-out-sm);
  display:grid;place-items:center;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-logo svg{width:22px;height:22px;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-brand b{font-size:var(--fs-md);letter-spacing:.01em;display:block;line-height:var(--lh-snug);color:var(--text-strong);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-brand span{font-family:var(--sans);font-size:var(--fs-xs);color:var(--muted);letter-spacing:var(--ls-wide);text-transform:uppercase;}

.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav{display:flex;flex-direction:column;gap:6px;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav a{
  display:flex;align-items:center;gap:var(--sp-3);
  padding:10px var(--sp-3);
  border-radius:var(--r-pill);
  font-family:var(--sans);font-size:var(--fs-sm);color:var(--muted);
  transition:box-shadow var(--t-base) var(--ease), color var(--t-base) var(--ease), transform var(--t-base) var(--ease);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav a:hover{
  color:var(--text-strong);box-shadow:var(--nm-out-sm);transform:translateX(3px);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav a:active{box-shadow:var(--nm-in-sm);transform:translateX(1px);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav a .gs-ic{
  width:26px;height:26px;border-radius:var(--r-sm);display:grid;place-items:center;
  background:var(--surface);box-shadow:var(--nm-in-sm);font-size:.78rem;flex:0 0 auto;
  color:var(--muted);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav a[aria-current="true"]{
  color:var(--text-strong);box-shadow:var(--nm-in-sm);font-weight:600;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav a[aria-current="true"] .gs-ic{color:var(--accent);}

.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-side-metric{
  border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);
  box-shadow:var(--nm-in-sm);
  font-family:var(--sans);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-side-metric b{font-size:var(--fs-lg);font-family:var(--serif);color:var(--primary);display:block;line-height:var(--lh-tight);font-variant-numeric:tabular-nums;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-side-metric span{font-size:var(--fs-xs);color:var(--muted);}

/* --- 主区 --- */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-main{display:flex;flex-direction:column;gap:var(--sp-5);min-width:0;}

.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-workbar{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;
  background:var(--surface);border-radius:var(--r-pill);
  padding:var(--sp-2) var(--sp-4);box-shadow:var(--nm-out-sm);
  font-family:var(--sans);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-crumbs{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.05em;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-crumbs em{font-style:normal;color:var(--primary);font-weight:600;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-chips{display:flex;gap:6px;flex-wrap:wrap;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-chip{
  font-size:var(--fs-xs);padding:3px var(--sp-3);border-radius:var(--r-pill);
  box-shadow:var(--nm-in-sm);color:var(--muted);letter-spacing:.02em;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-chip.is-on{color:var(--accent);box-shadow:var(--nm-out-sm);font-weight:600;}

/* ===== Hero：分屏海报 + 倾斜错位卡拼贴 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero{
  position:relative;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:var(--sp-5);
  background:var(--surface);
  border-radius:var(--r-lg);
  padding:var(--sp-6) var(--sp-5);
  box-shadow:var(--nm-out);
  overflow:hidden;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero::after{
  content:"SHIELD";position:absolute;right:-10px;bottom:-26px;
  font-family:var(--sans);font-size:clamp(3.6rem,10vw,8.4rem);font-weight:800;letter-spacing:.05em;
  color:transparent;-webkit-text-stroke:1.4px color-mix(in oklch, var(--primary) 24%, transparent);
  pointer-events:none;line-height:1;user-select:none;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-eyebrow{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-family:var(--sans);font-size:var(--fs-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;
  color:var(--primary);box-shadow:var(--nm-in-sm);border-radius:var(--r-pill);
  padding:5px var(--sp-3);margin-bottom:var(--sp-4);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero h1{
  font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:0 0 var(--sp-4);letter-spacing:var(--ls-tight);
  color:var(--text-strong);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero h1 .gs-hl{
  display:inline-block;position:relative;color:var(--primary);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero h1 .gs-hl::after{
  content:"";position:absolute;left:0;right:0;bottom:.08em;height:.3em;
  background:color-mix(in oklch, var(--accent) 24%, transparent);border-radius:var(--r-pill);z-index:-1;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-line{overflow:hidden;display:block;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-line > span{
  display:block;transform:translateY(0);animation:gs-rise .8s var(--ease-out) both;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero p.gs-lede{
  color:var(--muted);font-family:var(--sans);font-size:var(--fs-sm);line-height:1.68;max-width:54ch;margin:0 0 var(--sp-5);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-btn{
  font-family:var(--sans);font-size:var(--fs-sm);font-weight:600;
  padding:11px var(--sp-5);border-radius:var(--r-pill);
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;
  transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), color var(--t-base) var(--ease), background-color var(--t-base) var(--ease);
  border:0;cursor:pointer;text-align:center;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-btn-primary{
  background:var(--primary);color:oklch(0.99 0.005 196);box-shadow:var(--sh-2);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--sh-3);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-btn-primary:active{transform:translateY(0);box-shadow:var(--sh-1);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-btn-ghost{
  background:var(--surface);color:var(--text);box-shadow:var(--nm-out-sm);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-btn-ghost:hover{box-shadow:var(--nm-in-sm);transform:translateY(1px);color:var(--primary);}

/* Hero 倾斜错位拼贴 */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-collage{
  position:relative;min-height:300px;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot{
  position:absolute;border-radius:var(--r-md);overflow:hidden;
  background:var(--surface);padding:7px;
  box-shadow:var(--nm-out), var(--sh-2);
  transition:transform var(--t-slow) var(--ease-out), box-shadow var(--t-slow) var(--ease);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot img{
  width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:calc(var(--r-md) - 6px);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot figcaption{
  font-family:var(--sans);font-size:var(--fs-xs);color:var(--muted);padding:var(--sp-2) 2px 0;line-height:1.45;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot.s1{width:62%;top:2%;left:0;transform:rotate(-4deg);z-index:3;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot.s2{width:54%;top:30%;right:0;transform:rotate(3.5deg);z-index:4;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot.s3{width:46%;bottom:0;left:12%;transform:rotate(-1.5deg);z-index:2;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-collage:hover .gs-shot.s1{transform:rotate(-6deg) translateY(-6px);box-shadow:var(--sh-3), var(--nm-out);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-collage:hover .gs-shot.s2{transform:rotate(5.5deg) translateY(-4px);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-collage:hover .gs-shot.s3{transform:rotate(-3deg) translateY(4px);}

/* ===== 通用区块 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-block{
  background:var(--surface);border-radius:var(--r-lg);
  padding:var(--sp-6) var(--sp-5);box-shadow:var(--nm-out);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-head{display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-num{
  font-family:var(--sans);font-weight:800;font-size:clamp(2.4rem,4.4vw,4rem);line-height:.86;
  color:transparent;-webkit-text-stroke:1.5px color-mix(in oklch, var(--primary) 55%, transparent);
  letter-spacing:-.02em;flex:0 0 auto;user-select:none;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-head-txt{min-width:0;flex:1 1 260px;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-head-txt h2{
  font-size:var(--fs-xl);line-height:var(--lh-snug);margin:0 0 6px;letter-spacing:var(--ls-tight);color:var(--text-strong);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-head-txt p{margin:0;color:var(--muted);font-family:var(--sans);font-size:var(--fs-sm);line-height:1.6;max-width:70ch;}

/* ===== 关键数据条 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stat{
  border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--nm-in-sm);
  background:var(--surface);min-width:0;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stat b{
  display:block;font-size:var(--fs-2xl);line-height:var(--lh-tight);color:var(--primary);
  font-variant-numeric:tabular-nums;letter-spacing:var(--ls-tight);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stat b em{font-style:normal;font-size:var(--fs-md);color:var(--muted);margin-left:2px;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stat span{display:block;font-family:var(--sans);font-size:var(--fs-xs);color:var(--muted);margin-top:6px;line-height:1.5;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stat i{
  display:block;height:6px;border-radius:var(--r-pill);margin-top:var(--sp-3);
  background:var(--surface);box-shadow:var(--nm-in-sm);overflow:hidden;position:relative;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stat i::before{
  content:"";position:absolute;inset:0 auto 0 0;width:var(--w,60%);
  background:linear-gradient(90deg,var(--primary),var(--primary-soft));border-radius:var(--r-pill);
}

/* ===== 实用指导清单 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);padding:0;margin:0;list-style:none;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide li{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);
  padding:var(--sp-4);border-radius:var(--r-md);box-shadow:var(--nm-out-sm);
  background:var(--surface);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
  min-width:0;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide li:hover{transform:translateY(-3px);box-shadow:var(--sh-2),var(--nm-out-sm);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide li > div{min-width:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide .gs-idx{
  width:30px;height:30px;border-radius:var(--r-pill);display:grid;place-items:center;
  font-family:var(--sans);font-size:var(--fs-xs);font-weight:700;color:var(--accent);
  box-shadow:var(--nm-in-sm);flex:0 0 auto;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide h3{font-size:var(--fs-md);margin:0 0 6px;line-height:var(--lh-snug);color:var(--text-strong);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide p{margin:0;font-family:var(--sans);font-size:var(--fs-sm);color:var(--muted);line-height:1.62;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide code{
  font-family:var(--mono);font-size:.9em;
  background:color-mix(in oklch, var(--primary) 11%, transparent);color:var(--text-strong);
  padding:1px 6px;border-radius:var(--r-sm);border:1px solid var(--line-soft);
  overflow-wrap:break-word;
}

/* ===== FAQ ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq{display:flex;flex-direction:column;gap:var(--sp-3);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq details{
  border-radius:var(--r-md);background:var(--surface);box-shadow:var(--nm-out-sm);
  padding:var(--sp-3) var(--sp-4);transition:box-shadow var(--t-base) var(--ease);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq details[open]{box-shadow:var(--nm-in-sm);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--sp-3);
  font-size:var(--fs-md);min-height:44px;padding:var(--sp-1) 0;color:var(--text-strong);
  line-height:var(--lh-snug);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq summary::-webkit-details-marker{display:none;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq summary::before{
  content:"+";font-family:var(--sans);font-weight:700;color:var(--accent);
  width:24px;height:24px;border-radius:var(--r-pill);display:grid;place-items:center;
  box-shadow:var(--nm-in-sm);flex:0 0 auto;font-size:.9rem;
  transition:transform var(--t-base) var(--ease);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq summary:hover::before{transform:scale(1.06);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq details[open] summary::before{content:"–";}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-faq .gs-ans{
  font-family:var(--sans);font-size:var(--fs-sm);color:var(--muted);line-height:1.68;
  padding:var(--sp-3) 0 var(--sp-1) calc(24px + var(--sp-3));margin:0;border-top:1px solid var(--line-soft);
  margin-top:var(--sp-2);
}

/* ===== 价格档位 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);align-items:stretch;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier{
  background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-5);
  box-shadow:var(--nm-out-sm);display:flex;flex-direction:column;gap:var(--sp-3);
  transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
  min-width:0;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier:hover{transform:translateY(-4px);box-shadow:var(--sh-2);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier h3{margin:0;font-size:var(--fs-lg);color:var(--text-strong);line-height:var(--lh-snug);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier .gs-price{font-size:var(--fs-2xl);color:var(--primary);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier .gs-price small{font-family:var(--sans);font-size:var(--fs-xs);color:var(--muted);letter-spacing:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--sp-2);font-family:var(--sans);font-size:var(--fs-sm);color:var(--muted);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier ul li{display:flex;gap:var(--sp-2);align-items:flex-start;line-height:1.55;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier ul li::before{content:"▸";color:var(--primary);flex:0 0 auto;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier .gs-btn{margin-top:auto;align-self:flex-start;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tier.is-featured{box-shadow:var(--nm-in-sm);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-badge{
  align-self:flex-start;font-family:var(--sans);font-size:var(--fs-xs);font-weight:700;
  color:oklch(0.99 0.005 196);background:var(--accent);border-radius:var(--r-pill);
  padding:4px var(--sp-3);letter-spacing:.04em;
}

/* ===== 图文混排特写 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-feature{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-5);align-items:center;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-feature > div{min-width:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-feature .gs-frame{
  border-radius:var(--r-md);padding:7px;background:var(--surface);margin:0;
  box-shadow:var(--nm-out);transform:rotate(-1.6deg);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-feature .gs-frame img{aspect-ratio:16/11;object-fit:cover;border-radius:calc(var(--r-md) - 6px);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-feature h3{margin:0 0 var(--sp-3);font-size:var(--fs-lg);color:var(--text-strong);line-height:var(--lh-snug);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-feature p{margin:0 0 var(--sp-4);font-family:var(--sans);font-size:var(--fs-sm);color:var(--muted);line-height:1.68;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-kv div{box-shadow:var(--nm-in-sm);border-radius:var(--r-md);padding:var(--sp-3);min-width:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-kv b{display:block;font-size:var(--fs-lg);color:var(--accent);font-variant-numeric:tabular-nums;line-height:var(--lh-tight);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-kv span{font-family:var(--sans);font-size:var(--fs-xs);color:var(--muted);line-height:1.5;}

/* ===== 横向滚动作品带 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail{
  display:flex;gap:var(--sp-4);overflow-x:auto;scroll-snap-type:x mandatory;
  padding:var(--sp-2) var(--sp-2) var(--sp-3);margin:0;list-style:none;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;
  scrollbar-color: color-mix(in oklch, var(--primary) 34%, transparent) transparent;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail::-webkit-scrollbar{height:7px;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--primary) 32%, transparent);border-radius:var(--r-pill);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail::-webkit-scrollbar-track{background:transparent;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail li{
  flex:0 0 clamp(210px,28%,290px);scroll-snap-align:start;min-width:0;
  background:var(--surface);border-radius:var(--r-md);padding:var(--sp-3);
  box-shadow:var(--nm-out-sm);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail li:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:var(--sh-2),var(--nm-out-sm);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail img{aspect-ratio:5/4;object-fit:cover;border-radius:calc(var(--r-md) - 6px);width:100%;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail h4{margin:var(--sp-3) 0 var(--sp-1);font-size:var(--fs-md);color:var(--text-strong);line-height:var(--lh-snug);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-rail p{margin:0;font-family:var(--sans);font-size:var(--fs-xs);color:var(--muted);line-height:1.5;}

/* ===== 解决方案对比表 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tablewrap{overflow-x:auto;border-radius:var(--r-md);max-width:100%;-webkit-overflow-scrolling:touch;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare{
  width:100%;border-collapse:collapse;font-family:var(--sans);font-size:var(--fs-sm);min-width:600px;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare th,
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare td{
  text-align:left;padding:11px var(--sp-3);border-bottom:1px solid var(--line-soft);vertical-align:top;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare tbody tr:last-child th,
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare tbody tr:last-child td{border-bottom:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare thead th{
  font-size:var(--fs-xs);letter-spacing:.07em;color:var(--muted);text-transform:uppercase;
  border-bottom:1px solid var(--line);font-weight:600;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare tbody th{font-weight:600;color:var(--text-strong);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare .gs-yes{color:var(--primary);font-weight:700;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq table.gs-compare .gs-no{color:var(--muted);}

/* ===== CTA 内嵌色带 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;
  border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);
  background:oklch(0.31 0.045 196);color:var(--on-dark);
  box-shadow:var(--sh-3);position:relative;overflow:hidden;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta::before{
  content:"";position:absolute;inset:0 0 0 auto;width:36%;
  background:linear-gradient(120deg, transparent, color-mix(in oklch, var(--primary) 46%, transparent));
  pointer-events:none;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta > div{position:relative;min-width:0;flex:1 1 320px;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta h2{margin:0 0 6px;font-size:var(--fs-xl);line-height:var(--lh-snug);position:relative;letter-spacing:var(--ls-tight);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta p{margin:0;font-family:var(--sans);font-size:var(--fs-sm);color:var(--on-dark-2);position:relative;max-width:56ch;line-height:1.65;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta .gs-btn-primary{background:var(--accent);color:oklch(0.99 0.005 196);position:relative;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta .gs-btn-primary:hover{background:var(--accent-2);color:oklch(0.28 0.04 196);}

/* ===== 页脚 ===== */
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot{
  background:var(--surface);border-radius:var(--r-lg);
  padding:var(--sp-6) var(--sp-5);box-shadow:var(--nm-out);
  display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.9fr));gap:var(--sp-5);
  max-width:var(--container-xl);margin:0 auto var(--sp-6);
  width:calc(100% - var(--gutter) * 2);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot > div{min-width:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot h4{margin:0 0 var(--sp-3);font-size:var(--fs-md);color:var(--text-strong);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot p,
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot li{
  font-family:var(--sans);font-size:var(--fs-sm);color:var(--muted);margin:0 0 6px;line-height:1.6;
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot ul{list-style:none;padding:0;margin:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot li:last-child{margin-bottom:0;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot .gs-copy{
  grid-column:1 / -1;border-top:1px solid var(--line-soft);padding-top:var(--sp-4);
  font-family:var(--sans);font-size:var(--fs-xs);color:var(--muted-2);
  display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;
}

/* ===== 动效（加载即播放，默认可见） ===== */
@keyframes gs-rise{from{transform:translateY(105%);}to{transform:translateY(0);}}
@keyframes gs-pulse{0%,100%{opacity:1;}50%{opacity:.45;}}
@keyframes gs-fade{from{opacity:.001;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-line > span{animation-delay:var(--d,0s);}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero .gs-lede,
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero .gs-cta-row,
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero .gs-eyebrow{
  animation:gs-fade .7s var(--ease-out) both;animation-delay:var(--d,.25s);
}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot{animation:gs-fade .8s var(--ease-out) both;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot.s1{animation-delay:.1s;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot.s2{animation-delay:.22s;}
.design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot.s3{animation-delay:.34s;}

/* ===== 响应式 ===== */
@media (min-width:1600px){
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shell{grid-template-columns:288px minmax(0,1fr);gap:var(--sp-6);max-width:var(--container-xl);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide{grid-template-columns:repeat(3,minmax(0,1fr));}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero{padding:var(--sp-7) var(--sp-6);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot{width:calc(100% - var(--gutter) * 2);}
}
@media (min-width:1280px) and (max-width:1599px){
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shell{max-width:var(--container-lg);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot{max-width:var(--container-lg);}
}
@media (max-width:1024px){
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shell{grid-template-columns:minmax(0,1fr);max-width:var(--container);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-side{position:static;}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav{flex-direction:row;flex-wrap:wrap;gap:6px;}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav a{padding:var(--sp-2) var(--sp-3);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero{grid-template-columns:minmax(0,1fr);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-collage{min-height:280px;}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-guide{grid-template-columns:minmax(0,1fr);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tiers{grid-template-columns:minmax(0,1fr);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-feature{grid-template-columns:minmax(0,1fr);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot{grid-template-columns:minmax(0,1fr);max-width:var(--container);}
}
@media (max-width:640px){
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-block{padding:var(--sp-5) var(--sp-4);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-hero{padding:var(--sp-5) var(--sp-4);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot{position:relative;width:100%!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin-bottom:var(--sp-3);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-collage{min-height:0;}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-kv{grid-template-columns:minmax(0,1fr);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-cta{padding:var(--sp-5) var(--sp-4);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-head{gap:var(--sp-3);align-items:center;}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-tablewrap{min-width:0;}
}
@media (max-width:380px){
  .design-style-guard_realm_network_security_and_privacy_protection_wqq{font-size:var(--fs-sm);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shell{padding:var(--sp-3) var(--sp-2) var(--sp-6);gap:var(--sp-4);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-side,
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-block,
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot{padding:var(--sp-4) var(--sp-3);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-stats{grid-template-columns:minmax(0,1fr);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-nav a{padding:var(--sp-2);font-size:var(--fs-xs);}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-btn{width:100%;justify-content:center;}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-topbar{font-size:calc(var(--fs-xs) - 1px);letter-spacing:.02em;}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-foot{width:calc(100% - var(--sp-2) * 2);}
}
@media (prefers-reduced-motion: reduce){
  .design-style-guard_realm_network_security_and_privacy_protection_wqq *,
  .design-style-guard_realm_network_security_and_privacy_protection_wqq *::before,
  .design-style-guard_realm_network_security_and_privacy_protection_wqq *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;
  }
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-line > span{transform:none!important;}
  .design-style-guard_realm_network_security_and_privacy_protection_wqq .gs-shot{transform:none;}
}