/* 中英文首页保留同一商品图组；文案与行动入口按各自语言适配。 */
.hero-workbench:has(.home-hero-layout) { min-height: min(680px, calc(100svh / var(--portal-scale, 1) - 73px)); padding: 40px 0 !important; }
.hero-workbench .home-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; column-gap: 30px; row-gap: 32px; width: min(1100px, calc(100% - 64px)); margin-inline: auto; }
.home-hero-layout .hero-custom-intro { width: 100%; max-width: none; margin: 0; text-align: left; }
.home-hero-layout .hero-custom-intro .eyebrow { margin: 0; font-size: 13px; font-weight: 500; line-height: 1.6; letter-spacing: .045em; }
html[lang="zh-CN"] .home-hero-layout .hero-custom-intro h1 { margin: 20px 0 0; font-size: clamp(22px, 1.9vw, 27px); font-weight: 500; line-height: 1.5; letter-spacing: -.025em; text-wrap: normal; }
.home-hero-layout .hero-custom-title-line:first-child, .home-hero-layout .hero-custom-title-line:nth-child(2) { display: inline; }
.home-hero-layout .hero-custom-title-accent { display: block; margin-top: 9px; font-size: clamp(30px, 2.7vw, 38px); font-weight: 600; line-height: 1.25; letter-spacing: -.035em; }
.home-hero-layout .hero-custom-intro .hero-custom-benefits { justify-content: flex-start; margin: 34px 0 0; font-size: 17px; font-weight: 600; line-height: 1.6; }
.home-hero-layout .hero-custom-benefits li + li::before { margin: 0 14px; }
.home-hero-layout .hero-custom-benefits::before { content: none; display: none; }
.home-hero-layout .hero-custom-intro .home-hero-growth { max-width: none; width: 100%; margin: 17px 0 0; text-align: left; font-size: 14px; line-height: 1.9; text-wrap: pretty; }
.home-hero-copy-group { min-width: 0; display: contents; }
.hero-workbench .home-hero-layout .home-hero-actions { grid-column: 1 / -1; display: flex; justify-content: center; align-items: center; gap: 14px; margin: 12px 0 0; width: 100%; }
.home-hero-artwork { min-width: 0; width: 100%; max-width: 500px; justify-self: center; margin: 60px 0 84px; }
.home-hero-artwork img { display: block; width: 100%; height: auto; }
.home-hero-scheme-stack { position: relative; isolation: isolate; aspect-ratio: 1.45; }
.home-hero-scheme-stack img { position: absolute; transform-origin: center; }
.home-hero-scheme-stack .home-hero-scheme-front { z-index: 5; width: 77%; top: 12%; left: 10%; opacity: 1; filter: none; transform: rotate(-4deg); }
/* 不同的高度、倾角、大小与遮叠构成自然散落感，避免上下分排。 */
.home-hero-scheme-stack .home-hero-scheme-puzzle, .home-hero-scheme-stack .home-hero-scheme-coaster, .home-hero-scheme-stack .home-hero-scheme-cushion, .home-hero-scheme-stack .home-hero-scheme-mug, .home-hero-scheme-stack .home-hero-scheme-tumbler { z-index: 3; opacity: .8; filter: none; }
.home-hero-scheme-stack .home-hero-scheme-shirt, .home-hero-scheme-stack .home-hero-scheme-blanket, .home-hero-scheme-stack .home-hero-scheme-crystal, .home-hero-scheme-stack .home-hero-scheme-ornament, .home-hero-scheme-stack .home-hero-scheme-back { z-index: 1; opacity: .48; filter: none; }
.home-hero-scheme-stack .home-hero-scheme-back { width: 37%; top: -4%; left: 0; transform: rotate(-11deg); }
.home-hero-scheme-stack .home-hero-scheme-puzzle { width: 40%; top: -8%; left: 43%; transform: rotate(13deg); }
.home-hero-scheme-stack .home-hero-scheme-blanket { width: 37%; top: 22%; left: -5%; transform: rotate(-15deg); }
.home-hero-scheme-stack .home-hero-scheme-shirt { width: 34%; top: 47%; left: -6%; transform: rotate(-21deg); }
.home-hero-scheme-stack .home-hero-scheme-ornament { width: 26%; top: 53%; left: 76%; transform: rotate(-13deg); }
.home-hero-scheme-stack .home-hero-scheme-tumbler { width: 31%; top: 16%; left: 74%; transform: rotate(10deg); }
.home-hero-scheme-stack .home-hero-scheme-mug { width: 39%; top: 85%; left: -2%; z-index: 6; transform: rotate(-8deg); }
.home-hero-scheme-stack .home-hero-scheme-cushion { width: 48%; top: 78%; left: 44%; z-index: 6; transform: rotate(-9deg); }
.home-hero-scheme-stack .home-hero-scheme-crystal { width: 28%; top: 77%; left: 21%; transform: rotate(-17deg); }
.home-hero-scheme-stack .home-hero-scheme-coaster { width: 31%; top: 64%; left: 70%; transform: rotate(17deg); }
/* 桌面按钮承接左侧文案；移动端仍在完整图组下方居中。 */
@media (min-width: 801px) {
  .home-hero-copy-group { display: flex; flex-direction: column; gap: 28px; }
  .hero-workbench .home-hero-layout .home-hero-actions { justify-content: flex-start; margin: 0; }
}
@media (min-width: 1060px) { .home-hero-layout .hero-custom-intro h1 { white-space: nowrap; } }
@media (max-width: 1059px) and (min-width: 801px) {
  .hero-workbench .home-hero-layout { width: calc(100% - 48px); column-gap: 22px; }
  html[lang="zh-CN"] .home-hero-layout .hero-custom-intro h1 { font-size: 21px; }
  .home-hero-layout .hero-custom-title-accent { font-size: 32px; }
  .home-hero-layout .hero-custom-intro .hero-custom-benefits { font-size: 16px; }
  .home-hero-layout .hero-custom-benefits li + li::before { margin: 0 10px; }
}
@media (max-width: 800px) {
  /* 手机首屏与 65px 导航共同占满可视屏，保留内容安全撑开的能力。 */
  .hero-workbench:has(.home-hero-layout) { min-height: calc(100svh / var(--portal-scale, 1) - 65px); padding: 28px 0 !important; }
  .hero-workbench .home-hero-layout { grid-template-columns: minmax(0, 1fr); width: min(520px, calc(100% - 40px)); row-gap: 22px; }
  .home-hero-layout .hero-custom-intro { grid-row: 1; }
  .home-hero-layout .home-hero-artwork { grid-row: 2; }
  .hero-workbench .home-hero-layout .home-hero-actions { grid-row: 3; }
  .home-hero-artwork { width: 88%; max-width: 410px; justify-self: center; margin: 46px 0 72px; }
  .home-hero-layout .hero-custom-intro .home-hero-growth { white-space: normal; }
}
@media (max-width: 640px) {
  .home-hero-layout .hero-custom-intro .eyebrow { font-size: 12px; }
  html[lang="zh-CN"] .home-hero-layout .hero-custom-intro h1 { font-size: 20px; margin-top: 14px; line-height: 1.5; }
  .home-hero-layout .hero-custom-title-accent { font-size: clamp(28px, 7.7vw, 31px); margin-top: 7px; line-height: 1.3; }
  .home-hero-layout .hero-custom-intro .hero-custom-benefits { margin-top: 26px; font-size: 16px; }
  .home-hero-layout .hero-custom-benefits li + li::before { margin: 0 10px; }
  .home-hero-layout .hero-custom-intro .home-hero-growth { margin-top: 12px; font-size: 14px; line-height: 1.85; }
  .hero-workbench .home-hero-layout .home-hero-actions { flex-direction: row; gap: 10px; }
  .hero-workbench .home-hero-layout .home-hero-actions .button { min-width: 0; width: auto; max-width: none; padding-inline: 16px; min-height: 46px; flex: 0 1 auto; justify-content: center; font-size: 14px; white-space: nowrap; }
}
/* 较矮手机收敛外围留白，避免强制一屏裁掉商品与按钮。 */
@media (max-width: 640px) and (max-height: 760px) {
  .hero-workbench:has(.home-hero-layout) { padding: 20px 0 !important; }
  .hero-workbench .home-hero-layout { row-gap: 16px; }
  .home-hero-artwork { width: 80%; margin: 22px 0 40px; }
}
/* 英文首屏不沿用旧版全宽大标题与居中卖点的覆盖。 */
html[lang="en"] .home-hero-layout .hero-custom-intro h1 { font-size: clamp(24px, 2.2vw, 31px); line-height: 1.35; white-space: normal; }
html[lang="en"] .home-hero-layout .hero-custom-title-line { display: block; }
html[lang="en"] .home-hero-layout .hero-custom-title-line:nth-child(2) { font-size: 1em; white-space: normal; }
html[lang="en"] .home-hero-layout .hero-custom-title-accent { font-size: clamp(29px, 2.5vw, 36px); }
html[lang="en"] .home-hero-layout .hero-custom-intro .hero-custom-benefits { flex-wrap: wrap; gap: 4px 0; font-size: 15px; }
@media(max-width:800px) {
  html[lang="en"] .home-hero-layout .hero-custom-intro { width:100%; max-width:none; }
  html[lang="en"] .home-hero-layout .hero-custom-intro h1 { font-size:24px; margin-top:14px; }
  html[lang="en"] .home-hero-layout .hero-custom-title-accent { font-size:28px; }
  html[lang="en"] .home-hero-layout .hero-custom-intro .hero-custom-benefits { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; justify-content:flex-start; margin-top:20px; font-size:14px; }
  html[lang="en"] .home-hero-layout .hero-custom-benefits li { justify-content:flex-start; }
  html[lang="en"] .home-hero-layout .hero-custom-benefits li + li::before { content:none; }
  html[lang="en"] .home-hero-layout .hero-custom-intro .home-hero-growth { max-width:none; margin-top:12px; text-wrap:pretty; }
}
@media(max-width:640px) and (max-height:760px) {
  html[lang="en"] .home-hero-layout { row-gap:12px; }
  html[lang="en"] .home-hero-layout .home-hero-artwork { margin:8px 0 14px; }
}