.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y{
  --bg: oklch(0.15 0.03 357);
  --surface: oklch(0.21 0.045 357);
  --surface-2: oklch(0.185 0.038 357);
  --primary: oklch(0.72 0.14 357);
  --secondary: oklch(0.62 0.14 317);
  --accent: oklch(0.78 0.16 207);
  --accent-2: oklch(0.90 0.12 207);
  --text: oklch(0.94 0.02 357);
  --muted: oklch(0.64 0.03 357);
  --line: 1px solid color-mix(in oklab, var(--primary) 22%, transparent);
  --line-soft: 1px solid color-mix(in oklab, var(--text) 10%, transparent);
  --container:1140px;--container-lg:1360px;--container-xl:1600px;--gutter:clamp(14px,2vw,28px);
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:30px;--sp-7:44px;--sp-8:58px;
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;
  --sh-1:0 1px 0 rgba(255,255,255,.05) inset,0 2px 8px rgba(0,0,0,.32);
  --sh-2:0 1px 0 rgba(255,255,255,.06) inset,0 12px 28px rgba(0,0,0,.42);
  --sh-3:0 1px 0 rgba(255,255,255,.08) inset,0 26px 60px rgba(0,0,0,.52);
  --fs-xs:clamp(.72rem,.7rem + .1vw,.78rem);--fs-sm:clamp(.82rem,.8rem + .15vw,.9rem);--fs-md:clamp(.95rem,.9rem + .25vw,1.06rem);
  --fs-lg:clamp(1.12rem,1.02rem + .48vw,1.36rem);--fs-xl:clamp(1.45rem,1.26rem + .95vw,1.92rem);--fs-2xl:clamp(1.82rem,1.45rem + 1.9vw,2.75rem);--fs-3xl:clamp(2.3rem,1.75rem + 2.8vw,3.45rem);
  --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:.25s;--t-slow:.45s;
  position:relative;background:var(--bg);color:var(--text);
  font-family:"Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  line-height:var(--lh-body);overflow-x:hidden;overflow-wrap:break-word;
  -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(1200px 600px at 80% -10%, color-mix(in oklab,var(--primary) 13%, transparent), transparent 62%),radial-gradient(900px 520px at 0% 100%, color-mix(in oklab,var(--accent) 9%, transparent), transparent 60%);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y *{box-sizing:border-box;min-width:0;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y img{max-width:100%;height:auto;display:block;}

/* ---- 顶部提示条 ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-topbar{
  display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-2) var(--gutter);
  background:linear-gradient(90deg,color-mix(in oklab,var(--surface) 94%, transparent),color-mix(in oklab,var(--surface) 82%, transparent));
  border-bottom:var(--line);
  font-size:var(--fs-xs);letter-spacing:.04em;color:var(--muted);
  position:relative;z-index:30;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-topbar .tp-dot{
  width:8px;height:8px;border-radius:var(--r-pill);background:var(--accent);
  box-shadow:0 0 0 4px color-mix(in oklab,var(--accent) 20%, transparent);
  animation:tp-pulse 2.6s var(--ease) infinite;flex:none;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-topbar b{color:var(--accent-2);font-weight:600;letter-spacing:.03em;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-topbar span{color:var(--muted);}

/* ---- 分屏导航 ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-nav{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  align-items:center;gap:var(--sp-4);
  padding:var(--sp-3) var(--gutter);
  border-bottom:var(--line-soft);
  position:relative;z-index:20;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-brand{display:flex;align-items:center;gap:var(--sp-3);min-width:0;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-brand .tp-cube{
  width:32px;height:32px;flex:none;border-radius:var(--r-sm);
  background:linear-gradient(140deg, color-mix(in oklab,var(--primary) 68%, transparent), color-mix(in oklab,var(--secondary) 58%, transparent));
  box-shadow:var(--sh-1);display:grid;place-items:center;color:var(--text);font-size:var(--fs-sm);font-weight:700;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-brand strong{font-size:var(--fs-md);letter-spacing:.02em;line-height:var(--lh-tight);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-brand em{display:block;font-style:normal;font-size:var(--fs-xs);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-menu{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-1);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-menu a{
  color:var(--muted);text-decoration:none;font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-pill);
  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-base) var(--ease-out);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-menu a:hover,
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-menu a:focus-visible{color:var(--text);background:color-mix(in oklab,var(--primary) 15%, transparent);border-color:color-mix(in oklab,var(--primary) 30%, transparent);outline:none;transform:translateY(-1px);}

/* ---- 通用 ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-sec{padding:var(--sp-7) 0;border-bottom:var(--line-soft);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-eyebrow{
  display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);
  padding:var(--sp-1) var(--sp-3);border:var(--line);border-radius:var(--r-pill);background:color-mix(in oklab,var(--accent) 8%, transparent);
  line-height:1.6;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y h1,
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y h2,
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y h3{margin:0;line-height:var(--lh-tight);font-weight:700;letter-spacing:-.01em;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y h2{font-size:var(--fs-2xl);letter-spacing:-.015em;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y h3{font-size:var(--fs-lg);letter-spacing:-.005em;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y p{margin:0;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-lead{color:var(--muted);font-size:var(--fs-md);max-width:62ch;line-height:var(--lh-snug);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hr{height:1px;background:color-mix(in oklab,var(--text) 10%, transparent);border:0;margin:var(--sp-5) 0;}

/* ---- 折角/翻页纸张效果（创意签名） ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-fold{
  position:relative;background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 92%, transparent),color-mix(in oklab,var(--surface) 74%, transparent));
  border:var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);overflow:hidden;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-fold::after{
  content:"";position:absolute;top:0;right:0;width:40px;height:40px;
  background:linear-gradient(225deg, color-mix(in oklab,var(--primary) 52%, var(--bg)) 0 50%, transparent 50%);
  box-shadow:-2px 2px 6px rgba(0,0,0,.38);pointer-events:none;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-fold.tp-fold-accent::after{
  background:linear-gradient(225deg, color-mix(in oklab,var(--accent) 50%, var(--bg)) 0 50%, transparent 50%);
}

/* ---- Hero：非对称 50:50 分屏 + 便当盒 ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero{position:relative;padding:var(--sp-7) 0 var(--sp-6);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--sp-6);align-items:stretch;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero-copy{display:flex;flex-direction:column;gap:var(--sp-4);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero-copy h1{font-size:var(--fs-3xl);letter-spacing:-.02em;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero-copy h1 .tp-ghost{
  background:linear-gradient(100deg,var(--accent-2),var(--primary));-webkit-background-clip:text;
background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-chip{
  font-size:var(--fs-xs);color:var(--muted);border:var(--line-soft);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);background:color-mix(in oklab,var(--surface) 70%, transparent);
  line-height:1.6;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;
  padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;text-decoration:none;cursor:pointer;
  border:1px solid transparent;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-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-btn-primary{
  background:linear-gradient(135deg,var(--primary),var(--secondary));color:oklch(0.16 0.03 357);box-shadow:var(--sh-2);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--sh-3);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-btn-ghost{background:transparent;color:var(--text);border-color:color-mix(in oklab,var(--accent) 42%, transparent);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-btn-ghost:hover{background:color-mix(in oklab,var(--accent) 11%, transparent);transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 58%, transparent);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;}

/* 便当盒 */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-bento{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:var(--sp-3);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell{position:relative;border-radius:var(--r-lg);overflow:hidden;border:var(--line);background:var(--surface);box-shadow:var(--sh-1);min-height:0;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10;filter:saturate(.92) contrast(1.02);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell .tp-overlay{
  position:absolute;inset:auto 0 0 0;padding:var(--sp-3);
  background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--bg) 88%, transparent));
  font-size:var(--fs-xs);color:var(--text);display:flex;justify-content:space-between;gap:var(--sp-2);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell .tp-overlay span{color:var(--accent-2);font-weight:600;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell .tp-overlay em{font-style:normal;color:var(--muted);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell.tp-cell-wide{grid-column:span 2;aspect-ratio:21/9;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell.tp-cell-wide img{aspect-ratio:21/9;animation:tp-kenburns 22s var(--ease) infinite alternate;transform-origin:60% 45%;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-bento-badge{
  position:absolute;top:var(--sp-3);left:var(--sp-3);z-index:2;font-size:var(--fs-xs);
  background:color-mix(in oklab,var(--bg) 74%, transparent);-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(8px);
  border:var(--line-soft);border-radius:var(--r-pill);padding:var(--sp-1) var(--sp-3);color:var(--accent-2);
  line-height:1.6;
}

/* ---- 等距立体几何装饰 ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-iso{position:absolute;pointer-events:none;opacity:.42;z-index:0;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-iso svg{display:block;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-iso-a{top:3%;left:-2%;width:160px;animation:tp-float 12s var(--ease) infinite alternate;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-iso-b{bottom:5%;right:-2%;width:140px;animation:tp-float 15s var(--ease) infinite alternate-reverse;}

/* ---- 统计数字网格分隔 ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border:var(--line);border-radius:var(--r-lg);overflow:hidden;background:color-mix(in oklab,var(--surface) 68%, transparent);box-shadow:var(--sh-1);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat{padding:var(--sp-4) var(--sp-5);border-right:var(--line-soft);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat:last-child{border-right:0;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat b{display:block;font-size:var(--fs-xl);color:var(--accent-2);letter-spacing:-.02em;line-height:var(--lh-tight);font-weight:700;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat small{display:block;margin-top:var(--sp-1);color:var(--muted);font-size:var(--fs-xs);letter-spacing:.03em;}

/* ---- 中心辐射卡（3 特性卡） ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-radial{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:var(--sp-4);align-items:center;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-radial::before{
  content:"";position:absolute;inset:12% 18%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%, color-mix(in oklab,var(--primary) 15%, transparent), transparent 68%);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-spoke{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--sp-3);min-width:0;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-spoke .tp-fold{padding:var(--sp-4);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-spoke h3{font-size:var(--fs-md);margin-top:var(--sp-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-spoke p{color:var(--muted);font-size:var(--fs-sm);margin-top:var(--sp-1);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-spoke .tp-idx{font-size:var(--fs-xs);color:var(--accent);letter-spacing:.14em;font-weight:700;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-spoke .tp-kv{margin-top:var(--sp-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-core{
  position:relative;z-index:2;padding:var(--sp-5);border-radius:var(--r-lg);border:var(--line);
  background:linear-gradient(160deg,color-mix(in oklab,var(--surface) 96%, transparent),color-mix(in oklab,var(--surface) 68%, transparent));
  box-shadow:var(--sh-3);text-align:center;
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-core .tp-core-num{font-size:var(--fs-2xl);color:var(--accent-2);font-weight:700;letter-spacing:-.02em;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-core p{color:var(--muted);font-size:var(--fs-sm);margin-top:var(--sp-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-core .tp-ring{
  width:100px;height:100px;margin:var(--sp-3) auto;border-radius:50%;
  background:conic-gradient(var(--accent) 0 62%, color-mix(in oklab,var(--text) 12%, transparent) 62% 100%);
  display:grid;place-items:center;box-shadow:var(--sh-1);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-core .tp-ring i{
  width:76px;height:76px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-style:normal;font-size:var(--fs-sm);color:var(--text);font-weight:700;
}

/* ---- 两栏分屏内容（FAQ / 清单 / 对比 / 场景） ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--sp-6);align-items:start;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-split.tp-rev{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-sticky{position:sticky;top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);min-width:0;}

/* FAQ：纯 CSS details */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq details{
  border:var(--line);border-radius:var(--r-md);background:color-mix(in oklab,var(--surface) 78%, transparent);overflow:hidden;box-shadow:var(--sh-1);
  transition:box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq details:hover{box-shadow:var(--sh-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq summary{
  cursor:pointer;list-style:none;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);font-weight:600;color:var(--text);
  display:flex;justify-content:space-between;gap:var(--sp-3);align-items:center;transition:background var(--t-base) var(--ease);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq summary::-webkit-details-marker{display:none;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq summary::after{content:"+";color:var(--accent);font-weight:700;font-size:var(--fs-md);line-height:1;flex:none;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq details[open] summary::after{content:"–";}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq details[open] summary{background:color-mix(in oklab,var(--primary) 10%, transparent);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq summary:hover{background:color-mix(in oklab,var(--primary) 8%, transparent);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq summary:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq .tp-ans{padding:0 var(--sp-4) var(--sp-4);color:var(--muted);font-size:var(--fs-sm);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-faq .tp-ans b{color:var(--accent-2);font-weight:600;}

/* 清单 */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-list{display:grid;gap:var(--sp-3);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-item{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-4);
  border:var(--line);border-radius:var(--r-md);background:color-mix(in oklab,var(--surface) 76%, transparent);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-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-item:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:color-mix(in oklab,var(--accent) 32%, transparent);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-item .tp-no{
  width:30px;height:30px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;font-size:var(--fs-xs);font-weight:700;
  background:color-mix(in oklab,var(--accent) 16%, transparent);color:var(--accent-2);border:1px solid color-mix(in oklab,var(--accent) 32%, transparent);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-item h3{font-size:var(--fs-md);margin-bottom:var(--sp-1);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-item p{color:var(--muted);font-size:var(--fs-sm);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-item .tp-kv{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-kv span{font-size:var(--fs-xs);color:var(--accent-2);background:color-mix(in oklab,var(--accent) 10%, transparent);border-radius:var(--r-pill);padding:2px var(--sp-2);border:1px solid color-mix(in oklab,var(--accent) 22%, transparent);line-height:1.6;}

/* 方案对比 */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan{
  padding:var(--sp-4);border:var(--line);border-radius:var(--r-lg);background:color-mix(in oklab,var(--surface) 76%, transparent);box-shadow:var(--sh-1);
  display:flex;flex-direction:column;gap:var(--sp-3);position:relative;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease),border-color var(--t-base) var(--ease);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan:hover{transform:translateY(-3px);box-shadow:var(--sh-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan.tp-plan-hot{border-color:color-mix(in oklab,var(--accent) 40%, transparent);box-shadow:var(--sh-2);background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 5%, transparent),color-mix(in oklab,var(--surface) 76%, transparent));}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan .tp-tag{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan h3{font-size:var(--fs-lg);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan .tp-price{font-size:var(--fs-xl);color:var(--accent-2);font-weight:700;letter-spacing:-.02em;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan li{font-size:var(--fs-sm);color:var(--muted);display:flex;gap:var(--sp-2);align-items:flex-start;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan li::before{content:"▸";color:var(--accent);flex:none;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-plan .tp-pill{align-self:flex-start;font-size:var(--fs-xs);padding:2px var(--sp-2);border-radius:var(--r-pill);background:color-mix(in oklab,var(--accent) 13%, transparent);color:var(--accent-2);border:1px solid color-mix(in oklab,var(--accent) 28%, transparent);line-height:1.6;}

/* 场景展示 */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene{border:var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--sh-1);position:relative;transition:transform var(--t-base) var(--ease-out),box-shadow var(--t-base) var(--ease);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene:hover{transform:translateY(-3px);box-shadow:var(--sh-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene .tp-thumb{aspect-ratio:16/9;overflow:hidden;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene .tp-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-slow) var(--ease-out),filter var(--t-slow) var(--ease);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene:hover .tp-thumb img{transform:scale(1.06);filter:saturate(1.05);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene .tp-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene h3{font-size:var(--fs-md);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene p{color:var(--muted);font-size:var(--fs-sm);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene .tp-metrics{display:flex;gap:var(--sp-4);flex-wrap:wrap;margin-top:var(--sp-1);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene .tp-metrics b{color:var(--accent-2);font-size:var(--fs-sm);font-weight:700;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scene .tp-metrics small{display:block;color:var(--muted);font-size:var(--fs-xs);}

/* ---- CTA 内嵌色带 ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cta{
  margin:0 auto;width:100%;max-width:var(--container);
  border-radius:var(--r-lg);border:var(--line);overflow:hidden;box-shadow:var(--sh-3);
  background:linear-gradient(120deg,color-mix(in oklab,var(--secondary) 24%, var(--surface)),color-mix(in oklab,var(--primary) 18%, var(--surface)));
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:var(--sp-5);padding:var(--sp-6);
}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cta h2{font-size:var(--fs-xl);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cta p{color:var(--text);opacity:.82;font-size:var(--fs-sm);margin-top:var(--sp-2);max-width:56ch;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cta .tp-cta-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:flex-end;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-band{height:6px;width:100%;background:linear-gradient(90deg,var(--accent),var(--primary),var(--secondary));opacity:.88;}

/* ---- 页脚 ---- */
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot{padding:var(--sp-6) 0 var(--sp-5);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:var(--sp-5);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot h3{font-size:var(--fs-sm);color:var(--text);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--sp-3);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--sp-2);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot a{color:var(--muted);text-decoration:none;font-size:var(--fs-sm);transition:color var(--t-base) var(--ease);}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot a:hover,
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot a:focus-visible{color:var(--accent-2);outline:none;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot .tp-copy{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:var(--line-soft);display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);}

/* ---- 动画 ---- */
@keyframes tp-pulse{0%,100%{opacity:1;}50%{opacity:.45;}}
@keyframes tp-float{from{transform:translate3d(0,0,0) rotate(0deg);}to{transform:translate3d(0,-16px,0) rotate(3deg);}}
@keyframes tp-kenburns{from{transform:scale(1) translateX(0);}to{transform:scale(1.08) translateX(-2%);}}
@keyframes tp-rise{from{transform:translateY(14px);}to{transform:translateY(0);}}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-rise{animation:tp-rise .6s var(--ease-out) both;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-d1{animation-delay:.06s;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-d2{animation-delay:.14s;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-d3{animation-delay:.22s;}
.design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-d4{animation-delay:.3s;}

/* ---- 响应式 ---- */
@media (min-width:1600px){
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-wrap{max-width:var(--container-lg);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero-grid{gap:var(--sp-7);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero-copy h1{font-size:clamp(2.6rem,1.9rem + 3vw,3.8rem);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-lead{font-size:clamp(1rem,.95rem + .3vw,1.12rem);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stats{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scenes{grid-template-columns:repeat(4,minmax(0,1fr));}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-compare{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:2100px){
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-wrap{max-width:var(--container-xl);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-sec{padding:var(--sp-8) 0;}
}
@media (max-width:1024px){
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-split,
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-split.tp-rev{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-radial{grid-template-columns:minmax(0,1fr);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-radial::before{inset:6%;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cta{grid-template-columns:minmax(0,1fr);padding:var(--sp-5);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cta .tp-cta-actions{justify-content:flex-start;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-sticky{position:static;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat:nth-child(2){border-right:0;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat:nth-child(1),
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat:nth-child(2){border-bottom:var(--line-soft);}
}
@media (max-width:640px){
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-nav{grid-template-columns:minmax(0,1fr);gap:var(--sp-2);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-menu{justify-content:flex-start;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-compare{grid-template-columns:minmax(0,1fr);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-scenes{grid-template-columns:minmax(0,1fr);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-bento{grid-template-columns:minmax(0,1fr);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell.tp-cell-wide{grid-column:span 1;aspect-ratio:16/10;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell.tp-cell-wide img{aspect-ratio:16/10;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-foot-grid{grid-template-columns:minmax(0,1fr);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-iso-a,
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-iso-b{display:none;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-actions{width:100%;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-actions .tp-btn{flex:1 1 100%;}
}
@media (max-width:380px){
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y{padding-inline:0;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-wrap{padding-inline:var(--sp-3);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-sec{padding:var(--sp-6) 0;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stats{grid-template-columns:minmax(0,1fr);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat{border-right:0;border-bottom:var(--line-soft);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-stat:last-child{border-bottom:0;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y h1{font-size:clamp(1.9rem,8vw,2.4rem);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-topbar{font-size:.68rem;gap:var(--sp-2);}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-core{padding:var(--sp-4);}
}
@media (prefers-reduced-motion: reduce){
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y *{animation:none !important;transition-duration:.001ms !important;}
  .design-style-tech_phantom_split_screen_design_blockchain_application_development_webpage_style_reference_p4y .tp-cell.tp-cell-wide img{transform:none !important;}
}