.design-style-heartchain_emotional_blockchain_dreamspace_4zk {
  --bg: oklch(0.15 0.03 22);
  --surface: oklch(0.21 0.045 22);
  --surface-2: color-mix(in oklch, var(--surface) 74%, transparent);
  --primary: oklch(0.72 0.16 22);
  --secondary: oklch(0.62 0.16 70);
  --accent: oklch(0.78 0.18 202);
  --accent-2: oklch(0.90 0.14 202);
  --text: oklch(0.94 0.02 22);
  --muted: oklch(0.68 0.03 22);
  --line: color-mix(in oklch, var(--text) 14%, transparent);
  --line-strong: color-mix(in oklch, var(--text) 24%, transparent);
  --container: 1140px;
  --container-lg: 1440px;
  --container-xl: 1720px;
  --gutter: clamp(14px, 2.2vw, 30px);
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 28px;
  --sp-7: 40px;
  --sp-8: 56px;
  --r-sm: 14px;
  --r-md: 20px;
  --r-lg: 26px;
  --r-xl: 30px;
  --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 10px 26px rgba(0,0,0,.42);
  --sh-3: 0 1px 0 rgba(255,255,255,.08) inset, 0 22px 52px rgba(0,0,0,.52);
  --fs-xs: clamp(.72rem, .7rem + .1vw, .78rem);
  --fs-sm: clamp(.82rem, .8rem + .15vw, .9rem);
  --fs-md: clamp(.95rem, .9rem + .25vw, 1.06rem);
  --fs-lg: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);
  --fs-xl: clamp(1.45rem, 1.28rem + .9vw, 1.9rem);
  --fs-2xl: clamp(1.85rem, 1.5rem + 1.8vw, 2.75rem);
  --fs-3xl: clamp(2.3rem, 1.8rem + 2.8vw, 3.4rem);
  --lh-tight: 1.1;
  --lh-snug: 1.3;
  --lh-body: 1.62;
  --ease: cubic-bezier(.4,0,.2,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --t-fast: .15s;
  --t-base: .25s;
  --t-slow: .45s;
  background: var(--bg);
  color: var(--text);
  font-family: "Nunito", "Quicksand", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
  font-size: var(--fs-md);
  line-height: var(--lh-body);
  overflow-wrap: break-word;
  position: relative;
  overflow-x: clip;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk *,
.design-style-heartchain_emotional_blockchain_dreamspace_4zk *::before,
.design-style-heartchain_emotional_blockchain_dreamspace_4zk *::after {
  box-sizing: border-box;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk img {
  max-width: 100%;
  height: auto;
  display: block;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk a {
  color: inherit;
  text-decoration: none;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk :focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
  border-radius: var(--r-sm);
}

/* ===== 顶部提示条 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  padding: var(--sp-2) var(--gutter);
  background:
    linear-gradient(90deg,
      color-mix(in oklch, var(--surface) 94%, var(--primary) 6%),
      color-mix(in oklch, var(--surface) 96%, var(--accent) 4%));
  border-bottom: 1px solid var(--line);
  font-size: var(--fs-xs);
  letter-spacing: .04em;
  color: var(--muted);
  position: relative;
  z-index: 20;
  text-align: center;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-notice .hc-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent-2);
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--accent) 26%, transparent);
  flex: 0 0 auto;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-notice b {
  color: var(--accent-2);
  font-weight: 700;
}

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

/* ===== 顶栏导航 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav {
  position: sticky;
  top: 0;
  z-index: 15;
  background: color-mix(in oklch, var(--bg) 88%, transparent);
  -webkit-backdrop-filter: blur(14px) saturate(1.1);
  backdrop-filter: blur(14px) saturate(1.1);
  border-bottom: 1px solid var(--line);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-inner {
  display: flex;
  align-items: center;
  gap: var(--sp-4);
  min-height: 54px;
  flex-wrap: wrap;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-brand {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  font-weight: 800;
  font-size: var(--fs-md);
  letter-spacing: .01em;
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-brand .hc-mark {
  width: 28px;
  height: 28px;
  border-radius: var(--r-sm);
  background: linear-gradient(140deg, var(--primary), var(--secondary));
  display: grid;
  place-items: center;
  color: oklch(0.16 0.03 22);
  font-size: 14px;
  box-shadow: var(--sh-1);
  flex: 0 0 auto;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-links {
  display: flex;
  align-items: center;
  gap: var(--sp-1);
  margin-left: auto;
  flex-wrap: wrap;
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-links a {
  padding: var(--sp-1) var(--sp-3);
  border-radius: var(--r-pill);
  font-size: var(--fs-sm);
  color: var(--muted);
  transition: color var(--t-base) var(--ease), background var(--t-base) var(--ease);
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-links a:hover {
  color: var(--text);
  background: color-mix(in oklch, var(--primary) 16%, transparent);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-cta {
  padding: var(--sp-1) var(--sp-4);
  border-radius: var(--r-pill);
  font-size: var(--fs-sm);
  font-weight: 700;
  color: oklch(0.16 0.03 22);
  background: linear-gradient(120deg, var(--accent-2), var(--accent));
  box-shadow: var(--sh-1);
  transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease);
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  margin-left: var(--sp-2);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-cta:hover {
  transform: translateY(-2px);
  box-shadow: var(--sh-2);
}

/* ===== Hero ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero {
  position: relative;
  padding-block: var(--sp-7) var(--sp-6);
  background:
    radial-gradient(880px 400px at 88% -14%, color-mix(in oklch, var(--primary) 18%, transparent), transparent 70%),
    radial-gradient(740px 360px at 4% 108%, color-mix(in oklch, var(--secondary) 14%, transparent), transparent 72%);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: var(--sp-6);
  align-items: start;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-1) var(--sp-3);
  border-radius: var(--r-pill);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--surface) 78%, transparent);
  font-size: var(--fs-xs);
  color: var(--accent-2);
  letter-spacing: .08em;
  margin-bottom: var(--sp-3);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero h1 {
  font-size: var(--fs-3xl);
  line-height: var(--lh-tight);
  font-weight: 800;
  letter-spacing: -.012em;
  margin: 0 0 var(--sp-3);
  max-width: 20ch;
  overflow-wrap: break-word;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero h1 em {
  font-style: normal;
  background: linear-gradient(100deg, var(--primary), var(--secondary));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-lead {
  font-size: var(--fs-md);
  color: var(--muted);
  max-width: 48ch;
  margin: 0 0 var(--sp-5);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-actions {
  display: flex;
  gap: var(--sp-3);
  flex-wrap: wrap;
  margin-bottom: var(--sp-5);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-2) var(--sp-5);
  border-radius: var(--r-pill);
  font-size: var(--fs-sm);
  font-weight: 700;
  transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), background var(--t-base) var(--ease), border-color var(--t-base) var(--ease), color var(--t-base) var(--ease);
  min-height: 44px;
  line-height: 1.2;
  text-align: center;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-btn-primary {
  color: oklch(0.16 0.03 22);
  background: linear-gradient(120deg, var(--primary), var(--secondary));
  box-shadow: var(--sh-2);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--sh-3);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-btn-ghost {
  color: var(--text);
  border: 1px solid var(--line-strong);
  background: color-mix(in oklch, var(--surface) 68%, transparent);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-btn-ghost:hover {
  transform: translateY(-2px);
  border-color: color-mix(in oklch, var(--accent) 55%, transparent);
  color: var(--accent-2);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-stats {
  display: flex;
  gap: var(--sp-5);
  flex-wrap: wrap;
  border-top: 1px solid var(--line);
  padding-top: var(--sp-4);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-stats div {
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-stats b {
  display: block;
  font-size: var(--fs-lg);
  font-weight: 800;
  color: var(--accent-2);
  line-height: 1.2;
  letter-spacing: -.01em;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-stats span {
  font-size: var(--fs-xs);
  color: var(--muted);
}

/* 悬浮拟真窗口 */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window {
  border-radius: var(--r-lg);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--surface) 94%, transparent);
  box-shadow: var(--sh-3);
  overflow: hidden;
  transform: rotate(-.6deg);
  transition: transform var(--t-slow) var(--ease-out), box-shadow var(--t-slow) var(--ease);
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window:hover {
  transform: rotate(0deg) translateY(-4px);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-bar {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  padding: var(--sp-2) var(--sp-4);
  border-bottom: 1px solid var(--line);
  background: color-mix(in oklch, var(--bg) 72%, var(--surface));
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-bar i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--muted);
  opacity: .6;
  flex: 0 0 auto;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-bar i:nth-child(1) { background: var(--primary); opacity: .9; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-bar i:nth-child(2) { background: var(--secondary); opacity: .9; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-bar i:nth-child(3) { background: var(--accent); opacity: .9; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-bar span {
  margin-left: var(--sp-2);
  font-size: var(--fs-xs);
  color: var(--muted);
  overflow-wrap: anywhere;
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-shot {
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-shot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--t-slow) var(--ease-out);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window:hover .hc-window-shot img {
  transform: scale(1.04);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-3);
  padding: var(--sp-2) var(--sp-4);
  font-size: var(--fs-xs);
  color: var(--muted);
  flex-wrap: wrap;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window-foot b {
  color: var(--accent-2);
  font-weight: 700;
}

/* 瀑布流画廊 */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-gallery {
  margin-top: var(--sp-6);
  columns: 3 220px;
  column-gap: var(--sp-4);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-tile {
  break-inside: avoid;
  margin-bottom: var(--sp-4);
  border-radius: var(--r-md);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--surface) 88%, transparent);
  box-shadow: var(--sh-1);
  overflow: hidden;
  transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-tile:hover {
  transform: translateY(-4px);
  box-shadow: var(--sh-2);
  border-color: color-mix(in oklch, var(--accent) 42%, transparent);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-tile figure {
  margin: 0;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--t-slow) var(--ease-out);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-tile:hover img {
  transform: scale(1.05);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-tile figcaption {
  padding: var(--sp-3) var(--sp-4);
  font-size: var(--fs-sm);
  color: var(--text);
  line-height: var(--lh-snug);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-tile figcaption span {
  display: block;
  font-size: var(--fs-xs);
  color: var(--muted);
  margin-top: 2px;
  line-height: var(--lh-body);
}

/* ===== 通用区块 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-section {
  padding-block: var(--sp-7);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-section-alt {
  background: color-mix(in oklch, var(--surface) 58%, transparent);
  border-block: 1px solid var(--line);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--sp-4);
  margin-bottom: var(--sp-5);
  flex-wrap: wrap;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-head-text {
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-head h2 {
  font-size: var(--fs-xl);
  line-height: var(--lh-snug);
  font-weight: 800;
  letter-spacing: -.01em;
  margin: 0 0 var(--sp-2);
  max-width: 28ch;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-head p {
  margin: 0;
  color: var(--muted);
  font-size: var(--fs-sm);
  max-width: 58ch;
}

/* 巨型描边序号 */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bignum {
  font-size: clamp(3.2rem, 6.6vw, 5.4rem);
  font-weight: 900;
  line-height: .8;
  letter-spacing: -.02em;
  color: transparent;
  -webkit-text-stroke: 1.5px color-mix(in oklch, var(--primary) 58%, transparent);
  text-stroke: 1.5px color-mix(in oklch, var(--primary) 58%, transparent);
  user-select: none;
  flex: 0 0 auto;
}

/* ===== 特性卡片 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-4);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card {
  position: relative;
  border: 1px solid var(--line-strong);
  border-radius: var(--r-md);
  background: color-mix(in oklch, var(--surface) 92%, transparent);
  box-shadow: 5px 5px 0 0 color-mix(in oklch, var(--primary) 24%, transparent);
  padding: var(--sp-5);
  min-width: 0;
  transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card:hover {
  transform: translate(-3px, -3px);
  box-shadow: 8px 8px 0 0 color-mix(in oklch, var(--accent) 38%, transparent);
  border-color: color-mix(in oklch, var(--accent) 50%, transparent);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card-num {
  font-size: var(--fs-xs);
  font-weight: 800;
  letter-spacing: .16em;
  color: var(--accent-2);
  margin-bottom: var(--sp-3);
  display: block;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card h3 {
  font-size: var(--fs-lg);
  line-height: var(--lh-snug);
  margin: 0 0 var(--sp-2);
  font-weight: 700;
  letter-spacing: -.005em;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card p {
  margin: 0 0 var(--sp-3);
  font-size: var(--fs-sm);
  color: var(--muted);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card .hc-metric {
  display: inline-flex;
  align-items: baseline;
  gap: var(--sp-2);
  padding: var(--sp-1) var(--sp-3);
  border-radius: var(--r-pill);
  background: color-mix(in oklch, var(--accent) 13%, transparent);
  border: 1px solid color-mix(in oklch, var(--accent) 32%, transparent);
  font-size: var(--fs-xs);
  color: var(--accent-2);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card .hc-metric b {
  font-size: var(--fs-sm);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card-wide {
  grid-column: span 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
  gap: var(--sp-4);
  align-items: center;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card-wide figure {
  margin: 0;
  border-radius: var(--r-sm);
  overflow: hidden;
  aspect-ratio: 16 / 11;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card-wide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===== 实用指导清单 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-guide-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
  gap: var(--sp-5);
  align-items: start;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-guide-aside {
  position: relative;
  border-radius: var(--r-lg);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--surface) 90%, transparent);
  box-shadow: var(--sh-1);
  padding: var(--sp-5);
  overflow: hidden;
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-guide-aside p {
  color: var(--muted);
  font-size: var(--fs-sm);
  margin: 0 0 var(--sp-4);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-guide-aside figure {
  margin: 0;
  border-radius: var(--r-md);
  overflow: hidden;
  aspect-ratio: 5 / 3;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-guide-aside img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--sp-3);
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-checklist li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: var(--sp-3);
  padding: var(--sp-4);
  border-radius: var(--r-md);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--surface) 78%, transparent);
  min-width: 0;
  transition: border-color var(--t-base) var(--ease), background var(--t-base) var(--ease);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-checklist li:hover {
  border-color: color-mix(in oklch, var(--accent) 42%, transparent);
  background: color-mix(in oklch, var(--surface) 88%, transparent);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-checklist .hc-ck {
  width: 32px;
  height: 32px;
  border-radius: var(--r-sm);
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 800;
  background: color-mix(in oklch, var(--primary) 20%, transparent);
  border: 1px solid color-mix(in oklch, var(--primary) 40%, transparent);
  color: var(--accent-2);
  flex: 0 0 auto;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-checklist h3 {
  font-size: var(--fs-md);
  margin: 0 0 var(--sp-1);
  font-weight: 700;
  line-height: var(--lh-snug);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-checklist p {
  margin: 0;
  font-size: var(--fs-sm);
  color: var(--muted);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-checklist code {
  font-family: ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: var(--fs-xs);
  padding: 1px 6px;
  border-radius: var(--r-sm);
  background: color-mix(in oklch, var(--accent) 13%, transparent);
  color: var(--accent-2);
  overflow-wrap: anywhere;
}

/* ===== 工作流程步骤 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--sp-4);
  counter-reset: hcstep;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-step {
  position: relative;
  padding: var(--sp-5) var(--sp-4) var(--sp-4);
  border-radius: var(--r-md);
  border: 1px dashed color-mix(in oklch, var(--secondary) 44%, transparent);
  background: color-mix(in oklch, var(--surface) 76%, transparent);
  min-width: 0;
  transition: border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-step:hover {
  transform: translateY(-4px);
  border-color: color-mix(in oklch, var(--accent) 70%, transparent);
  border-style: solid;
  box-shadow: var(--sh-2);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-step .hc-step-index {
  position: absolute;
  top: calc(-1 * var(--sp-3));
  left: var(--sp-4);
  font-size: clamp(2.1rem, 3.2vw, 2.8rem);
  font-weight: 900;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.4px color-mix(in oklch, var(--secondary) 66%, transparent);
  text-stroke: 1.4px color-mix(in oklch, var(--secondary) 66%, transparent);
  pointer-events: none;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-step h3 {
  font-size: var(--fs-md);
  margin: var(--sp-4) 0 var(--sp-2);
  font-weight: 700;
  line-height: var(--lh-snug);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-step p {
  margin: 0 0 var(--sp-3);
  font-size: var(--fs-sm);
  color: var(--muted);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-step .hc-sla {
  font-size: var(--fs-xs);
  color: var(--accent-2);
  border-top: 1px solid var(--line);
  padding-top: var(--sp-2);
  display: block;
}

/* ===== 数据可视化面板 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-viz {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-4);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-panel {
  border-radius: var(--r-lg);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--surface) 88%, transparent);
  box-shadow: var(--sh-1);
  padding: var(--sp-5);
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-panel h3 {
  font-size: var(--fs-md);
  margin: 0 0 var(--sp-1);
  font-weight: 700;
  line-height: var(--lh-snug);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-panel .hc-panel-sub {
  font-size: var(--fs-xs);
  color: var(--muted);
  margin: 0 0 var(--sp-4);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bars {
  display: grid;
  gap: var(--sp-3);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bar-row {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr) 44px;
  align-items: center;
  gap: var(--sp-3);
  font-size: var(--fs-xs);
  color: var(--muted);
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bar {
  height: 10px;
  border-radius: var(--r-pill);
  background: color-mix(in oklch, var(--text) 10%, transparent);
  overflow: hidden;
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bar i {
  display: block;
  height: 100%;
  border-radius: var(--r-pill);
  background: linear-gradient(90deg, var(--primary), var(--secondary));
  animation: hcGrow 1s var(--ease-out) both;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bar i.hc-bar-accent {
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bar-row b {
  color: var(--accent-2);
  font-weight: 700;
  text-align: right;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-donut {
  width: 128px;
  height: 128px;
  margin: var(--sp-2) auto var(--sp-3);
  border-radius: 50%;
  background: conic-gradient(var(--primary) 0 42%, var(--secondary) 42% 68%, var(--accent) 68% 88%, color-mix(in oklch, var(--text) 14%, transparent) 88% 100%);
  display: grid;
  place-items: center;
  position: relative;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-donut::after {
  content: "";
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--surface);
  border: 1px solid var(--line);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-donut b {
  position: absolute;
  z-index: 2;
  font-size: var(--fs-lg);
  color: var(--accent-2);
  font-weight: 800;
  letter-spacing: -.01em;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-legend {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--sp-2);
  font-size: var(--fs-xs);
  color: var(--muted);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-legend li {
  display: flex;
  align-items: center;
  gap: var(--sp-2);
  min-width: 0;
  overflow-wrap: anywhere;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-legend i {
  width: 9px;
  height: 9px;
  border-radius: 3px;
  flex: 0 0 auto;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-kpis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-3);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-kpi {
  border-radius: var(--r-sm);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--bg) 40%, transparent);
  padding: var(--sp-3);
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-kpi b {
  display: block;
  font-size: var(--fs-lg);
  color: var(--text);
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.01em;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-kpi span {
  font-size: var(--fs-xs);
  color: var(--muted);
}

/* ===== 对比表 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-table-wrap {
  border-radius: var(--r-lg);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--surface) 86%, transparent);
  box-shadow: var(--sh-1);
  overflow-x: auto;
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk table {
  width: 100%;
  border-collapse: collapse;
  min-width: 620px;
  font-size: var(--fs-sm);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk thead th {
  text-align: left;
  padding: var(--sp-3) var(--sp-4);
  font-size: var(--fs-xs);
  letter-spacing: .08em;
  color: var(--accent-2);
  border-bottom: 1px solid var(--line);
  background: color-mix(in oklch, var(--bg) 55%, transparent);
  white-space: nowrap;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk tbody td {
  padding: var(--sp-3) var(--sp-4);
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  vertical-align: top;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk tbody tr:last-child td {
  border-bottom: none;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk tbody td:first-child {
  color: var(--text);
  font-weight: 700;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-pill {
  display: inline-block;
  padding: 2px var(--sp-3);
  border-radius: var(--r-pill);
  font-size: var(--fs-xs);
  border: 1px solid var(--line);
  white-space: nowrap;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-pill-good {
  color: var(--accent-2);
  border-color: color-mix(in oklch, var(--accent) 46%, transparent);
  background: color-mix(in oklch, var(--accent) 12%, transparent);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-pill-warm {
  color: var(--secondary);
  border-color: color-mix(in oklch, var(--secondary) 46%, transparent);
  background: color-mix(in oklch, var(--secondary) 12%, transparent);
}

/* ===== 横向滚动作品带 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip {
  display: flex;
  gap: var(--sp-4);
  overflow-x: auto;
  padding: var(--sp-2) var(--gutter) var(--sp-5);
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip::-webkit-scrollbar {
  height: 8px;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip::-webkit-scrollbar-thumb {
  background: color-mix(in oklch, var(--primary) 42%, transparent);
  border-radius: var(--r-pill);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip-card {
  flex: 0 0 clamp(232px, 26vw, 300px);
  scroll-snap-align: start;
  border-radius: var(--r-md);
  border: 1px solid var(--line);
  background: color-mix(in oklch, var(--surface) 90%, transparent);
  box-shadow: var(--sh-1);
  overflow: hidden;
  min-width: 0;
  transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--sh-2);
  border-color: color-mix(in oklch, var(--accent) 40%, transparent);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip-card figure {
  margin: 0;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--t-slow) var(--ease-out);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip-card:hover img {
  transform: scale(1.04);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip-card div {
  padding: var(--sp-3) var(--sp-4) var(--sp-4);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip-card h3 {
  font-size: var(--fs-sm);
  margin: 0 0 var(--sp-1);
  font-weight: 700;
  line-height: var(--lh-snug);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-strip-card p {
  margin: 0;
  font-size: var(--fs-xs);
  color: var(--muted);
}

/* ===== 客户评价 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quotes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-4);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quote {
  border-radius: var(--r-lg);
  border: 1px solid var(--line);
  border-left: 3px solid color-mix(in oklch, var(--primary) 68%, transparent);
  background: color-mix(in oklch, var(--surface) 82%, transparent);
  box-shadow: var(--sh-1);
  padding: var(--sp-5);
  min-width: 0;
  transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quote:hover {
  transform: translateY(-3px);
  box-shadow: var(--sh-2);
  border-left-color: color-mix(in oklch, var(--accent) 70%, transparent);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quote blockquote {
  margin: 0 0 var(--sp-4);
  font-size: var(--fs-sm);
  color: var(--text);
  line-height: var(--lh-body);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quote-who {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  font-size: var(--fs-xs);
  color: var(--muted);
  min-width: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quote-who i {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  background: color-mix(in oklch, var(--secondary) 20%, transparent);
  border: 1px solid color-mix(in oklch, var(--secondary) 42%, transparent);
  color: var(--text);
  flex: 0 0 auto;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quote-who b {
  display: block;
  color: var(--text);
  font-weight: 700;
}

/* ===== 内嵌色带 CTA ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-cta {
  margin-block: var(--sp-7);
  border-radius: var(--r-lg);
  border: 1px solid color-mix(in oklch, var(--primary) 38%, transparent);
  background:
    linear-gradient(115deg,
      color-mix(in oklch, var(--primary) 22%, var(--surface)),
      color-mix(in oklch, var(--secondary) 15%, var(--surface)));
  box-shadow: var(--sh-2);
  padding: var(--sp-6);
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr);
  gap: var(--sp-5);
  align-items: center;
  position: relative;
  overflow: hidden;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-cta::before {
  content: "";
  position: absolute;
  inset: auto -60px -80px auto;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in oklch, var(--accent) 22%, transparent), transparent 68%);
  pointer-events: none;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-cta h2 {
  font-size: var(--fs-xl);
  margin: 0 0 var(--sp-2);
  line-height: var(--lh-snug);
  font-weight: 800;
  letter-spacing: -.01em;
  position: relative;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-cta p {
  margin: 0;
  color: var(--muted);
  font-size: var(--fs-sm);
  position: relative;
  max-width: 54ch;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-cta-actions {
  display: flex;
  gap: var(--sp-3);
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
  min-width: 0;
}

/* ===== 页脚 ===== */
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer {
  border-top: 1px solid var(--line);
  padding-block: var(--sp-6);
  background: color-mix(in oklch, var(--bg) 70%, var(--surface));
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
  gap: var(--sp-5);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer h3 {
  font-size: var(--fs-sm);
  margin: 0 0 var(--sp-3);
  color: var(--accent-2);
  letter-spacing: .05em;
  font-weight: 700;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer p,
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer li {
  font-size: var(--fs-sm);
  color: var(--muted);
  margin: 0 0 var(--sp-2);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer a {
  transition: color var(--t-base) var(--ease);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer a:hover {
  color: var(--accent-2);
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer-base {
  margin-top: var(--sp-5);
  padding-top: var(--sp-4);
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  gap: var(--sp-3);
  flex-wrap: wrap;
  font-size: var(--fs-xs);
  color: var(--muted);
}

/* ===== 入场动效 ===== */
@keyframes hcRise {
  from { transform: translateY(12px); opacity: .001; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes hcGrow {
  from { width: 0; }
}
@keyframes hcMaskUp {
  from { transform: translateY(100%); }
  to { transform: translateY(0); }
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-rise {
  animation: hcRise .55s var(--ease-out) both;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-rise-1 { animation-delay: .05s; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-rise-2 { animation-delay: .12s; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-rise-3 { animation-delay: .19s; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-rise-4 { animation-delay: .26s; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-rise-5 { animation-delay: .33s; }

.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-mask-line {
  display: block;
  overflow: hidden;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-mask-line > span {
  display: block;
  animation: hcMaskUp .68s var(--ease-out) both;
}
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-mask-line:nth-child(1) > span { animation-delay: .08s; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-mask-line:nth-child(2) > span { animation-delay: .18s; }
.design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-mask-line:nth-child(3) > span { animation-delay: .28s; }

/* ===== 响应式 ===== */
@media (min-width: 1600px) {
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-wrap { max-width: var(--container-lg); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-features { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card-wide { grid-column: span 2; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-gallery { columns: 4 240px; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-viz { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 2200px) {
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-wrap { max-width: var(--container-xl); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-features { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card-wide { grid-column: span 2; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quotes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-gallery { columns: 5 250px; }
}
@media (max-width: 1024px) {
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-grid,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-guide-grid,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-cta {
    grid-template-columns: minmax(0, 1fr);
  }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card-wide { grid-column: span 2; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-viz { grid-template-columns: minmax(0, 1fr); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quotes { grid-template-columns: minmax(0, 1fr); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-cta-actions { justify-content: flex-start; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-window { transform: none; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero { padding-block: var(--sp-6) var(--sp-5); }
}
@media (max-width: 640px) {
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-features,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-steps,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-footer-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card-wide {
    grid-column: span 1;
    grid-template-columns: minmax(0, 1fr);
  }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-gallery { columns: 1; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-links {
    margin-left: 0;
    width: 100%;
    gap: var(--sp-1);
  }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-cta { margin-left: 0; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-nav-inner { padding-block: var(--sp-2); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero h1 { max-width: none; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-section { padding-block: var(--sp-6); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-head h2 { max-width: none; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bignum { font-size: clamp(2.4rem, 14vw, 3.2rem); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-btn { flex: 1 1 auto; justify-content: center; }
}
@media (max-width: 380px) {
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk { font-size: var(--fs-sm); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-wrap { padding-inline: var(--sp-3); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-card,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-panel,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-quote,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-guide-aside,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-cta,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-step { padding: var(--sp-4); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-checklist li {
    grid-template-columns: 28px minmax(0, 1fr);
    padding: var(--sp-3);
  }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-ck { width: 28px; height: 28px; font-size: 13px; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bar-row { grid-template-columns: 60px minmax(0, 1fr) 40px; gap: var(--sp-2); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-kpis { grid-template-columns: minmax(0, 1fr); }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bignum { font-size: 2.4rem; }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-hero-stats { gap: var(--sp-4); }
}
@media (prefers-reduced-motion: reduce) {
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-rise,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-mask-line > span,
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk .hc-bar i {
    animation: none !important;
  }
  .design-style-heartchain_emotional_blockchain_dreamspace_4zk * {
    transition-duration: .001s !important;
  }
}