.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap{
  --bg: oklch(0.15 0.03 355);
  --surface: oklch(0.21 0.045 355);
  --primary: oklch(0.72 0.14 355);
  --secondary: oklch(0.62 0.14 43);
  --accent: oklch(0.78 0.16 195);
  --accent-2: oklch(0.90 0.12 195);
  --text: oklch(0.94 0.02 355);
  --muted: oklch(0.62 0.03 355);
  --line: oklch(0.34 0.02 355 / .55);
  --line-soft: oklch(0.34 0.02 355 / .34);
  --glass: oklch(0.26 0.05 355 / .42);
  --glass-2: oklch(0.32 0.05 355 / .34);
  --glass-3: oklch(0.22 0.045 355 / .82);
  --warm: oklch(0.62 0.14 43 / .22);
  --ink: oklch(0.16 0.03 355);
  --body: oklch(0.88 0.02 355);
  --body-2: oklch(0.85 0.02 355);

  --container:1140px; --container-lg:1400px; --container-xl:1680px;
  --gutter:clamp(14px,2.2vw,30px);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --r-sm: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 12px 30px rgba(0,0,0,.45);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 24px 56px rgba(0,0,0,.52);
  --fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);
  --fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);
  --fs-md:clamp(.95rem,.9rem + .25vw,1.06rem);
  --fs-lg:clamp(1.14rem,1.04rem + .5vw,1.38rem);
  --fs-xl:clamp(1.46rem,1.28rem + 1vw,1.95rem);
  --fs-2xl:clamp(1.85rem,1.46rem + 2vw,2.8rem);
  --fs-3xl:clamp(2.3rem,1.75rem + 3vw,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;
  --blur:18px; --blur-sm:12px;

  position:relative; isolation:isolate; overflow-x:clip;
  display:block; min-height:100%;
  background:
    radial-gradient(1100px 620px at 12% -8%, oklch(0.34 0.09 355 / .5), transparent 62%),
    radial-gradient(900px 560px at 96% 6%, oklch(0.45 0.10 43 / .3), transparent 60%),
    radial-gradient(760px 520px at 50% 108%, oklch(0.52 0.11 195 / .22), transparent 62%),
    linear-gradient(180deg, oklch(0.17 0.035 355) 0%, var(--bg) 46%, oklch(0.13 0.028 355) 100%);
  color:var(--text);
  font-family:Inter,"SF Pro Text",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;
  font-size:var(--fs-md); line-height:var(--lh-body);
  padding:0 var(--gutter) var(--sp-7);
  overflow-wrap:break-word; word-break:break-word;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap *{box-sizing:border-box; min-width:0;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap img{max-width:100%; height:auto; display:block;}

/* 颗粒噪点签名叠层 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:4; opacity:.24; mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>");
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-wrap{
  width:100%; max-width:var(--container); margin-inline:auto; position:relative; z-index:1;
}

/* 顶部提示条 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-notice{
  position:sticky; top:0; z-index:30;
  display:flex; align-items:center; gap:var(--sp-2); flex-wrap:wrap;
  margin:0 calc(var(--gutter) * -1) var(--sp-3);
  padding:var(--sp-2) var(--gutter);
  background:linear-gradient(90deg, oklch(0.20 0.04 355 / .94), oklch(0.24 0.05 355 / .8));
-webkit-backdrop-filter:blur(14px) saturate(1.2);
backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 oklch(1 0 0 / .05) inset,0 8px 22px rgba(0,0,0,.34);
  font-size:var(--fs-xs); letter-spacing:.03em; line-height:1.5; color:var(--text);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-notice b{color:var(--accent-2); font-weight:700;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-notice .sf-dot{
  width:8px; height:8px; border-radius:var(--r-pill); background:var(--accent); flex:0 0 auto;
  box-shadow:0 0 0 4px oklch(0.78 0.16 195 / .18); animation:sf-breathe 3.2s var(--ease) infinite;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-notice .sf-meter{
  margin-left:auto; color:var(--muted); font-variant-numeric:tabular-nums; letter-spacing:.02em;
}

/* 滚动进度条（纯 CSS 动画示意） */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-progress{
  position:fixed; top:0; left:0; right:0; height:3px; z-index:40; pointer-events:none;
  background:oklch(0.30 0.03 355 / .45); overflow:hidden;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-progress i{
  display:block; height:100%; width:38%; border-radius:var(--r-pill);
  background:linear-gradient(90deg, var(--primary), var(--secondary) 55%, var(--accent));
  box-shadow:0 0 12px oklch(0.78 0.16 195 / .35);
  animation:sf-slide 5.6s var(--ease-out) infinite;
}

/* 导航：悬浮胶囊顶栏 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav{
  display:flex; align-items:center; gap:var(--sp-3); flex-wrap:wrap;
  padding:var(--sp-2) var(--sp-3);
  border-radius:var(--r-lg);
  background:var(--glass);
-webkit-backdrop-filter:blur(var(--blur)) saturate(1.25);
backdrop-filter:blur(var(--blur)) saturate(1.25);
  border:1px solid var(--line);
  box-shadow:var(--sh-2);
  position:sticky; top:34px; z-index:25;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-brand{
  display:flex; align-items:center; gap:var(--sp-2); font-weight:800; letter-spacing:-.02em; font-size:var(--fs-lg); line-height:1.1;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-brand span{color:var(--accent-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-brand .sf-mark{
  width:28px; height:28px; border-radius:10px; display:grid; place-items:center; flex:0 0 auto;
  background:linear-gradient(140deg, var(--primary), var(--secondary));
  box-shadow:var(--sh-1); color:var(--ink); font-size:var(--fs-xs); font-weight:900;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav ul{
  display:flex; gap:var(--sp-1); list-style:none; margin:0; padding:0; flex-wrap:wrap;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav a{
  display:inline-flex; align-items:center; min-height:36px; padding:0 var(--sp-3);
  color:var(--muted); text-decoration:none; font-size:var(--fs-sm); font-weight:600;
  border-radius:var(--r-pill); border:1px solid transparent;
  transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease-out);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav a:hover,
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav a:focus-visible{
  color:var(--text); background:oklch(0.34 0.06 355 / .45); border-color:var(--line); transform:translateY(-1px);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav .sf-nav-cta{margin-left:auto;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2);
  min-height:42px; padding:0 var(--sp-5);
  border-radius:var(--r-pill); border:1px solid transparent; text-decoration:none;
  font-weight:700; font-size:var(--fs-sm); letter-spacing:.01em; cursor:pointer;
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), background var(--t-base) var(--ease), color var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-btn-primary{
  background:linear-gradient(135deg, oklch(0.74 0.13 355), oklch(0.66 0.14 20));
  color:var(--ink); box-shadow:var(--sh-2);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-btn-accent{
  background:oklch(0.78 0.16 195 / .16); color:var(--accent-2); border-color:oklch(0.78 0.16 195 / .45);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-btn-ghost{
  background:var(--glass-2); color:var(--text); border-color:var(--line);
-webkit-backdrop-filter:blur(var(--blur-sm));
backdrop-filter:blur(var(--blur-sm));
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-btn:hover{transform:translateY(-2px); box-shadow:var(--sh-3);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-btn-primary:hover{background:linear-gradient(135deg, oklch(0.78 0.13 355), oklch(0.70 0.14 20));}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap a:focus-visible,
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap summary:focus-visible{
  outline:2px solid var(--accent-2); outline-offset:2px; border-radius:var(--r-sm);
}

/* 通用玻璃卡 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-glass{
  position:relative;
  background:var(--glass);
-webkit-backdrop-filter:blur(var(--blur)) saturate(1.22);
backdrop-filter:blur(var(--blur)) saturate(1.22);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-2);
  overflow:hidden;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-glass::before{
  content:""; position:absolute; inset:0 0 auto 0; height:1px;
  background:linear-gradient(90deg, transparent, oklch(1 0 0 / .42), transparent);
}

/* 区块节奏 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-sec{margin-top:var(--sp-7); scroll-margin-top:96px;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-head{display:flex; align-items:flex-end; gap:var(--sp-4); flex-wrap:wrap; margin-bottom:var(--sp-4);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-eyebrow{
  display:inline-flex; align-items:center; gap:var(--sp-2);
  font-size:var(--fs-xs); font-weight:700; letter-spacing:.13em; text-transform:uppercase; color:var(--accent-2);
  padding:var(--sp-1) var(--sp-3); border-radius:var(--r-pill);
  background:oklch(0.78 0.16 195 / .12); border:1px solid oklch(0.78 0.16 195 / .3);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap h2{
  font-size:var(--fs-xl); line-height:var(--lh-snug); letter-spacing:-.02em; margin:var(--sp-2) 0 0; font-weight:800;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap h3{
  font-size:var(--fs-lg); line-height:var(--lh-snug); margin:0 0 var(--sp-2); font-weight:750; letter-spacing:-.01em;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap p{margin:0 0 var(--sp-3); color:var(--body);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap p:last-child{margin-bottom:0;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-muted{color:var(--muted);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-em{color:var(--accent-2); font-weight:700;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-num{font-variant-numeric:tabular-nums; color:var(--accent-2); font-weight:800;}

/* Hero 上图下文沉浸式 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero{margin-top:var(--sp-4);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-media{
  position:relative; border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh-3); border:1px solid var(--line);
  aspect-ratio:21/9; background:var(--surface);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-media img{
  width:100%; height:100%; object-fit:cover; transform:scale(1.02);
  transition:transform var(--t-slow) var(--ease-out);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-media:hover img{transform:scale(1.06);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-media .sf-veil{
  position:absolute; inset:0;
  background:linear-gradient(180deg, oklch(0.15 0.03 355 / .16) 0%, oklch(0.15 0.03 355 / .7) 68%, oklch(0.14 0.03 355 / .92) 100%);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-chips{
  position:absolute; left:var(--sp-4); bottom:var(--sp-4); display:flex; gap:var(--sp-2); flex-wrap:wrap; margin:0; padding:0; list-style:none;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-chip{
  font-size:var(--fs-xs); font-weight:700; padding:var(--sp-1) var(--sp-3); border-radius:var(--r-pill);
  background:oklch(0.22 0.04 355 / .72); border:1px solid var(--line); color:var(--text); white-space:nowrap;
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-copy{margin-top:calc(var(--sp-6) * -1); position:relative; z-index:2; padding:0 var(--sp-4) var(--sp-5);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-copy h1{
  font-size:var(--fs-3xl); line-height:var(--lh-tight); letter-spacing:-.03em; margin:var(--sp-3) 0 var(--sp-3); font-weight:900; max-width:22ch;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-copy h1 em{
  font-style:normal;
  background:linear-gradient(100deg, var(--accent-2), var(--secondary));
-webkit-background-clip:text;
background-clip:text; -webkit-text-fill-color:transparent; color:transparent;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-copy .sf-lede{font-size:var(--fs-md); color:oklch(0.9 0.02 355); max-width:64ch;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-actions{display:flex; gap:var(--sp-3); flex-wrap:wrap; margin-top:var(--sp-4);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-stats{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:var(--sp-3); margin-top:var(--sp-5);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-stat{padding:var(--sp-3) var(--sp-4);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-stat b{display:block; font-size:var(--fs-xl); line-height:1.08; color:var(--accent-2); font-weight:850; letter-spacing:-.01em;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-stat span{display:block; font-size:var(--fs-xs); color:var(--muted); margin-top:var(--sp-1); line-height:1.45;}

/* Bento 特性错落格 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-bento{
  display:grid; gap:var(--sp-4);
  grid-template-columns:repeat(6, minmax(0,1fr));
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-card{padding:var(--sp-4); display:flex; flex-direction:column; gap:var(--sp-2);
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-card:hover{
  transform:translateY(-4px); box-shadow:var(--sh-3); border-color:oklch(0.78 0.16 195 / .4);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-card .sf-ico{
  width:34px; height:34px; border-radius:var(--r-md); display:grid; place-items:center; flex:0 0 auto;
  background:oklch(0.78 0.16 195 / .14); border:1px solid oklch(0.78 0.16 195 / .32); color:var(--accent-2);
  font-size:var(--fs-sm); font-weight:800;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-card p{margin:0; font-size:var(--fs-sm); color:var(--body-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-card .sf-kpi{
  margin-top:auto; display:flex; align-items:baseline; gap:var(--sp-2); flex-wrap:wrap; font-size:var(--fs-xs); color:var(--muted);
  border-top:1px solid var(--line-soft); padding-top:var(--sp-2); line-height:1.5;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-a{grid-column:span 3;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-b{grid-column:span 3;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-c{grid-column:span 2;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-d{grid-column:span 4; display:grid; grid-template-columns:minmax(0,1fr) 200px; gap:var(--sp-4); align-items:center;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-d .sf-thumb{
  border-radius:var(--r-md); overflow:hidden; aspect-ratio:4/3; border:1px solid var(--line); box-shadow:var(--sh-1);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-d .sf-thumb img{width:100%; height:100%; object-fit:cover; transition:transform var(--t-slow) var(--ease-out);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-d:hover .sf-thumb img{transform:scale(1.05);}

/* 客户评价 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quotes{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--sp-4);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quote{padding:var(--sp-4); display:flex; flex-direction:column;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quote blockquote{margin:0 0 var(--sp-3); font-size:var(--fs-sm); line-height:1.62; color:oklch(0.9 0.02 355);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quote figcaption{display:flex; align-items:center; gap:var(--sp-3); margin-top:auto; font-size:var(--fs-xs); color:var(--muted); line-height:1.5;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-avatar{
  width:40px; height:40px; border-radius:var(--r-pill); overflow:hidden; flex:0 0 auto; border:1px solid var(--line); box-shadow:var(--sh-1);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-avatar img{width:100%; height:100%; object-fit:cover;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quote figcaption strong{color:var(--text); display:block; font-size:var(--fs-sm); margin-bottom:2px;}

/* 图文混排特写 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:var(--sp-5); align-items:center; padding:var(--sp-5);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature figure{margin:0; border-radius:var(--r-md); overflow:hidden; aspect-ratio:16/11; border:1px solid var(--line); box-shadow:var(--sh-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature figure img{width:100%; height:100%; object-fit:cover; transition:transform var(--t-slow) var(--ease-out);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature figure:hover img{transform:scale(1.05);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature ul{margin:0; padding-left:1.1em; font-size:var(--fs-sm); line-height:1.6; color:var(--body);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature li{margin-bottom:var(--sp-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature li:last-child{margin-bottom:0;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature li b{color:var(--accent-2);}

/* 实用清单 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-checklist{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:var(--sp-3); counter-reset:sf-step;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-step{
  display:grid; grid-template-columns:34px minmax(0,1fr); gap:var(--sp-3); padding:var(--sp-4);
  counter-increment:sf-step;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-step::before{
  content:counter(sf-step, decimal-leading-zero);
  width:34px; height:34px; border-radius:var(--r-md); display:grid; place-items:center;
  background:oklch(0.34 0.06 355 / .6); border:1px solid var(--line); color:var(--accent-2);
  font-weight:850; font-size:var(--fs-xs); font-variant-numeric:tabular-nums;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-step h3{font-size:var(--fs-md); margin-bottom:var(--sp-1);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-step p{margin:0; font-size:var(--fs-sm); color:var(--body-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-step code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.86em;
  background:oklch(0.30 0.04 355 / .7); padding:1px 6px; border-radius:var(--r-sm); color:var(--accent-2);
  border:1px solid var(--line-soft); overflow-wrap:break-word;
}

/* FAQ */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq{display:grid; gap:var(--sp-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq details{padding:var(--sp-3) var(--sp-4); transition:border-color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq details:hover{border-color:oklch(0.78 0.16 195 / .32);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq details[open]{box-shadow:var(--sh-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq summary{
  cursor:pointer; list-style:none; font-weight:700; font-size:var(--fs-sm); display:flex; gap:var(--sp-3); align-items:center; min-height:32px;
  transition:color var(--t-fast) var(--ease);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq summary:hover{color:var(--accent-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq summary::-webkit-details-marker{display:none;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq summary::after{
  content:"+"; margin-left:auto; color:var(--accent-2); font-weight:800; font-size:var(--fs-lg); line-height:1; flex:0 0 auto;
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq details[open] summary::after{content:"–";}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-faq details p{margin:var(--sp-2) 0 0; font-size:var(--fs-sm); color:var(--body-2); line-height:1.62;}

/* 关键数据条 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-metrics{
  display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:1px; padding:0; overflow:hidden;
  background:var(--line);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-metric{
  background:var(--glass-3); padding:var(--sp-4); display:flex; flex-direction:column; gap:var(--sp-1);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-metric b{font-size:var(--fs-xl); color:var(--accent-2); line-height:1.08; font-weight:850; letter-spacing:-.01em;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-metric span{font-size:var(--fs-xs); color:var(--muted); line-height:1.5;}

/* 价格档位 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tiers{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:var(--sp-4); align-items:start;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier{padding:var(--sp-5); display:flex; flex-direction:column; gap:var(--sp-3);
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier:hover{transform:translateY(-3px); box-shadow:var(--sh-3);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier.sf-hot{border-color:oklch(0.78 0.16 195 / .45); box-shadow:var(--sh-3);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier .sf-price{font-size:var(--fs-xl); font-weight:850; color:var(--text); letter-spacing:-.01em; line-height:1.2;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier .sf-price small{font-size:var(--fs-xs); color:var(--muted); font-weight:600;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier ul{margin:0; padding-left:1.1em; font-size:var(--fs-sm); color:var(--body-2); line-height:1.6;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier li{margin-bottom:var(--sp-1);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier .sf-btn{margin-top:auto; width:100%;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-badge{
  align-self:flex-start; font-size:var(--fs-xs); font-weight:800; letter-spacing:.08em;
  padding:var(--sp-1) var(--sp-3); border-radius:var(--r-pill);
  background:oklch(0.78 0.16 195 / .15); color:var(--accent-2); border:1px solid oklch(0.78 0.16 195 / .35);
}

/* CTA 内嵌色带 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-cta{
  margin-top:var(--sp-7); padding:var(--sp-6); display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:var(--sp-5); align-items:center;
  background:
    linear-gradient(100deg, oklch(0.30 0.07 355 / .68), oklch(0.30 0.07 43 / .44) 52%, oklch(0.34 0.06 195 / .36)),
    var(--surface);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-cta h2{margin-top:var(--sp-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-cta .sf-cta-actions{display:flex; gap:var(--sp-3); flex-wrap:wrap; justify-content:flex-end;}

/* 页脚 */
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-footer{
  margin-top:var(--sp-6); padding:var(--sp-5); display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3, minmax(0,1fr)); gap:var(--sp-5);
  border-radius:var(--r-lg); background:var(--glass); border:1px solid var(--line);
-webkit-backdrop-filter:blur(16px);
backdrop-filter:blur(16px); box-shadow:var(--sh-2);
}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-footer h3{font-size:var(--fs-sm); color:var(--text); margin-bottom:var(--sp-2); letter-spacing:.01em;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-footer ul{list-style:none; margin:0; padding:0; font-size:var(--fs-sm);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-footer li{margin-bottom:var(--sp-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-footer a{color:var(--muted); text-decoration:none; transition:color var(--t-fast) var(--ease);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-footer a:hover{color:var(--accent-2);}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-fine{
  grid-column:1 / -1; border-top:1px solid var(--line); padding-top:var(--sp-3); font-size:var(--fs-xs); color:var(--muted);
  display:flex; justify-content:space-between; gap:var(--sp-3); flex-wrap:wrap; line-height:1.5;
}

/* 动效：加载即播放 */
@keyframes sf-rise{from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);}}
@keyframes sf-slide{0%{transform:translateX(-100%);} 50%{transform:translateX(80%);} 100%{transform:translateX(240%);}}
@keyframes sf-breathe{0%,100%{opacity:1; transform:scale(1);} 50%{opacity:.55; transform:scale(1.25);}}

.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-rise{animation:sf-rise .6s var(--ease-out) both;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-d1{animation-delay:.06s;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-d2{animation-delay:.12s;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-d3{animation-delay:.18s;}
.design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-d4{animation-delay:.24s;}

/* 响应式 */
@media (min-width:1600px){
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap{--gutter:clamp(20px,2vw,36px); font-size:clamp(1rem,.95rem + .2vw,1.1rem);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-wrap{max-width:var(--container-xl);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-bento{grid-template-columns:repeat(12, minmax(0,1fr)); gap:var(--sp-5);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-a{grid-column:span 5;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-b{grid-column:span 4;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-c{grid-column:span 3;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-d{grid-column:span 12; grid-template-columns:minmax(0,1fr) 300px;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quotes{grid-template-columns:repeat(4, minmax(0,1fr));}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-metrics{grid-template-columns:repeat(5, minmax(0,1fr));}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature{padding:var(--sp-6);}
}
@media (min-width:1100px) and (max-width:1599px){
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-wrap{max-width:var(--container-lg);}
}
@media (max-width:1024px){
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quotes{grid-template-columns:repeat(2, minmax(0,1fr));}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-feature{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-cta{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-cta .sf-cta-actions{justify-content:flex-start;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-footer{grid-template-columns:repeat(2, minmax(0,1fr));}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-stats{grid-template-columns:repeat(2, minmax(0,1fr));}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-a,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-b{grid-column:span 6;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-c{grid-column:span 6;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-d{grid-column:span 6; grid-template-columns:minmax(0,1fr);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-d .sf-thumb{aspect-ratio:16/9;}
}
@media (max-width:640px){
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap{padding-inline:var(--sp-3);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav{position:static; top:auto; gap:var(--sp-2);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav ul{width:100%; justify-content:flex-start;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav .sf-nav-cta{margin-left:0; width:100%;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-nav .sf-nav-cta .sf-btn{width:100%;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-bento{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-a,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-b,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-c,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-c-d{grid-column:span 1;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quotes,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-checklist,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tiers,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-metrics{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-media{aspect-ratio:16/11;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-chips{left:var(--sp-3); bottom:var(--sp-3); gap:var(--sp-1);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-copy{margin-top:var(--sp-4); padding-inline:var(--sp-1);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-footer{grid-template-columns:minmax(0,1fr); gap:var(--sp-4);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-notice{position:static;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-notice .sf-meter{margin-left:0;}
}
@media (max-width:380px){
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap{padding-inline:var(--sp-2);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-glass{border-radius:var(--r-md);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-card,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-step,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-tier,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-quote{padding:var(--sp-3);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-copy h1{font-size:1.7rem;}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-hero-stats{grid-template-columns:minmax(0,1fr);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-btn{padding:0 var(--sp-4);}
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap .sf-cta{padding:var(--sp-4);}
}
@media (prefers-reduced-motion: reduce){
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap *,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap *::before,
  .design-style-smart_frosted_glass_and_blockchain_application_website_design_3ap *::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important;
  }
}