@charset "utf-8";
/* ===== 时光链 · 复古网络奇观 · 作用域隔离 ===== */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul{
  /* 令牌 */
  --bg: oklch(0.15 0.03 38);
  --bg-deep: oklch(0.135 0.028 38);
  --surface: oklch(0.21 0.045 38);
  --surface-2: oklch(0.225 0.045 38);
  --surface-3: oklch(0.245 0.045 38);
  --primary: oklch(0.72 0.09 38);
  --secondary: oklch(0.62 0.09 78);
  --accent: oklch(0.78 0.11 218);
  --accent-2: oklch(0.90 0.07 218);
  --text: oklch(0.94 0.02 38);
  --muted: oklch(0.63 0.03 38);
  --line: oklch(0.32 0.04 38);
  --line-soft: oklch(0.28 0.035 38);
  --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:22px;--sp-6:30px;--sp-7:42px;--sp-8:56px;
  --r-sm:10px;--r-md:16px;--r-lg:22px;--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,.44);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 26px 60px rgba(0,0,0,.54);
  --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.14rem,1.04rem + .5vw,1.38rem);
  --fs-xl:clamp(1.48rem,1.28rem + 1vw,1.98rem);
  --fs-2xl:clamp(1.88rem,1.48rem + 2vw,2.86rem);
  --fs-3xl:clamp(2.34rem,1.78rem + 3vw,3.5rem);
  --lh-tight:1.12;--lh-snug:1.32;--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;
  --ff: "Inter", "Helvetica Neue", "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  all: initial;
  display: block;
  font-family: var(--ff);
  color: var(--text);
  background: var(--bg);
  line-height: var(--lh-body);
  overflow-wrap: break-word;
  word-break: break-word;
  position: relative;
  isolation: isolate;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul *,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul *::before,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul *::after{ box-sizing: border-box; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul img{ max-width:100%; height:auto; display:block; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul svg{ max-width:100%; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul a{ color: inherit; text-decoration: none; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul ul,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul ol{ margin:0; padding:0; list-style:none; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul p{ margin:0; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul h1,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul h2,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul h3,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul h4{ margin:0; font-weight:800; line-height:var(--lh-tight); overflow-wrap:anywhere; }

/* 顶部提示条 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-notice{
  display:flex; align-items:center; gap:var(--sp-3);
  padding: var(--sp-2) var(--gutter);
  background: linear-gradient(90deg, oklch(0.19 0.04 38), oklch(0.225 0.05 38));
  border-bottom: 1px solid var(--line);
  font-size: var(--fs-xs);
  letter-spacing: .04em;
  color: var(--muted);
  position: relative; z-index: 40;
  min-height:36px;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-notice .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;
  animation: tc-pulse 2.6s var(--ease) infinite;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-notice b{ color: var(--accent-2); font-weight:700; letter-spacing:.06em; }
@keyframes tc-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

/* 跑马灯签名 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-marquee{
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    repeating-linear-gradient(90deg, transparent 0 39px, oklch(0.27 0.04 38) 39px 40px),
    var(--surface);
  padding: var(--sp-2) 0;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-marquee-track{
  display:flex; gap:var(--sp-6); width:max-content;
  animation: tc-marq 34s linear infinite;
  will-change: transform;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-marquee-track span{
  font-size: var(--fs-xs);
  letter-spacing:.22em;
  text-transform:uppercase;
  color: var(--muted);
  white-space: nowrap;
  display:inline-flex; align-items:center; gap:var(--sp-3);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-marquee-track span::after{
  content:"◆"; color: var(--secondary); font-size: .68em; opacity:.75;
}
@keyframes tc-marq{ from{ transform: translate3d(0,0,0);} to{ transform: translate3d(-50%,0,0);} }

/* 容器 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .wrap{
  width:100%; max-width: var(--container);
  margin-inline:auto;
  padding-inline: var(--gutter);
  min-width:0;
}

/* 导航 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav{
  position: sticky; top:0; z-index: 30;
  background: color-mix(in oklab, var(--bg) 88%, transparent);
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
  backdrop-filter: blur(10px) saturate(1.2);
  border-bottom:1px solid var(--line);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav .bar{
  display:flex; align-items:center; gap:var(--sp-4);
  padding: var(--sp-3) 0;
  min-width:0;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .brand{
  display:flex; align-items:center; gap:var(--sp-3); min-width:0;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .brand .seal{
  width:36px;height:36px;border-radius:var(--r-pill);
  display:grid;place-items:center;
  background: radial-gradient(circle at 30% 25%, oklch(0.30 0.05 38), var(--surface));
  border:1px solid var(--line);
  box-shadow: var(--sh-1);
  color: var(--secondary);
  font-weight:800; font-size: var(--fs-sm);
  letter-spacing:.02em;
  flex:0 0 auto;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .brand .name{
  display:flex;flex-direction:column;min-width:0;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .brand .name b{
  font-size: var(--fs-md); font-weight:800; letter-spacing:.02em; line-height: var(--lh-tight);
  overflow-wrap:anywhere;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .brand .name i{
  font-style:normal; font-size: var(--fs-xs); color: var(--muted); letter-spacing:.16em; text-transform:uppercase;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav nav{
  margin-left:auto; display:flex; gap:var(--sp-2); align-items:center; flex-wrap:wrap; min-width:0;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav nav a{
  font-size: var(--fs-sm);
  padding: var(--sp-2) var(--sp-3);
  border-radius: var(--r-pill);
  border:1px solid transparent;
  color: var(--muted);
  transition: color var(--t-base) var(--ease), background var(--t-base) var(--ease), border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease-out);
  min-height:40px; display:inline-flex; align-items:center;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav nav a:hover,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav nav a:focus-visible{
  color: var(--text); background: var(--surface-3); border-color: var(--line);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav nav a.cta{
  color: oklch(0.16 0.03 38);
  background: var(--accent);
  font-weight:700;
  border-color: color-mix(in oklab, var(--accent) 70%, var(--bg));
  box-shadow: var(--sh-1);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav nav a.cta:hover{
  background: var(--accent-2); transform: translateY(-1px);
}

/* 标题通用 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .eyebrow{
  display:inline-flex; align-items:center; gap:var(--sp-2);
  font-size: var(--fs-xs); letter-spacing:.26em; text-transform:uppercase;
  color: var(--secondary);
  padding: var(--sp-1) var(--sp-3);
  border:1px dashed color-mix(in oklab, var(--secondary) 45%, var(--line));
  border-radius: var(--r-pill);
  background: color-mix(in oklab, var(--secondary) 8%, transparent);
  line-height:1.4;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul h2.sec{
  font-size: var(--fs-xl);
  line-height: var(--lh-tight);
  font-weight: 800;
  letter-spacing:-.01em;
  margin: var(--sp-3) 0 var(--sp-2);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .sub{
  color: var(--muted); font-size: var(--fs-sm); max-width: 68ch; line-height: var(--lh-body);
}

/* Hero */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .hero{
  padding: var(--sp-6) 0 var(--sp-5);
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1100px 520px at 8% -10%, color-mix(in oklab, var(--primary) 18%, transparent), transparent 68%),
    radial-gradient(900px 420px at 102% 8%, color-mix(in oklab, var(--accent) 12%, transparent), transparent 72%),
    var(--bg);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.3;
  background-image: radial-gradient(oklch(0.4 0.03 38) 1px, transparent 1.2px);
  background-size: 22px 22px;
  mix-blend-mode: soft-light;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .bento{
  position: relative; z-index:2;
  display:grid; gap: var(--sp-4);
  grid-template-columns: repeat(12, minmax(0,1fr));
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell{
  background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 92%, white 2%), var(--surface));
  border:1px solid var(--line);
  border-radius: var(--r-lg);
  padding: var(--sp-5);
  box-shadow: var(--sh-2);
  min-width:0;
  position: relative;
  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-timechain-retro-network-wonders-blockchain-development-platform_tul .cell::before{
  content:""; position:absolute; inset:7px; border:1px dashed color-mix(in oklab, var(--line) 78%, transparent); border-radius: calc(var(--r-lg) - 7px); pointer-events:none; opacity:.5;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell:hover{
  transform: translateY(-2px);
  box-shadow: var(--sh-3);
  border-color: color-mix(in oklab, var(--secondary) 30%, var(--line));
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.main{ grid-column: span 7; padding: var(--sp-6); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.side{ grid-column: span 5; display:flex; flex-direction:column; gap: var(--sp-4); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.shot{ grid-column: span 5; padding: var(--sp-3); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.stats{ grid-column: span 4; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.steps{ grid-column: span 3; }

.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .hero h1{
  font-size: var(--fs-3xl); line-height: var(--lh-tight); letter-spacing:-.02em;
  margin: var(--sp-4) 0 var(--sp-3);
  font-weight: 800;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .hero h1 em{
  font-style:normal;
  color: var(--accent-2);
  border-bottom: 3px solid color-mix(in oklab, var(--secondary) 70%, transparent);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .hero p.lead{
  color: var(--muted); font-size: var(--fs-md); max-width: 52ch; line-height: var(--lh-body);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .actions{ display:flex; gap: var(--sp-3); flex-wrap:wrap; margin-top: var(--sp-5); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .btn{
  display:inline-flex; align-items:center; justify-content:center; gap: var(--sp-2);
  min-height:42px; padding: var(--sp-2) var(--sp-5);
  border-radius: var(--r-pill);
  font-size: var(--fs-sm); font-weight:700; letter-spacing:.02em;
  border:1px solid var(--line);
  transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), background var(--t-base) var(--ease), color var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .btn.solid{
  background: var(--accent); color: oklch(0.16 0.03 38); border-color: color-mix(in oklab, var(--accent) 72%, var(--bg));
  box-shadow: var(--sh-1);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .btn.solid:hover{ background: var(--accent-2); transform: translateY(-2px); box-shadow: var(--sh-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .btn.ghost{ background: var(--surface-3); color: var(--text); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .btn.ghost:hover{ transform: translateY(-2px); box-shadow: var(--sh-2); border-color: var(--secondary); }

.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .kpis{ display:flex; gap: var(--sp-4); flex-wrap:wrap; margin-top: var(--sp-5); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .kpi{ min-width:110px; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .kpi b{ display:block; font-size: var(--fs-xl); color: var(--accent-2); font-weight:800; letter-spacing:-.01em; font-variant-numeric: tabular-nums; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .kpi span{ font-size: var(--fs-xs); color: var(--muted); letter-spacing:.08em; }

.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .shot-frame{
  border-radius: var(--r-md); overflow:hidden; border:1px solid var(--line); box-shadow: var(--sh-1);
  aspect-ratio: 16/10; background: oklch(0.24 0.04 38);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .shot-frame img{ width:100%; height:100%; object-fit:cover; filter: saturate(.92) contrast(1.02); transition: transform var(--t-slow) var(--ease-out); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .shot-frame:hover img{ transform: scale(1.05); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .shot-cap{ display:flex; justify-content:space-between; gap:var(--sp-3); padding-top: var(--sp-3); font-size: var(--fs-xs); color: var(--muted); }

/* 步骤轴 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .axis{ display:flex; flex-direction:column; gap: var(--sp-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul details.step{
  border:1px solid var(--line); border-radius: var(--r-md);
  background: var(--surface-2);
  overflow:hidden;
  transition: border-color var(--t-base) var(--ease);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul details.step:hover{ border-color: color-mix(in oklab, var(--secondary) 35%, var(--line)); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul details.step > summary{
  cursor:pointer; list-style:none; padding: var(--sp-3) var(--sp-4);
  display:flex; align-items:center; gap: var(--sp-3); min-height:42px;
  font-size: var(--fs-sm); font-weight:600;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul details.step > summary::-webkit-details-marker{ display:none; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul details.step > summary .n{
  width:22px;height:22px;border-radius:var(--r-pill); flex:0 0 auto;
  display:grid;place-items:center; font-size: var(--fs-xs); font-weight:800;
  background: color-mix(in oklab, var(--accent) 20%, transparent);
  color: var(--accent-2); border:1px solid color-mix(in oklab, var(--accent) 40%, transparent);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul details.step[open] > summary{ color: var(--accent-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul details.step .body{
  padding: 0 var(--sp-4) var(--sp-4); font-size: var(--fs-xs); color: var(--muted); line-height: var(--lh-body);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .axis-line{ width:1px; background: var(--line); align-self:center; height: var(--sp-2); }

/* 区块通用 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul section.blk{ padding: var(--sp-7) 0; border-top:1px solid var(--line); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul section.blk.alt{
  background: linear-gradient(180deg, color-mix(in oklab, var(--surface) 55%, transparent), transparent 80%);
}

/* 合作伙伴墙 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partners{ display:grid; gap: var(--sp-3); grid-template-columns: repeat(6, minmax(0,1fr)); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partner{
  border:1px solid var(--line); border-radius: var(--r-md);
  padding: var(--sp-3);
  display:flex; align-items:center; gap: var(--sp-2);
  background: var(--surface-2);
  font-size: var(--fs-xs); color: var(--muted);
  min-width:0;
  transition: transform var(--t-base) var(--ease-out), border-color var(--t-base) var(--ease), color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partner:hover{ transform: translateY(-3px); border-color: var(--secondary); color: var(--text); box-shadow: var(--sh-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partner i{
  width:26px;height:26px;border-radius: var(--r-sm); flex:0 0 auto;
  background: linear-gradient(140deg, oklch(0.32 0.05 38), oklch(0.24 0.04 38));
  border:1px solid var(--line);
  display:grid;place-items:center; color: var(--secondary); font-style:normal; font-weight:800; font-size: var(--fs-xs);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partner b{ color: var(--text); font-weight:600; overflow-wrap:anywhere; }

/* 价格档位 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tiers{ display:grid; gap: var(--sp-4); grid-template-columns: repeat(3, minmax(0,1fr)); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier{
  border:1px solid var(--line); border-radius: var(--r-lg); padding: var(--sp-5);
  background: linear-gradient(180deg, oklch(0.225 0.04 38), oklch(0.20 0.04 38));
  box-shadow: var(--sh-1); display:flex; flex-direction:column; gap: var(--sp-3); 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-timechain-retro-network-wonders-blockchain-development-platform_tul .tier:hover{ transform: translateY(-4px); box-shadow: var(--sh-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier.hot{ border-color: color-mix(in oklab, var(--secondary) 60%, var(--line)); box-shadow: var(--sh-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier .tag{
  align-self:flex-start; font-size: var(--fs-xs); letter-spacing:.14em; text-transform:uppercase;
  color: var(--secondary); border:1px solid color-mix(in oklab, var(--secondary) 45%, var(--line));
  border-radius: var(--r-pill); padding: 2px var(--sp-3); line-height:1.5;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier .price{ font-size: var(--fs-2xl); font-weight:800; letter-spacing:-.02em; font-variant-numeric: tabular-nums; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier .price small{ font-size: var(--fs-xs); color: var(--muted); font-weight:500; letter-spacing:0; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier ul{ display:flex; flex-direction:column; gap: var(--sp-2); font-size: var(--fs-sm); color: var(--muted); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier li{ display:flex; gap: var(--sp-2); min-width:0; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier li::before{ content:"›"; color: var(--accent); font-weight:800; flex:0 0 auto; }

/* 数据面板 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .panel{
  display:grid; gap: var(--sp-4); grid-template-columns: 1.15fr .85fr; align-items:start;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .board{
  border:1px solid var(--line); border-radius: var(--r-lg); padding: var(--sp-5);
  background: var(--surface-2); box-shadow: var(--sh-2); min-width:0;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .bars{ display:flex; align-items:flex-end; gap: var(--sp-3); height: 168px; padding-top: var(--sp-4); border-bottom:1px solid var(--line); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .bar{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; justify-content:flex-end; gap: var(--sp-2); align-items:center; height:100%; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .bar i{
  display:block; width:100%; border-radius: 8px 8px 2px 2px;
  background: linear-gradient(180deg, color-mix(in oklab, var(--primary) 78%, var(--accent)) , color-mix(in oklab, var(--primary) 55%, var(--bg)));
  border:1px solid color-mix(in oklab, var(--primary) 40%, var(--line));
  animation: tc-grow 1.1s var(--ease-out) both;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .bar.hi i{ background: linear-gradient(180deg, var(--accent-2), color-mix(in oklab, var(--accent) 70%, var(--bg))); border-color: color-mix(in oklab, var(--accent) 55%, var(--line)); }
@keyframes tc-grow{ from{ transform: scaleY(.15); transform-origin: bottom; opacity:.4; } to{ transform: scaleY(1); opacity:1; } }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .bar span{ font-size: var(--fs-xs); color: var(--muted); letter-spacing:.04em; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .axis-x{ display:flex; gap: var(--sp-3); padding-top: var(--sp-2); font-size: var(--fs-xs); color: var(--muted); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .axis-x b{ flex:1 1 0; text-align:center; font-weight:500; min-width:0; font-variant-numeric: tabular-nums; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .readout{ display:grid; gap: var(--sp-3); grid-template-columns: repeat(2, minmax(0,1fr)); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .ro{
  border:1px solid var(--line); border-radius: var(--r-md); padding: var(--sp-4); background: var(--surface-3); min-width:0;
  transition: border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease-out);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .ro:hover{ border-color: color-mix(in oklab, var(--secondary) 40%, var(--line)); transform: translateY(-2px); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .ro b{ display:block; font-size: var(--fs-xl); font-weight:800; color: var(--accent-2); letter-spacing:-.01em; font-variant-numeric: tabular-nums; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .ro span{ font-size: var(--fs-xs); color: var(--muted); }

/* 横向滚动卡片带 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rail-head{ display:flex; align-items:flex-end; gap: var(--sp-4); flex-wrap:wrap; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rail-head .hint{ margin-left:auto; font-size: var(--fs-xs); color: var(--muted); letter-spacing:.1em; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rail{
  display:grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 1fr);
  gap: var(--sp-4); overflow-x:auto; padding: var(--sp-4) var(--sp-1) var(--sp-5);
  scroll-snap-type: x mandatory; scrollbar-color: var(--secondary) transparent;
  overscroll-behavior-x: contain;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rail::-webkit-scrollbar{ height:8px; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rail::-webkit-scrollbar-thumb{ background: color-mix(in oklab, var(--secondary) 55%, var(--bg)); border-radius: var(--r-pill); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcard{
  scroll-snap-align:start; min-width:0;
  border:1px solid var(--line); border-radius: var(--r-lg); padding: var(--sp-4);
  background: linear-gradient(180deg, oklch(0.225 0.04 38), oklch(0.198 0.04 38));
  box-shadow: var(--sh-1); display:flex; flex-direction:column; gap: var(--sp-3);
  transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease);
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcard:hover{ transform: translateY(-4px); box-shadow: var(--sh-3); border-color: color-mix(in oklab, var(--secondary) 55%, var(--line)); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcard .ic{
  width:36px;height:36px;border-radius: var(--r-pill); display:grid; place-items:center;
  background: color-mix(in oklab, var(--accent) 16%, transparent);
  border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);
  font-size: 1rem;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcard h3{ font-size: var(--fs-md); font-weight:700; line-height: var(--lh-snug); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcard p{ font-size: var(--fs-sm); color: var(--muted); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcard .meta{ margin-top:auto; font-size: var(--fs-xs); color: var(--secondary); letter-spacing:.06em; border-top:1px dashed var(--line); padding-top: var(--sp-3); }

/* 实用清单 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .guide{ display:grid; gap: var(--sp-4); grid-template-columns: repeat(2, minmax(0,1fr)); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gitem{
  border:1px solid var(--line); border-left:3px solid color-mix(in oklab, var(--primary) 75%, var(--line));
  border-radius: var(--r-md); padding: var(--sp-4); background: oklch(0.218 0.04 38); 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-timechain-retro-network-wonders-blockchain-development-platform_tul .gitem:hover{ transform: translateY(-2px); box-shadow: var(--sh-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gitem h3{ font-size: var(--fs-md); font-weight:700; display:flex; gap: var(--sp-2); align-items:baseline; margin-bottom: var(--sp-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gitem h3 b{ color: var(--accent-2); font-size: var(--fs-xs); letter-spacing:.1em; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gitem p{ font-size: var(--fs-sm); color: var(--muted); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gitem .kv{ margin-top: var(--sp-3); display:flex; gap: var(--sp-2); flex-wrap:wrap; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .kv i{
  font-style:normal; font-size: var(--fs-xs); color: var(--accent-2);
  border:1px solid color-mix(in oklab, var(--accent) 34%, transparent);
  background: color-mix(in oklab, var(--accent) 10%, transparent);
  border-radius: var(--r-pill); padding: 2px var(--sp-3); line-height:1.5;
}

/* 图集 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gallery{ display:grid; gap: var(--sp-3); grid-template-columns: repeat(4, minmax(0,1fr)); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul figure.shot{ margin:0; border:1px solid var(--line); border-radius: var(--r-md); overflow:hidden; background: oklch(0.24 0.04 38); box-shadow: var(--sh-1); transition: transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease), border-color var(--t-base) var(--ease); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul figure.shot:hover{ transform: translateY(-3px); box-shadow: var(--sh-2); border-color: color-mix(in oklab, var(--secondary) 40%, var(--line)); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul figure.shot .im{ aspect-ratio: 4/3; overflow:hidden; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul figure.shot img{ width:100%; height:100%; object-fit:cover; transition: transform var(--t-slow) var(--ease-out); filter: saturate(.9); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul figure.shot:hover img{ transform: scale(1.06); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul figure.shot figcaption{ padding: var(--sp-3); font-size: var(--fs-xs); color: var(--muted); }

/* CTA 色带 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .band{
  border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg, color-mix(in oklab, var(--primary) 14%, var(--bg)), color-mix(in oklab, var(--accent) 10%, var(--bg)) 70%, var(--bg));
  padding: var(--sp-6) 0;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .band .row{ display:flex; align-items:center; gap: var(--sp-5); flex-wrap:wrap; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .band h2{ font-size: var(--fs-xl); line-height: var(--lh-tight); font-weight:800; letter-spacing:-.01em; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .band p{ margin: var(--sp-2) 0 0; font-size: var(--fs-sm); color: var(--muted); max-width: 60ch; line-height: var(--lh-body); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .band .spacer{ flex:1 1 auto; }

/* 页脚 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul footer.tc-foot{ padding: var(--sp-6) 0 var(--sp-5); background: var(--bg-deep); border-top:1px solid var(--line); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fgrid{ display:grid; gap: var(--sp-5); grid-template-columns: 1.4fr 1fr 1fr 1fr; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcol h4{ margin:0 0 var(--sp-3); font-size: var(--fs-sm); letter-spacing:.1em; text-transform:uppercase; color: var(--secondary); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcol ul{ display:flex; flex-direction:column; gap: var(--sp-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcol a{ font-size: var(--fs-sm); color: var(--muted); transition: color var(--t-base) var(--ease); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fcol a:hover{ color: var(--accent-2); }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fbot{ margin-top: var(--sp-5); padding-top: var(--sp-4); border-top:1px dashed var(--line); display:flex; gap: var(--sp-3); flex-wrap:wrap; align-items:center; font-size: var(--fs-xs); color: var(--muted); }

/* 渐显错峰（加载即自动播放，终态即可见态） */
@keyframes tc-rise{ from{ opacity:.001; transform: translateY(14px); } to{ opacity:1; transform: translateY(0); } }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rise{
  animation: tc-rise .62s var(--ease-out) both;
}
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rise.d1{ animation-delay:.06s; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rise.d2{ animation-delay:.14s; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rise.d3{ animation-delay:.22s; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rise.d4{ animation-delay:.3s; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rise.d5{ animation-delay:.38s; }
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rise.d6{ animation-delay:.46s; }

/* 焦点 */
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul a:focus-visible,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul summary:focus-visible,
.design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .btn:focus-visible{
  outline:2px solid var(--accent-2); outline-offset:2px; border-radius: var(--r-sm);
}

/* 响应式 */
@media (min-width:1600px){
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .wrap{ max-width: var(--container-lg); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partners{ grid-template-columns: repeat(8, minmax(0,1fr)); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gallery{ grid-template-columns: repeat(4, minmax(0,1fr)); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rail{ grid-auto-columns: minmax(270px, 1fr); }
}
@media (min-width:2100px){
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .wrap{ max-width: var(--container-xl); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partners{ grid-template-columns: repeat(10, minmax(0,1fr)); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .bento{ gap: var(--sp-5); }
}
@media (max-width:1024px){
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.main{ grid-column: span 12; }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.side,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.shot,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.stats,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.steps{ grid-column: span 12; }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .panel{ grid-template-columns: minmax(0,1fr); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tiers{ grid-template-columns: minmax(0,1fr); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partners{ grid-template-columns: repeat(4, minmax(0,1fr)); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gallery{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .guide{ grid-template-columns: minmax(0,1fr); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fgrid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav nav{ margin-left:0; width:100%; }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tc-nav .bar{ flex-wrap:wrap; }
}
@media (max-width:640px){
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .partners{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gallery{ grid-template-columns: minmax(0,1fr); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .readout{ grid-template-columns: minmax(0,1fr); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .bars{ height: 136px; gap: var(--sp-2); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell.main{ padding: var(--sp-4); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul section.blk{ padding: var(--sp-6) 0; }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rail{ grid-auto-columns: minmax(214px, 82%); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .fgrid{ grid-template-columns: minmax(0,1fr); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .band .row{ gap: var(--sp-4); }
}
@media (max-width:380px){
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul{ --gutter: 12px; }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .cell,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .tier,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .board,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .gitem{ padding: var(--sp-3); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .hero h1{ font-size: var(--fs-2xl); }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .brand .name i{ letter-spacing:.08em; }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .btn{ width:100%; justify-content:center; }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .kpi{ min-width:96px; }
}
@media (prefers-reduced-motion: reduce){
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul *,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul *::before,
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul *::after{
    animation: none !important; transition: none !important; scroll-behavior:auto !important;
  }
  .design-style-timechain-retro-network-wonders-blockchain-development-platform_tul .rise{ opacity:1; transform:none; }
}