/* ===== 全局样式(独享) ===== */
<style>.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {margin-top:calc(0.375rem * calc(1 - var(--tw-y-reverse,0)));margin-bottom:calc(0.375rem * var(--tw-y-reverse,0));}
.space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {margin-top:calc(0.625rem * calc(1 - var(--tw-y-reverse,0)));margin-bottom:calc(0.625rem * var(--tw-y-reverse,0));}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {margin-top:calc(0.75rem * calc(1 - var(--tw-y-reverse,0)));margin-bottom:calc(0.75rem * var(--tw-y-reverse,0));}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {margin-top:calc(1rem * calc(1 - var(--tw-y-reverse,0)));margin-bottom:calc(1rem * var(--tw-y-reverse,0));}

html, body { font-family: 'Open Sans', sans-serif; }
    h1,h2,h3,.font-head { font-family: 'Open Sans', sans-serif; }
    .js .reveal { opacity: 0; transform: translateY(22px); }
    .js .reveal.in { opacity: 1; transform: none; transition: opacity .6s ease, transform .6s ease; }
    .cta-grad { background: linear-gradient(135deg, #D4782F 0%, #B85F1F 100%); }
    .cta-grad:hover { background: linear-gradient(135deg, #E0833B 0%, #C9691F 100%); }
    .hero-grid { background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size: 26px 26px; }
    /* Hero full-bleed background carousel + readability overlay */
    .hero-full { position: absolute; inset: 0; z-index: 0; }
    .hero-overlay { position: absolute; inset: 0; z-index: 1;
      background: linear-gradient(100deg, rgba(15,43,66,.92) 0%, rgba(15,43,66,.62) 45%, rgba(15,43,66,.28) 100%); }
    @media (max-width: 1023px) {
      .hero-overlay { background: linear-gradient(180deg, rgba(15,43,66,.55) 0%, rgba(15,43,66,.30) 45%, rgba(15,43,66,.10) 68%, rgba(15,43,66,.72) 100%); }
    }
    /* Hero 高度：桌面接近全屏 88vh，内容垂直居中；移动端回落为内容自适应 */
    /* Hero height: near full screen, content vertically centered */
    .hero { display: flex; flex-direction: column; justify-content: center; min-height: clamp(600px, 86vh, 760px); }
    /* 手机端：size 区块标题缩小字号、允许自然换行（仍多行，但更紧凑） */
    @media (max-width: 768px) {
      #size h2 { font-size: 1.5rem !important; line-height: 1.3 !important; }
    }
    details > summary { list-style: none; cursor: pointer; }
    details > summary::-webkit-details-marker { display: none; }
    .sticky-cta { display: none; }
    @media (max-width: 640px) { .sticky-cta { display: block; } }
    :focus-visible { outline: 3px solid #D4782F; outline-offset: 2px; }
    /* inline validation (mirrors official Ueeshop inquiry popup) */
    .field-error { border-color: #E03E3E !important; box-shadow: 0 0 0 1px #E03E3E; }
    .field-error-msg { display: none; color: #E03E3E; font-size: 12px; margin-top: 4px; }
    .field-error-msg.show { display: block; }
    /* after successful submit, hide fields and show success message only */
    #leadForm.submitted > *:not(#formSuccess) { display: none; }

    /* Size-card hover — restored via JS class-toggle (.is-hover) because Ueeshop
       strips :hover / group-hover: rules from inline styles. */
    .nz-card { transition: transform .3s ease, box-shadow .3s ease; }
    .nz-card.is-hover { transform: translateY(-4px) scale(1.01);
      box-shadow: 0 20px 25px -5px rgba(0,0,0,.10), 0 10px 10px -5px rgba(0,0,0,.04); }
    .nz-card.is-hover .nz-card-overlay { opacity: .15; }
    .nz-card.is-hover .nz-card-content { opacity: 0; transform: translateY(-8px); }
    .nz-card.is-hover .nz-card-arrow { transform: translateX(4px); }
  
  .marquee { overflow: hidden; }
  .marquee-track { display: flex; width: max-content; animation: marquee-x 80s linear infinite; }
  .marquee:hover .marquee-track { animation-play-state: paused; }
  @keyframes marquee-x { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  @media (prefers-reduced-motion: reduce) { .marquee-track { animation: none; } }
  @media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}}
  /* Hero: full-bleed carousel — single-column copy, capped for readability */
@media (min-width:1024px){
  .hero-content{max-width:720px!important;margin-left:auto!important;margin-right:auto!important}
}