/* 首页专用：白底 / 黑字 / 品牌绿点缀。
   作用域限定在 .home-v2（body）下的 main，顶栏与页脚沿用全站深色样式。
   品牌绿只作色块底色并始终配深色字，避免在白底上承载正文。 */

.home-v2 {
  --h-ink:#142929;
  --h-paper:#FFFFFF;
  --h-aqua:#00D16A;
  --h-aqua-deep:#00D16A;
  --h-ink-2:#3C5450;
  --h-ink-3:#6A807C;
  --h-rule:#DCE5E3;
  --h-surface:#f8f9fa;
  --h-shadow:rgba(20,41,41,.13);
  --h-shadow-soft:rgba(20,41,41,.07);

  --h-measure:68ch;
  --h-gap:clamp(24px,2.4vw,32px);
  --h-bay:clamp(72px,8vw,128px);
}

/* main 整体翻白；顶栏/页脚不在此作用域内 */
.home-v2 main {
  background:var(--h-paper);
  color:var(--h-ink);
}

/* ---------- 排版层级 ---------- */
.home-v2 main h1,
.home-v2 main h2,
.home-v2 main h3,
.home-v2 main h4 { color:var(--h-ink); font-weight:500; }

.home-v2 main h2 {
  font-size:clamp(1.75rem,3.4vw,2.875rem);
  line-height:1.22;
  letter-spacing:-.022em;
  text-wrap:balance;
}
.home-v2 main h3 {
  font-size:clamp(1.062rem,1.4vw,1.25rem);
  line-height:1.4;
  letter-spacing:-.01em;
  font-weight:600;
}
.home-v2 main p { color:var(--h-ink-2); }

.home-v2 main .section-head { max-width:var(--h-measure); margin-bottom:clamp(36px,4vw,56px); }
.home-v2 main .section-head h2 { color:var(--h-ink); margin-bottom:18px; }
.home-v2 main .section-head p {
  max-width:62ch;
  font-size:clamp(1rem,1.15vw,1.062rem);
  line-height:1.75;
  color:var(--h-ink-3);
}

/* 区块节奏：相邻白底区块之间用细线分隔，而非堆叠内边距 */
.home-v2 main > .section { padding-block:var(--h-bay); border-top:1px solid var(--h-rule); }
.home-v2 main > .section:first-of-type { border-top:0; }

/* ---------- 按钮 ---------- */
.home-v2 main .btn {
  border-radius:10px;
  font-weight:500;
  letter-spacing:.005em;
  box-shadow:none;
}
.home-v2 main .btn--accent,
.home-v2 main .btn--primary,
.home-v2 main .btn--contact {
  background:var(--h-aqua);
  color:var(--h-ink);
  border-color:var(--h-aqua);
}
.home-v2 main .btn--accent:hover,
.home-v2 main .btn--primary:hover,
.home-v2 main .btn--contact:hover {
  background:var(--h-aqua-deep);
  border-color:var(--h-aqua-deep);
  color:var(--h-ink);
}
.home-v2 main .btn--outline-light {
  background:transparent;
  color:var(--h-ink);
  border-color:var(--h-ink);
}
.home-v2 main .btn--outline-light:hover {
  background:var(--h-ink);
  color:var(--h-paper);
  border-color:var(--h-ink);
}

/* ---------- ① 首屏 ---------- */
.home-v2 .hero {
  min-height:0;
  padding-block:clamp(64px,7.5vw,112px);
  background:var(--h-paper);
  border-bottom:1px solid var(--h-rule);
}
.home-v2 .hero::before { display:none; }
.home-v2 .hero__grid {
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(40px,5vw,80px);
  align-items:center;
}
.home-v2 .hero h1 {
  font-size:clamp(2.25rem,5.2vw,4.25rem);
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:500;
  color:var(--h-ink);
}
.home-v2 .hero .lead {
  margin-top:22px;
  max-width:46ch;
  font-size:clamp(1rem,1.3vw,1.188rem);
  line-height:1.72;
  color:var(--h-ink-3);
}
.home-v2 .hero .btn-row { margin-top:36px; gap:12px; justify-content:flex-start; }

/* 地球：白底细线雕版 */
.home-v2 .globe { width:min(100%,520px); margin-inline:auto; }
.home-v2 .globe__svg circle[fill^="url(#globeFill)"] { fill:url("#globeFill"); stroke:rgba(255,255,255,.35); }
.home-v2 .globe__svg #globeFill stop:nth-child(1) { stop-color:#1B4A3A; }
.home-v2 .globe__svg #globeFill stop:nth-child(2) { stop-color:#0E2E2E; }
.home-v2 .globe__svg #globeFill stop:nth-child(3) { stop-color:#071C22; }
.home-v2 .globe__svg ellipse,
.home-v2 .globe__svg line { stroke:rgba(255,255,255,.16); }
.home-v2 .globe__svg circle[fill^="url(#dots)"] { opacity:.55; }
.home-v2 .globe__svg #dots circle { fill:rgba(255,255,255,.35); }
.home-v2 .globe__orbit { stroke:rgba(255,255,255,.14); }
.home-v2 .globe__orbit--slow { stroke:rgba(159,232,112,.35); }

/* 浮动信息卡：白底描边，青绿仅用于图标块 */
.home-v2 .globe__card {
  background:var(--h-paper);
  border:1px solid var(--h-rule);
  border-radius:6px;
  box-shadow:0 18px 40px rgba(20,41,41,.1);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  color:var(--h-ink);
  animation:none;
}
.home-v2 .globe__card-head { color:var(--h-ink); font-weight:600; }
.home-v2 .globe__card-icon {
  background:var(--h-aqua);
  color:var(--h-ink);
  border-radius:5px;
}
.home-v2 .globe__card li { color:var(--h-ink-3); }
.home-v2 .globe__card li::before { background:var(--h-aqua-deep); }

/* ---------- ② 三步：插画 + 文案两栏版式 ----------
   版式与钉住行为的完整规则见文件末尾「三步：钉住式单步轮播」。 */

/* ---------- ②-补 进展可见：左图右文 ---------- */
.home-v2 .visibility .media-split__media {
  border:1px solid var(--h-rule);
  border-radius:8px;
  background:var(--h-surface);
}
.home-v2 .visibility .content-photo { filter:none; }
.home-v2 .visibility__lead { color:var(--h-ink); font-weight:600; }
.home-v2 .visibility__list li {
  border-top:1px solid var(--h-rule);
  color:var(--h-ink);
  font-weight:400;
}
.home-v2 .visibility__icon {
  background:var(--h-aqua);
  color:var(--h-ink);
  border-radius:6px;
}

/* ---------- ③ 四项能力 / ⑥ 支付方式：白底描边卡 ---------- */
.home-v2 main .section.bg-mist,
.home-v2 main .section.bg-navy { background:var(--h-paper); color:var(--h-ink); }
/* 权重需压过 visual-refresh.css 的 `.section.bg-mist .card`（0-3-0） */
.home-v2 main .card,
.home-v2 main .section.bg-mist .card,
.home-v2 main .section.bg-navy .card,
.home-v2 main .section .grid.grid--4 > .card,
.home-v2 main .section .grid.grid--3 > .card {
  background:var(--h-paper);
  border:1px solid var(--h-rule);
  border-radius:8px;
  padding:28px;
  box-shadow:none;
}
.home-v2 main .card h3,
.home-v2 main .section.bg-mist .card h3,
.home-v2 main .section.bg-navy .card h3 { color:var(--h-ink); margin-bottom:12px; }
.home-v2 main .card p,
.home-v2 main .section.bg-mist .card p,
.home-v2 main .section.bg-navy .card p { color:var(--h-ink-3); font-size:0.938rem; line-height:1.8; }
.home-v2 main .icon,
.home-v2 main .icon--navy,
.home-v2 main .icon--green {
  background:var(--h-surface);
  color:var(--h-ink);
  border:1px solid var(--h-rule);
  border-radius:7px;
}
/* 青绿图标专用于"资金受保护"语义的条目 */
.home-v2 main .icon--green {
  background:var(--h-aqua);
  color:var(--h-ink);
  border-color:var(--h-aqua);
}
.home-v2 .tags li { background:var(--h-surface); color:var(--h-ink); border:1px solid var(--h-rule); }
.home-v2 .tags .tag--usdt,
.home-v2 .tags .tag--usdc { background:var(--h-surface); }

/* ---------- ④ 信任卡：浅底，首张为青绿强调 ----------
   具体规则置于通用 .card 规则之后，见文件末尾「区块专属底色」。 */
.home-v2 .trust-cards { padding-block:var(--h-bay); }

/* ---------- ⑤ 区块链：全页唯一黑底区块，作为视觉锚点 ---------- */
.home-v2 .section.bg-navy.chain-split {
  background:var(--h-ink);
  color:var(--h-paper);
  border-top:0;
  padding-block:clamp(72px,8vw,120px);
}
.home-v2 .chain-split .section-head h2 { color:var(--h-paper); font-size:clamp(1.625rem,3vw,2.5rem); }
.home-v2 .chain-split .section-head p { color:rgba(255,255,255,.76); }
.home-v2 .chain-split__features .feature h3 { color:var(--h-paper); font-weight:600; font-size:1.188rem; }
.home-v2 .chain-split__features .feature p { color:rgba(255,255,255,.68); font-size:0.938rem; }
.home-v2 .chain-split__features .feature .icon {
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  color:var(--h-paper);
  border-radius:7px;
}
.home-v2 .chain-split__features .feature .icon--green {
  background:var(--h-aqua);
  border-color:var(--h-aqua);
  color:var(--h-ink);
}
.home-v2 .chain-split .btn--contact { background:var(--h-aqua); color:var(--h-ink); border-color:var(--h-aqua); }
.home-v2 .chain-split .btn--contact:hover { background:var(--h-paper); border-color:var(--h-paper); color:var(--h-ink); }
.home-v2 .chain-split :focus-visible { outline-color:var(--h-aqua); }

/* ---------- ⑦ 行动区 ---------- */
.home-v2 main .section.bg-mist:has(.cta) { background:var(--h-ink); border-top:0; }
.home-v2 main .cta { background:transparent; border-top:0; }
.home-v2 main .cta h2 { color:var(--h-paper); }
.home-v2 main .cta p { color:rgba(255,255,255,.72); }
.home-v2 main .cta .btn--primary,
.home-v2 main .cta .btn--contact { background:var(--h-aqua); border-color:var(--h-aqua); color:var(--h-ink); }
.home-v2 main .cta .btn--primary:hover,
.home-v2 main .cta .btn--contact:hover { background:var(--h-paper); border-color:var(--h-paper); color:var(--h-ink); }

/* ---------- 焦点可见 ---------- */
.home-v2 main :focus-visible { outline:2px solid var(--h-aqua-deep); outline-offset:3px; }

/* ---------- 动效 ---------- */
/* 悬停：响应用户动作，统一为青绿描边 + 细微抬升 */
@media (hover:hover) {
  .home-v2 main .card { transition:border-color .22s ease, transform .22s ease; }
  .home-v2 main .card:hover { border-color:var(--h-aqua); transform:translateY(-3px); }
  .home-v2 .trust-cards .card:hover { border-color:var(--h-aqua); }
  .home-v2 .trust-cards .card--mint:hover { border-color:var(--h-ink); transform:translateY(-3px); }
  .home-v2 .visibility__list li { transition:color .2s ease; }
  .home-v2 main .btn { transition:background-color .2s ease, color .2s ease, border-color .2s ease; }
  .home-v2 main .btn:hover { transform:none; filter:none; }
}

/* 入场：仅首屏一次编排，内容区块不做逐段淡入 */
@media (prefers-reduced-motion:no-preference) {
  .home-v2 .hero h1,
  .home-v2 .hero .lead,
  .home-v2 .hero .btn-row { animation:homeRise .62s cubic-bezier(.22,.61,.36,1) both; }
  .home-v2 .hero .lead { animation-delay:.08s; }
  .home-v2 .hero .btn-row { animation-delay:.16s; }
  .home-v2 .globe { animation:homeFade .9s ease .1s both; }
  /* 轨道线缓慢转动，暗示跨境流转 */
  .home-v2 .globe__orbit--slow {
    transform-box:fill-box;
    transform-origin:center;
    animation:homeOrbit 48s linear infinite;
  }
}
@keyframes homeRise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@keyframes homeFade { from { opacity:0; } to { opacity:1; } }
@keyframes homeOrbit { to { transform:rotate(360deg); } }

@media (prefers-reduced-motion:reduce) {
  .home-v2 .hero h1,
  .home-v2 .hero .lead,
  .home-v2 .hero .btn-row,
  .home-v2 .globe,
  .home-v2 .globe__orbit--slow { animation:none; }
  .home-v2 main .card,
  .home-v2 main .btn { transition:none; }
}

/* ---------- 覆盖 index.html 内联 <style> 中遗留的深色值 ----------
   内联样式表在外部样式表之后解析，故此处用等价或更高权重的选择器收回控制权。 */
.home-v2 .capability-cards .card { border:1px solid var(--h-rule); }
.home-v2 .visibility__list li { border-top-color:var(--h-rule); color:var(--h-ink); }
.home-v2 .visibility__lead { color:var(--h-ink); }
.home-v2 .visibility .section-head p { color:var(--h-ink-3); }
.home-v2 .visibility__icon { background:var(--h-aqua); color:var(--h-ink); border-radius:6px; }
.home-v2 .tags .tag--usdt,
.home-v2 .tags .tag--usdc { background:var(--h-surface); color:var(--h-ink); }
/* 首屏渐变与装饰圆环（内联 .hero 规则）一并收白 */
.home-v2 .hero { background:var(--h-paper); }

/* ---------- 区块专属底色 ----------
   置于通用 .card 规则之后，确保级联顺序正确（权重相同时后者胜出）。 */
.home-v2 main .trust-cards > .container { border-top:0; padding-top:0; }
.home-v2 main .trust-cards .card,
.home-v2 main .section.trust-cards .grid > .card {
  background:var(--h-surface);
  border-color:transparent;
}
.home-v2 main .trust-cards .card .icon { background:var(--h-paper); border-color:transparent; color:var(--h-ink); }
.home-v2 main .trust-cards .card--mint,
.home-v2 main .section.trust-cards .grid > .card--mint {
  background:var(--h-aqua);
  border-color:var(--h-aqua);
}
.home-v2 main .trust-cards .card--mint h3,
.home-v2 main .trust-cards .card--mint p { color:var(--h-ink); }
.home-v2 main .trust-cards .card--mint .icon { background:var(--h-paper); border-color:transparent; color:var(--h-ink); }

/* Homepage steps: reference layout, scroll-linked timeline and brand palette. */
.home-v2 main .section.how-steps[data-steps-sticky]{padding:0;border:0;background:var(--h-paper);}
.home-v2 .how-steps__stage{padding:60px 0;}
.home-v2 .how-steps__stage>.container{width:100%;max-width:1446px;padding:0;margin:auto;}
.home-v2 .how-steps .section-head{text-align:center;max-width:1128px;margin:0 auto 42px;padding:30px 40px;}
.home-v2 .how-steps .section-head h2{color:var(--h-ink);font-size:clamp(2rem,4.3vw,4rem);line-height:1.28;margin:0 0 20px;}
.home-v2 .how-steps .section-head p{color:var(--h-ink-3);font-size:1.25rem;line-height:1.5;max-width:980px;margin:auto;}
.home-v2 .how-steps.is-pinned .how-steps__stage{position:sticky;top:var(--topbar-h,80px);padding:20px 0 0;display:flex;align-items:center;}
.home-v2 .how-steps__viewport{overflow:hidden;padding:44px 0 0;touch-action:pan-y;overscroll-behavior-x:contain;}
.home-v2 .how-steps__track{display:flex;gap:0;border:0;will-change:transform;}
.home-v2 main .section.how-steps .grid>.how-steps__step.card{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:0 0 100%;width:100%;min-width:0;gap:0;padding:0 0 110px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:none;}
.home-v2 .how-steps__step::after{content:"";position:absolute;bottom:12px;left:0;right:0;height:2px;background:var(--h-aqua);}
.home-v2 .how-steps__step:first-child::after{left:50.75%;}
.home-v2 .how-steps__step:last-child::after{right:49.25%;}
.home-v2 .how-steps__step::before{content:"";position:absolute;bottom:9px;left:calc(50.75% - 4px);width:8px;height:8px;border-radius:50%;background:var(--h-aqua);z-index:1;}
.home-v2 .how-steps__art{position:relative;width:100%;height:358px;display:grid;place-items:center;}
.home-v2 .how-steps__art-blob{position:absolute;width:314px;height:314px;left:50%;top:60px;border-radius:50%;background:var(--h-aqua);opacity:.12;transform:translateX(-50%);}
.home-v2 .how-steps__art-card{position:relative;left:0;display:flex;flex-direction:column;gap:14px;width:251px;padding:37px;border:1px solid var(--h-rule);border-radius:10px;background:var(--h-paper);box-shadow:0 8px 55px var(--h-shadow);}
.home-v2 .how-steps__field{height:62px;border:1px solid var(--h-rule);border-radius:10px;background:var(--h-surface);}
.home-v2 .how-steps__art-action{display:flex;align-items:center;justify-content:center;min-height:58px;height:auto;margin-top:14px;padding:10px 12px;border-radius:10px;background:var(--h-aqua);color:var(--h-ink);font-size:clamp(0.875rem,1.4vw,1.125rem);font-weight:600;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere;}
.home-v2 .how-steps__shield{height:145px;display:grid;place-items:center;background:var(--h-surface);color:var(--h-ink);border:1px solid var(--h-rule);border-radius:8px;}
.home-v2 .how-steps__shield svg{width:100px;height:110px;}
.home-v2 .how-steps__step:nth-child(2) .how-steps__art-blob{border-radius:22px;background:var(--h-aqua-deep);opacity:.13;transform:translateX(-50%) rotate(45deg);width:260px;height:260px;top:80px;}
.home-v2 .how-steps__step:nth-child(3) .how-steps__art-blob{background:var(--h-aqua);opacity:.18;top:22px;}
.home-v2 .how-steps__step:nth-child(3) .how-steps__art-card{left:0;}
.home-v2 .how-steps__step:nth-child(3) .how-steps__art-action{background:var(--h-aqua-deep);color:var(--h-ink);margin:0;}
.home-v2 .how-steps__copy{box-sizing:border-box;min-height:358px;margin:0 7.6% 0 3.5%;padding:68px 12%;border:1px solid var(--h-rule);border-radius:20px;background:var(--h-paper);box-shadow:0 10px 28px var(--h-shadow-soft);}
.home-v2 main .how-steps .step-num{display:block;width:auto;height:auto;margin:0 0 30px;background:none;border-radius:0;color:var(--h-aqua-deep);font-size:1rem;font-weight:700;letter-spacing:.12em;}
.home-v2 main .section.how-steps .how-steps__copy h3{color:var(--h-ink);font-size:1.75rem;font-weight:500;line-height:1.4;margin:0 0 14px;}
.home-v2 main .section.how-steps .how-steps__copy p{color:var(--h-ink-3);font-size:1.25rem;line-height:1.4;margin:0;}
@media(min-width:761px) and (max-height:850px){
 .home-v2 .how-steps.is-pinned .section-head{padding:8px 36px;margin-bottom:0;}
 .home-v2 .how-steps.is-pinned .section-head h2{font-size:2.25rem;margin-bottom:12px;}
 .home-v2 .how-steps.is-pinned .section-head p{font-size:1rem;}
 .home-v2 .how-steps.is-pinned .how-steps__viewport{padding-top:28px;}
 .home-v2 main .section.how-steps.is-pinned .grid>.how-steps__step.card{padding-bottom:65px;}
}
@media(max-width:1000px) and (min-width:761px){
 .home-v2 .how-steps__art-card{left:0;transform:scale(.8);}
 .home-v2 .how-steps__art-blob{left:50%;transform:translateX(-50%) scale(.8);}
 .home-v2 .how-steps__step:nth-child(2) .how-steps__art-blob{transform:translateX(-50%) rotate(45deg) scale(.8);}
 .home-v2 .how-steps__copy{padding:45px 9%;}
 .home-v2 main .section.how-steps .how-steps__copy h3{font-size:1.5rem;}
 .home-v2 main .section.how-steps .how-steps__copy p{font-size:1.062rem;}
}
.home-v2 main .section.how-steps .grid>.how-steps__step.card{translate:none;}
.home-v2 .how-steps__copy{margin-right:15.2%;padding:68px clamp(36px,4.85vw,70px);}
.home-v2 .how-steps:not(.is-pinned) .how-steps__track{display:block;}
@media(max-width:760px),(max-height:620px),(prefers-reduced-motion:reduce){
 .home-v2 .how-steps__track{display:block;}
 .home-v2 main .section.how-steps .grid>.how-steps__step.card{grid-template-columns:1fr;padding:0 24px 70px;gap:24px;}
 .home-v2 .how-steps__copy{margin:0;padding:36px;min-height:0;}
 .home-v2 .how-steps__art{max-width:600px;margin:auto;}
 .home-v2 .how-steps .section-head{padding:24px;margin-bottom:0;}
 .home-v2 .how-steps .section-head p{font-size:1.062rem;}
 .home-v2 .how-steps__step::before,.home-v2 .how-steps__step::after{display:none;}
}
.home-v2 .how-steps.is-carousel .how-steps__viewport{cursor:grab;}
.home-v2 .how-steps.is-carousel .how-steps__viewport.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none;}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .home-v2 .how-steps:not(.is-pinned) .how-steps__track,.home-v2 .how-steps.is-carousel .how-steps__track{display:flex;}
 .home-v2 .how-steps__viewport{padding-top:24px;}
 .home-v2 main .section.how-steps .grid>.how-steps__step.card{flex:0 0 100%;width:100%;}
}


/* ---------- 响应式 ---------- */
@media (max-width:980px) {
  .home-v2 .hero__grid { grid-template-columns:minmax(0,1fr); gap:40px; }
  .home-v2 .hero h1 { font-size:clamp(2rem,6.4vw,2.875rem); }
  .home-v2 .globe { width:min(100%,420px); }
  .home-v2 .globe__card { position:static; width:auto; margin-top:12px; box-shadow:none; }
}
@media (max-width:600px) {
  .home-v2 main > .section { padding-block:clamp(52px,11vw,72px); }
  .home-v2 .hero { padding-block:48px 56px; }
  .home-v2 main .card { padding:24px; }
  .home-v2 .btn-row .btn { width:100%; }
}


/* Homepage content width follows ORBSIS_WWW's homepage container and gutters. */
.home-v2 main {
  --home-content-max:1440px;
  --home-content-gutter:clamp(20px,3.2vw,56px);
}
.home-v2 main .container,
.home-v2 main .how-steps__stage > .container {
  box-sizing:border-box;
  width:min(var(--home-content-max),calc(100% - 2 * var(--home-content-gutter)));
  max-width:none;
  min-width:0;
  margin-inline:auto;
}
@media (min-width:1720px) {
  .home-v2 main { --home-content-gutter:clamp(56px,5vw,96px); }
}
@media (max-width:1180px) {
  .home-v2 main { --home-content-gutter:24px; }
}
@media (max-width:680px) {
  .home-v2 main { --home-content-gutter:15px; }
}
@media (max-width:420px) {
  .home-v2 main { --home-content-gutter:12px; }
}