.design-style-dream_chain_skeuomorphic_future_ynw{
  --bg:oklch(0.15 0.03 206);
  --bg-sunk:oklch(0.175 0.035 206);
  --surface:oklch(0.21 0.045 206);
  --surface-2:oklch(0.235 0.045 206);
  --primary:oklch(0.72 0.12 206);
  --secondary:oklch(0.62 0.12 254);
  --accent:oklch(0.78 0.14 356);
  --accent-2:oklch(0.90 0.1 356);
  --text:oklch(0.94 0.02 206);
  --muted:oklch(0.68 0.03 206);
  --faint:oklch(0.58 0.03 206);
  --line:color-mix(in oklab, oklch(0.94 0.02 206) 12%, transparent);
  --line-soft:color-mix(in oklab, oklch(0.94 0.02 206) 7%, transparent);
  --hi:rgba(255,255,255,.06);
  --lo:oklch(0.10 0.02 206);
  --lo-2:oklch(0.27 0.05 206);
  --container:1120px;--container-lg:1360px;--container-xl:1600px;
  --gutter:clamp(14px,2.2vw,30px);
  --sp-0:2px;--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:2px;--r-md:4px;--r-lg:6px;--r-pill:999px;
  --sh-1:0 1px 0 var(--hi) inset,0 2px 8px rgba(0,0,0,.34);
  --sh-2:0 1px 0 var(--hi) inset,0 12px 30px rgba(0,0,0,.44);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 26px 64px rgba(0,0,0,.54);
  --neu-out:6px 6px 14px var(--lo),-6px -6px 14px var(--lo-2);
  --neu-out-sm:4px 4px 10px var(--lo),-4px -4px 10px var(--lo-2);
  --neu-in:inset 4px 4px 10px var(--lo),inset -4px -4px 10px var(--lo-2);
  --neu-press:inset 3px 3px 7px var(--lo),inset -3px -3px 7px var(--lo-2);
  --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 + .4vw,1.32rem);
  --fs-xl:clamp(1.42rem,1.26rem + .8vw,1.86rem);
  --fs-2xl:clamp(1.8rem,1.44rem + 1.8vw,2.7rem);
  --fs-3xl:clamp(2.2rem,1.7rem + 2.6vw,3.3rem);
  --lh-tight:1.1;--lh-snug:1.3;--lh-body:1.6;
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.15s;--t-base:.24s;--t-slow:.42s;
  box-sizing:border-box;
  background:var(--bg);
  color:var(--text);
  font-family:"Helvetica Neue","Arial Black","PingFang SC","Microsoft YaHei",sans-serif;
  font-weight:800;
  letter-spacing:-.01em;
  line-height:var(--lh-body);
  overflow-x:hidden;
  overflow-wrap:break-word;
  word-break:break-word;
  -webkit-font-smoothing:antialiased;
}
.design-style-dream_chain_skeuomorphic_future_ynw *,
.design-style-dream_chain_skeuomorphic_future_ynw *::before,
.design-style-dream_chain_skeuomorphic_future_ynw *::after{box-sizing:border-box;min-width:0;}
.design-style-dream_chain_skeuomorphic_future_ynw img,
.design-style-dream_chain_skeuomorphic_future_ynw svg{max-width:100%;height:auto;display:block;}
.design-style-dream_chain_skeuomorphic_future_ynw a{color:inherit;text-decoration:none;}
.design-style-dream_chain_skeuomorphic_future_ynw :focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm);
}
.design-style-dream_chain_skeuomorphic_future_ynw ::selection{
  background:color-mix(in oklab, var(--accent) 40%, transparent);color:var(--text);
}

/* ===== 顶部提示条 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .dc-alert{
  display:flex;align-items:center;gap:var(--sp-3);
  width:100%;
  padding:var(--sp-2) var(--gutter);
  background:linear-gradient(
    to right,
    color-mix(in oklab, var(--accent) 12%, var(--bg-sunk)),
    var(--bg-sunk) 42%,
    var(--bg-sunk)
  );
  border-bottom:1px solid color-mix(in oklab, var(--accent) 26%, var(--line));
  font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;
  color:var(--muted);
  box-shadow:0 1px 0 var(--hi) inset;
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-alert b{
  color:var(--accent-2);font-weight:900;letter-spacing:.01em;margin-left:auto;white-space:nowrap;
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-alert .dot{
  width:7px;height:7px;border-radius:var(--r-pill);background:var(--accent);
  box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 20%, transparent);flex:0 0 auto;
}

/* ===== 跑马灯文字带母题 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .dc-marquee{
  position:relative;overflow:hidden;
  border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line);
  background:var(--bg-sunk);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-marquee .track{
  display:flex;width:max-content;gap:var(--sp-6);
  padding:var(--sp-2) 0;
  animation:dc-slide 28s linear infinite;
  will-change:transform;
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-marquee span{
  font-size:var(--fs-xs);font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  color:var(--faint);white-space:nowrap;
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-marquee span em{
  font-style:normal;color:color-mix(in oklab, var(--primary) 88%, var(--text));
}
@keyframes dc-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== 导航 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav{
  position:sticky;top:0;z-index:40;
  background:color-mix(in oklab, var(--bg) 86%, transparent);
-webkit-backdrop-filter:blur(10px) saturate(1.1);
backdrop-filter:blur(10px) saturate(1.1);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 var(--hi) inset,0 8px 24px rgba(0,0,0,.28);
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav .inner{
  max-width:var(--container-xl);margin:0 auto;padding:var(--sp-3) var(--gutter);
  display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;
}
.design-style-dream_chain_skeuomorphic_future_ynw .brand{
  display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-md);font-weight:900;
  letter-spacing:-.02em;white-space:nowrap;
}
.design-style-dream_chain_skeuomorphic_future_ynw .brand .cube{
  width:26px;height:26px;border-radius:var(--r-md);
  background:var(--surface);box-shadow:var(--neu-out-sm);
  display:grid;place-items:center;font-size:13px;color:var(--primary);flex:0 0 auto;
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav nav{
  display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-left:auto;
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav nav a{
  padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:700;
  color:var(--muted);min-height:40px;display:inline-flex;align-items:center;
  transition:color var(--t-fast) var(--ease),background-color var(--t-base) var(--ease),
             box-shadow var(--t-base) var(--ease),transform var(--t-base) var(--ease-out);
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav nav a:hover{
  color:var(--text);background:var(--surface);box-shadow:var(--neu-out-sm);transform:translateY(-1px);
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav nav a:active{
  box-shadow:var(--neu-press);transform:translateY(0);
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav .cta-mini{
  padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:900;
  background:var(--surface);color:var(--accent-2);box-shadow:var(--neu-out);
  min-height:40px;display:inline-flex;align-items:center;white-space:nowrap;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),
             color var(--t-fast) var(--ease);
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav .cta-mini:hover{
  transform:translateY(-2px);box-shadow:var(--sh-2),var(--neu-out);color:var(--accent);
}
.design-style-dream_chain_skeuomorphic_future_ynw .dc-nav .cta-mini:active{transform:translateY(0);box-shadow:var(--neu-press);}

/* ===== 通用容器 / 标题 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .wrap{
  width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--gutter);
}
.design-style-dream_chain_skeuomorphic_future_ynw .sec{padding:var(--sp-7) 0;}
.design-style-dream_chain_skeuomorphic_future_ynw .sec-head{margin-bottom:var(--sp-5);max-width:64ch;}
.design-style-dream_chain_skeuomorphic_future_ynw .sec-head p{margin-top:var(--sp-2);}
.design-style-dream_chain_skeuomorphic_future_ynw .kicker{
  display:inline-flex;align-items:center;gap:var(--sp-2);
  font-size:var(--fs-xs);font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  color:var(--primary);margin-bottom:var(--sp-2);
}
.design-style-dream_chain_skeuomorphic_future_ynw .kicker::before{
  content:"";width:20px;height:2px;border-radius:var(--r-pill);
  background:linear-gradient(to right,var(--accent),var(--primary));display:inline-block;flex:0 0 auto;
}
.design-style-dream_chain_skeuomorphic_future_ynw h2{
  font-size:var(--fs-xl);line-height:var(--lh-tight);letter-spacing:-.03em;font-weight:900;margin:0;
  text-wrap:balance;
}
.design-style-dream_chain_skeuomorphic_future_ynw h3{
  font-size:var(--fs-lg);line-height:var(--lh-snug);letter-spacing:-.02em;font-weight:900;margin:0;
  text-wrap:balance;
}
.design-style-dream_chain_skeuomorphic_future_ynw p{
  margin:0;font-weight:600;color:var(--muted);font-size:var(--fs-md);line-height:var(--lh-body);
}
.design-style-dream_chain_skeuomorphic_future_ynw .grad-text{
  background:linear-gradient(96deg,var(--accent-2),var(--accent) 55%,var(--primary));
-webkit-background-clip:text;
background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ===== Hero：卡片堆叠 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .hero{padding:var(--sp-6) 0 var(--sp-7);}
.design-style-dream_chain_skeuomorphic_future_ynw .hero .grid{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--sp-5);align-items:stretch;
}
.design-style-dream_chain_skeuomorphic_future_ynw .hero-card{
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-out);
  padding:var(--sp-6);
  display:flex;flex-direction:column;gap:var(--sp-4);
}
.design-style-dream_chain_skeuomorphic_future_ynw .hero h1{
  font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:-.045em;font-weight:900;margin:0;
  text-wrap:balance;
}
.design-style-dream_chain_skeuomorphic_future_ynw .hero .lede{
  font-size:var(--fs-md);color:var(--muted);max-width:52ch;
}
.design-style-dream_chain_skeuomorphic_future_ynw .hero .stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);margin-top:auto;
}
.design-style-dream_chain_skeuomorphic_future_ynw .stat{
  background:var(--bg-sunk);border-radius:var(--r-md);padding:var(--sp-3);
  box-shadow:var(--neu-in);
}
.design-style-dream_chain_skeuomorphic_future_ynw .stat .num{
  font-size:var(--fs-lg);font-weight:900;letter-spacing:-.03em;color:var(--accent-2);
  font-variant-numeric:tabular-nums;line-height:1.15;
}
.design-style-dream_chain_skeuomorphic_future_ynw .stat .lbl{
  font-size:var(--fs-xs);color:var(--muted);font-weight:700;line-height:1.35;margin-top:var(--sp-0);
}
.design-style-dream_chain_skeuomorphic_future_ynw .hero-visual{
  position:relative;border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-3),var(--neu-out);background:var(--surface);min-height:240px;
}
.design-style-dream_chain_skeuomorphic_future_ynw .hero-visual img{
  width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;
}
.design-style-dream_chain_skeuomorphic_future_ynw .hero-visual .tag{
  position:absolute;left:var(--sp-3);bottom:var(--sp-3);max-width:calc(100% - var(--sp-5));
  background:color-mix(in oklab, var(--bg) 78%, transparent);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
  border:1px solid var(--line);border-radius:var(--r-md);
  padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);color:var(--text);font-weight:800;
  box-shadow:0 1px 0 var(--hi) inset;
}

/* ===== 数据可视化面板 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .dash{
  display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--sp-4);
}
.design-style-dream_chain_skeuomorphic_future_ynw .panel{
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-out);padding:var(--sp-5);
}
.design-style-dream_chain_skeuomorphic_future_ynw .panel h3{margin-bottom:var(--sp-2);}
.design-style-dream_chain_skeuomorphic_future_ynw .bars{
  display:flex;flex-direction:column;gap:var(--sp-3);margin-top:var(--sp-4);
}
.design-style-dream_chain_skeuomorphic_future_ynw .bar-row{
  display:grid;grid-template-columns:92px minmax(0,1fr) 52px;gap:var(--sp-3);align-items:center;
  font-size:var(--fs-xs);font-weight:700;color:var(--muted);
}
.design-style-dream_chain_skeuomorphic_future_ynw .bar-row > span:first-child{
  overflow-wrap:break-word;
}
.design-style-dream_chain_skeuomorphic_future_ynw .bar{
  height:11px;border-radius:var(--r-pill);background:var(--bg-sunk);box-shadow:var(--neu-in);overflow:hidden;
}
.design-style-dream_chain_skeuomorphic_future_ynw .bar i{
  display:block;height:100%;border-radius:var(--r-pill);background:var(--primary);
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset;
  animation:dc-grow 1.1s var(--ease-out) both;
}
.design-style-dream_chain_skeuomorphic_future_ynw .bar i.acc{background:var(--accent);}
.design-style-dream_chain_skeuomorphic_future_ynw .bar i.sec{background:var(--secondary);}
@keyframes dc-grow{from{width:0}}
.design-style-dream_chain_skeuomorphic_future_ynw .bar-row b{
  color:var(--text);text-align:right;font-variant-numeric:tabular-nums;
}
.design-style-dream_chain_skeuomorphic_future_ynw .gauge{
  display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4);
}
.design-style-dream_chain_skeuomorphic_future_ynw .gauge .cell{
  display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
  padding:var(--sp-3);border-radius:var(--r-md);background:var(--bg-sunk);box-shadow:var(--neu-in);
  font-size:var(--fs-sm);font-weight:700;
}
.design-style-dream_chain_skeuomorphic_future_ynw .gauge .cell em{
  font-style:normal;color:var(--accent-2);font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap;
}

/* ===== 关键数据条 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .kpi{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);
}
.design-style-dream_chain_skeuomorphic_future_ynw .kpi .k{
  background:var(--surface);border-radius:var(--r-md);box-shadow:var(--neu-out);padding:var(--sp-4);
  display:flex;flex-direction:column;gap:var(--sp-1);justify-content:center;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);
}
.design-style-dream_chain_skeuomorphic_future_ynw .kpi .k:hover{
  transform:translateY(-2px);box-shadow:var(--sh-2),var(--neu-out);
}
.design-style-dream_chain_skeuomorphic_future_ynw .kpi .k .v{
  font-size:var(--fs-xl);font-weight:900;letter-spacing:-.04em;color:var(--primary);
  font-variant-numeric:tabular-nums;line-height:1.1;
}
.design-style-dream_chain_skeuomorphic_future_ynw .kpi .k .v.hot{color:var(--accent-2);}
.design-style-dream_chain_skeuomorphic_future_ynw .kpi .k .t{
  font-size:var(--fs-xs);font-weight:700;color:var(--muted);line-height:1.4;
}

/* ===== 服务/价格档位 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .tiers{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);
}
.design-style-dream_chain_skeuomorphic_future_ynw .tier{
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-out);padding:var(--sp-5);
  display:flex;flex-direction:column;gap:var(--sp-3);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier:hover{
  transform:translateY(-3px);box-shadow:var(--sh-2),var(--neu-out);
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier.hl{
  box-shadow:var(--sh-2),var(--neu-out);
  outline:1px solid color-mix(in oklab, var(--accent) 38%, transparent);
  outline-offset:-1px;
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier .price{
  font-size:var(--fs-xl);font-weight:900;letter-spacing:-.04em;color:var(--text);
  font-variant-numeric:tabular-nums;line-height:1.15;
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier .price small{
  font-size:var(--fs-xs);color:var(--muted);font-weight:700;letter-spacing:0;
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier ul{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);
  font-size:var(--fs-sm);color:var(--muted);font-weight:600;
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier li{
  display:flex;gap:var(--sp-2);align-items:flex-start;line-height:1.5;
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier li::before{
  content:"◆";color:var(--primary);font-size:.7em;line-height:1.9;flex:0 0 auto;
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier .badge{
  align-self:flex-start;font-size:var(--fs-xs);font-weight:900;letter-spacing:.1em;
  color:var(--accent-2);border:1px solid var(--line);border-radius:var(--r-pill);
  padding:2px var(--sp-3);background:color-mix(in oklab, var(--bg-sunk) 60%, transparent);
}
.design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier.hl .badge{
  border-color:color-mix(in oklab, var(--accent) 42%, transparent);
}

/* ===== 粘性堆叠卡 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .stack{display:grid;gap:var(--sp-4);}
.design-style-dream_chain_skeuomorphic_future_ynw .stack .card{
  position:sticky;top:calc(var(--sp-8) + var(--sp-2));
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-2),var(--neu-out);
  padding:var(--sp-5);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--sp-5);align-items:center;
}
.design-style-dream_chain_skeuomorphic_future_ynw .stack .card:nth-child(2){top:calc(var(--sp-8) + var(--sp-4));}
.design-style-dream_chain_skeuomorphic_future_ynw .stack .card:nth-child(3){top:calc(var(--sp-8) + var(--sp-6));}
.design-style-dream_chain_skeuomorphic_future_ynw .stack .card:nth-child(4){top:calc(var(--sp-8) + var(--sp-7));}
.design-style-dream_chain_skeuomorphic_future_ynw .stack .card .media{
  border-radius:var(--r-md);overflow:hidden;box-shadow:var(--neu-in);aspect-ratio:16/10;
}
.design-style-dream_chain_skeuomorphic_future_ynw .stack .card .media img{
  width:100%;height:100%;object-fit:cover;
}
.design-style-dream_chain_skeuomorphic_future_ynw .stack .card .idx{
  font-size:var(--fs-xs);font-weight:900;letter-spacing:.16em;color:var(--accent);
  display:block;margin-bottom:var(--sp-1);
}
.design-style-dream_chain_skeuomorphic_future_ynw .stack .card p{margin-top:var(--sp-2);}

/* ===== 指导清单 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .guide{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);
}
.design-style-dream_chain_skeuomorphic_future_ynw .guide .item{
  background:var(--surface);border-radius:var(--r-md);box-shadow:var(--neu-out);padding:var(--sp-4);
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);align-items:start;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);
}
.design-style-dream_chain_skeuomorphic_future_ynw .guide .item:hover{
  transform:translateY(-1px);box-shadow:var(--sh-1),var(--neu-out);
}
.design-style-dream_chain_skeuomorphic_future_ynw .guide .item .n{
  width:30px;height:30px;border-radius:var(--r-md);background:var(--bg-sunk);box-shadow:var(--neu-in);
  display:grid;place-items:center;font-size:var(--fs-xs);font-weight:900;color:var(--accent-2);
  font-variant-numeric:tabular-nums;
}
.design-style-dream_chain_skeuomorphic_future_ynw .guide .item h4{
  margin:0 0 var(--sp-1);font-size:var(--fs-sm);font-weight:900;letter-spacing:-.01em;color:var(--text);
  line-height:var(--lh-snug);
}
.design-style-dream_chain_skeuomorphic_future_ynw .guide .item p{font-size:var(--fs-sm);line-height:1.55;}

/* ===== 应用场景 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .scenes{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);
}
.design-style-dream_chain_skeuomorphic_future_ynw .scene{
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-out);overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);
}
.design-style-dream_chain_skeuomorphic_future_ynw .scene:hover{
  transform:translateY(-3px);box-shadow:var(--sh-2),var(--neu-out);
}
.design-style-dream_chain_skeuomorphic_future_ynw .scene .ph{aspect-ratio:16/9;overflow:hidden;background:var(--bg-sunk);}
.design-style-dream_chain_skeuomorphic_future_ynw .scene .ph img{width:100%;height:100%;object-fit:cover;}
.design-style-dream_chain_skeuomorphic_future_ynw .scene .bd{
  padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);
}
.design-style-dream_chain_skeuomorphic_future_ynw .scene .bd .meta{
  font-size:var(--fs-xs);color:var(--accent-2);font-weight:800;letter-spacing:.06em;
}

/* ===== 图文混排特写 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .feature{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-5);align-items:center;
  background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--neu-out);padding:var(--sp-5);
}
.design-style-dream_chain_skeuomorphic_future_ynw .feature .txt{
  display:flex;flex-direction:column;gap:var(--sp-3);
}
.design-style-dream_chain_skeuomorphic_future_ynw .feature .shots{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);
}
.design-style-dream_chain_skeuomorphic_future_ynw .feature .shots figure{
  margin:0;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--neu-in);background:var(--bg-sunk);
}
.design-style-dream_chain_skeuomorphic_future_ynw .feature .shots img{
  width:100%;aspect-ratio:4/3;object-fit:cover;
}
.design-style-dream_chain_skeuomorphic_future_ynw .feature .shots figcaption{
  font-size:var(--fs-xs);color:var(--muted);padding:var(--sp-2);font-weight:700;line-height:1.45;
}

/* ===== CTA 色带 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .cta{
  margin:var(--sp-7) 0 0;
  background:linear-gradient(
    to bottom,
    var(--bg-sunk),
    color-mix(in oklab, var(--bg-sunk) 88%, var(--accent) 4%)
  );
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 var(--hi) inset;
}
.design-style-dream_chain_skeuomorphic_future_ynw .cta .inner{
  max-width:var(--container);margin:0 auto;padding:var(--sp-6) var(--gutter);
  display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center;justify-content:space-between;
}
.design-style-dream_chain_skeuomorphic_future_ynw .cta .kicker{margin-bottom:var(--sp-1);}
.design-style-dream_chain_skeuomorphic_future_ynw .cta h2{max-width:26ch;}
.design-style-dream_chain_skeuomorphic_future_ynw .btn{
  display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;
  padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:900;
  background:var(--accent);color:oklch(0.16 0.03 206);box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),
             filter var(--t-fast) var(--ease);
}
.design-style-dream_chain_skeuomorphic_future_ynw .btn:hover{
  transform:translateY(-2px);box-shadow:var(--sh-2);filter:brightness(1.04);
}
.design-style-dream_chain_skeuomorphic_future_ynw .btn:active{
  transform:translateY(0);box-shadow:var(--neu-press);filter:brightness(.98);
}
.design-style-dream_chain_skeuomorphic_future_ynw .btn.ghost{
  background:var(--surface);color:var(--text);box-shadow:var(--neu-out);
}
.design-style-dream_chain_skeuomorphic_future_ynw .btn.ghost:hover{
  box-shadow:var(--sh-2),var(--neu-out);filter:none;
}

/* ===== 页脚 ===== */
.design-style-dream_chain_skeuomorphic_future_ynw .foot{
  padding:var(--sp-6) 0 var(--sp-5);border-top:1px solid var(--line);
}
.design-style-dream_chain_skeuomorphic_future_ynw .foot .cols{
  display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:var(--sp-5);
}
.design-style-dream_chain_skeuomorphic_future_ynw .foot h4{
  margin:0 0 var(--sp-3);font-size:var(--fs-sm);font-weight:900;color:var(--text);letter-spacing:.02em;
}
.design-style-dream_chain_skeuomorphic_future_ynw .foot ul{
  list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);
}
.design-style-dream_chain_skeuomorphic_future_ynw .foot li a{
  font-size:var(--fs-sm);color:var(--muted);font-weight:600;
  transition:color var(--t-fast) var(--ease);
}
.design-style-dream_chain_skeuomorphic_future_ynw .foot li a:hover{color:var(--accent-2);}
.design-style-dream_chain_skeuomorphic_future_ynw .foot .base{
  margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);
  display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;
  font-size:var(--fs-xs);color:var(--faint);font-weight:700;
}
.design-style-dream_chain_skeuomorphic_future_ynw .foot .cols p{margin-top:var(--sp-3);font-size:var(--fs-sm);}

/* ===== 入场动效（加载即播放，终态即静态可见） ===== */
@keyframes dc-rise{
  from{opacity:.001;transform:translateY(10px)}
  to{opacity:1;transform:none}
}
.design-style-dream_chain_skeuomorphic_future_ynw .rise{animation:dc-rise .6s var(--ease-out) both;}
.design-style-dream_chain_skeuomorphic_future_ynw .d1{animation-delay:.06s}
.design-style-dream_chain_skeuomorphic_future_ynw .d2{animation-delay:.14s}
.design-style-dream_chain_skeuomorphic_future_ynw .d3{animation-delay:.22s}
.design-style-dream_chain_skeuomorphic_future_ynw .d4{animation-delay:.3s}

/* ===== 响应式 ===== */
@media (min-width:1600px){
  .design-style-dream_chain_skeuomorphic_future_ynw .wrap{max-width:var(--container-lg);}
  .design-style-dream_chain_skeuomorphic_future_ynw .dc-nav .inner{max-width:var(--container-xl);}
  .design-style-dream_chain_skeuomorphic_future_ynw .sec{padding:var(--sp-8) 0;}
  .design-style-dream_chain_skeuomorphic_future_ynw .scenes{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-dream_chain_skeuomorphic_future_ynw .stack .card{padding:var(--sp-6);gap:var(--sp-6);}
}
@media (min-width:2200px){
  .design-style-dream_chain_skeuomorphic_future_ynw .wrap{max-width:var(--container-xl);}
}
@media (max-width:1024px){
  .design-style-dream_chain_skeuomorphic_future_ynw .hero .grid{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .dash{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .kpi{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-dream_chain_skeuomorphic_future_ynw .tiers{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .scenes{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-dream_chain_skeuomorphic_future_ynw .feature{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .foot .cols{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-dream_chain_skeuomorphic_future_ynw .stack .card{
    position:static;grid-template-columns:minmax(0,1fr);
  }
  .design-style-dream_chain_skeuomorphic_future_ynw .hero-visual{min-height:200px;}
}
@media (max-width:640px){
  .design-style-dream_chain_skeuomorphic_future_ynw .dc-nav .inner{gap:var(--sp-3);}
  .design-style-dream_chain_skeuomorphic_future_ynw .dc-nav nav{
    margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
  }
  .design-style-dream_chain_skeuomorphic_future_ynw .dc-nav .cta-mini{margin-left:0;}
  .design-style-dream_chain_skeuomorphic_future_ynw .hero .stats{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .guide{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .bar-row{grid-template-columns:68px minmax(0,1fr) 46px;}
  .design-style-dream_chain_skeuomorphic_future_ynw .hero-card{padding:var(--sp-4);}
  .design-style-dream_chain_skeuomorphic_future_ynw .panel{padding:var(--sp-4);}
  .design-style-dream_chain_skeuomorphic_future_ynw .cta .inner{padding:var(--sp-5) var(--gutter);}
  .design-style-dream_chain_skeuomorphic_future_ynw .dc-alert{align-items:flex-start;flex-wrap:wrap;}
  .design-style-dream_chain_skeuomorphic_future_ynw .dc-alert b{margin-left:0;}
}
@media (max-width:380px){
  .design-style-dream_chain_skeuomorphic_future_ynw .wrap{padding:0 var(--sp-3);}
  .design-style-dream_chain_skeuomorphic_future_ynw .sec{padding:var(--sp-5) 0;}
  .design-style-dream_chain_skeuomorphic_future_ynw .kpi{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .scenes{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .feature .shots{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .foot .cols{grid-template-columns:minmax(0,1fr);}
  .design-style-dream_chain_skeuomorphic_future_ynw .hero h1{font-size:var(--fs-2xl);}
  .design-style-dream_chain_skeuomorphic_future_ynw .tiers > .tier .price{font-size:var(--fs-lg);}
  .design-style-dream_chain_skeuomorphic_future_ynw .hero-card{padding:var(--sp-3);}
  .design-style-dream_chain_skeuomorphic_future_ynw .bar-row{grid-template-columns:minmax(0,1fr) 44px;}
  .design-style-dream_chain_skeuomorphic_future_ynw .bar-row > span:first-child{grid-column:1 / -1;}
}
@media (prefers-reduced-motion: reduce){
  .design-style-dream_chain_skeuomorphic_future_ynw *,
  .design-style-dream_chain_skeuomorphic_future_ynw *::before,
  .design-style-dream_chain_skeuomorphic_future_ynw *::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;
  }
  .design-style-dream_chain_skeuomorphic_future_ynw .dc-marquee .track{transform:none;}
  .design-style-dream_chain_skeuomorphic_future_ynw .bar i{width:var(--w,50%);}
}