.design-style-dreamchain_realm_blockchain_application_development_platform_lpd{
  --bg: oklch(0.15 0.03 143);
  --surface: oklch(0.21 0.045 143);
  --primary: oklch(0.72 0.1 143);
  --secondary: oklch(0.62 0.1 103);
  --accent: oklch(0.78 0.12 323);
  --accent-2: oklch(0.90 0.08 323);
  --text: oklch(0.94 0.02 143);
  --muted: oklch(0.62 0.03 143);
  --line: oklch(0.30 0.03 143);
  --neu-light: oklch(0.27 0.04 143);
  --neu-dark: oklch(0.10 0.02 143);
  --container:1140px;--container-lg:1400px;--container-xl:1680px;
  --gutter:clamp(14px,2.2vw,28px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:28px;--sp-7:40px;--sp-8:52px;
  --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 28px rgba(0,0,0,.45);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 26px 60px rgba(0,0,0,.55);
  --neu-up: -4px -4px 10px var(--neu-light), 4px 4px 12px var(--neu-dark);
  --neu-in: inset 3px 3px 8px var(--neu-dark), inset -3px -3px 8px var(--neu-light);
  --fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);
  --fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);
  --fs-md:clamp(.95rem,.9rem + .25vw,1.05rem);
  --fs-lg:clamp(1.12rem,1.02rem + .5vw,1.36rem);
  --fs-xl:clamp(1.45rem,1.25rem + 1vw,1.92rem);
  --fs-2xl:clamp(1.85rem,1.45rem + 2vw,2.8rem);
  --fs-3xl:clamp(2.3rem,1.7rem + 3vw,3.5rem);
  --lh-tight:1.12;--lh-snug:1.32;--lh-body:1.58;
  --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 Code", Menlo, Consolas, monospace;

  position:relative;display:block;width:100%;max-width:100%;
  background:
    radial-gradient(1200px 520px at 88% -8%, color-mix(in oklch, var(--primary) 13%, transparent), transparent 62%),
    radial-gradient(900px 420px at -6% 12%, color-mix(in oklch, var(--accent) 8%, transparent), transparent 58%),
    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;
  padding-bottom:0;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd *,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd *::before,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd *::after{box-sizing:border-box;min-width:0;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd img,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd svg{max-width:100%;height:auto;display:block;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd a{color:inherit;text-decoration:none;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd h1,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd h2,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd h3,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd p,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd ul,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd ol,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd figure,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd dl,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd dd{margin:0;padding:0;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd ul,
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd ol{list-style:none;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd :focus-visible{
  outline:2px solid var(--accent-2);
  outline-offset:3px;
  border-radius:var(--r-sm);
}

/* ---------- 顶部提示条 ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-notice{
  display:flex;align-items:center;gap:var(--sp-2);
  width:100%;
  padding:var(--sp-2) var(--gutter);
  background:color-mix(in oklch, var(--primary) 15%, var(--bg));
  border-bottom:1px solid var(--line);
  font-size:var(--fs-xs);
  letter-spacing:.04em;
  line-height:1.4;
  color:var(--text);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-notice__dot{
  width:8px;height:8px;border-radius:var(--r-pill);flex:0 0 auto;
  background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent);
  animation:dc-pulse 2.6s var(--ease-out) infinite;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-notice strong{color:var(--accent-2);font-weight:600;letter-spacing:.05em;}

/* ---------- 布局容器 ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-wrap{
  width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-band{
  padding-block:var(--sp-7);border-top:1px solid var(--line);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-band--tight{padding-block:var(--sp-6);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-eyebrow{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;line-height:1.3;
  color:var(--muted);
  border:1px solid var(--line);border-radius:var(--r-pill);
  padding:var(--sp-1) var(--sp-3);
  background:color-mix(in oklch, var(--surface) 60%, transparent);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-eyebrow i{
  width:6px;height:6px;border-radius:var(--r-pill);background:var(--secondary);flex:0 0 auto;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-h2{
  font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:-.012em;font-weight:700;
  margin-top:var(--sp-3);text-wrap:balance;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-lead{
  color:var(--muted);font-size:var(--fs-sm);max-width:62ch;margin-top:var(--sp-2);line-height:1.62;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hr{
  height:1px;background:var(--line);border:0;margin-block:var(--sp-5);
}

/* ---------- 导航：侧栏式顶栏（左侧竖排标识 + 横向胶囊） ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav{
  position:sticky;top:0;z-index:40;
  background:color-mix(in oklch, var(--bg) 88%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-bottom:1px solid var(--line);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__in{
  display:flex;align-items:center;gap:var(--sp-3);
  width:100%;max-width:var(--container);margin-inline:auto;
  padding:var(--sp-2) var(--gutter);
  flex-wrap:wrap;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-brand{
  display:flex;align-items:center;gap:var(--sp-3);flex:1 1 220px;min-width:0;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-brand__mark{
  width:38px;height:38px;flex:0 0 auto;border-radius:var(--r-md);
  display:grid;place-items:center;
  background:var(--surface);
  box-shadow:var(--neu-up);
  color:var(--primary);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-brand__t{font-weight:700;font-size:var(--fs-sm);letter-spacing:.02em;line-height:1.25;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-brand__s{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.08em;line-height:1.4;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__links{
  display:flex;gap:var(--sp-1);flex-wrap:wrap;align-items:center;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__links a{
  font-size:var(--fs-xs);letter-spacing:.06em;line-height:1.3;
  padding:var(--sp-2) var(--sp-3);
  border-radius:var(--r-pill);
  color:var(--muted);
  transition:color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease), transform var(--t-fast) var(--ease);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__links a:hover{
  color:var(--text);box-shadow:var(--neu-up);transform:translateY(-1px);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__cta{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  padding:var(--sp-2) var(--sp-4);
  border-radius:var(--r-pill);
  font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;line-height:1.3;
  color:oklch(0.18 0.03 143);
  background:linear-gradient(150deg, var(--accent-2), var(--accent));
  box-shadow:var(--sh-1);
  transition:transform var(--t-fast) var(--ease), box-shadow var(--t-base) var(--ease);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__cta:hover{transform:translateY(-2px);box-shadow:var(--sh-2);}

/* ---------- Hero：分屏对比式 ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero{
  position:relative;overflow:hidden;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__halftone{
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(color-mix(in oklch, var(--primary) 28%, transparent) 1px, transparent 1.4px);
  background-size:12px 12px;
  mask-image:radial-gradient(120% 90% at 80% 10%, #000 0%, transparent 66%);
  -webkit-mask-image:radial-gradient(120% 90% at 80% 10%, #000 0%, transparent 66%);
  opacity:.46;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:var(--sp-6);
  align-items:start;
  padding-block:var(--sp-7) var(--sp-6);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__title{
  font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:-.022em;font-weight:700;
  margin-top:var(--sp-4);text-wrap:balance;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__title em{
  font-style:normal;
  color:var(--accent-2);
  background:linear-gradient(92deg, var(--accent-2), var(--primary));
-webkit-background-clip:text;
background-clip:text;
  -webkit-text-fill-color:transparent;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__p{
  color:var(--muted);font-size:var(--fs-sm);max-width:56ch;margin-top:var(--sp-4);line-height:1.62;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__acts{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:42px;
  padding:var(--sp-3) var(--sp-5);
  border-radius:var(--r-pill);
  font-size:var(--fs-sm);font-weight:600;letter-spacing:.04em;line-height:1.3;
  border:1px solid var(--line);
  background:var(--surface);
  box-shadow:var(--neu-up);
  transition:transform var(--t-fast) var(--ease), box-shadow var(--t-base) var(--ease), color var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-btn:hover{transform:translateY(-2px);box-shadow:var(--sh-2);color:var(--accent-2);border-color:color-mix(in oklch, var(--accent-2) 34%, var(--line));}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-btn:active{transform:translateY(0);box-shadow:var(--neu-in);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-btn--primary{
  color:oklch(0.18 0.03 143);
  background:linear-gradient(150deg, var(--accent-2), var(--accent));
  border-color:transparent;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-btn--primary:hover{color:oklch(0.14 0.02 143);border-color:transparent;}

/* 数字滚动计数（纯 CSS，加载即播放，默认可见终态） */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-kpis{
  display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-5);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-kpi{
  background:var(--surface);border-radius:var(--r-lg);
  padding:var(--sp-3) var(--sp-4);
  box-shadow:var(--neu-up);
  transition:box-shadow var(--t-base) var(--ease), transform var(--t-base) var(--ease-out);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-kpi:hover{box-shadow:var(--sh-2);transform:translateY(-2px);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-kpi__n{
  font-size:var(--fs-lg);font-weight:700;line-height:1.12;letter-spacing:-.01em;
  color:var(--accent-2);
  animation:dc-rise .7s var(--ease-out) both;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-kpi__l{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.06em;margin-top:var(--sp-1);line-height:1.4;}

/* 分屏右：面板图片 */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__panel{
  background:var(--surface);border-radius:var(--r-lg);
  padding:var(--sp-4);
  box-shadow:var(--neu-up);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__shot{
  position:relative;border-radius:var(--r-md);overflow:hidden;
  aspect-ratio:16/10;background:var(--bg);box-shadow:var(--neu-in);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__shot img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.92) brightness(.96);
  transition:transform var(--t-slow) var(--ease-out), filter var(--t-slow) var(--ease-out);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__shot:hover img{transform:scale(1.045);filter:saturate(1) brightness(1.02);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__shot::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(160deg, color-mix(in oklch, var(--accent) 11%, transparent), transparent 52%);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__shotcap{
  font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-3);line-height:1.55;
}

/* ---------- 数据可视化面板 ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-dash{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--sp-5);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-dash__panel{
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-up);padding:var(--sp-5);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-bars{display:grid;gap:var(--sp-3);margin-top:var(--sp-4);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-bar__top{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--muted);line-height:1.4;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-bar__top b{color:var(--text);font-weight:600;letter-spacing:.01em;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-bar__track{
  height:10px;border-radius:var(--r-pill);background:var(--bg);box-shadow:var(--neu-in);margin-top:var(--sp-2);overflow:hidden;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-bar__fill{
  display:block;height:100%;border-radius:var(--r-pill);
  background:linear-gradient(90deg, var(--primary), var(--secondary));
  transform-origin:left center;
  animation:dc-grow 1.1s var(--ease-out) both;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-bar__fill--a{background:linear-gradient(90deg, var(--accent), var(--accent-2));}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-gauge{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-4);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-gauge__c{
  border-radius:var(--r-md);background:var(--bg);box-shadow:var(--neu-in);padding:var(--sp-4);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-gauge__v{font-size:var(--fs-lg);font-weight:700;color:var(--primary);line-height:1.15;letter-spacing:-.01em;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-gauge__k{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-1);line-height:1.45;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-note{
  font-size:var(--fs-xs);color:var(--muted);border-left:2px solid var(--secondary);padding-left:var(--sp-3);margin-top:var(--sp-4);line-height:1.62;
}

/* ---------- 便签贴纸错落卡（5 特性） ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-stickies{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-5);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky{
  grid-column:span 2;
  position:relative;min-width:0;
  background:var(--surface);
  border-radius:var(--r-lg);
  padding:var(--sp-5) var(--sp-4) var(--sp-4);
  box-shadow:var(--neu-up);
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky:nth-child(1){transform:rotate(-1.1deg);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky:nth-child(2){transform:rotate(.9deg);grid-column:span 2;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky:nth-child(3){transform:rotate(-.6deg);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky:nth-child(4){transform:rotate(1.2deg);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky:nth-child(5){transform:rotate(-.9deg);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky:hover{transform:rotate(0) translateY(-4px);box-shadow:var(--sh-2);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky__pin{
  position:absolute;top:calc(-1 * var(--sp-2));left:var(--sp-4);
  width:14px;height:14px;border-radius:var(--r-pill);
  background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 20%, transparent);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky__i{
  width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;
  background:var(--bg);box-shadow:var(--neu-in);color:var(--primary);margin-bottom:var(--sp-3);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky h3{font-size:var(--fs-md);font-weight:700;line-height:1.3;letter-spacing:-.005em;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky p{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-2);line-height:1.62;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky__tag{
  display:inline-block;margin-top:var(--sp-3);font-size:var(--fs-xs);letter-spacing:.06em;line-height:1.4;
  color:var(--secondary);border:1px dashed var(--line);border-radius:var(--r-pill);padding:2px var(--sp-3);
}

/* ---------- 分屏左右联动（纯 CSS 双列镜像滚动） ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-split{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);align-items:start;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-split__col{
  display:grid;gap:var(--sp-4);align-content:start;min-width:0;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-split__col--reverse{margin-top:var(--sp-6);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene{
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-up);overflow:hidden;
  transition:box-shadow var(--t-base) var(--ease), transform var(--t-base) var(--ease-out);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene:hover{box-shadow:var(--sh-2);transform:translateY(-3px);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene__img{aspect-ratio:16/9;overflow:hidden;background:var(--bg);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene__img img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform var(--t-slow) var(--ease-out);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene:hover .dc-scene__img img{transform:scale(1.05);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene__b{padding:var(--sp-4);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene__b h3{font-size:var(--fs-sm);font-weight:700;line-height:1.35;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene__b p{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-2);line-height:1.62;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-scene__meta{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--secondary);line-height:1.4;}

/* ---------- 合作伙伴墙 ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-partners{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-5);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-partner{
  display:grid;place-items:center;gap:var(--sp-2);
  min-width:0;min-height:78px;padding:var(--sp-3);
  border-radius:var(--r-md);background:var(--surface);box-shadow:var(--neu-up);
  font-size:var(--fs-xs);color:var(--muted);letter-spacing:.06em;text-align:center;line-height:1.4;
  transition:transform var(--t-base) var(--ease-out), color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-partner:hover{transform:translateY(-3px);color:var(--text);box-shadow:var(--sh-2);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-partner b{display:block;color:var(--text);font-size:var(--fs-sm);font-weight:700;letter-spacing:.02em;line-height:1.3;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-partner i{width:22px;height:22px;border-radius:var(--r-sm);background:var(--bg);box-shadow:var(--neu-in);display:grid;place-items:center;color:var(--primary);font-style:normal;}

/* ---------- 实用指导清单 ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-5);align-items:start;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__list{display:grid;gap:var(--sp-3);counter-reset:dcg;min-width:0;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__item{
  position:relative;min-width:0;
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-4);
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-up);
  padding:var(--sp-4);
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__item:hover{transform:translateY(-3px);box-shadow:var(--sh-2);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__n{
  counter-increment:dcg;width:34px;height:34px;border-radius:var(--r-md);
  display:grid;place-items:center;background:var(--bg);box-shadow:var(--neu-in);
  font-size:var(--fs-sm);font-weight:700;color:var(--accent-2);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__n::before{content:counter(dcg,decimal-leading-zero);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__item h3{font-size:var(--fs-sm);font-weight:700;line-height:1.35;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__item p{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-2);line-height:1.62;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__item code{
  font-size:var(--fs-xs);color:var(--accent-2);background:var(--bg);border-radius:var(--r-sm);
  padding:1px 6px;box-shadow:var(--neu-in);display:inline-block;overflow-wrap:anywhere;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-metrics{
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-up);padding:var(--sp-5);min-width:0;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-metrics h3{font-size:var(--fs-md);font-weight:700;line-height:1.3;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-metrics dl{display:grid;gap:var(--sp-3);margin-top:var(--sp-4);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-metrics div{
  display:flex;justify-content:space-between;gap:var(--sp-3);
  border-bottom:1px dashed var(--line);padding-bottom:var(--sp-2);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-metrics dt{font-size:var(--fs-xs);color:var(--muted);line-height:1.4;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-metrics dd{font-size:var(--fs-sm);font-weight:700;color:var(--primary);line-height:1.3;text-align:right;}

/* ---------- FAQ ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq{display:grid;gap:var(--sp-3);margin-top:var(--sp-5);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq details{
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-up);
  padding:var(--sp-4) var(--sp-5);
  transition:box-shadow var(--t-base) var(--ease);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq details:hover{box-shadow:var(--sh-2);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq summary{
  cursor:pointer;list-style:none;font-size:var(--fs-sm);font-weight:700;line-height:1.4;
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:30px;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq summary::-webkit-details-marker{display:none;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq summary::after{
  content:"+";color:var(--accent-2);font-size:var(--fs-md);flex:0 0 auto;line-height:1;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq details[open] summary::after{content:"–";}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq p{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-3);line-height:1.65;border-top:1px dashed var(--line);padding-top:var(--sp-3);}

/* ---------- 工作流程步骤 ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-flow{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-5);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-step{
  position:relative;min-width:0;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-up);
  padding:var(--sp-4);
  transition:transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-step:hover{transform:translateY(-4px);box-shadow:var(--sh-2);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-step__k{
  font-size:var(--fs-xs);letter-spacing:.14em;color:var(--secondary);line-height:1.4;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-step h3{font-size:var(--fs-sm);font-weight:700;margin-top:var(--sp-2);line-height:1.35;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-step p{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-2);line-height:1.62;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-step::after{
  content:"";position:absolute;right:calc(-1 * var(--sp-3));top:50%;width:var(--sp-3);height:1px;background:var(--line);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-step:last-child::after{display:none;}

/* ---------- CTA 内嵌色带 ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta{
  position:relative;overflow:hidden;
  border-radius:var(--r-lg);
  background:var(--surface);
  box-shadow:var(--neu-up);
  padding:var(--sp-6);
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:var(--sp-5);align-items:center;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta__band{
  position:absolute;left:0;top:0;bottom:0;width:6px;
  background:linear-gradient(180deg, var(--accent-2), var(--primary), var(--secondary));
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta h2{font-size:var(--fs-xl);line-height:var(--lh-snug);font-weight:700;letter-spacing:-.012em;text-wrap:balance;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta p{font-size:var(--fs-sm);color:var(--muted);margin-top:var(--sp-3);max-width:60ch;line-height:1.62;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta__acts{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-4);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta__code{
  border-radius:var(--r-md);background:var(--bg);box-shadow:var(--neu-in);padding:var(--sp-4);
  font-size:var(--fs-xs);color:var(--muted);line-height:1.8;overflow-wrap:anywhere;min-width:0;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta__code b{color:var(--accent-2);font-weight:600;}

/* ---------- 页脚（非对称） ---------- */
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot{
  border-top:1px solid var(--line);background:color-mix(in oklch, var(--bg) 92%, var(--surface));
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot__grid{
  display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.6fr));gap:var(--sp-5);
  padding-block:var(--sp-6) var(--sp-4);
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot h3{font-size:var(--fs-xs);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;line-height:1.4;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot ul{display:grid;gap:var(--sp-2);margin-top:var(--sp-3);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot li a{font-size:var(--fs-xs);color:var(--text);opacity:.82;transition:opacity var(--t-base) var(--ease), color var(--t-base) var(--ease);line-height:1.5;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot li a:hover{opacity:1;color:var(--accent-2);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot__brand{display:flex;align-items:center;gap:var(--sp-3);}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot__brand .dc-brand__mark{width:34px;height:34px;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot__desc{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-3);max-width:48ch;line-height:1.7;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot__bar{
  display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;align-items:center;
  border-top:1px solid var(--line);padding-block:var(--sp-4);font-size:var(--fs-xs);color:var(--muted);line-height:1.5;
}

/* ---------- 动效 ---------- */
@keyframes dc-rise{
  from{opacity:.001;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes dc-grow{
  from{transform:scaleX(.02);}
  to{transform:scaleX(1);}
}
@keyframes dc-pulse{
  0%,100%{box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 22%, transparent);}
  50%{box-shadow:0 0 0 6px color-mix(in oklch, var(--accent) 8%, transparent);}
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-anim{
  animation:dc-rise .7s var(--ease-out) both;
}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-d1{animation-delay:.06s;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-d2{animation-delay:.12s;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-d3{animation-delay:.18s;}
.design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-d4{animation-delay:.24s;}

/* ---------- 响应式 ---------- */
@media (min-width:1600px){
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-wrap,
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__in{max-width:var(--container-lg);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-band{padding-block:var(--sp-8);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-stickies{grid-template-columns:repeat(10,minmax(0,1fr));}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky,
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky:nth-child(2){grid-column:span 2;}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-partners{grid-template-columns:repeat(8,minmax(0,1fr));}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-flow{grid-template-columns:repeat(5,minmax(0,1fr));}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__grid{gap:var(--sp-7);}
}
@media (min-width:2400px){
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-wrap,
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__in{max-width:var(--container-xl);}
}
@media (max-width:1024px){
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-dash{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-split{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-split__col--reverse{margin-top:0;}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-step::after{display:none;}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-stickies{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky,
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky:nth-child(2){grid-column:span 1;}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot__grid{grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd{font-size:var(--fs-sm);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-band{padding-block:var(--sp-6);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-kpis{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-gauge{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-stickies{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-partners{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-flow{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-foot__grid{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-nav__links{width:100%;}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__acts{gap:var(--sp-2);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-faq details{padding:var(--sp-4);}
}
@media (max-width:380px){
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-wrap{padding-inline:var(--sp-3);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-band{padding-block:var(--sp-5);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-hero__title{font-size:clamp(1.65rem,1.35rem + 4vw,2.05rem);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-btn{padding:var(--sp-3) var(--sp-4);width:100%;}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-guide__item{grid-template-columns:minmax(0,1fr);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-sticky{padding:var(--sp-4) var(--sp-3);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-partner{padding:var(--sp-2);}
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd .dc-cta{padding:var(--sp-5);}
}
@media (prefers-reduced-motion: reduce){
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd *,
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd *::before,
  .design-style-dreamchain_realm_blockchain_application_development_platform_lpd *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}
