.design-style-timechain_realm_retro_and_future_2hi{
  --bg:oklch(0.15 0.03 65);
  --surface:oklch(0.21 0.045 65);
  --surface-2:oklch(0.185 0.035 65);
  --surface-3:oklch(0.24 0.045 65);
  --primary:oklch(0.72 0.09 65);
  --secondary:oklch(0.62 0.09 33);
  --accent:oklch(0.78 0.11 245);
  --accent-2:oklch(0.90 0.07 245);
  --text:oklch(0.94 0.02 65);
  --muted:oklch(0.62 0.03 65);
  --line:oklch(0.32 0.03 65);
  --line-soft:oklch(0.27 0.025 65);
  --ink:oklch(0.16 0.03 65);
  --ink-hard:oklch(0.11 0.02 65);
  --container:1140px;--container-lg:1400px;--container-xl:1600px;
  --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:14px;--r-md:20px;--r-lg:28px;--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 30px rgba(0,0,0,.45);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 26px 64px rgba(0,0,0,.55);
  --sh-hard:6px 6px 0 var(--ink-hard);
  --sh-hard-sm:4px 4px 0 var(--ink-hard);
  --sh-hard-lg:8px 8px 0 var(--ink-hard);
  --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.5rem,1.3rem + 1vw,2rem);
  --fs-2xl:clamp(1.9rem,1.5rem + 2vw,2.9rem);
  --fs-3xl:clamp(2.4rem,1.8rem + 3vw,3.6rem);
  --lh-tight:1.12;--lh-snug:1.34;--lh-body:1.6;
  --ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.15s;--t-base:.25s;--t-slow:.45s;
  --font-poster:"Helvetica Neue","PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
  --font-mono:ui-monospace,"SFMono-Regular","Menlo","Consolas","Kaiti SC",monospace;
  position:relative;
  display:block;
  max-width:100%;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-poster);
  font-size:var(--fs-md);
  line-height:var(--lh-body);
  overflow-x:clip;
  overflow-wrap:break-word;
  word-break:break-word;
  -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(1200px 520px at 12% -8%, oklch(0.30 0.05 65 / .55), transparent 62%),
    radial-gradient(900px 420px at 96% 4%, oklch(0.32 0.06 45 / .40), transparent 60%),
    radial-gradient(circle at 50% 50%, oklch(0.30 0.02 65 / .18) 1px, transparent 1.2px);
  background-size:auto,auto,7px 7px;
}
.design-style-timechain_realm_retro_and_future_2hi *,
.design-style-timechain_realm_retro_and_future_2hi *::before,
.design-style-timechain_realm_retro_and_future_2hi *::after{box-sizing:border-box;min-width:0;}
.design-style-timechain_realm_retro_and_future_2hi img,
.design-style-timechain_realm_retro_and_future_2hi svg{max-width:100%;height:auto;display:block;}
.design-style-timechain_realm_retro_and_future_2hi a{color:inherit;text-decoration:none;}
.design-style-timechain_realm_retro_and_future_2hi ul{margin:0;padding:0;list-style:none;}
.design-style-timechain_realm_retro_and_future_2hi h1,
.design-style-timechain_realm_retro_and_future_2hi h2,
.design-style-timechain_realm_retro_and_future_2hi h3,
.design-style-timechain_realm_retro_and_future_2hi h4,
.design-style-timechain_realm_retro_and_future_2hi p{margin:0;}
.design-style-timechain_realm_retro_and_future_2hi :focus-visible{
  outline:2px solid var(--accent-2);outline-offset:3px;border-radius:var(--r-sm);
}

/* ---------- 顶部提示条 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-notice{
  position:relative;z-index:40;
  display:flex;align-items:center;justify-content:center;gap:var(--sp-2);
  padding:calc(var(--sp-2) - 1px) var(--gutter);
  background:oklch(0.12 0.025 65);
  border-bottom:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:var(--fs-xs);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--accent-2);
  text-align:center;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-notice .dot{
  width:7px;height:7px;flex:0 0 7px;border-radius:50%;
  background:var(--accent);box-shadow:0 0 0 3px oklch(0.78 0.11 245 / .18);
  animation:tr-pulse 2.6s var(--ease) infinite;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-notice b{color:var(--text);font-weight:700;letter-spacing:.08em;}

/* ---------- 横向导航（胶片齿孔质感） ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-nav{
  position:sticky;top:0;z-index:30;
  background:oklch(0.17 0.035 65 / .92);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  backdrop-filter:blur(10px) saturate(120%);
  border-bottom:1px solid var(--line);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-nav::after{
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;pointer-events:none;
  background-image:repeating-linear-gradient(90deg,var(--line-soft) 0 6px,transparent 6px 14px);
  opacity:.7;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-nav-in{
  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-timechain_realm_retro_and_future_2hi .tr-brand{
  display:flex;align-items:center;gap:var(--sp-3);font-weight:900;letter-spacing:-.02em;min-width:0;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-mark{
  width:36px;height:36px;flex:0 0 36px;border-radius:var(--r-sm);
  display:grid;place-items:center;
  background:linear-gradient(150deg,var(--primary),var(--secondary));
  color:var(--ink);
  box-shadow:var(--sh-hard-sm);
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:700;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-brand-txt{display:flex;flex-direction:column;line-height:1.05;min-width:0;}
.design-style-timechain_realm_retro_and_future_2hi .tr-brand-txt strong{font-size:var(--fs-md);letter-spacing:-.01em;}
.design-style-timechain_realm_retro_and_future_2hi .tr-brand-txt span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);letter-spacing:.16em;}
.design-style-timechain_realm_retro_and_future_2hi .tr-menu{
  display:flex;gap:var(--sp-1);flex-wrap:wrap;margin-left:auto;min-width:0;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-menu a{
  display:inline-flex;align-items:center;min-height:36px;
  padding:0 var(--sp-3);border-radius:var(--r-pill);
  font-size:var(--fs-sm);color:var(--muted);
  border:1px solid transparent;
  transition:color var(--t-base) var(--ease),background var(--t-base) var(--ease),border-color var(--t-base) var(--ease),transform var(--t-fast) var(--ease);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-menu a:hover{color:var(--text);background:oklch(0.26 0.04 65);border-color:var(--line);transform:translateY(-1px);}
.design-style-timechain_realm_retro_and_future_2hi .tr-nav-cta{
  display:inline-flex;align-items:center;gap:var(--sp-2);min-height:38px;
  padding:0 var(--sp-4);border-radius:var(--r-pill);
  background:var(--accent);color:var(--ink);font-weight:800;font-size:var(--fs-sm);
  box-shadow:var(--sh-hard-sm);
  transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-nav-cta:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-hard-lg);}

/* ---------- 通用容器 / 区块 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-wrap{max-width:var(--container-xl);margin:0 auto;padding:0 var(--gutter);width:100%;}
.design-style-timechain_realm_retro_and_future_2hi .tr-sec{padding:var(--sp-7) 0;border-top:1px solid var(--line-soft);}
.design-style-timechain_realm_retro_and_future_2hi .tr-sec:first-of-type{border-top:0;}
.design-style-timechain_realm_retro_and_future_2hi .tr-head{
  display:flex;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-kicker{
  font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;
  color:var(--accent-2);display:inline-flex;align-items:center;gap:var(--sp-2);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-kicker::before{content:"";width:22px;height:1px;background:var(--accent);flex:0 0 22px;}
.design-style-timechain_realm_retro_and_future_2hi .tr-h2{
  font-size:var(--fs-xl);font-weight:900;letter-spacing:-.03em;line-height:var(--lh-tight);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-sub{color:var(--muted);font-size:var(--fs-sm);max-width:62ch;}

/* ---------- Hero：海报式分屏 + 半调网点 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-hero{
  position:relative;overflow:hidden;
  padding:var(--sp-7) 0 var(--sp-6);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(oklch(0.72 0.09 65 / .16) 1.1px,transparent 1.4px);
  background-size:6px 6px;
  -webkit-mask-image:radial-gradient(90% 70% at 78% 30%,#000 0%,transparent 72%);
  mask-image:radial-gradient(90% 70% at 78% 30%,#000 0%,transparent 72%);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-hero-grid{
  position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:var(--sp-5);align-items:stretch;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-poster{
  position:relative;border:1px solid var(--line);border-radius:var(--r-lg);
  background:linear-gradient(165deg,oklch(0.24 0.05 65),oklch(0.18 0.035 65));
  box-shadow:var(--sh-2);
  padding:var(--sp-6) var(--sp-6) var(--sp-5);
  overflow:hidden;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-poster::after{
  content:"CHAIN · REALM";position:absolute;top:var(--sp-4);right:calc(-1 * var(--sp-4));
  font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.34em;color:oklch(0.72 0.09 65 / .45);
  transform:rotate(90deg);transform-origin:right top;pointer-events:none;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-badge-row{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4);}
.design-style-timechain_realm_retro_and_future_2hi .tr-badge{
  font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);
  border:1px solid var(--line);background:var(--surface-2);color:var(--muted);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-badge.hot{border-color:var(--accent);color:var(--accent-2);}
.design-style-timechain_realm_retro_and_future_2hi .tr-h1{
  font-size:var(--fs-3xl);font-weight:900;letter-spacing:-.045em;line-height:var(--lh-tight);
  margin-bottom:var(--sp-4);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-h1 em{
  font-style:normal;display:inline-block;
  background:linear-gradient(100deg,var(--primary),var(--secondary) 62%,var(--accent));
-webkit-background-clip:text;
background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-lede{color:oklch(0.86 0.025 65);font-size:var(--fs-md);max-width:54ch;margin-bottom:var(--sp-5);}
.design-style-timechain_realm_retro_and_future_2hi .tr-metrics{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);
  margin-bottom:var(--sp-5);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-metric{
  border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--surface-2);padding:var(--sp-3) var(--sp-4);box-shadow:var(--sh-1);
  transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-metric:hover{border-color:var(--primary);transform:translateY(-2px);}
.design-style-timechain_realm_retro_and_future_2hi .tr-metric b{
  display:block;font-size:var(--fs-lg);font-weight:900;letter-spacing:-.03em;color:var(--accent-2);
  font-family:var(--font-mono);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-metric span{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.06em;}
.design-style-timechain_realm_retro_and_future_2hi .tr-cta-row{display:flex;gap:var(--sp-3);flex-wrap:wrap;align-items:center;}
.design-style-timechain_realm_retro_and_future_2hi .tr-btn{
  display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px;
  padding:0 var(--sp-5);border-radius:var(--r-pill);font-weight:800;font-size:var(--fs-sm);
  background:var(--accent);color:var(--ink);
  box-shadow:var(--sh-hard-sm);
  transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),filter var(--t-fast) var(--ease);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-hard-lg);filter:saturate(1.05);}
.design-style-timechain_realm_retro_and_future_2hi .tr-btn.ghost{
  background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-btn.ghost:hover{border-color:var(--primary);background:var(--surface-3);transform:translate(-2px,-2px);box-shadow:var(--sh-hard-sm);}

/* Hero 右侧拼贴 */
.design-style-timechain_realm_retro_and_future_2hi .tr-collage{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto auto;gap:var(--sp-3);align-content:start;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-tile{
  position:relative;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);
  box-shadow:var(--sh-2);background:var(--surface);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.82) contrast(1.04) sepia(.14);}
.design-style-timechain_realm_retro_and_future_2hi .tr-tile.tall{grid-row:span 2;}
.design-style-timechain_realm_retro_and_future_2hi .tr-tile.tall img{aspect-ratio:3/4.6;height:100%;}
.design-style-timechain_realm_retro_and_future_2hi .tr-tile figcaption{
  position:absolute;left:0;right:0;bottom:0;
  padding:var(--sp-3);
  font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;
  color:var(--text);
  background:linear-gradient(to top,oklch(0.12 0.025 65 / .92),transparent);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-tile::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(oklch(0.10 0.02 65 / .55) .9px,transparent 1.1px);
  background-size:4px 4px;opacity:.3;mix-blend-mode:multiply;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-plate{
  grid-column:span 2;display:flex;justify-content:space-between;gap:var(--sp-3);align-items:center;
  flex-wrap:wrap;
  padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);
  border:1px dashed var(--line);background:var(--surface-2);
  font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);letter-spacing:.08em;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-plate b{color:var(--accent-2);}

/* ---------- 横向滚动作品带 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-band{
  position:relative;padding:var(--sp-5) 0 var(--sp-6);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);
  background:linear-gradient(180deg,oklch(0.175 0.035 65),oklch(0.15 0.03 65));
}
.design-style-timechain_realm_retro_and_future_2hi .tr-band-head{
  display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-4);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-band-head p{color:var(--muted);font-size:var(--fs-sm);}
.design-style-timechain_realm_retro_and_future_2hi .tr-scroll{
  display:flex;gap:var(--sp-4);overflow-x:auto;padding:var(--sp-2) var(--sp-1) var(--sp-4);
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-color:var(--primary) oklch(0.22 0.03 65);
  max-width:100%;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-scroll::-webkit-scrollbar{height:8px;}
.design-style-timechain_realm_retro_and_future_2hi .tr-scroll::-webkit-scrollbar-track{background:oklch(0.22 0.03 65);border-radius:var(--r-pill);}
.design-style-timechain_realm_retro_and_future_2hi .tr-scroll::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--r-pill);}
.design-style-timechain_realm_retro_and_future_2hi .tr-reel{
  flex:0 0 clamp(226px,25vw,290px);scroll-snap-align:start;min-width:0;
  border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
  background:var(--surface);box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-reel:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--primary);}
.design-style-timechain_realm_retro_and_future_2hi .tr-reel img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.85) sepia(.12);}
.design-style-timechain_realm_retro_and_future_2hi .tr-reel-body{padding:var(--sp-3) var(--sp-4) var(--sp-4);}
.design-style-timechain_realm_retro_and_future_2hi .tr-reel-body h3{font-size:var(--fs-sm);font-weight:800;letter-spacing:-.01em;margin-bottom:var(--sp-1);}
.design-style-timechain_realm_retro_and_future_2hi .tr-reel-body p{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);}
.design-style-timechain_realm_retro_and_future_2hi .tr-reel-body code{
  display:inline-block;margin-top:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);
  color:var(--accent-2);background:var(--surface-3);padding:2px var(--sp-2);border-radius:6px;border:1px solid var(--line);
}

/* ---------- 合作伙伴墙 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-partners{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-3);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-partner{
  display:flex;flex-direction:column;gap:var(--sp-1);justify-content:center;
  padding:var(--sp-3);border:1px solid var(--line-soft);border-radius:var(--r-sm);
  background:oklch(0.185 0.032 65);box-shadow:var(--sh-1);
  transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-partner:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:var(--sh-2);}
.design-style-timechain_realm_retro_and_future_2hi .tr-partner b{font-size:var(--fs-sm);font-weight:800;letter-spacing:-.01em;}
.design-style-timechain_realm_retro_and_future_2hi .tr-partner span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);letter-spacing:.06em;}
.design-style-timechain_realm_retro_and_future_2hi .tr-partner em{
  font-style:normal;font-size:var(--fs-xs);color:var(--accent-2);font-family:var(--font-mono);
}

/* ---------- 图文混排特写 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-feature{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:var(--sp-5);align-items:center;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-figure{
  position:relative;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:var(--sh-2);background:var(--surface);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-figure img{width:100%;aspect-ratio:5/4;object-fit:cover;filter:saturate(.84) contrast(1.03) sepia(.16);}
.design-style-timechain_realm_retro_and_future_2hi .tr-figure figcaption{
  position:absolute;bottom:var(--sp-3);left:var(--sp-3);right:var(--sp-3);
  padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);
  background:oklch(0.14 0.025 65 / .86);
-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
  font-family:var(--font-mono);font-size:var(--fs-xs);color:oklch(0.82 0.02 65);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-fig-tag{
  position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;
  font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;
  padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);
  background:var(--primary);color:var(--ink);box-shadow:var(--sh-hard-sm);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-copy h3{font-size:var(--fs-lg);font-weight:900;letter-spacing:-.03em;margin-bottom:var(--sp-3);}
.design-style-timechain_realm_retro_and_future_2hi .tr-copy p{color:oklch(0.87 0.025 65);font-size:var(--fs-sm);margin-bottom:var(--sp-4);}
.design-style-timechain_realm_retro_and_future_2hi .tr-split{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-costcard{
  border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);
  background:var(--surface-2);box-shadow:var(--sh-1);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-costcard h4{
  margin:0 0 var(--sp-2);font-size:var(--fs-xs);font-family:var(--font-mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-costcard ul li{
  display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;
  font-size:var(--fs-xs);color:oklch(0.88 0.02 65);padding:var(--sp-1) 0;border-bottom:1px dashed var(--line-soft);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-costcard ul li:last-child{border-bottom:0;}
.design-style-timechain_realm_retro_and_future_2hi .tr-costcard ul li b{color:var(--accent-2);font-family:var(--font-mono);}

/* ---------- 特性卡（6 个 · 标签页切换纯 CSS） ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-tabs{position:relative;}
.design-style-timechain_realm_retro_and_future_2hi .tr-tabs input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;}
.design-style-timechain_realm_retro_and_future_2hi .tr-tabbar{
  display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-bottom:var(--sp-4);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-tabbar label{
  cursor:pointer;min-height:38px;display:inline-flex;align-items:center;
  padding:0 var(--sp-4);border-radius:var(--r-pill);
  border:1px solid var(--line);background:oklch(0.19 0.035 65);
  font-size:var(--fs-sm);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-fast) var(--ease);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-tabbar label:hover{color:var(--text);border-color:var(--primary);transform:translateY(-1px);}
.design-style-timechain_realm_retro_and_future_2hi .tr-panel{display:block;}
.design-style-timechain_realm_retro_and_future_2hi #trt-1:checked ~ .tr-tabbar label[for="trt-1"],
.design-style-timechain_realm_retro_and_future_2hi #trt-2:checked ~ .tr-tabbar label[for="trt-2"],
.design-style-timechain_realm_retro_and_future_2hi #trt-3:checked ~ .tr-tabbar label[for="trt-3"]{
  background:var(--accent);color:var(--ink);border-color:var(--accent);font-weight:800;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-panel-in{display:none;}
.design-style-timechain_realm_retro_and_future_2hi #trt-1:checked ~ .tr-panels .tr-panel-in.p1,
.design-style-timechain_realm_retro_and_future_2hi #trt-2:checked ~ .tr-panels .tr-panel-in.p2,
.design-style-timechain_realm_retro_and_future_2hi #trt-3:checked ~ .tr-panels .tr-panel-in.p3{display:block;}
.design-style-timechain_realm_retro_and_future_2hi .tr-cards{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-card{
  position:relative;display:flex;flex-direction:column;gap:var(--sp-2);
  padding:var(--sp-4) var(--sp-4) var(--sp-5);
  border:1px solid var(--line);border-radius:var(--r-md);
  background:linear-gradient(170deg,oklch(0.215 0.045 65),oklch(0.185 0.035 65));
  box-shadow:var(--sh-1);
  transition:transform var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
  animation:tr-rise .6s var(--ease-out) both;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-card:nth-child(1){animation-delay:.02s;}
.design-style-timechain_realm_retro_and_future_2hi .tr-card:nth-child(2){animation-delay:.09s;}
.design-style-timechain_realm_retro_and_future_2hi .tr-card:nth-child(3){animation-delay:.16s;}
.design-style-timechain_realm_retro_and_future_2hi .tr-card:nth-child(4){animation-delay:.23s;}
.design-style-timechain_realm_retro_and_future_2hi .tr-card:nth-child(5){animation-delay:.30s;}
.design-style-timechain_realm_retro_and_future_2hi .tr-card:nth-child(6){animation-delay:.37s;}
.design-style-timechain_realm_retro_and_future_2hi .tr-card:hover{transform:translate(-3px,-3px);box-shadow:var(--sh-hard);border-color:var(--primary);}
.design-style-timechain_realm_retro_and_future_2hi .tr-card .ico{
  width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;
  background:oklch(0.26 0.05 65);border:1px solid var(--line);color:var(--accent-2);
  font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:700;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-card h3{font-size:var(--fs-md);font-weight:900;letter-spacing:-.02em;}
.design-style-timechain_realm_retro_and_future_2hi .tr-card p{font-size:var(--fs-sm);color:var(--muted);line-height:var(--lh-snug);}
.design-style-timechain_realm_retro_and_future_2hi .tr-card .kv{
  display:flex;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap;
  font-family:var(--font-mono);font-size:var(--fs-xs);color:oklch(0.85 0.02 65);
  border-top:1px dashed var(--line-soft);padding-top:var(--sp-2);margin-top:auto;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-card .kv b{color:var(--accent-2);}

/* ---------- 实用指导清单 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-guide{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-step{
  display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--sp-3);
  padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);
  background:oklch(0.19 0.035 65);box-shadow:var(--sh-1);
  transition:border-color var(--t-base) var(--ease),transform var(--t-base) var(--ease);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-step:hover{border-color:var(--line-soft);transform:translateY(-2px);}
.design-style-timechain_realm_retro_and_future_2hi .tr-step .num{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(150deg,var(--primary),var(--secondary));
  color:oklch(0.15 0.03 65);font-weight:900;font-family:var(--font-mono);font-size:var(--fs-sm);
  box-shadow:var(--sh-hard-sm);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-step h3{font-size:var(--fs-sm);font-weight:800;margin-bottom:var(--sp-1);letter-spacing:-.01em;}
.design-style-timechain_realm_retro_and_future_2hi .tr-step p{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);}
.design-style-timechain_realm_retro_and_future_2hi .tr-step .tip{
  display:inline-block;margin-top:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);
  color:var(--accent-2);border:1px solid var(--line);border-radius:var(--r-pill);
  padding:2px var(--sp-3);background:var(--surface-3);
}

/* ---------- 工作流程 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-flow{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);position:relative;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-flow::before{
  content:"";position:absolute;top:26px;left:4%;right:4%;height:1px;
  background:repeating-linear-gradient(90deg,var(--line) 0 8px,transparent 8px 16px);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-node{
  position:relative;padding-top:var(--sp-6);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-node .bead{
  position:absolute;top:14px;left:0;width:24px;height:24px;border-radius:50%;
  background:oklch(0.19 0.035 65);border:2px solid var(--primary);
  box-shadow:0 0 0 4px oklch(0.72 0.09 65 / .15);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-node:nth-child(4) .bead{border-color:var(--accent);box-shadow:0 0 0 4px oklch(0.78 0.11 245 / .18);}
.design-style-timechain_realm_retro_and_future_2hi .tr-node h3{font-size:var(--fs-sm);font-weight:800;margin-bottom:var(--sp-1);}
.design-style-timechain_realm_retro_and_future_2hi .tr-node p{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);}
.design-style-timechain_realm_retro_and_future_2hi .tr-node .eta{
  display:block;margin-top:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent-2);
}

/* ---------- CTA 内嵌色带 ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-cta{
  position:relative;overflow:hidden;
  border:1px solid var(--line);border-radius:var(--r-lg);
  background:linear-gradient(120deg,oklch(0.24 0.05 65),oklch(0.185 0.035 65) 58%,oklch(0.225 0.055 45));
  box-shadow:var(--sh-2);
  padding:var(--sp-6);
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--sp-5);align-items:center;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-cta::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(oklch(0.90 0.07 245 / .20) 1px,transparent 1.3px);
  background-size:5px 5px;
  -webkit-mask-image:linear-gradient(100deg,#000,transparent 68%);
  mask-image:linear-gradient(100deg,#000,transparent 68%);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-cta h2{font-size:var(--fs-2xl);font-weight:900;letter-spacing:-.04em;line-height:var(--lh-tight);margin-bottom:var(--sp-3);}
.design-style-timechain_realm_retro_and_future_2hi .tr-cta p{font-size:var(--fs-sm);color:oklch(0.87 0.025 65);max-width:56ch;margin-bottom:var(--sp-4);}
.design-style-timechain_realm_retro_and_future_2hi .tr-cta-side{
  border:1px dashed var(--line);border-radius:var(--r-md);padding:var(--sp-4);
  background:oklch(0.17 0.03 65 / .7);
  font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);
  position:relative;z-index:1;
}
.design-style-timechain_realm_retro_and_future_2hi .tr-cta-side b{color:var(--accent-2);}
.design-style-timechain_realm_retro_and_future_2hi .tr-cta-side li{display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-2) 0;border-bottom:1px dashed var(--line-soft);}
.design-style-timechain_realm_retro_and_future_2hi .tr-cta-side li:last-child{border-bottom:0;}

/* ---------- 页脚（非对称） ---------- */
.design-style-timechain_realm_retro_and_future_2hi .tr-foot{
  border-top:1px solid var(--line);
  background:oklch(0.135 0.028 65);
  padding:var(--sp-6) 0 var(--sp-5);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-foot-grid{
  display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.8fr));gap:var(--sp-5);
}
.design-style-timechain_realm_retro_and_future_2hi .tr-foot h3{font-size:var(--fs-sm);font-weight:800;margin-bottom:var(--sp-3);letter-spacing:.02em;}
.design-style-timechain_realm_retro_and_future_2hi .tr-foot p,
.design-style-timechain_realm_retro_and_future_2hi .tr-foot li{font-size:var(--fs-xs);color:var(--muted);line-height:var(--lh-snug);}
.design-style-timechain_realm_retro_and_future_2hi .tr-foot li{padding:var(--sp-1) 0;}
.design-style-timechain_realm_retro_and_future_2hi .tr-foot a:hover{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px;}
.design-style-timechain_realm_retro_and_future_2hi .tr-foot-bar{
  margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--line-soft);
  display:flex;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;
  font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--muted);letter-spacing:.06em;
}

/* ---------- 动效 ---------- */
@keyframes tr-rise{
  from{opacity:.001;transform:translateY(14px);}
  to{opacity:1;transform:translateY(0);}
}
@keyframes tr-pulse{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.55;transform:scale(.82);}
}
.design-style-timechain_realm_retro_and_future_2hi .tr-anim{animation:tr-rise .62s var(--ease-out) both;}
.design-style-timechain_realm_retro_and_future_2hi .tr-anim.d1{animation-delay:.06s;}
.design-style-timechain_realm_retro_and_future_2hi .tr-anim.d2{animation-delay:.14s;}
.design-style-timechain_realm_retro_and_future_2hi .tr-anim.d3{animation-delay:.22s;}

/* ---------- 响应式 ---------- */
@media (min-width:1600px){
  .design-style-timechain_realm_retro_and_future_2hi .tr-wrap{max-width:var(--container-xl);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-cards{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-timechain_realm_retro_and_future_2hi .tr-partners{grid-template-columns:repeat(8,minmax(0,1fr));}
  .design-style-timechain_realm_retro_and_future_2hi .tr-sec{padding:var(--sp-8) 0;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-guide{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-timechain_realm_retro_and_future_2hi .tr-h1{letter-spacing:-.05em;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-reel{flex:0 0 clamp(260px,18vw,320px);}
}
@media (min-width:1025px){
  .design-style-timechain_realm_retro_and_future_2hi .tr-wrap{max-width:var(--container-lg);}
}
@media (max-width:1024px){
  .design-style-timechain_realm_retro_and_future_2hi .tr-hero-grid{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-feature{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-timechain_realm_retro_and_future_2hi .tr-partners{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-timechain_realm_retro_and_future_2hi .tr-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--sp-5);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-flow::before{display:none;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-node{padding-top:var(--sp-5);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-cta{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .design-style-timechain_realm_retro_and_future_2hi .tr-nav-in{gap:var(--sp-3);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-menu{order:3;width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--sp-1);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-menu a{white-space:nowrap;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-nav-cta{margin-left:auto;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-timechain_realm_retro_and_future_2hi .tr-collage{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-tile.tall{grid-row:auto;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-tile.tall img{aspect-ratio:4/3;height:auto;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-plate{grid-column:span 1;flex-direction:column;align-items:flex-start;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-cards{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-partners{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-timechain_realm_retro_and_future_2hi .tr-guide{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-flow{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-split{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-foot-grid{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-sec{padding:var(--sp-6) 0;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-poster{padding:var(--sp-5) var(--sp-4);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-cta{padding:var(--sp-5);}
}
@media (max-width:380px){
  .design-style-timechain_realm_retro_and_future_2hi{font-size:var(--fs-sm);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-wrap{padding:0 var(--sp-3);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-metrics{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-h1{font-size:clamp(1.7rem,7.4vw,2.1rem);letter-spacing:-.03em;}
  .design-style-timechain_realm_retro_and_future_2hi .tr-partners{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-step{grid-template-columns:minmax(0,1fr);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-cta{padding:var(--sp-5) var(--sp-4);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-notice{font-size:.68rem;letter-spacing:.06em;padding:var(--sp-2) var(--sp-3);}
  .design-style-timechain_realm_retro_and_future_2hi .tr-reel{flex:0 0 min(84vw,300px);}
}
@media (prefers-reduced-motion: reduce){
  .design-style-timechain_realm_retro_and_future_2hi *,
  .design-style-timechain_realm_retro_and_future_2hi *::before,
  .design-style-timechain_realm_retro_and_future_2hi *::after{
    animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important;
  }
  .design-style-timechain_realm_retro_and_future_2hi .tr-anim,
  .design-style-timechain_realm_retro_and_future_2hi .tr-card{animation:none !important;opacity:1 !important;transform:none !important;}
}