.design-style-smart_network_blockchain_application_development_solutions_rtr{
  --bg:oklch(0.985 0.008 215);
  --surface:oklch(0.962 0.018 215);
  --surface-2:oklch(0.945 0.024 215);
  --primary:oklch(0.54 0.12 215);
  --primary-deep:oklch(0.485 0.125 215);
  --secondary:oklch(0.62 0.12 255);
  --accent:oklch(0.66 0.14 35);
  --accent-2:oklch(0.78 0.1 35);
  --text:oklch(0.27 0.03 215);
  --muted:oklch(0.455 0.03 215);
  --line:color-mix(in oklch,var(--primary) 16%,transparent);
  --line-soft:color-mix(in oklch,var(--text) 10%,transparent);
  --line-strong:color-mix(in oklch,var(--primary) 34%,transparent);
  --ink:oklch(0.22 0.03 220);
  --on-dark:oklch(0.97 0.012 215);
  --container:1140px;--container-lg:1400px;--container-xl:1680px;
  --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 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.08);
  --sh-2:0 5px 12px -3px rgba(16,24,40,.11),0 2px 5px -2px rgba(16,24,40,.07);
  --sh-3:0 22px 44px -12px rgba(16,24,40,.19),0 8px 16px -8px rgba(16,24,40,.10);
  --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.14rem,1.04rem + .48vw,1.36rem);
  --fs-xl:clamp(1.46rem,1.28rem + .95vw,1.95rem);
  --fs-2xl:clamp(1.82rem,1.46rem + 1.9vw,2.72rem);
  --fs-3xl:clamp(2.3rem,1.76rem + 2.9vw,3.46rem);
  --lh-tight:1.12;--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-family:Inter,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:var(--lh-body);
  font-size:var(--fs-md);
  font-weight:450;
  overflow-wrap:break-word;
  word-break:break-word;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  box-sizing:border-box;
  position:relative;
  isolation:isolate;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr *,
.design-style-smart_network_blockchain_application_development_solutions_rtr *::before,
.design-style-smart_network_blockchain_application_development_solutions_rtr *::after{box-sizing:border-box;min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr img,
.design-style-smart_network_blockchain_application_development_solutions_rtr svg{max-width:100%;height:auto;display:block;}
.design-style-smart_network_blockchain_application_development_solutions_rtr figure{max-width:100%;}
.design-style-smart_network_blockchain_application_development_solutions_rtr h1,
.design-style-smart_network_blockchain_application_development_solutions_rtr h2,
.design-style-smart_network_blockchain_application_development_solutions_rtr h3,
.design-style-smart_network_blockchain_application_development_solutions_rtr h4,
.design-style-smart_network_blockchain_application_development_solutions_rtr p,
.design-style-smart_network_blockchain_application_development_solutions_rtr ul,
.design-style-smart_network_blockchain_application_development_solutions_rtr li,
.design-style-smart_network_blockchain_application_development_solutions_rtr figure{margin:0;padding:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr ul{list-style:none;}
.design-style-smart_network_blockchain_application_development_solutions_rtr a{color:inherit;text-decoration:none;}
.design-style-smart_network_blockchain_application_development_solutions_rtr h1,
.design-style-smart_network_blockchain_application_development_solutions_rtr h2,
.design-style-smart_network_blockchain_application_development_solutions_rtr h3,
.design-style-smart_network_blockchain_application_development_solutions_rtr h4{text-wrap:balance;}
.design-style-smart_network_blockchain_application_development_solutions_rtr :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm);}

/* ===== 容器 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-wrap{
  width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);
}

/* ===== 顶部提示条 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-notice{
  background:var(--ink);color:oklch(0.94 0.02 215);
  font-size:var(--fs-xs);font-weight:600;letter-spacing:.015em;
  padding:var(--sp-2) var(--gutter);
  display:flex;align-items:center;justify-content:center;gap:var(--sp-2);
  text-align:center;line-height:1.35;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-notice .dot{
  width:7px;height:7px;border-radius:var(--r-pill);background:var(--accent-2);
  box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 26%,transparent);flex:none;
}

/* ===== 顶栏导航 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-nav{
  position:sticky;top:0;z-index:20;
  background:color-mix(in oklch,var(--bg) 88%,transparent);
  -webkit-backdrop-filter:saturate(1.4) blur(10px);
  backdrop-filter:saturate(1.4) blur(10px);
  border-bottom:1px solid var(--line-soft);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-nav-in{
  display:flex;align-items:center;gap:var(--sp-4);
  padding-block:var(--sp-3);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-brand{
  display:flex;align-items:center;gap:var(--sp-2);font-weight:800;letter-spacing:-.012em;
  font-size:var(--fs-md);color:var(--ink);flex:none;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-brand .mark{
  width:26px;height:26px;border-radius:var(--r-sm);flex:none;
  background:linear-gradient(150deg,var(--primary),var(--secondary));
  display:grid;place-items:center;color:var(--on-dark);
  box-shadow:var(--sh-1);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-brand .mark svg{width:15px;height:15px;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-menu{
  display:flex;gap:var(--sp-1);margin-left:auto;flex-wrap:wrap;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-menu a{
  font-size:var(--fs-sm);color:var(--muted);font-weight:600;
  padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);
  transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-menu a:hover{color:var(--primary);background:color-mix(in oklch,var(--primary) 9%,transparent);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-nav-cta{
  flex:none;font-size:var(--fs-sm);font-weight:700;
  padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);
  background:var(--primary);color:var(--on-dark);
  box-shadow:var(--sh-1);
  transition:transform var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease),background var(--t-fast) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-nav-cta:hover{transform:translateY(-1px);box-shadow:var(--sh-2);background:var(--primary-deep);}

/* ===== Hero 分屏 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero{
  position:relative;border-bottom:1px solid var(--line-soft);
  overflow:hidden;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(640px 320px at 88% -12%,color-mix(in oklch,var(--secondary) 15%,transparent),transparent 70%),
    radial-gradient(500px 280px at 4% 112%,color-mix(in oklch,var(--accent) 11%,transparent),transparent 72%);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-split{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:var(--sp-6);align-items:center;
  padding-block:var(--sp-7);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-copy{position:relative;min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-kicker{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-xs);font-weight:700;letter-spacing:.075em;text-transform:uppercase;
  color:var(--primary);background:color-mix(in oklch,var(--primary) 9%,transparent);
  border:1px solid var(--line);
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);margin-bottom:var(--sp-4);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero h1{
  font-size:var(--fs-3xl);line-height:var(--lh-tight);font-weight:850;letter-spacing:-.028em;
  color:var(--ink);margin-bottom:var(--sp-4);position:relative;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero h1 .outline{
  display:block;color:transparent;
  -webkit-text-stroke:1.6px color-mix(in oklch,var(--primary) 58%,transparent);
  text-shadow:none;font-weight:900;letter-spacing:-.03em;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero p.lede{
  font-size:var(--fs-md);color:var(--muted);max-width:52ch;margin-bottom:var(--sp-5);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .btn-primary{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-sm);font-weight:750;
  padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);
  background:var(--primary);color:var(--on-dark);box-shadow:var(--sh-2);
  transition:transform var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease),background var(--t-fast) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--sh-3);background:var(--primary-deep);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .btn-ghost{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-sm);font-weight:700;color:var(--ink);
  padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);
  border:1px solid var(--line);background:var(--surface);
  transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .btn-ghost:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--sh-1);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-5);
  border-top:1px solid var(--line-soft);padding-top:var(--sp-4);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-stat{min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-stat b{
  display:block;font-size:var(--fs-xl);font-weight:850;color:var(--primary);line-height:1.1;letter-spacing:-.022em;
  font-variant-numeric:tabular-nums;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-stat b em{font-style:normal;color:var(--accent);font-size:.58em;font-weight:800;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-stat span{font-size:var(--fs-xs);color:var(--muted);line-height:1.4;}

/* Hero 右侧图 + 浮层 */
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-visual{position:relative;min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-frame{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--sh-3);
  aspect-ratio:4/3.2;background:var(--surface);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-frame img{width:100%;height:100%;object-fit:cover;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-float{
  position:absolute;left:var(--sp-4);bottom:var(--sp-4);right:auto;
  background:color-mix(in oklch,var(--bg) 93%,transparent);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
  border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-2);padding:var(--sp-3) var(--sp-4);
  display:flex;align-items:center;gap:var(--sp-3);max-width:min(300px,88%);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-float .ring{
  width:34px;height:34px;flex:none;border-radius:var(--r-pill);
  background:conic-gradient(var(--accent) 0 68%,color-mix(in oklch,var(--primary) 22%,transparent) 68% 100%);
  display:grid;place-items:center;color:var(--ink);font-size:var(--fs-xs);font-weight:800;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-float .ring i{
  width:24px;height:24px;border-radius:var(--r-pill);background:var(--bg);display:grid;place-items:center;font-style:normal;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-float p{font-size:var(--fs-xs);color:var(--muted);line-height:1.45;min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-float strong{display:block;color:var(--ink);font-size:var(--fs-sm);font-weight:800;}

/* ===== 巨型描边数字母题 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .ghost-num{
  position:absolute;right:0;top:-6px;z-index:-1;
  font-size:clamp(4rem,8.4vw,7.4rem);font-weight:900;line-height:1;
  color:transparent;-webkit-text-stroke:1.4px color-mix(in oklch,var(--primary) 24%,transparent);
  letter-spacing:-.04em;pointer-events:none;user-select:none;
}

/* ===== 通用区块 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-section{padding-block:var(--sp-8);position:relative;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-section.alt{background:var(--surface);border-block:1px solid var(--line-soft);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-4);align-items:end;
  margin-bottom:var(--sp-6);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-head > div{min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-head h2{
  font-size:var(--fs-2xl);line-height:var(--lh-snug);font-weight:820;letter-spacing:-.022em;color:var(--ink);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-head .sub{font-size:var(--fs-sm);color:var(--muted);max-width:64ch;margin-top:var(--sp-2);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-head .tag{
  font-size:var(--fs-xs);font-weight:800;letter-spacing:.055em;color:var(--accent);
  border:1px solid color-mix(in oklch,var(--accent) 34%,transparent);
  background:color-mix(in oklch,var(--accent) 7%,transparent);
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);white-space:nowrap;
}

/* ===== Tabs ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .tabset{position:relative;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .tabset > input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .tab-labels{
  display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-5);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .tab-labels label{
  cursor:pointer;font-size:var(--fs-sm);font-weight:700;color:var(--muted);
  padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);
  border:1px solid var(--line);background:var(--bg);
  transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .tab-labels label:hover{color:var(--primary);border-color:var(--line-strong);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .tab-panel{display:block;}
.design-style-smart_network_blockchain_application_development_solutions_rtr #sn-t1:checked ~ .tab-labels label[for="sn-t1"],
.design-style-smart_network_blockchain_application_development_solutions_rtr #sn-t2:checked ~ .tab-labels label[for="sn-t2"],
.design-style-smart_network_blockchain_application_development_solutions_rtr #sn-t3:checked ~ .tab-labels label[for="sn-t3"]{
  color:var(--on-dark);background:var(--primary);border-color:var(--primary);box-shadow:var(--sh-1);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr #sn-t1:checked ~ .tab-panels > .tab-panel[data-p="1"],
.design-style-smart_network_blockchain_application_development_solutions_rtr #sn-t2:checked ~ .tab-panels > .tab-panel[data-p="2"],
.design-style-smart_network_blockchain_application_development_solutions_rtr #sn-t3:checked ~ .tab-panels > .tab-panel[data-p="3"]{display:block;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .tab-panels > .tab-panel{display:none;}

/* ===== 数据可视化面板 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .viz-split{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-5);align-items:start;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .viz-board{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-2);padding:var(--sp-5);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .viz-board h3{font-size:var(--fs-lg);font-weight:800;color:var(--ink);margin-bottom:var(--sp-1);letter-spacing:-.015em;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .viz-board .cap{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--sp-4);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row{display:grid;grid-template-columns:96px minmax(0,1fr) 52px;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-3);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row .lbl{font-size:var(--fs-xs);color:var(--muted);font-weight:600;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-track{height:10px;border-radius:var(--r-pill);background:color-mix(in oklch,var(--primary) 12%,transparent);overflow:hidden;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--primary),var(--secondary));transform-origin:left center;animation:sn-grow 1.1s var(--ease-out) both;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row:nth-child(2) .bar-fill{animation-delay:.06s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row:nth-child(3) .bar-fill{animation-delay:.12s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row:nth-child(4) .bar-fill{animation-delay:.18s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row:nth-child(5) .bar-fill{animation-delay:.24s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row:nth-child(6) .bar-fill{animation-delay:.3s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row .val{font-size:var(--fs-xs);font-weight:800;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .bar-fill.acc{background:linear-gradient(90deg,var(--accent),var(--accent-2));}
.design-style-smart_network_blockchain_application_development_solutions_rtr .viz-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .kpi{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);
  padding:var(--sp-4);box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .kpi:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .kpi b{display:block;font-size:var(--fs-xl);font-weight:850;color:var(--primary);letter-spacing:-.022em;line-height:1.15;font-variant-numeric:tabular-nums;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .kpi span{font-size:var(--fs-xs);color:var(--muted);line-height:1.45;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .kpi.warn b{color:var(--accent);}

/* ===== 编号步骤卡 + 连接线 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .steps{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);position:relative;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .steps::before{
  content:"";position:absolute;left:2%;right:2%;top:20px;height:2px;
  background:linear-gradient(90deg,transparent,var(--line),var(--line),transparent);
  z-index:0;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .step{
  position:relative;z-index:1;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4) var(--sp-4);box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .step:hover{transform:translateY(-4px);box-shadow:var(--sh-3);border-color:var(--line-strong);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .step .no{
  position:absolute;top:-15px;left:var(--sp-4);
  width:34px;height:34px;border-radius:var(--r-pill);
  display:grid;place-items:center;font-size:var(--fs-sm);font-weight:900;
  background:var(--primary);color:var(--on-dark);box-shadow:var(--sh-2);
  font-variant-numeric:tabular-nums;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .step.acc .no{background:var(--accent);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .step h3{font-size:var(--fs-md);font-weight:800;color:var(--ink);margin-bottom:var(--sp-2);letter-spacing:-.01em;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .step p{font-size:var(--fs-sm);color:var(--muted);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .step .meter{
  display:inline-block;margin-top:var(--sp-3);font-size:var(--fs-xs);font-weight:800;
  color:var(--primary);background:color-mix(in oklch,var(--primary) 10%,transparent);
  padding:2px var(--sp-2);border-radius:var(--r-sm);
}

/* ===== 特性卡 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat-grid + .feat-grid{margin-top:var(--sp-4);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:var(--sp-5);box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:var(--sp-2);
  min-width:0;
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:var(--line-strong);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat .ico{
  width:38px;height:38px;border-radius:var(--r-md);flex:none;
  display:grid;place-items:center;
  background:color-mix(in oklch,var(--primary) 11%,transparent);
  color:var(--primary);border:1px solid var(--line);
  font-size:1rem;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat:nth-child(3n+2) .ico{background:color-mix(in oklch,var(--accent) 10%,transparent);color:var(--accent);border-color:color-mix(in oklch,var(--accent) 24%,transparent);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat h3{font-size:var(--fs-md);font-weight:800;color:var(--ink);letter-spacing:-.01em;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat p{font-size:var(--fs-sm);color:var(--muted);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat .k{font-size:var(--fs-xs);font-weight:800;color:var(--accent);margin-top:auto;padding-top:var(--sp-2);}

/* ===== 动态 / 资讯 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:var(--sp-5);align-items:start;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-list{border-top:1px solid var(--line);min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-item{
  display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--sp-4);
  padding:var(--sp-4) 0;border-bottom:1px solid var(--line-soft);align-items:start;
  transition:background var(--t-fast) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-item:hover{background:color-mix(in oklch,var(--primary) 4%,transparent);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-item time{font-size:var(--fs-xs);color:var(--muted);font-weight:700;padding-top:2px;white-space:nowrap;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-item h3{font-size:var(--fs-md);font-weight:750;color:var(--ink);margin-bottom:var(--sp-1);letter-spacing:-.01em;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-item p{font-size:var(--fs-sm);color:var(--muted);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-item .pill{
  display:inline-block;font-size:var(--fs-xs);font-weight:800;color:var(--primary);
  background:color-mix(in oklch,var(--primary) 9%,transparent);
  padding:1px var(--sp-2);border-radius:var(--r-sm);margin-top:var(--sp-2);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-figure{
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--sh-2);aspect-ratio:3/3.6;background:var(--surface);position:sticky;top:72px;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .news-figure img{width:100%;height:100%;object-fit:cover;}

/* ===== 实用指导清单 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-5);align-items:start;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .checklist{display:grid;gap:var(--sp-3);min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check{
  display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--sp-3);
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);
  padding:var(--sp-4);box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check:hover{transform:translateX(3px);border-color:color-mix(in oklch,var(--accent) 40%,transparent);box-shadow:var(--sh-2);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check .tick{
  width:22px;height:22px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;
  background:color-mix(in oklch,var(--primary) 12%,transparent);color:var(--primary);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check .tick svg{width:13px;height:13px;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check > div{min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check h3{font-size:var(--fs-sm);font-weight:800;color:var(--ink);margin-bottom:var(--sp-1);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check p{font-size:var(--fs-sm);color:var(--muted);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check p b{color:var(--primary);font-weight:800;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .check p .warn{color:var(--accent);font-weight:800;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside{
  background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:var(--sp-5);box-shadow:var(--sh-1);min-width:0;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside h3{font-size:var(--fs-md);font-weight:800;color:var(--ink);margin-bottom:var(--sp-3);letter-spacing:-.01em;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside ul{display:grid;gap:var(--sp-3);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside li{
  font-size:var(--fs-sm);color:var(--muted);padding-left:var(--sp-4);position:relative;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside li::before{
  content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:var(--r-pill);background:var(--accent);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside .mini-row{
  display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-xs);
  padding:var(--sp-2) 0;border-bottom:1px dashed var(--line);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside .mini-row:last-child{border-bottom:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside .mini-row span:first-child{color:var(--muted);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .guide-aside .mini-row span:last-child{font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;}

/* ===== FAQ ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq{display:grid;gap:var(--sp-3);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq details{
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:var(--sh-1);overflow:hidden;
  transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq details[open]{border-color:var(--line-strong);box-shadow:var(--sh-2);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-4);font-size:var(--fs-md);font-weight:750;color:var(--ink);
  transition:color var(--t-fast) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq summary:hover{color:var(--primary);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq summary::-webkit-details-marker{display:none;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq summary .q{
  width:24px;height:24px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;
  background:color-mix(in oklch,var(--primary) 12%,transparent);color:var(--primary);
  font-size:var(--fs-xs);font-weight:900;
  transition:transform var(--t-base) var(--ease),background var(--t-base) var(--ease),color var(--t-base) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq details[open] summary .q{background:var(--accent);color:var(--on-dark);transform:rotate(45deg);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .faq .ans{padding:0 var(--sp-4) var(--sp-4) calc(var(--sp-4) + 36px);font-size:var(--fs-sm);color:var(--muted);}

/* ===== 内嵌色带 CTA ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-cta{margin-block:var(--sp-8);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(120deg,var(--ink),oklch(0.31 0.05 230));
  color:oklch(0.96 0.01 215);box-shadow:var(--sh-3);
  padding:var(--sp-6);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-5);align-items:center;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band::after{
  content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:var(--r-pill);
  background:radial-gradient(circle,color-mix(in oklch,var(--accent) 30%,transparent),transparent 68%);
  pointer-events:none;
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band > div{min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band h2{font-size:var(--fs-xl);font-weight:850;letter-spacing:-.022em;line-height:var(--lh-snug);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band p{font-size:var(--fs-sm);color:oklch(0.81 0.02 215);margin-top:var(--sp-2);max-width:58ch;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band .btn-accent{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-sm);font-weight:800;white-space:nowrap;
  padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);
  background:var(--accent);color:oklch(0.98 0.01 215);box-shadow:var(--sh-2);
  transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),color var(--t-fast) var(--ease);
}
.design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band .btn-accent:hover{transform:translateY(-2px);background:var(--accent-2);color:var(--ink);}

/* ===== 页脚 ===== */
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-footer{background:var(--surface);border-top:1px solid var(--line);padding-block:var(--sp-7) var(--sp-5);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.72fr));gap:var(--sp-5);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-brand{min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-brand p{font-size:var(--fs-sm);color:var(--muted);max-width:38ch;margin-top:var(--sp-3);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-col{min-width:0;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-col h4{font-size:var(--fs-sm);font-weight:800;color:var(--ink);margin-bottom:var(--sp-3);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-col li{margin-bottom:var(--sp-2);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-col a{font-size:var(--fs-sm);color:var(--muted);transition:color var(--t-fast) var(--ease);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-col a:hover{color:var(--primary);}
.design-style-smart_network_blockchain_application_development_solutions_rtr .foot-bottom{
  margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);
  display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;align-items:center;
  font-size:var(--fs-xs);color:var(--muted);
}

/* ===== 动效 ===== */
@keyframes sn-grow{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes sn-rise{from{opacity:.001;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-copy{animation:sn-rise .6s var(--ease-out) both;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-visual{animation:sn-rise .6s var(--ease-out) .12s both;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .steps .step{animation:sn-rise .5s var(--ease-out) both;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .steps .step:nth-child(1){animation-delay:.05s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .steps .step:nth-child(2){animation-delay:.12s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .steps .step:nth-child(3){animation-delay:.19s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .steps .step:nth-child(4){animation-delay:.26s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat{animation:sn-rise .5s var(--ease-out) both;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat:nth-child(1){animation-delay:.04s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat:nth-child(2){animation-delay:.09s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat:nth-child(3){animation-delay:.14s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat:nth-child(4){animation-delay:.19s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat:nth-child(5){animation-delay:.24s;}
.design-style-smart_network_blockchain_application_development_solutions_rtr .feat:nth-child(6){animation-delay:.29s;}

/* ===== 响应式：超大屏 ===== */
@media (min-width:1600px){
  .design-style-smart_network_blockchain_application_development_solutions_rtr{--gutter:clamp(20px,2vw,34px);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-wrap{max-width:var(--container-lg);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .feat-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-split{gap:var(--sp-7);}
}
@media (min-width:2200px){
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-wrap{max-width:var(--container-xl);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .feat-grid{grid-template-columns:repeat(6,minmax(0,1fr));}
}

/* ===== 响应式：1024 ===== */
@media (max-width:1024px){
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-split{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-frame{aspect-ratio:16/9;}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .viz-split,
  .design-style-smart_network_blockchain_application_development_solutions_rtr .news-split,
  .design-style-smart_network_blockchain_application_development_solutions_rtr .guide-split{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .news-figure{position:static;aspect-ratio:16/9;}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .steps::before{display:none;}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ===== 响应式：640 ===== */
@media (max-width:640px){
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-menu{display:none;}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-nav-cta{margin-left:auto;}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .feat-grid,
  .design-style-smart_network_blockchain_application_development_solutions_rtr .steps{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-head{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .news-item{grid-template-columns:minmax(0,1fr);gap:var(--sp-2);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .viz-kpis{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .bar-row{grid-template-columns:78px minmax(0,1fr) 46px;gap:var(--sp-2);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .foot-grid{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-section{padding-block:var(--sp-7);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band{padding:var(--sp-5);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-float{max-width:calc(100% - var(--sp-4) * 2);left:var(--sp-3);bottom:var(--sp-3);}
}

/* ===== 响应式：超小屏 380 ===== */
@media (max-width:380px){
  .design-style-smart_network_blockchain_application_development_solutions_rtr{font-size:.9rem;--gutter:var(--sp-3);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-wrap{padding-inline:var(--sp-3);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-hero-stats{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .btn-primary,
  .design-style-smart_network_blockchain_application_development_solutions_rtr .btn-ghost,
  .design-style-smart_network_blockchain_application_development_solutions_rtr .cta-band .btn-accent{width:100%;justify-content:center;min-height:44px;}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .tab-labels label{min-height:40px;display:inline-flex;align-items:center;}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .faq .ans{padding-left:var(--sp-4);}
  .design-style-smart_network_blockchain_application_development_solutions_rtr .sn-float{position:static;margin-top:var(--sp-3);max-width:100%;}
}

/* ===== 降级 ===== */
@media (prefers-reduced-motion:reduce){
  .design-style-smart_network_blockchain_application_development_solutions_rtr *,
  .design-style-smart_network_blockchain_application_development_solutions_rtr *::before,
  .design-style-smart_network_blockchain_application_development_solutions_rtr *::after{animation:none !important;transition:none !important;}
}