.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5{
  --bg:oklch(0.15 0.03 210);
  --surface:oklch(0.21 0.045 210);
  --surface-2:oklch(0.185 0.04 210);
  --primary:oklch(0.72 0.11 210);
  --secondary:oklch(0.62 0.11 270);
  --accent:oklch(0.78 0.13 10);
  --accent-2:oklch(0.90 0.09 10);
  --text:oklch(0.94 0.02 210);
  --text-dim:oklch(0.80 0.025 210);
  --muted:oklch(0.64 0.03 210);
  --line:oklch(0.42 0.04 210);
  --line-soft:oklch(0.30 0.035 210);
  --neu-hi:rgba(255,255,255,.07);
  --neu-lo:rgba(0,0,0,.55);
  --container:1140px;--container-lg:1360px;--container-xl:1600px;--gutter:clamp(14px,2.2vw,28px);
  --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:8px;--r-md:12px;--r-lg:16px;--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 10px 26px rgba(0,0,0,.42);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 22px 54px rgba(0,0,0,.52);
  --neu-out:8px 8px 20px var(--neu-lo), -8px -8px 20px var(--neu-hi);
  --neu-out-sm:5px 5px 12px var(--neu-lo), -5px -5px 12px var(--neu-hi);
  --neu-in:inset 5px 5px 12px var(--neu-lo), inset -5px -5px 12px var(--neu-hi);
  --fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);--fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);
  --fs-md:clamp(.95rem,.9rem + .25vw,1.05rem);--fs-lg:clamp(1.15rem,1.05rem + .5vw,1.38rem);
  --fs-xl:clamp(1.5rem,1.3rem + 1vw,1.95rem);--fs-2xl:clamp(1.9rem,1.5rem + 2vw,2.8rem);
  --fs-3xl:clamp(2.35rem,1.8rem + 2.9vw,3.5rem);
  --lh-tight:1.1;--lh-snug:1.3;--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: "Helvetica Neue", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  box-sizing:border-box;
  display:block;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  font-size:var(--fs-md);
  line-height:var(--lh-body);
  letter-spacing:.03em;
  padding-bottom:var(--sp-5);
  overflow-wrap:break-word;
  word-break:break-word;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  position:relative;
  isolation:isolate;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 *,
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 *::before,
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 *::after{box-sizing:border-box;min-width:0;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 img{max-width:100%;height:auto;display:block;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 a{color:inherit;text-decoration:none;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 :focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:var(--r-sm);}

/* ===== 网格坐标背景线 + 刻度（创意签名） ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(to right, oklch(0.72 0.11 210/.10) 1px, transparent 1px),
    linear-gradient(to bottom, oklch(0.72 0.11 210/.10) 1px, transparent 1px),
    linear-gradient(to right, oklch(0.72 0.11 210/.18) 1px, transparent 1px),
    linear-gradient(to bottom, oklch(0.72 0.11 210/.18) 1px, transparent 1px);
  background-size:24px 24px,24px 24px,120px 120px,120px 120px;
  mask-image:radial-gradient(120% 80% at 50% 0%,#000 28%,transparent 100%);
  -webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000 28%,transparent 100%);
}

/* ===== 顶部提示条 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-alert{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;
  padding:var(--sp-2) var(--gutter);
  background:var(--surface);
  border-bottom:1px solid var(--line-soft);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 6px 18px rgba(0,0,0,.35);
  font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;
  color:var(--muted);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-alert b{color:var(--accent-2);font-weight:700;letter-spacing:.16em;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-dot{
  width:9px;height:9px;border-radius:var(--r-pill);flex:none;
  background:var(--accent);box-shadow:0 0 0 3px oklch(0.78 0.13 10/.16);
  animation:gsp-pulse 2.4s var(--ease) infinite;
}
@keyframes gsp-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.84)}}

/* ===== 布局容器 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wrap{
  width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-sec{padding-block:var(--sp-7);position:relative;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-sec--tight{padding-block:var(--sp-6);}

/* ===== 顶栏导航（新拟态胶囊） ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-nav{
  display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;
  padding:var(--sp-3) var(--gutter);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-brand{
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);
  background:var(--surface);box-shadow:var(--neu-out-sm);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-brand svg{width:26px;height:26px;flex:none;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-brand span{font-size:var(--fs-sm);font-weight:800;letter-spacing:.26em;text-transform:uppercase;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-navlist{
  display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-left:auto;list-style:none;padding:0;margin-block:0;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-navlist a{
  display:inline-flex;align-items:center;min-height:42px;padding:0 var(--sp-4);
  border-radius:var(--r-pill);font-size:var(--fs-sm);letter-spacing:.12em;color:var(--muted);
  background:var(--surface);box-shadow:var(--neu-out-sm);
  transition:box-shadow var(--t-base) var(--ease),color var(--t-base) var(--ease),transform var(--t-fast) var(--ease);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-navlist a:hover{
  color:var(--text);transform:translateY(-2px);box-shadow:var(--neu-out);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-navlist a:active{box-shadow:var(--neu-in);transform:translateY(0);}

/* ===== Hero：bento 便当盒 + 分栏数据看板 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero{
  display:grid;gap:var(--sp-4);
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  grid-template-areas:"head panel" "head tiles";
  align-items:start;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero-head{
  grid-area:head;position:relative;overflow:hidden;
  padding:var(--sp-6);border-radius:var(--r-lg);
  background:var(--surface);box-shadow:var(--neu-out);
  display:flex;flex-direction:column;gap:var(--sp-4);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-kicker{
  display:inline-flex;align-items:center;gap:var(--sp-2);align-self:flex-start;
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);
  font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent-2);background:var(--bg);box-shadow:var(--neu-in);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 h1.gp-h1{
  margin:0;font-size:var(--fs-3xl);line-height:var(--lh-tight);
  letter-spacing:.05em;font-weight:800;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 h1.gp-h1 em{
  font-style:normal;color:var(--primary);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-lead{margin:0;color:var(--muted);font-size:var(--fs-md);max-width:52ch;line-height:var(--lh-body);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-ctarow{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:46px;padding:0 var(--sp-5);border-radius:var(--r-md);
  font-size:var(--fs-sm);font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  border:0;cursor:pointer;
  transition:transform var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease),filter var(--t-base) var(--ease);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-btn--main{
  background:var(--accent);color:oklch(0.18 0.04 20);box-shadow:var(--neu-out-sm);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-btn--ghost{
  background:var(--surface);color:var(--text);box-shadow:var(--neu-out-sm);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:var(--neu-out);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-btn:active{box-shadow:var(--neu-in);transform:translateY(0);filter:brightness(.98);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero-fig{
  position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:16/7;box-shadow:var(--neu-in);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero-fig img{width:100%;height:100%;object-fit:cover;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero-fig figcaption{
  position:absolute;left:var(--sp-3);bottom:var(--sp-3);max-width:calc(100% - var(--sp-5));
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);
  font-size:var(--fs-xs);letter-spacing:.1em;color:var(--text-dim);
  background:oklch(0.15 0.03 210/.72);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
}

/* 分栏数据看板面板 */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-panel{
  grid-area:panel;padding:var(--sp-5);border-radius:var(--r-lg);
  background:var(--surface);box-shadow:var(--neu-out);
  display:flex;flex-direction:column;gap:var(--sp-4);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-panel-h{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);
  padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-soft);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-panel-h h2{margin:0;font-size:var(--fs-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-panel-h span{font-size:var(--fs-xs);color:var(--accent-2);letter-spacing:.14em;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-meter{display:flex;flex-direction:column;gap:var(--sp-2);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-meter-top{display:flex;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--muted);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-meter-top b{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-track{height:10px;border-radius:var(--r-pill);background:var(--bg);box-shadow:var(--neu-in);overflow:hidden;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--primary);animation:gsp-grow 1.6s var(--ease-out) both;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-fill--a{background:var(--accent);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-fill--s{background:var(--secondary);}
@keyframes gsp-grow{from{transform:scaleX(.04);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}

/* bento 小格 */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-tiles{
  grid-area:tiles;display:grid;gap:var(--sp-3);
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-tile{
  padding:var(--sp-4);border-radius:var(--r-md);
  background:var(--surface);box-shadow:var(--neu-out-sm);
  display:flex;flex-direction:column;gap:var(--sp-1);
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-tile:hover{transform:translateY(-3px);box-shadow:var(--neu-out);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-tile strong{
  font-size:var(--fs-xl);line-height:var(--lh-tight);letter-spacing:.02em;color:var(--accent-2);font-variant-numeric:tabular-nums;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-tile span{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.1em;}

/* ===== 区块标题 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-sechead{
  display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;
  margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line-soft);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-sechead h2{
  margin:0;font-size:var(--fs-xl);letter-spacing:.1em;line-height:var(--lh-snug);font-weight:800;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-sechead p{margin:0;font-size:var(--fs-sm);color:var(--muted);max-width:46ch;line-height:var(--lh-body);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-tag{
  font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--bg);box-shadow:var(--neu-in);
}

/* ===== 最新动态 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-news{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-feature{
  border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--neu-out);
  display:flex;flex-direction:column;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-feature figure{margin:0;aspect-ratio:16/7;overflow:hidden;box-shadow:var(--neu-in);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-feature figure img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease-out);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-feature:hover figure img{transform:scale(1.04);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-feature-body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-meta{display:flex;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.12em;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-feature-body h3{margin:0;font-size:var(--fs-lg);line-height:var(--lh-snug);letter-spacing:.04em;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-feature-body p{margin:0;color:var(--muted);font-size:var(--fs-sm);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-list li{
  padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--neu-out-sm);
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:start;
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-list li:hover{transform:translateX(3px);box-shadow:var(--neu-out);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-idx{
  width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;
  font-size:var(--fs-xs);font-weight:800;color:var(--accent-2);background:var(--bg);box-shadow:var(--neu-in);
  font-variant-numeric:tabular-nums;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-list h4{margin:0 0 var(--sp-1);font-size:var(--fs-sm);letter-spacing:.06em;line-height:var(--lh-snug);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-list p{margin:0;font-size:var(--fs-xs);color:var(--muted);}

/* ===== 特性卡：双列交错 6 张 + 粘性堆叠 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stack{display:grid;gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card{
  position:relative;
  padding:var(--sp-5);border-radius:var(--r-lg);
  background:var(--surface);box-shadow:var(--neu-out);
  display:flex;flex-direction:column;gap:var(--sp-3);
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card:nth-child(even){transform:translateY(var(--sp-5));}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card:hover{transform:translateY(-4px);box-shadow:var(--sh-3),var(--neu-out-sm);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card:nth-child(even):hover{transform:translateY(calc(var(--sp-5) - 4px));}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card-top{display:flex;align-items:center;gap:var(--sp-3);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-ico{
  width:42px;height:42px;flex:none;border-radius:var(--r-md);display:grid;place-items:center;
  background:var(--bg);box-shadow:var(--neu-in);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-ico svg{width:22px;height:22px;stroke:var(--primary);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card h3{margin:0;font-size:var(--fs-md);letter-spacing:.08em;line-height:var(--lh-snug);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card p{margin:0;font-size:var(--fs-sm);color:var(--muted);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-kv{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:auto;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-kv span{
  font-size:var(--fs-xs);letter-spacing:.08em;color:var(--text-dim);
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:var(--bg);box-shadow:var(--neu-in);
  font-variant-numeric:tabular-nums;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-kv span b{color:var(--accent-2);font-weight:700;}

/* ===== 合作伙伴墙 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wall{display:grid;gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-logo{
  padding:var(--sp-4);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--neu-out-sm);
  display:flex;flex-direction:column;gap:var(--sp-1);align-items:flex-start;
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-logo:hover{transform:translateY(-3px);box-shadow:var(--neu-out);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-logo b{font-size:var(--fs-sm);letter-spacing:.16em;text-transform:uppercase;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-logo span{font-size:var(--fs-xs);color:var(--muted);}

/* ===== 实用指导清单 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-guide{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:start;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-steps{display:flex;flex-direction:column;gap:var(--sp-3);counter-reset:gpstep;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step{
  border-radius:var(--r-md);background:var(--surface);box-shadow:var(--neu-out-sm);overflow:hidden;
  transition:box-shadow var(--t-base) var(--ease);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step:hover{box-shadow:var(--neu-out);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step summary{
  cursor:pointer;list-style:none;padding:var(--sp-4);
  display:flex;align-items:center;gap:var(--sp-3);min-height:50px;
  font-size:var(--fs-sm);font-weight:700;letter-spacing:.06em;
  transition:color var(--t-base) var(--ease);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step summary:hover{color:var(--accent-2);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step summary::-webkit-details-marker{display:none;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step summary::before{
  counter-increment:gpstep;content:counter(gpstep,decimal-leading-zero);
  width:30px;height:30px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;
  font-size:var(--fs-xs);color:var(--accent-2);background:var(--bg);box-shadow:var(--neu-in);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step[open] summary{box-shadow:inset 0 -1px 0 var(--line-soft);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step .gp-stepbody{padding:0 var(--sp-4) var(--sp-4) calc(var(--sp-4) + 42px);font-size:var(--fs-xs);color:var(--muted);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step .gp-stepbody b{color:var(--text);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step .gp-stepbody ul{margin:var(--sp-2) 0 0;padding-left:var(--sp-4);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step .gp-stepbody li{margin-bottom:var(--sp-1);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-guide-fig{margin:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--neu-out);position:relative;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-guide-fig img{width:100%;aspect-ratio:4/5;object-fit:cover;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-guide-fig figcaption{
  position:absolute;inset:auto var(--sp-3) var(--sp-3) var(--sp-3);
  padding:var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-xs);color:var(--text-dim);line-height:var(--lh-body);
  background:oklch(0.15 0.03 210/.75);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
}

/* ===== 关键数据条 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stats{
  display:grid;gap:var(--sp-3);grid-template-columns:repeat(4,minmax(0,1fr));
  padding:var(--sp-5);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--neu-out);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stat{
  padding:var(--sp-4);border-radius:var(--r-md);background:var(--bg);box-shadow:var(--neu-in);
  display:flex;flex-direction:column;gap:var(--sp-1);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stat b{
  font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:.02em;color:var(--primary);font-variant-numeric:tabular-nums;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stat span{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.08em;}

/* ===== CTA 内嵌色带 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-cta{
  display:grid;gap:var(--sp-5);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;
  padding:var(--sp-6);border-radius:var(--r-lg);
  background:var(--surface);box-shadow:var(--neu-out);
  position:relative;overflow:hidden;
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-cta::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-cta h2{margin:0 0 var(--sp-2);font-size:var(--fs-xl);letter-spacing:.06em;line-height:var(--lh-snug);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-cta p{margin:0;color:var(--muted);font-size:var(--fs-sm);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-cta-side{display:flex;flex-direction:column;gap:var(--sp-3);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-cta-side .gp-btn{width:100%;}

/* ===== 页脚 ===== */
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot{
  margin-top:var(--sp-6);padding:var(--sp-6) var(--gutter) var(--sp-5);
  border-top:1px solid var(--line-soft);background:var(--surface-2);
}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot-grid{display:grid;gap:var(--sp-5);grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot h3{margin:0 0 var(--sp-3);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-2);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot li{font-size:var(--fs-xs);color:var(--muted);}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot p{margin:0;font-size:var(--fs-xs);color:var(--muted);max-width:38ch;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot-bar{
  margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);
  display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;
  font-size:var(--fs-xs);color:var(--muted);letter-spacing:.1em;
}

/* 视差滚动（纯 CSS，加载即播放） */
@keyframes gsp-drift{from{transform:translate3d(0,-1.2%,0) scale(1.03)}to{transform:translate3d(0,1.2%,0) scale(1.03)}}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-parallax img{animation:gsp-drift 14s var(--ease) infinite alternate;}
.design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-parallax--slow img{animation-duration:20s;}

/* ===== 响应式 ===== */
@media (min-width:1600px){
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wrap{max-width:var(--container-lg);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wall{grid-template-columns:repeat(6,minmax(0,1fr));}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-tiles{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (min-width:2200px){
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wrap{max-width:var(--container-xl);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stack{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wall{grid-template-columns:repeat(8,minmax(0,1fr));}
}
@media (max-width:1024px){
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "panel" "tiles";}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-news{grid-template-columns:minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-guide{grid-template-columns:minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-guide-fig img{aspect-ratio:16/9;}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-cta{grid-template-columns:minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card:nth-child(even){transform:none;}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card:nth-child(even):hover{transform:translateY(-4px);}
}
@media (max-width:640px){
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-sec{padding-block:var(--sp-6);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-nav{padding-inline:var(--sp-3);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-navlist{margin-left:0;width:100%;}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-navlist a{padding:0 var(--sp-3);font-size:var(--fs-xs);flex:1 1 auto;justify-content:center;}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero-head{padding:var(--sp-5);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-tiles{grid-template-columns:minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stack{grid-template-columns:minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wall{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--sp-4);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-foot-grid{grid-template-columns:minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 details.gp-step .gp-stepbody{padding-left:var(--sp-4);}
}
@media (max-width:380px){
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wrap{padding-inline:var(--sp-2);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-hero-head,
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-panel,
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-card{padding:var(--sp-4);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-alert{font-size:11px;letter-spacing:.08em;padding-inline:var(--sp-3);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-stats{grid-template-columns:minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-wall{grid-template-columns:minmax(0,1fr);}
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 .gp-btn{width:100%;padding-inline:var(--sp-3);}
}
@media (prefers-reduced-motion: reduce){
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 *,
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 *::before,
  .design-style-guardians_creative_skeuomorphic_network_security_and_privacy_protection_rq5 *::after{
    animation:none !important;transition-duration:.01ms !important;
  }
}