.design-style-future_blockchain_portal_website_1n4{
  /* ===== tokens ===== */
  --bg: oklch(0.985 0.008 204);
  --surface: oklch(0.962 0.018 204);
  --surface-2: oklch(0.945 0.022 204);
  --primary: oklch(0.54 0.11 204);
  --primary-soft: oklch(0.72 0.07 204);
  --secondary: oklch(0.62 0.11 92);
  --accent: oklch(0.66 0.13 354);
  --accent-2: oklch(0.78 0.09 354);
  --text: oklch(0.27 0.03 204);
  --muted: oklch(0.47 0.028 204);
  --line: color-mix(in oklab, var(--text) 12%, transparent);
  --line-soft: color-mix(in oklab, var(--text) 7%, transparent);
  --container: 1160px; --container-lg: 1360px; --container-xl: 1600px;
  --gutter: clamp(14px, 2vw, 28px);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:22px; --sp-6:30px; --sp-7:42px; --sp-8:56px;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.10);
  --sh-2:0 5px 10px -2px rgba(16,24,40,.11),0 2px 5px -2px rgba(16,24,40,.07);
  --sh-3:0 20px 40px -10px rgba(16,24,40,.18),0 8px 16px -8px rgba(16,24,40,.10);
  --neu-out: -6px -6px 12px color-mix(in oklab, white 92%, transparent), 6px 6px 14px color-mix(in oklab, var(--text) 14%, transparent);
  --neu-out-sm: -3px -3px 7px color-mix(in oklab, white 90%, transparent), 3px 3px 8px color-mix(in oklab, var(--text) 13%, transparent);
  --neu-in: inset 3px 3px 7px color-mix(in oklab, var(--text) 12%, transparent), inset -3px -3px 7px color-mix(in oklab, white 88%, transparent);
  --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.15rem,1.05rem + .5vw,1.38rem);
  --fs-xl:clamp(1.48rem,1.3rem + 1vw,1.96rem);
  --fs-2xl:clamp(1.88rem,1.5rem + 1.9vw,2.8rem);
  --fs-3xl:clamp(2.3rem,1.8rem + 2.8vw,3.5rem);
  --lh-tight:1.12; --lh-snug:1.32; --lh-body:1.6;
  --ease:cubic-bezier(.4,0,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.15s; --t-base:.25s; --t-slow:.45s;
  --font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;
  box-sizing:border-box;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-mono);
  font-size:var(--fs-md);
  line-height:var(--lh-body);
  overflow-wrap:break-word;
  word-break:break-word;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.design-style-future_blockchain_portal_website_1n4 *,
.design-style-future_blockchain_portal_website_1n4 *::before,
.design-style-future_blockchain_portal_website_1n4 *::after{box-sizing:border-box;}
.design-style-future_blockchain_portal_website_1n4 img{max-width:100%;height:auto;display:block;}
.design-style-future_blockchain_portal_website_1n4 p,
.design-style-future_blockchain_portal_website_1n4 h1,
.design-style-future_blockchain_portal_website_1n4 h2,
.design-style-future_blockchain_portal_website_1n4 h3,
.design-style-future_blockchain_portal_website_1n4 h4,
.design-style-future_blockchain_portal_website_1n4 ul,
.design-style-future_blockchain_portal_website_1n4 ol,
.design-style-future_blockchain_portal_website_1n4 dl{margin:0;}
.design-style-future_blockchain_portal_website_1n4 ul,
.design-style-future_blockchain_portal_website_1n4 ol{list-style:none;padding:0;}

/* ===== 顶部提示条 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-banner{
  position:relative;
  z-index:60;
  display:flex;align-items:center;justify-content:center;gap:var(--sp-2);
  padding:var(--sp-2) var(--gutter);
  background:color-mix(in oklab, var(--text) 92%, var(--primary));
  color:color-mix(in oklab, var(--bg) 94%, white);
  font-size:var(--fs-xs);
  letter-spacing:.05em;
  text-align:center;
  border-bottom:1px solid color-mix(in oklab, var(--primary) 30%, transparent);
  box-shadow:inset 0 -1px 0 color-mix(in oklab, white 6%, transparent);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-banner span{min-width:0;}
.design-style-future_blockchain_portal_website_1n4 .fbp-banner .fbp-dot{
  width:7px;height:7px;border-radius:var(--r-pill);
  background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 26%, transparent);
  flex:0 0 auto;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-banner strong{
  color:var(--accent-2);
  font-weight:700;
  letter-spacing:.04em;
}

/* ===== 布局容器 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-wrap{
  width:100%;
  max-width:var(--container);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-wrap--lg{max-width:var(--container-lg);}

/* ===== 斜切色带分区 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-band{
  position:relative;
  padding-block:clamp(var(--sp-6),4.4vw,var(--sp-7));
  background:var(--surface);
  clip-path:polygon(0 2.2%,100% 0,100% 100%,0 97.8%);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-band--flat{clip-path:none;}
.design-style-future_blockchain_portal_website_1n4 .fbp-band--edge{
  clip-path:polygon(0 2.6%,100% 0,100% 97.4%,0 100%);
}

/* ===== 顶栏导航 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-nav{
  position:sticky;top:0;z-index:50;
  background:color-mix(in oklab, var(--bg) 86%, transparent);
  -webkit-backdrop-filter:saturate(160%) blur(10px);
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--line);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-nav-in{
  display:flex;align-items:center;gap:var(--sp-4);
  padding-block:var(--sp-2);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-logo{
  display:flex;align-items:center;gap:var(--sp-2);
  min-width:0;
  font-weight:700;font-size:var(--fs-sm);
  letter-spacing:.02em;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-logo-mark{
  width:32px;height:32px;flex:0 0 auto;
  border-radius:var(--r-md);
  background:var(--surface);
  box-shadow:var(--neu-out-sm);
  display:grid;place-items:center;
  color:var(--primary);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-logo b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.design-style-future_blockchain_portal_website_1n4 .fbp-nav-links{
  display:flex;align-items:center;gap:var(--sp-1);
  margin-left:auto;
  min-width:0;
  flex-wrap:wrap;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-nav-links a{
  display:inline-flex;align-items:center;
  min-height:36px;
  padding:0 var(--sp-3);
  border-radius:var(--r-pill);
  color:var(--muted);
  font-size:var(--fs-xs);
  text-decoration:none;
  transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), box-shadow var(--t-base) var(--ease);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-nav-links a:hover,
.design-style-future_blockchain_portal_website_1n4 .fbp-nav-links a:focus-visible{
  color:var(--primary);
  background:var(--bg);
  box-shadow:var(--neu-out-sm);
  outline:none;
}

/* ===== 主按钮（新拟态可按压） ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:44px;
  padding:0 var(--sp-5);
  border:none;cursor:pointer;
  border-radius:var(--r-pill);
  font-family:inherit;font-size:var(--fs-sm);font-weight:700;
  letter-spacing:.02em;
  background:var(--surface);
  color:var(--primary);
  box-shadow:var(--neu-out);
  transition:box-shadow var(--t-base) var(--ease), transform var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
  text-decoration:none;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-btn:hover{transform:translateY(-1px);box-shadow:var(--neu-out), var(--sh-2);}
.design-style-future_blockchain_portal_website_1n4 .fbp-btn:active{box-shadow:var(--neu-in);transform:translateY(0);}
.design-style-future_blockchain_portal_website_1n4 .fbp-btn--accent{color:var(--accent);}
.design-style-future_blockchain_portal_website_1n4 .fbp-btn--ghost{color:var(--muted);}
.design-style-future_blockchain_portal_website_1n4 .fbp-btn:focus-visible{outline:2px solid var(--primary);outline-offset:3px;}

/* ===== Hero：海报式分屏 + 卡片堆叠 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-hero{
  position:relative;
  padding-block:clamp(var(--sp-6),4vw,var(--sp-7));
  background:
    radial-gradient(1000px 380px at 12% -8%, color-mix(in oklab, var(--primary) 11%, transparent), transparent 62%),
    radial-gradient(700px 300px at 96% 8%, color-mix(in oklab, var(--accent) 9%, transparent), transparent 60%),
    var(--bg);
  overflow:hidden;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(var(--sp-4),2.8vw,var(--sp-6));
  align-items:center;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-eyebrow{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  padding:var(--sp-1) var(--sp-3);
  border-radius:var(--r-pill);
  background:var(--surface);
  box-shadow:var(--neu-out-sm);
  color:var(--muted);
  font-size:var(--fs-xs);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:var(--sp-3);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hero h1{
  font-size:var(--fs-3xl);
  line-height:var(--lh-tight);
  letter-spacing:-.02em;
  font-weight:800;
  margin-bottom:var(--sp-3);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hero h1 em{
  font-style:normal;
  color:var(--primary);
  position:relative;
  white-space:nowrap;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hero h1 em::after{
  content:"";position:absolute;left:0;right:0;bottom:.04em;height:6px;
  background:color-mix(in oklab, var(--accent) 30%, transparent);
  border-radius:var(--r-pill);
  z-index:-1;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-lede{
  color:var(--muted);
  font-size:var(--fs-md);
  max-width:60ch;
  margin-bottom:var(--sp-4);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hero-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;}
.design-style-future_blockchain_portal_website_1n4 .fbp-hero-metrics{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--sp-3);
  margin-top:var(--sp-5);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-metric{
  background:var(--surface);
  border-radius:var(--r-lg);
  padding:var(--sp-3) var(--sp-4);
  box-shadow:var(--neu-out-sm);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-metric b{
  display:block;
  font-size:var(--fs-lg);
  color:var(--primary);
  line-height:1.2;
  letter-spacing:-.01em;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-metric span{font-size:var(--fs-xs);color:var(--muted);}

/* 堆叠滑动卡片 */
.design-style-future_blockchain_portal_website_1n4 .fbp-stack{
  position:relative;
  display:grid;
  gap:var(--sp-3);
  padding:var(--sp-3);
  border-radius:calc(var(--r-lg) + 4px);
  background:var(--surface);
  box-shadow:var(--neu-out), var(--sh-1);
  scroll-snap-type:y mandatory;
  max-height:500px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide{
  scroll-snap-align:start;
  border-radius:var(--r-lg);
  background:var(--bg);
  box-shadow:var(--neu-out-sm);
  overflow:hidden;
  flex:0 0 auto;
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide figure{margin:0;}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide .fbp-thumb{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--surface-2);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide .fbp-thumb img{
  width:100%;height:100%;object-fit:cover;
  transition:transform var(--t-slow) var(--ease-out);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide:hover .fbp-thumb img{transform:scale(1.04);}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide .fbp-slide-tag{
  position:absolute;top:var(--sp-2);left:var(--sp-2);
  padding:2px var(--sp-2);
  border-radius:var(--r-pill);
  font-size:var(--fs-xs);
  background:color-mix(in oklab, var(--text) 78%, transparent);
  color:var(--bg);
  letter-spacing:.03em;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide .fbp-slide-body{padding:var(--sp-3) var(--sp-4) var(--sp-4);}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide h4{font-size:var(--fs-sm);margin-bottom:var(--sp-1);letter-spacing:-.005em;}
.design-style-future_blockchain_portal_website_1n4 .fbp-slide p{font-size:var(--fs-xs);color:var(--muted);}

/* ===== 通用区块标题 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);
  flex-wrap:wrap;
  margin-bottom:var(--sp-5);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-head > div{min-width:0;}
.design-style-future_blockchain_portal_website_1n4 .fbp-head h2{
  font-size:var(--fs-xl);
  line-height:var(--lh-snug);
  letter-spacing:-.01em;
  display:flex;align-items:center;gap:var(--sp-3);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-head h2::before{
  content:"";
  width:10px;height:10px;flex:0 0 auto;
  border-radius:var(--r-pill);
  background:var(--accent);
  box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 18%, transparent);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-head p{font-size:var(--fs-sm);color:var(--muted);max-width:54ch;}
.design-style-future_blockchain_portal_website_1n4 .fbp-kicker{
  font-size:var(--fs-xs);
  color:var(--muted);
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:var(--sp-2);
}

/* ===== 数据可视化面板 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-dash{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:var(--sp-4);
  align-items:start;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-panel{
  background:var(--bg);
  border-radius:var(--r-lg);
  box-shadow:var(--neu-out-sm);
  padding:var(--sp-4);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-panel-title{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
  font-size:var(--fs-sm);font-weight:700;margin-bottom:var(--sp-3);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-panel-title span{font-size:var(--fs-xs);color:var(--muted);font-weight:400;}
.design-style-future_blockchain_portal_website_1n4 .fbp-bars{display:grid;gap:var(--sp-3);}
.design-style-future_blockchain_portal_website_1n4 .fbp-bar-row{display:grid;grid-template-columns:92px minmax(0,1fr) 54px;align-items:center;gap:var(--sp-3);min-width:0;}
.design-style-future_blockchain_portal_website_1n4 .fbp-bar-row span{font-size:var(--fs-xs);color:var(--muted);min-width:0;overflow-wrap:break-word;}
.design-style-future_blockchain_portal_website_1n4 .fbp-bar{
  height:11px;border-radius:var(--r-pill);
  background:var(--surface);
  box-shadow:var(--neu-in);
  overflow:hidden;
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-bar i{
  display:block;height:100%;
  border-radius:var(--r-pill);
  background:linear-gradient(90deg, color-mix(in oklab, var(--primary) 68%, var(--surface)), var(--primary));
  transform-origin:left center;
  animation:fbp-grow 1s var(--ease-out) both;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-bar-row b{font-size:var(--fs-xs);text-align:right;color:var(--primary);min-width:0;}
.design-style-future_blockchain_portal_website_1n4 .fbp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);}
.design-style-future_blockchain_portal_website_1n4 .fbp-tile{
  background:var(--bg);
  border-radius:var(--r-md);
  box-shadow:var(--neu-out-sm);
  padding:var(--sp-3);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-tile b{display:block;font-size:var(--fs-lg);color:var(--accent);line-height:1.15;letter-spacing:-.01em;}
.design-style-future_blockchain_portal_website_1n4 .fbp-tile span{font-size:var(--fs-xs);color:var(--muted);}
.design-style-future_blockchain_portal_website_1n4 .fbp-spark{
  margin-top:var(--sp-4);
  height:60px;
  border-radius:var(--r-md);
  background:var(--bg);
  box-shadow:var(--neu-in);
  padding:var(--sp-3);
  display:flex;align-items:flex-end;gap:6px;
  overflow:hidden;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-spark i{
  flex:1 1 0;min-width:0;
  border-radius:3px 3px 0 0;
  background:color-mix(in oklab, var(--primary) 52%, var(--surface));
  animation:fbp-rise .8s var(--ease-out) both;
}

/* ===== 手风琴折叠特性卡（纯 CSS） ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-accordion{
  display:grid;
  gap:var(--sp-3);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc{
  background:var(--bg);
  border-radius:var(--r-lg);
  box-shadow:var(--neu-out-sm);
  overflow:hidden;
  transition:box-shadow var(--t-base) var(--ease);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc[open]{box-shadow:var(--neu-in);}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc summary{
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-4);
  cursor:pointer;
  list-style:none;
  min-height:50px;
  font-size:var(--fs-sm);font-weight:700;
  letter-spacing:-.005em;
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc summary::-webkit-details-marker{display:none;}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc summary:focus-visible{outline:2px solid var(--primary);outline-offset:-3px;}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc .fbp-acc-idx{
  flex:0 0 auto;
  width:26px;height:26px;border-radius:var(--r-sm);
  display:grid;place-items:center;
  font-size:var(--fs-xs);
  background:var(--surface);
  box-shadow:var(--neu-out-sm);
  color:var(--primary);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc .fbp-acc-caret{
  margin-left:auto;flex:0 0 auto;
  width:18px;height:18px;
  color:var(--muted);
  transition:transform var(--t-base) var(--ease), color var(--t-fast) var(--ease);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc[open] .fbp-acc-caret{transform:rotate(90deg);color:var(--accent);}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc .fbp-acc-body{
  padding:0 var(--sp-4) var(--sp-4);
  font-size:var(--fs-sm);
  color:var(--muted);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc .fbp-acc-body ul{display:grid;gap:var(--sp-2);margin-top:var(--sp-2);}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc .fbp-acc-body li{
  display:flex;gap:var(--sp-2);align-items:flex-start;
  font-size:var(--fs-xs);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc .fbp-acc-body li::before{
  content:"";
  flex:0 0 auto;
  width:6px;height:6px;margin-top:.55em;
  border-radius:var(--r-pill);
  background:var(--accent);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-acc code{
  font-family:inherit;
  background:var(--surface);
  border-radius:var(--r-sm);
  padding:1px 5px;
  color:var(--primary);
  overflow-wrap:break-word;
}

/* ===== 悬停展开横向风琴卡 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-hacc{
  display:flex;
  gap:var(--sp-3);
  overflow-x:auto;
  padding-block:var(--sp-2);
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hacc-item{
  position:relative;
  flex:1 1 0;
  min-width:0;
  min-height:210px;
  border-radius:var(--r-lg);
  overflow:hidden;
  scroll-snap-align:start;
  box-shadow:var(--neu-out-sm);
  transition:flex-grow var(--t-slow) var(--ease-out), box-shadow var(--t-base) var(--ease);
  isolation:isolate;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hacc-item img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:-2;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hacc-item::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg, color-mix(in oklab, var(--text) 16%, transparent), color-mix(in oklab, var(--text) 86%, transparent));
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hacc-cap{
  position:absolute;left:0;right:0;bottom:0;
  padding:var(--sp-4);
  color:var(--bg);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-hacc-cap b{display:block;font-size:var(--fs-sm);margin-bottom:var(--sp-1);}
.design-style-future_blockchain_portal_website_1n4 .fbp-hacc-cap p{font-size:var(--fs-xs);color:color-mix(in oklab, var(--bg) 82%, transparent);}
.design-style-future_blockchain_portal_website_1n4 .fbp-hacc-item:hover{flex-grow:2.4;box-shadow:var(--neu-out-sm), var(--sh-2);}

/* ===== 实用指导清单 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-checklist{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));
  gap:var(--sp-4);
  counter-reset:fbpstep;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-check{
  background:var(--bg);
  border-radius:var(--r-lg);
  box-shadow:var(--neu-out-sm);
  padding:var(--sp-4);
  min-width:0;
  counter-increment:fbpstep;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-check h3{
  display:flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-sm);margin-bottom:var(--sp-2);
  letter-spacing:-.005em;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-check h3::before{
  content:counter(fbpstep,decimal-leading-zero);
  flex:0 0 auto;
  width:26px;height:26px;border-radius:var(--r-sm);
  display:grid;place-items:center;
  font-size:var(--fs-xs);
  background:var(--surface);
  box-shadow:var(--neu-out-sm);
  color:var(--accent);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-check p{font-size:var(--fs-xs);color:var(--muted);}
.design-style-future_blockchain_portal_website_1n4 .fbp-check .fbp-kpi{
  margin-top:var(--sp-3);
  display:flex;flex-wrap:wrap;gap:var(--sp-2);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-kpi span{
  font-size:var(--fs-xs);
  padding:2px var(--sp-2);
  border-radius:var(--r-pill);
  background:var(--surface);
  box-shadow:var(--neu-out-sm);
  color:var(--primary);
}

/* ===== 最新动态 / 资讯 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-news{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--sp-4);
  align-items:start;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-lead{
  background:var(--bg);
  border-radius:var(--r-lg);
  box-shadow:var(--neu-out);
  overflow:hidden;
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-lead .fbp-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--surface-2);}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-lead .fbp-thumb img{width:100%;height:100%;object-fit:cover;}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-lead .fbp-news-body{padding:var(--sp-4);}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-lead h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2);letter-spacing:-.01em;line-height:var(--lh-snug);}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-lead p{font-size:var(--fs-sm);color:var(--muted);}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-list{display:grid;gap:var(--sp-3);min-width:0;}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-item{
  background:var(--bg);
  border-radius:var(--r-md);
  box-shadow:var(--neu-out-sm);
  padding:var(--sp-3) var(--sp-4);
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:var(--sp-3);
  align-items:center;
  min-width:0;
  transition:transform var(--t-fast) var(--ease), box-shadow var(--t-base) var(--ease);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-item:hover{transform:translateY(-2px);box-shadow:var(--neu-out-sm), var(--sh-2);}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-item time{
  font-size:var(--fs-xs);color:var(--primary);
  letter-spacing:.02em;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-item > div{min-width:0;}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-item b{display:block;font-size:var(--fs-sm);}
.design-style-future_blockchain_portal_website_1n4 .fbp-news-item span{font-size:var(--fs-xs);color:var(--muted);}

/* ===== FAQ ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-faq{display:grid;gap:var(--sp-3);}
.design-style-future_blockchain_portal_website_1n4 .fbp-faq details{
  background:var(--bg);
  border-radius:var(--r-md);
  box-shadow:var(--neu-out-sm);
  padding:0 var(--sp-4);
  transition:box-shadow var(--t-base) var(--ease);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-faq details[open]{box-shadow:var(--neu-in);}
.design-style-future_blockchain_portal_website_1n4 .fbp-faq summary{
  cursor:pointer;list-style:none;
  padding:var(--sp-3) 0;
  font-size:var(--fs-sm);font-weight:700;
  display:flex;align-items:center;gap:var(--sp-2);
  min-height:44px;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-faq summary::-webkit-details-marker{display:none;}
.design-style-future_blockchain_portal_website_1n4 .fbp-faq summary::before{
  content:"?";
  flex:0 0 auto;
  width:22px;height:22px;border-radius:var(--r-sm);
  display:grid;place-items:center;
  background:var(--surface);
  box-shadow:var(--neu-out-sm);
  color:var(--accent);
  font-size:var(--fs-xs);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-faq summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;}
.design-style-future_blockchain_portal_website_1n4 .fbp-faq details p{
  padding:0 0 var(--sp-4) calc(22px + var(--sp-2));
  font-size:var(--fs-xs);color:var(--muted);
}

/* ===== 客户评价 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-quotes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap:var(--sp-4);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-quote{
  background:var(--bg);
  border-radius:var(--r-lg);
  box-shadow:var(--neu-out-sm);
  padding:var(--sp-4);
  display:flex;flex-direction:column;gap:var(--sp-3);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-quote p{font-size:var(--fs-sm);}
.design-style-future_blockchain_portal_website_1n4 .fbp-quote footer{
  display:flex;align-items:center;gap:var(--sp-2);
  margin-top:auto;
  font-size:var(--fs-xs);color:var(--muted);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-avatar{
  width:32px;height:32px;border-radius:var(--r-pill);
  background:var(--surface);
  box-shadow:var(--neu-out-sm);
  display:grid;place-items:center;
  color:var(--primary);font-weight:700;font-size:var(--fs-xs);
  flex:0 0 auto;
}

/* ===== 图文混排特写 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-feature{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(var(--sp-4),2.6vw,var(--sp-6));
  align-items:center;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-feature figure{
  margin:0;
  border-radius:var(--r-lg);
  overflow:hidden;
  box-shadow:var(--neu-out), var(--sh-2);
  aspect-ratio:4/3;
  background:var(--surface-2);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-feature figure img{width:100%;height:100%;object-fit:cover;}
.design-style-future_blockchain_portal_website_1n4 .fbp-feature h2{font-size:var(--fs-xl);margin-bottom:var(--sp-3);line-height:var(--lh-snug);letter-spacing:-.01em;}
.design-style-future_blockchain_portal_website_1n4 .fbp-feature p{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--sp-3);}
.design-style-future_blockchain_portal_website_1n4 .fbp-specs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);
  margin-top:var(--sp-4);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-spec{
  background:var(--bg);border-radius:var(--r-md);
  box-shadow:var(--neu-in);
  padding:var(--sp-3);
  min-width:0;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-spec b{display:block;font-size:var(--fs-md);color:var(--primary);letter-spacing:-.01em;}
.design-style-future_blockchain_portal_website_1n4 .fbp-spec span{font-size:var(--fs-xs);color:var(--muted);}

/* ===== CTA 内嵌色带 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-cta{
  position:relative;
  padding-block:clamp(var(--sp-6),3.6vw,var(--sp-7));
  background:var(--surface);
  clip-path:polygon(0 0,100% 3.4%,100% 100%,0 96.6%);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-cta-in{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:var(--sp-5);align-items:center;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-cta h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);margin-bottom:var(--sp-3);letter-spacing:-.015em;}
.design-style-future_blockchain_portal_website_1n4 .fbp-cta p{font-size:var(--fs-sm);color:var(--muted);}
.design-style-future_blockchain_portal_website_1n4 .fbp-cta-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:flex-start;}
.design-style-future_blockchain_portal_website_1n4 .fbp-cta-note{
  margin-top:var(--sp-3);
  font-size:var(--fs-xs);color:var(--muted);
  display:flex;align-items:center;gap:var(--sp-2);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-cta-note::before{
  content:"";width:8px;height:8px;border-radius:var(--r-pill);
  background:var(--secondary);flex:0 0 auto;
}

/* ===== 页脚 ===== */
.design-style-future_blockchain_portal_website_1n4 .fbp-footer{
  background:var(--bg);
  border-top:1px solid var(--line);
  padding-block:var(--sp-6) var(--sp-5);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-footer-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));
  gap:clamp(var(--sp-4),2.6vw,var(--sp-5));
}
.design-style-future_blockchain_portal_website_1n4 .fbp-footer-grid > div{min-width:0;}
.design-style-future_blockchain_portal_website_1n4 .fbp-footer h4{font-size:var(--fs-sm);margin-bottom:var(--sp-3);}
.design-style-future_blockchain_portal_website_1n4 .fbp-footer p,
.design-style-future_blockchain_portal_website_1n4 .fbp-footer li{font-size:var(--fs-xs);color:var(--muted);}
.design-style-future_blockchain_portal_website_1n4 .fbp-footer ul{display:grid;gap:var(--sp-2);}
.design-style-future_blockchain_portal_website_1n4 .fbp-footer a{color:inherit;text-decoration:none;transition:color var(--t-fast) var(--ease);}
.design-style-future_blockchain_portal_website_1n4 .fbp-footer a:hover{color:var(--primary);}
.design-style-future_blockchain_portal_website_1n4 .fbp-legal{
  margin-top:var(--sp-5);padding-top:var(--sp-4);
  border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);
  justify-content:space-between;
  font-size:var(--fs-xs);color:var(--muted);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-ticks{
  display:flex;gap:6px;align-items:center;
  padding-block:var(--sp-3);
}
.design-style-future_blockchain_portal_website_1n4 .fbp-ticks i{
  width:2px;height:8px;border-radius:2px;
  background:color-mix(in oklab, var(--text) 22%, transparent);
  animation:fbp-tick 2.4s var(--ease) infinite;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-ticks i:nth-child(3n){height:14px;background:var(--accent);}
.design-style-future_blockchain_portal_website_1n4 .fbp-ticks i:nth-child(4n){height:5px;background:var(--secondary);}

/* ===== 文字逐行遮罩上滑 ===== */
@keyframes fbp-maskup{
  from{transform:translateY(110%);opacity:.001;}
  to{transform:translateY(0);opacity:1;}
}
.design-style-future_blockchain_portal_website_1n4 .fbp-line{
  display:block;
  overflow:hidden;
  padding-bottom:.06em;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-line > span{
  display:block;
  animation:fbp-maskup .72s var(--ease-out) both;
}
.design-style-future_blockchain_portal_website_1n4 .fbp-line:nth-child(2) > span{animation-delay:.08s;}
.design-style-future_blockchain_portal_website_1n4 .fbp-line:nth-child(3) > span{animation-delay:.16s;}
.design-style-future_blockchain_portal_website_1n4 .fbp-line:nth-child(4) > span{animation-delay:.24s;}

@keyframes fbp-grow{from{transform:scaleX(.02);}to{transform:scaleX(1);}}
@keyframes fbp-rise{from{transform:scaleY(.05);}to{transform:scaleY(1);}}
@keyframes fbp-tick{0%,100%{transform:scaleY(.7);}50%{transform:scaleY(1.25);}}

/* ===== 响应式 ===== */
@media (min-width:1600px){
  .design-style-future_blockchain_portal_website_1n4 .fbp-wrap{max-width:var(--container-lg);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-wrap--lg{max-width:var(--container-xl);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--sp-7);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-checklist{grid-template-columns:repeat(3,minmax(0,1fr));}
  .design-style-future_blockchain_portal_website_1n4 .fbp-quotes{grid-template-columns:repeat(3,minmax(0,1fr));}
  .design-style-future_blockchain_portal_website_1n4 .fbp-stack{max-height:560px;}
}
@media (min-width:2000px){
  .design-style-future_blockchain_portal_website_1n4 .fbp-wrap{max-width:var(--container-xl);}
}
@media (max-width:1024px){
  .design-style-future_blockchain_portal_website_1n4 .fbp-hero-grid,
  .design-style-future_blockchain_portal_website_1n4 .fbp-dash,
  .design-style-future_blockchain_portal_website_1n4 .fbp-news,
  .design-style-future_blockchain_portal_website_1n4 .fbp-feature,
  .design-style-future_blockchain_portal_website_1n4 .fbp-cta-in{grid-template-columns:minmax(0,1fr);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-stack{max-height:none;}
  .design-style-future_blockchain_portal_website_1n4 .fbp-footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-footer-grid > div:first-child{grid-column:1 / -1;}
}
@media (max-width:640px){
  .design-style-future_blockchain_portal_website_1n4 .fbp-nav-in{flex-wrap:wrap;row-gap:var(--sp-2);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-nav-links{width:100%;order:3;margin-left:0;}
  .design-style-future_blockchain_portal_website_1n4 .fbp-hero-metrics{grid-template-columns:minmax(0,1fr);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-specs{grid-template-columns:minmax(0,1fr);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-hacc{flex-direction:column;overflow:visible;}
  .design-style-future_blockchain_portal_website_1n4 .fbp-hacc-item{width:100%;flex:1 1 auto;min-height:180px;}
  .design-style-future_blockchain_portal_website_1n4 .fbp-bar-row{grid-template-columns:72px minmax(0,1fr) 46px;gap:var(--sp-2);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-news-item{grid-template-columns:64px minmax(0,1fr);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-footer-grid{grid-template-columns:minmax(0,1fr);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-band,
  .design-style-future_blockchain_portal_website_1n4 .fbp-band--edge,
  .design-style-future_blockchain_portal_website_1n4 .fbp-cta{clip-path:none;}
}
@media (max-width:380px){
  .design-style-future_blockchain_portal_website_1n4 .fbp-wrap{padding-inline:var(--sp-3);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-panel,
  .design-style-future_blockchain_portal_website_1n4 .fbp-check,
  .design-style-future_blockchain_portal_website_1n4 .fbp-quote{padding:var(--sp-3);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-tiles{grid-template-columns:minmax(0,1fr);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-hero h1{font-size:clamp(1.7rem,8vw,2.1rem);}
  .design-style-future_blockchain_portal_website_1n4 .fbp-banner{letter-spacing:.02em;}
}
@media (prefers-reduced-motion: reduce){
  .design-style-future_blockchain_portal_website_1n4 .fbp-line > span,
  .design-style-future_blockchain_portal_website_1n4 .fbp-bar i,
  .design-style-future_blockchain_portal_website_1n4 .fbp-spark i,
  .design-style-future_blockchain_portal_website_1n4 .fbp-ticks i{animation:none !important;}
  .design-style-future_blockchain_portal_website_1n4 *,
  .design-style-future_blockchain_portal_website_1n4 *::before,
  .design-style-future_blockchain_portal_website_1n4 *::after{transition-duration:.01ms !important;}
}