.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1{
  /* 配色令牌 */
  --bg: oklch(0.985 0.008 222);
  --surface: oklch(0.962 0.018 222);
  --surface-2: oklch(0.992 0.006 222);
  --primary: oklch(0.54 0.12 222);
  --secondary: oklch(0.62 0.12 282);
  --accent: oklch(0.66 0.14 42);
  --accent-2: oklch(0.78 0.1 42);
  --accent-ink: oklch(0.46 0.13 42);
  --text: oklch(0.27 0.03 222);
  --muted: oklch(0.46 0.03 222);
  --muted-2: oklch(0.58 0.025 222);
  --line: oklch(0.885 0.014 222);
  --line-soft: oklch(0.925 0.01 222);
  --glass: oklch(0.99 0.008 222 / .62);
  --glass-strong: oklch(0.99 0.006 222 / .82);

  /* 容器与栅格 */
  --container:1140px;--container-lg:1400px;--container-xl:1680px;
  --gutter:clamp(14px,2.2vw,30px);
  --nav-w:224px;

  /* 间距令牌 · 4/8pt 节奏 */
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:40px;--sp-8:56px;--sp-9:72px;

  /* 圆角令牌 */
  --r-xs:6px;--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,.09);
  --sh-2:0 6px 14px -4px rgba(16,24,40,.12),0 2px 6px -3px rgba(16,24,40,.08);
  --sh-3:0 22px 44px -12px rgba(16,24,40,.20),0 8px 18px -8px rgba(16,24,40,.12);
  --sh-inset:inset 0 1px 0 oklch(0.99 0.006 222 / .7);

  /* 字号与行高令牌 */
  --fs-xs:clamp(.7rem,.69rem + .08vw,.76rem);
  --fs-sm:clamp(.8rem,.78rem + .12vw,.88rem);
  --fs-md:clamp(.92rem,.89rem + .2vw,1.02rem);
  --fs-lg:clamp(1.1rem,1.02rem + .42vw,1.34rem);
  --fs-xl:clamp(1.42rem,1.26rem + .9vw,1.9rem);
  --fs-2xl:clamp(1.8rem,1.45rem + 1.8vw,2.7rem);
  --fs-3xl:clamp(2.2rem,1.7rem + 2.8vw,3.4rem);
  --lh-tight:1.1;--lh-snug:1.3;--lh-body:1.58;

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

  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  background:var(--bg);
  color:var(--text);
  font-family:"Helvetica Neue","Inter","Segoe UI",system-ui,-apple-system,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:var(--fs-md);
  line-height:var(--lh-body);
  letter-spacing:-.005em;
  overflow-x:hidden;
  overflow-wrap:break-word;
  word-break:break-word;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* 全局元素收敛 */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 *,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 *::before,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 *::after{box-sizing:border-box;min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 img{max-width:100%;height:auto;display:block;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 a{color:inherit;text-decoration:none;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 p,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 h1,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 h2,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 h3,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 h4,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 ul,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 ol,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 figure{margin:0;padding:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 ul,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 ol{list-style:none;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 svg{max-width:100%;}

/* ---------- 顶部提示条（全宽 · 醒目克制） ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-notice{
  display:flex;align-items:center;gap:var(--sp-2);
  width:100%;
  padding:var(--sp-2) var(--gutter);
  background:oklch(0.28 0.032 222);
  color:oklch(0.93 0.02 222);
  font-size:var(--fs-xs);
  font-weight:600;
  letter-spacing:.05em;
  line-height:1.35;
  border-bottom:1px solid oklch(0.37 0.032 222);
  box-shadow:var(--sh-inset);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-notice .dot{
  width:7px;height:7px;border-radius:50%;flex:0 0 auto;
  background:var(--accent);
  box-shadow:0 0 0 3px oklch(0.66 0.14 42 / .20);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-notice b{color:var(--accent-2);font-weight:800;letter-spacing:.04em;}

/* ---------- 侧边固定导航 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-shell{
  display:grid;
  grid-template-columns:var(--nav-w) minmax(0,1fr);
  align-items:start;
  max-width:var(--container-xl);
  margin:0 auto;
  padding:0 var(--gutter);
  gap:var(--sp-5);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-rail{
  position:sticky;top:var(--sp-5);
  align-self:start;
  padding:var(--sp-5) 0;
  display:flex;flex-direction:column;gap:var(--sp-5);
  min-width:0;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-brand{
  display:flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-sm);font-weight:800;letter-spacing:-.02em;line-height:1.25;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-brand .mark{
  width:26px;height:26px;flex:0 0 auto;border-radius:var(--r-sm);
  display:grid;place-items:center;
  background:var(--primary);
  color:oklch(0.98 0.01 222);
  box-shadow:var(--sh-1),var(--sh-inset);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-brand .mark svg{width:15px;height:15px;display:block;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav{min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav ul{display:flex;flex-direction:column;gap:2px;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav li{min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a{
  display:flex;align-items:center;gap:var(--sp-3);
  min-height:42px;
  padding:0 var(--sp-3);
  border-left:1px solid var(--line);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:var(--fs-sm);font-weight:600;color:var(--muted);
  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);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a .idx{
  font-variant-numeric:tabular-nums;font-size:var(--fs-xs);font-weight:800;color:var(--accent);
  letter-spacing:.04em;transition:color var(--t-fast) var(--ease);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a:hover,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a:focus-visible{
  color:var(--text);border-left-color:var(--primary);background:var(--surface);transform:translateX(2px);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a:hover .idx,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a:focus-visible .idx{color:var(--primary);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-rail-note{
  border-top:1px solid var(--line);padding-top:var(--sp-4);
  font-size:var(--fs-xs);color:var(--muted);line-height:1.55;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-rail-note strong{color:var(--text);font-weight:700;display:block;margin-bottom:var(--sp-1);letter-spacing:.01em;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-main{min-width:0;padding-bottom:var(--sp-8);}

/* ---------- 通用排版 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .eyebrow{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-xs);font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--primary);
  line-height:1.4;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .eyebrow::before{
  content:"";width:22px;height:1px;background:var(--accent);flex:0 0 auto;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .sec{padding:var(--sp-7) 0;border-top:1px solid var(--line);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .sec-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:var(--sp-5);align-items:end;margin-bottom:var(--sp-6);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .sec-head h2{
  font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:-.038em;font-weight:900;
  margin-top:var(--sp-3);text-wrap:balance;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .sec-head .lead{font-size:var(--fs-sm);color:var(--muted);line-height:1.6;}

/* 手绘 SVG 下划箭头（创意签名） */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .scribble{display:block;width:clamp(110px,18vw,190px);height:auto;color:var(--accent);margin-top:var(--sp-2);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .draw path{
  stroke-dasharray:var(--len,320);stroke-dashoffset:var(--len,320);
  animation:cssp-draw 1.1s var(--ease-out) forwards;
}
@keyframes cssp-draw{to{stroke-dashoffset:0;}}

/* ---------- 逐行遮罩上滑（纯 CSS，默认终态可见） ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .rise{display:block;overflow:hidden;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .rise > span{
  display:block;
  animation:cssp-rise .78s var(--ease-out) both;
}
@keyframes cssp-rise{
  from{transform:translate3d(0,105%,0);}
  to{transform:translate3d(0,0,0);}
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .d1 > span{animation-delay:.05s;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .d2 > span{animation-delay:.16s;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .d3 > span{animation-delay:.27s;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .d4 > span{animation-delay:.38s;}

/* 淡入上浮（默认可见终态） */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .fade{
  animation:cssp-fade .85s var(--ease-out) both;
}
@keyframes cssp-fade{from{transform:translate3d(0,14px,0);}to{transform:translate3d(0,0,0);}}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .f2{animation-delay:.12s;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .f3{animation-delay:.24s;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .f4{animation-delay:.36s;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .f5{animation-delay:.48s;}

/* ---------- Hero：编辑式分屏 + 玻璃拟态光晕 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:var(--sp-6);
  align-items:stretch;
  padding:var(--sp-7) 0;
  border-bottom:1px solid var(--line);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-copy{
  display:flex;flex-direction:column;gap:var(--sp-4);justify-content:center;min-width:0;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero h1{
  font-size:var(--fs-3xl);
  line-height:var(--lh-tight);
  letter-spacing:-.05em;
  font-weight:900;
  text-transform:uppercase;
  text-wrap:balance;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero h1 em{
  font-style:normal;
  color:var(--primary);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero .sub{
  font-size:var(--fs-md);color:var(--muted);max-width:46ch;line-height:1.62;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:44px;padding:0 var(--sp-5);
  border-radius:var(--r-pill);
  font-size:var(--fs-sm);font-weight:800;letter-spacing:.01em;
  border:1px solid transparent;cursor:pointer;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),background var(--t-base) var(--ease),color var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .btn-solid{
  background:var(--text);color:oklch(0.98 0.01 222);box-shadow:var(--sh-2);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .btn-solid:hover{background:var(--primary);transform:translateY(-2px);box-shadow:var(--sh-3);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .btn-solid:active{transform:translateY(0);box-shadow:var(--sh-1);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .btn-ghost{
  background:var(--glass-strong);border-color:var(--line);color:var(--text);
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:var(--sh-1);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .btn-ghost:active{transform:translateY(0);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .btn:focus-visible,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 a:focus-visible,
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 summary:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm);
}

/* Hero 叠层大图 */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-media{
  position:relative;min-height:clamp(270px,40vw,420px);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-3);border:1px solid var(--line);
  background:var(--surface);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-media img{
  width:100%;height:100%;position:absolute;inset:0;object-fit:cover;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(160deg,oklch(0.54 0.12 222 / .32),oklch(0.62 0.12 282 / .11) 42%,oklch(0.66 0.14 42 / .15));
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .glass-chip{
  position:absolute;left:var(--sp-4);bottom:var(--sp-4);z-index:2;
  display:flex;flex-direction:column;gap:2px;
  max-width:min(78%,260px);
  padding:var(--sp-3) var(--sp-4);
  border-radius:var(--r-md);
  background:var(--glass);
  border:1px solid oklch(0.99 0.01 222 / .55);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  backdrop-filter:blur(12px) saturate(1.2);
  box-shadow:var(--sh-2),var(--sh-inset);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .glass-chip .k{font-size:var(--fs-xs);font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--primary);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .glass-chip .v{font-size:var(--fs-sm);font-weight:700;line-height:var(--lh-snug);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .glow{
  position:absolute;z-index:1;pointer-events:none;border-radius:50%;filter:blur(48px);opacity:.5;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .glow-a{width:220px;height:220px;right:-40px;top:-50px;background:oklch(0.62 0.12 282 / .28);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .glow-b{width:180px;height:180px;left:-30px;bottom:-40px;background:oklch(0.66 0.14 42 / .24);}

/* Hero 指标条 */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-stats{
  grid-column:1 / -1;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--sp-4);
  margin-top:var(--sp-4);padding-top:var(--sp-5);border-top:1px solid var(--line);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .stat{min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .stat .num{
  font-size:var(--fs-xl);font-weight:900;letter-spacing:-.04em;line-height:1.15;
  font-variant-numeric:tabular-nums;color:var(--text);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .stat .num i{font-style:normal;color:var(--accent);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .stat .lbl{font-size:var(--fs-xs);color:var(--muted);font-weight:600;line-height:1.5;margin-top:2px;}

/* ---------- 价格档位 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier{
  display:flex;flex-direction:column;gap:var(--sp-3);
  padding:var(--sp-5);
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out),border-color var(--t-base) var(--ease);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:oklch(0.80 0.03 222);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier .tname{font-size:var(--fs-sm);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier .price{font-size:var(--fs-xl);font-weight:900;letter-spacing:-.04em;line-height:1.1;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier .price span{font-size:var(--fs-xs);font-weight:700;color:var(--muted);letter-spacing:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier ul{display:flex;flex-direction:column;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--muted);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier li{display:flex;gap:var(--sp-2);align-items:flex-start;line-height:1.5;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier li::before{content:"";flex:0 0 auto;width:14px;height:1px;margin-top:.62em;background:var(--accent);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier.is-key{background:var(--surface-2);border-color:var(--primary);box-shadow:var(--sh-2),var(--sh-inset);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier.is-key:hover{box-shadow:var(--sh-3);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier.is-key .tname{color:var(--primary);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier .tag{
  align-self:flex-start;padding:2px var(--sp-3);border-radius:var(--r-pill);
  font-size:var(--fs-xs);font-weight:800;letter-spacing:.06em;
  background:oklch(0.66 0.14 42 / .14);color:var(--accent-ink);
}

/* ---------- 特性卡（4 个，大图叠层） ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat{
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:220px;padding:var(--sp-4);
  border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--line);
  box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat:hover{transform:translateY(-3px);box-shadow:var(--sh-3);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,oklch(0.27 0.03 222 / .10),oklch(0.27 0.03 222 / .82));
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat .body{position:relative;z-index:2;color:oklch(0.97 0.01 222);display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat .no{font-size:var(--fs-xs);font-weight:900;letter-spacing:.18em;color:var(--accent-2);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat h3{font-size:var(--fs-md);font-weight:900;letter-spacing:-.02em;line-height:var(--lh-snug);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat p{font-size:var(--fs-xs);line-height:1.55;color:oklch(0.90 0.015 222);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat .metric{margin-top:var(--sp-1);font-size:var(--fs-xs);font-weight:800;color:var(--accent-2);font-variant-numeric:tabular-nums;}

/* ---------- 实用指导清单 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .guide{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--sp-5);align-items:start;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .checklist{display:flex;flex-direction:column;min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .check{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-4);
  padding:var(--sp-4) 0;border-bottom:1px solid var(--line);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .check:first-child{border-top:1px solid var(--line);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .check .idx{
  font-size:var(--fs-sm);font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums;
  width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;
  background:oklch(0.54 0.12 222 / .10);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .check > div{min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .check h4{font-size:var(--fs-sm);font-weight:800;letter-spacing:-.01em;margin-bottom:2px;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .check p{font-size:var(--fs-sm);color:var(--muted);line-height:1.58;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .check p b{color:var(--text);font-weight:700;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .aside-card{
  padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--surface);display:flex;flex-direction:column;gap:var(--sp-4);
  box-shadow:var(--sh-inset);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .aside-card h3{font-size:var(--fs-md);font-weight:900;letter-spacing:-.02em;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .mini{display:flex;flex-direction:column;gap:var(--sp-3);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .mini .row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-sm);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .mini .row .k{color:var(--muted);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .mini .row .v{font-weight:800;font-variant-numeric:tabular-nums;color:var(--text);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .bar{height:6px;border-radius:var(--r-pill);background:oklch(0.90 0.015 222);overflow:hidden;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .bar i{display:block;height:100%;border-radius:inherit;background:var(--primary);width:var(--w,60%);animation:cssp-grow 1.1s var(--ease-out) both;transform-origin:left center;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .bar i.acc{background:var(--accent);}
@keyframes cssp-grow{from{transform:scaleX(0);}to{transform:scaleX(1);}}

/* ---------- 数据可视化面板 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .panel{
  border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);box-shadow:var(--sh-1);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .panel-top{
  display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;justify-content:space-between;
  padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);background:var(--surface);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .panel-top .ttl{font-size:var(--fs-sm);font-weight:900;letter-spacing:-.01em;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);font-size:var(--fs-xs);color:var(--muted);font-weight:600;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .legend span{display:inline-flex;align-items:center;gap:6px;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .legend i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:0 0 auto;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi{padding:var(--sp-5);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px;min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi:last-child{border-right:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi .n{font-size:var(--fs-xl);font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;line-height:1.15;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi .n.hi{color:var(--accent);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi .l{font-size:var(--fs-xs);color:var(--muted);font-weight:600;line-height:1.45;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .chart{
  display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-2);align-items:end;
  padding:var(--sp-5);height:200px;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .col{display:flex;flex-direction:column;justify-content:flex-end;gap:3px;height:100%;min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .col .b{
  border-radius:3px;background:var(--primary);height:var(--h,40%);
  animation:cssp-grow .9s var(--ease-out) both;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .col .b.a{background:var(--accent);height:var(--h2,18%);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .col .x{font-size:10px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;}

/* ---------- 最新动态 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-main{
  display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease-out);
  min-width:0;
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-main:hover{transform:translateY(-3px);box-shadow:var(--sh-2);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-main .ph{aspect-ratio:16/9;overflow:hidden;position:relative;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-main .ph img{width:100%;height:100%;object-fit:cover;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-main .txt{padding:var(--sp-4) var(--sp-5) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-main h3{font-size:var(--fs-lg);font-weight:900;letter-spacing:-.025em;line-height:var(--lh-snug);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-main p{font-size:var(--fs-sm);color:var(--muted);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-list{display:flex;flex-direction:column;min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-4);align-items:start;
  padding:var(--sp-4) 0;border-bottom:1px solid var(--line);
  transition:padding-left var(--t-fast) var(--ease);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item:first-child{border-top:1px solid var(--line);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item:hover{padding-left:var(--sp-2);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item .dt{font-size:var(--fs-xs);font-weight:800;color:var(--accent-ink);letter-spacing:.06em;white-space:nowrap;padding-top:2px;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item > div{min-width:0;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item h4{font-size:var(--fs-sm);font-weight:800;margin-bottom:2px;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item p{font-size:var(--fs-xs);color:var(--muted);line-height:1.55;}

/* ---------- CTA 内嵌色带 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cta{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-5);align-items:center;
  padding:var(--sp-6);border-radius:var(--r-lg);
  background:var(--text);color:oklch(0.97 0.01 222);
  border-left:4px solid var(--accent);
  box-shadow:var(--sh-2);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cta h2{font-size:var(--fs-xl);font-weight:900;letter-spacing:-.035em;line-height:var(--lh-tight);text-transform:uppercase;text-wrap:balance;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cta p{font-size:var(--fs-sm);color:oklch(0.84 0.02 222);margin-top:var(--sp-2);max-width:58ch;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cta .btn-accent{background:var(--accent);color:oklch(0.20 0.03 42);box-shadow:var(--sh-2);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cta .btn-accent:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:var(--sh-3);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cta .btn-accent:active{transform:translateY(0);}

/* ---------- 页脚 ---------- */
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .foot{
  padding:var(--sp-6) 0 var(--sp-7);border-top:1px solid var(--line);
  display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--sp-5);
}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .foot h4{font-size:var(--fs-xs);font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--sp-3);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .foot ul{display:flex;flex-direction:column;gap:var(--sp-2);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .foot a{font-size:var(--fs-sm);color:var(--muted);transition:color var(--t-fast) var(--ease);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .foot a:hover{color:var(--primary);}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .foot .about p{font-size:var(--fs-sm);color:var(--muted);max-width:38ch;}
.design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .colophon{
  padding-top:var(--sp-4);border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;
  font-size:var(--fs-xs);color:var(--muted);
}

/* ---------- 响应式 ---------- */
@media (min-width:1600px){
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1{--nav-w:250px;--gutter:clamp(24px,2.4vw,40px);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-shell{max-width:var(--container-xl);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tiers{gap:var(--sp-5);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .sec{padding:var(--sp-8) 0;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-stats{gap:var(--sp-5);}
}
@media (min-width:2000px){
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-shell{max-width:var(--container-xl);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat{min-height:270px;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .chart{height:230px;}
}
@media (max-width:1024px){
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-shell{grid-template-columns:minmax(0,1fr);gap:0;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-rail{
    position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--sp-3);
    padding:var(--sp-4) 0;border-bottom:1px solid var(--line);
  }
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav{flex:1 1 100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav ul{flex-direction:row;gap:var(--sp-2);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a{border-left:0;border-bottom:1px solid var(--line);border-radius:var(--r-sm) var(--r-sm) 0 0;white-space:nowrap;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a:hover,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-nav a:focus-visible{transform:translateX(0);border-bottom-color:var(--primary);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-rail-note{display:none;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero{grid-template-columns:minmax(0,1fr);padding-top:var(--sp-5);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .sec-head{grid-template-columns:minmax(0,1fr);gap:var(--sp-4);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat-grid,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tiers,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .guide{grid-template-columns:minmax(0,1fr);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .foot{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat-grid,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tiers,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news{grid-template-columns:minmax(0,1fr);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi{border-right:0;border-bottom:1px solid var(--line);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi:nth-child(odd){border-right:1px solid var(--line);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi:nth-last-child(-n+2){border-bottom:0;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .chart{padding:var(--sp-4);height:170px;gap:4px;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cta{grid-template-columns:minmax(0,1fr);padding:var(--sp-5);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cta .btn-accent{justify-self:start;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .foot{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-media{min-height:230px;}
}
@media (max-width:380px){
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1{--gutter:10px;--fs-3xl:clamp(1.65rem,7.6vw,2.15rem);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .cssp-notice{padding:var(--sp-2) 10px;font-size:11px;letter-spacing:.03em;line-height:1.4;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero h1{letter-spacing:-.045em;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .feat{min-height:196px;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .tier,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .aside-card,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .panel-top,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .kpi{padding:var(--sp-3);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .check{grid-template-columns:minmax(0,1fr);gap:var(--sp-2);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item{grid-template-columns:minmax(0,1fr);gap:var(--sp-1);}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .news-item:hover{padding-left:0;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .bar,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .col .x{display:none;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .chart{height:150px;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .hero-actions{gap:var(--sp-2);}
}

/* ---------- 动效降级 ---------- */
@media (prefers-reduced-motion: reduce){
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .rise > span,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .fade,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .draw path,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .bar i,
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .col .b{
    animation:none !important;
  }
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .draw path{stroke-dashoffset:0;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 .bar i{transform:none;}
  .design-style-creative_single_page_design_blockchain_application_development_inspiration_th1 *{transition-duration:.01ms !important;}
}