.page-home{
  --home-ochre-soft:rgba(181,129,63,.32);
  --home-grid-line:rgba(127,169,184,.22);
  --home-cut:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  --home-cut-sm:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}

/* ---------- 面包屑 ---------- */
.page-home .home-crumbs{
  display:flex;
  align-items:center;
  gap:10px;
  padding-block:calc(var(--step) * 2);
  font-family:var(--font-num);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--c-rock);
}
.page-home .home-crumbs .crumbs__link{
  color:inherit;
  text-decoration:none;
}
.page-home .home-crumbs [aria-current="page"]{
  color:var(--c-deep);
  font-weight:600;
}

/* ---------- 首屏框景 ---------- */
.page-home .home-hero{
  padding-block-start:0;
}
.page-home .home-hero__frame{
  position:relative;
  display:grid;
  gap:calc(var(--step) * 4);
  padding:calc(var(--step) * 5) calc(var(--step) * 3) calc(var(--step) * 6);
  border:1px solid var(--line);
  background-color:var(--c-snow);
  background-image:
    linear-gradient(160deg, rgba(245,248,250,.98) 0 42%, rgba(245,248,250,.42) 82%),
    linear-gradient(var(--home-grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--home-grid-line) 1px, transparent 1px);
  background-size:auto,34px 34px,34px 34px;
  clip-path:var(--home-cut);
  overflow:hidden;
}
.page-home .home-hero__frame::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg, var(--c-ochre) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(90deg, var(--c-ochre) 0 1px, transparent 1px 26px);
  background-repeat:repeat-x,repeat-x;
  background-size:auto 12px,auto 12px;
  background-position:0 0,0 100%;
  opacity:.55;
}
.page-home .home-hero__frame::after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid var(--home-ochre-soft);
  pointer-events:none;
  clip-path:var(--home-cut-sm);
}

.page-home .home-hero__text{
  display:flex;
  flex-direction:column;
  gap:calc(var(--step) * 2);
  justify-content:center;
  min-width:0;
}
.page-home .home-hero__annot{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-num);
  font-size:12px;
  letter-spacing:.14em;
  color:var(--c-bark);
}
.page-home .home-hero__annot::before{
  content:"";
  width:30px;
  height:2px;
  background:var(--c-ochre);
  flex:none;
}
.page-home .home-hero .h1{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(28px,6.4vw,60px);
  line-height:1.14;
  letter-spacing:-.02em;
  color:var(--c-deep);
  max-width:20ch;
}
.page-home .home-hero .lede{
  margin:0;
  max-width:36ch;
  color:var(--c-ink);
}

.page-home .home-scale{
  list-style:none;
  margin:calc(var(--step) * 2) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  background:var(--home-ochre-soft);
  border-block:1px solid var(--home-ochre-soft);
}
.page-home .home-scale__item{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  padding:calc(var(--step) * 2) calc(var(--step) * 1.25);
  background:rgba(245,248,250,.9);
}
.page-home .home-scale__value{
  font-family:var(--font-num);
  font-size:clamp(24px,5vw,38px);
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  color:var(--c-deep);
}
.page-home .home-scale__value::after{
  content:"";
  display:block;
  width:22px;
  height:2px;
  margin-top:9px;
  background:var(--c-amber);
}
.page-home .home-scale__label{
  font-size:12.5px;
  line-height:1.55;
  color:var(--c-rock);
}
.page-home .home-hero__cta{
  margin-top:calc(var(--step) * 2);
  gap:12px;
  flex-wrap:wrap;
}
.page-home .home-hero__visual{
  margin:0;
  min-width:0;
  overflow:hidden;
  clip-path:var(--home-cut);
}
.page-home .home-hero__visual img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  background:var(--c-mist);
}

/* ---------- 通用章节头 ---------- */
.page-home .home-head{
  display:grid;
  gap:12px;
  max-width:64ch;
  margin-bottom:calc(var(--step) * 4);
}
.page-home .home-head .h2{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(22px,3.6vw,40px);
  line-height:1.2;
  letter-spacing:-.015em;
  color:var(--c-deep);
}
.page-home .section--dark .home-head .h2,
.page-home .section--dark .h2{
  color:var(--c-snow);
}
.page-home .home-head .note{
  margin:0;
  max-width:52ch;
}

/* ---------- 图片容器 ---------- */
.page-home .media__frame{
  overflow:hidden;
  background:var(--c-mist);
}
.page-home .home-lines__figure .media__frame,
.page-home .home-supply__media .media__frame,
.page-home .home-scenes__figure .media__frame{
  aspect-ratio:16/9;
}
.page-home .home-lines__figure img,
.page-home .home-supply__media img,
.page-home .home-scenes__figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ---------- 产品线 ---------- */
.page-home .home-lines__figure{
  margin:0 0 calc(var(--step) * 4);
}
.page-home .home-lines__tabs{
  position:relative;
}
.page-home .home-lines .tablist{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:8px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.page-home .home-lines .tablist::-webkit-scrollbar{
  display:none;
}
.page-home .home-lines .tab{
  flex:none;
}
.page-home .home-lines__panels{
  margin-top:calc(var(--step) * 3);
}
.page-home .home-line{
  display:grid;
  gap:calc(var(--step) * 3);
  padding:calc(var(--step) * 3);
  background:var(--c-snow);
  border:1px solid var(--line-soft);
  clip-path:var(--home-cut);
}
.page-home .home-line__intro{
  display:grid;
  gap:12px;
  align-content:start;
  min-width:0;
}
.page-home .home-line__intro .h3{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(20px,2.6vw,28px);
  letter-spacing:-.01em;
  color:var(--c-deep);
}
.page-home .home-line__intro .prose{
  margin:0;
}
.page-home .home-spec{
  margin:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
  border-top:2px solid var(--c-ochre);
  min-width:0;
}
.page-home .home-spec__row{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:12px;
  padding:11px 12px;
  background:var(--c-snow);
  font-size:14.5px;
  line-height:1.6;
}
.page-home .home-spec__row dt{
  color:var(--c-rock);
  font-size:13px;
}
.page-home .home-spec__row dd{
  margin:0;
  color:var(--c-ink);
  min-width:0;
}

/* ---------- 供货能力 ---------- */
.page-home .home-supply__grid{
  display:grid;
  gap:calc(var(--step) * 4);
}
.page-home .home-supply__body{
  display:grid;
  gap:16px;
  align-content:start;
  min-width:0;
}
.page-home .home-supply__body .h2{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(22px,3.6vw,40px);
  line-height:1.2;
  letter-spacing:-.015em;
}
.page-home .home-supply__body .prose{
  margin:0;
  max-width:52ch;
}
.page-home .home-supply__stats{
  list-style:none;
  margin:calc(var(--step) * 1.5) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--line-light);
}
.page-home .home-supply__stat{
  min-width:0;
  padding:calc(var(--step) * 2) calc(var(--step) * 1.5);
  background:rgba(245,248,250,.05);
}
.page-home .home-supply__stat b{
  display:block;
  font-family:var(--font-num);
  font-size:clamp(18px,2.8vw,26px);
  font-weight:700;
  line-height:1.1;
  letter-spacing:.02em;
  color:var(--c-amber);
}
.page-home .home-supply__stat span{
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:1.6;
  color:rgba(245,248,250,.74);
}
.page-home .home-rhythm{
  margin:calc(var(--step) * 2) 0 0;
  padding:0;
  display:grid;
  gap:0;
  border-top:1px solid var(--line-light);
}
.page-home .home-rhythm__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:baseline;
  padding:12px 0 12px 14px;
  border-left:2px solid var(--c-ochre);
  border-bottom:1px solid var(--line-light);
}
.page-home .home-rhythm__row dt{
  font-size:15px;
  color:rgba(245,248,250,.92);
}
.page-home .home-rhythm__row dd{
  margin:0;
  font-family:var(--font-num);
  font-size:14px;
  letter-spacing:.02em;
  color:var(--c-amber);
  text-align:right;
}
.page-home .home-supply__foot{
  margin:calc(var(--step) * 1.5) 0 0;
}
.page-home .home-supply__media{
  margin:0;
  min-width:0;
}
.page-home .home-supply__media .media__frame{
  clip-path:var(--home-cut);
}

/* ---------- 档位 ---------- */
.page-home .home-tiers__grid{
  display:grid;
  gap:calc(var(--step) * 2.5);
  padding-block-end:calc(var(--step) * 2);
}
.page-home .home-tier{
  display:grid;
  gap:12px;
  align-content:start;
  min-width:0;
  padding:calc(var(--step) * 3);
  background:var(--c-snow);
  border:1px solid var(--line);
  clip-path:var(--home-cut);
}
.page-home .home-tier--lead{
  background:var(--c-mist);
  border-color:var(--home-ochre-soft);
}
.page-home .home-tier .h3{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(19px,2.4vw,25px);
  letter-spacing:-.01em;
  color:var(--c-deep);
}
.page-home .home-tier .prose{
  margin:0;
}
.page-home .home-tier__meta{
  margin:0;
  padding-top:12px;
  border-top:1px solid var(--line-soft);
  font-size:13px;
  line-height:1.6;
  color:var(--c-rock);
}
.page-home .home-tiers__cta{
  margin:calc(var(--step) * 3) 0 0;
}

/* ---------- 场景 ---------- */
.page-home .home-scenes__figure{
  margin:0 0 calc(var(--step) * 4);
}
.page-home .home-scenes__figure .media__frame{
  clip-path:var(--home-cut);
}
.page-home .home-scenes__grid{
  display:grid;
  gap:calc(var(--step) * 2);
}
.page-home .home-scene{
  display:grid;
  gap:10px;
  align-content:start;
  min-width:0;
  padding:calc(var(--step) * 3);
  background:rgba(245,248,250,.72);
  border:1px solid rgba(245,248,250,.9);
  clip-path:var(--home-cut);
  transition:background .22s var(--ease), border-color .22s var(--ease);
}
.page-home .home-scene:hover,
.page-home .home-scene:focus-within{
  background:var(--c-snow);
  border-color:var(--home-ochre-soft);
}
.page-home .home-scene .h3{
  margin:0;
  font-family:var(--font-head);
  font-size:19px;
  letter-spacing:-.01em;
  color:var(--c-deep);
}
.page-home .home-scene .prose{
  margin:0;
  font-size:15px;
}
.page-home .home-scene__tip{
  margin:0;
  max-height:0;
  overflow:hidden;
  opacity:0;
  font-size:13.5px;
  line-height:1.6;
  color:var(--c-bark);
  border-left:2px solid var(--c-ochre);
  padding-left:0;
  transition:max-height .26s var(--ease), opacity .2s var(--ease), padding-left .26s var(--ease);
}
.page-home .home-scene:hover .home-scene__tip,
.page-home .home-scene:focus-within .home-scene__tip{
  max-height:140px;
  opacity:1;
  padding-left:12px;
}
.page-home .home-scenes__more{
  margin:calc(var(--step) * 3) 0 0;
}

/* ---------- 定制与质保 ---------- */
.page-home .home-custom__grid{
  display:grid;
  gap:calc(var(--step) * 4);
}
.page-home .home-custom__col{
  display:grid;
  gap:16px;
  align-content:start;
  min-width:0;
}
.page-home .home-custom__col .h2{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(22px,3.6vw,40px);
  line-height:1.2;
  letter-spacing:-.015em;
  color:var(--c-deep);
}
.page-home .home-custom__list{
  list-style:none;
  margin:calc(var(--step) * 1.5) 0 0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
}
.page-home .home-custom__item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "no title"
    "no text";
  column-gap:14px;
  row-gap:6px;
  align-items:start;
  padding:calc(var(--step) * 2) calc(var(--step) * 1.5);
  background:var(--c-snow);
}
.page-home .home-custom__no{
  grid-area:no;
  font-family:var(--font-num);
  font-size:13px;
  letter-spacing:.08em;
  color:var(--c-ochre);
  padding-top:5px;
}
.page-home .home-custom__item .h3{
  grid-area:title;
  margin:0;
  font-family:var(--font-head);
  font-size:18px;
  letter-spacing:-.01em;
  color:var(--c-deep);
}
.page-home .home-custom__item p{
  grid-area:text;
  margin:0;
  font-size:15px;
  line-height:1.7;
  color:var(--c-ink);
}

.page-home .home-warranty{
  display:grid;
  gap:14px;
  align-content:start;
  min-width:0;
  padding:calc(var(--step) * 3);
  clip-path:var(--home-cut);
  border-left:3px solid var(--c-ochre);
}
.page-home .home-warranty .h3{
  margin:0;
  font-family:var(--font-head);
  font-size:20px;
  letter-spacing:-.01em;
  color:var(--c-deep);
}
.page-home .home-warranty__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-soft);
}
.page-home .home-warranty__list li{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:16px;
  padding:12px 14px;
  background:var(--c-snow);
}
.page-home .home-warranty__k{
  font-size:14.5px;
  color:var(--c-rock);
}
.page-home .home-warranty__v{
  font-family:var(--font-num);
  font-size:16px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--c-deep);
}
.page-home .home-warranty .prose{
  margin:0;
  font-size:15px;
}
.page-home .home-warranty__note{
  margin:0;
  padding-top:12px;
  border-top:1px solid var(--line-soft);
  font-family:var(--font-num);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--c-rock);
}
.page-home .home-warranty__more{
  margin:0;
}

/* ---------- 联系 ---------- */
.page-home .home-reach__grid{
  display:grid;
  gap:calc(var(--step) * 4);
}
.page-home .home-reach__brief{
  display:grid;
  gap:16px;
  align-content:start;
  min-width:0;
}
.page-home .home-reach__brief .h2{
  margin:0;
  font-family:var(--font-head);
  font-size:clamp(22px,3.6vw,40px);
  line-height:1.2;
  letter-spacing:-.015em;
}
.page-home .home-reach__brief .prose{
  margin:0;
  max-width:48ch;
}
.page-home .home-reach__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:0;
  border-top:1px solid var(--line-light);
}
.page-home .home-reach__list li{
  display:flex;
  align-items:baseline;
  gap:14px;
  padding:13px 0 13px 14px;
  border-left:2px solid var(--c-amber);
  border-bottom:1px solid var(--line-light);
  font-size:15.5px;
  color:rgba(245,248,250,.92);
}
.page-home .home-reach__idx{
  font-family:var(--font-num);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--c-amber);
  flex:none;
}
.page-home .home-reach__note{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:rgba(245,248,250,.72);
}
.page-home .home-reach__contact{
  min-width:0;
  padding:calc(var(--step) * 3);
  background:rgba(245,248,250,.05);
  border:1px solid var(--line-light);
  clip-path:var(--home-cut);
}
.page-home .home-reach__contact .contact-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "label label"
    "value copy";
  align-items:center;
  gap:6px 12px;
  padding:12px 0;
  border-bottom:1px solid var(--line-light);
}
.page-home .home-reach__contact .contact-item__label{
  grid-area:label;
  font-size:12px;
  letter-spacing:.08em;
  color:rgba(245,248,250,.6);
}
.page-home .home-reach__contact .contact-item__value{
  grid-area:value;
  min-width:0;
  font-size:15px;
  line-height:1.6;
  color:var(--c-snow);
  word-break:break-word;
}
.page-home .home-reach__contact .copy-btn{
  grid-area:copy;
  flex:none;
}
.page-home .home-reach__contact .contact-note{
  margin:calc(var(--step) * 2) 0 0;
  font-size:13.5px;
  line-height:1.7;
  color:rgba(245,248,250,.7);
}
.page-home .home-reach__cta{
  margin:calc(var(--step) * 2) 0 0;
}
.page-home .home-reach__contact .copy-live{
  margin:8px 0 0;
  font-size:13px;
  color:var(--c-amber);
  min-height:1em;
}

/* ---------- 断点 ---------- */
@media (min-width:600px){
  .page-home .home-scenes__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-home .home-scenes__grid .home-scene:first-child{
    grid-column:span 2;
  }
}

@media (min-width:760px){
  .page-home .home-lines__figure .media__frame,
  .page-home .home-scenes__figure .media__frame{
    aspect-ratio:21/9;
  }
  .page-home .home-line{
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    align-items:start;
    gap:calc(var(--step) * 4);
  }
  .page-home .home-tier__meta{
    margin-top:auto;
  }
  .page-home .home-tiers__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1.2fr);
    padding-block-end:calc(var(--step) * 6);
  }
  .page-home .home-tier:nth-child(2){
    transform:translateY(24px);
  }
  .page-home .home-tier:nth-child(3){
    transform:translateY(48px);
  }
}

@media (min-width:900px){
  .page-home .home-hero__frame{
    grid-template-columns:5fr 7fr;
    align-items:stretch;
    padding:calc(var(--step) * 6) calc(var(--step) * 5);
  }
  .page-home .home-hero__visual img{
    aspect-ratio:auto;
    min-height:340px;
  }
  .page-home .home-supply__grid{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    align-items:center;
    gap:calc(var(--step) * 6);
  }
  .page-home .home-custom__grid{
    grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
    align-items:start;
    gap:calc(var(--step) * 6);
  }
  .page-home .home-reach__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;
    gap:calc(var(--step) * 6);
  }
}

@media (min-width:1040px){
  .page-home .home-scenes__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-home .home-scenes__grid .home-scene:first-child{
    grid-column:span 1;
  }
  .page-home .home-scenes__grid .home-scene:nth-child(2){
    transform:translateY(24px);
  }
  .page-home .home-scenes__grid .home-scene:nth-child(4){
    transform:translateY(16px);
  }
  .page-home .home-scene{
    min-height:192px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-home .home-scene,
  .page-home .home-scene__tip,
  .page-home .home-tier{
    transition:none;
    transform:none;
  }
}
</style>