/* 小样 A —— 切面（Section / Core Sample） */

/* ---------- 首屏 ---------- */
.hero-a{
  height:auto;min-height:100vh;padding-top:72px;
  display:grid;grid-template-rows:46vh auto;
}
.hero-media{position:relative;overflow:hidden;background:var(--cream-2)}
.hero-media .shot{
  position:absolute;inset:0 0 30px 0;overflow:hidden;
}
.hero-media img{
  width:100%;height:100%;object-fit:cover;object-position:center 46%;
  /* 提亮：原图偏暗，+18% 亮度、略降饱和，避免灰白 */
  filter:brightness(1.18) saturate(.93) contrast(1.02);
  transform:scale(1.02);
}
.hero-media .veil{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(250,246,238,.16) 0%,rgba(250,246,238,.03) 46%,rgba(247,243,234,.30) 100%);
  pointer-events:none;
}
.hero-media .ai-tag{
  position:absolute;right:40px;bottom:0;height:30px;
  display:flex;align-items:center;gap:16px;
  font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-55);
}
.hero-media .ai-tag em{font-style:normal;letter-spacing:.16em}

.hero-cut{
  position:relative;
  display:grid;grid-template-columns:390px 1fr 96px;
  gap:0 48px;align-items:stretch;
  padding:0 40px 0 40px;
  border-top:1px solid var(--line);
}

/* 商品卡：向上压进图里，但图上不放任何字 */
.cut-card{
  position:relative;margin-top:-84px;align-self:start;
  background:var(--bone);padding:12px 12px 0;
  border:1px solid var(--line);
  box-shadow:0 24px 60px -34px rgba(9,16,12,.45);
}
.cut-card .frame{aspect-ratio:4/5;overflow:hidden;background:var(--cream-2)}
.cut-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.cut-card:hover img{transform:scale(1.04)}
.cut-card figcaption{
  display:flex;justify-content:space-between;gap:8px;
  padding:10px 2px 12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-55);
}

.cut-body{display:flex;flex-direction:column;justify-content:center;padding:24px 0 24px;max-width:560px}
.cut-body h1{margin:0 0 16px;font-size:clamp(36px,3.9vw,54px)}
.cut-body .lede{margin:0 0 24px;font-size:15px;line-height:1.8;color:var(--ink-70);max-width:420px}
.cut-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cut-meta{
  display:flex;align-items:center;gap:14px;padding-top:18px;
}
.cut-meta .badge{width:44px;height:44px;mix-blend-mode:multiply;opacity:.9}
.cut-meta .meta-txt{font-size:10px;line-height:1.7;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-55)}

/* 右侧地层条：六层配方，一层一色 */
.strata{
  display:grid;grid-template-rows:repeat(6,1fr);
  border-left:1px solid var(--line);border-right:1px solid var(--line);
  overflow:hidden;
}
.strata i{display:block;transition:flex .5s var(--ease)}
.strata i:hover{filter:brightness(1.06)}

/* ---------- 商品段 ---------- */
.product-a{
  display:grid;grid-template-columns:46fr 54fr;
  border-top:1px solid var(--line);
}
.product-media{
  position:relative;background:var(--cream-2);
  border-right:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
  padding:64px 56px;
}
.product-media .plate{width:100%;max-width:520px;position:relative}
.product-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.product-media .plate-tag{
  display:flex;justify-content:space-between;gap:12px;
  padding:10px 0 0;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-55);
}
.product-panel{padding:88px 64px 88px 64px;display:flex;flex-direction:column;justify-content:center}

/* 六层配方列表 */
.slices{margin:8px 0 40px;border-top:1px solid var(--line)}
.slice{
  display:grid;grid-template-columns:26px 1fr auto 10px;align-items:center;gap:16px;
  padding:0 0 0 0;border-bottom:1px solid var(--line);
  height:56px;position:relative;overflow:hidden;
}
.slice .idx{font-size:10px;letter-spacing:.1em;color:var(--ink-55);font-variant-numeric:tabular-nums}
.slice .cn{font-size:16px}
.slice .en{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-55);text-align:right;white-space:nowrap}
.slice::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:0;
  background:var(--c);opacity:.16;transition:width .5s var(--ease);
}
.slice:hover::before{width:100%}
.slice .idx,.slice .cn,.slice .en{position:relative;z-index:1}
.slice .swatch{
  position:relative;z-index:1;width:10px;height:56px;background:var(--c);
}

.product-panel .buy{margin-top:0}

/* ---------- 响应 ---------- */
@media (max-width:1180px){
  .hero-cut{grid-template-columns:330px 1fr 64px;gap:0 32px}
  .product-panel{padding:64px 40px}
}
@media (max-width:900px){
  .hero-a{height:auto;min-height:0;padding-top:64px;grid-template-rows:auto auto}
  .hero-media{height:46vh;min-height:300px}
  .hero-cut{grid-template-columns:1fr;gap:0;padding:0 20px 48px}
  .cut-card{margin-top:0;max-width:260px}
  .hero-media .ai-tag{left:20px;right:20px;justify-content:flex-start;font-size:9px;letter-spacing:.2em}
  .hero-media .ai-tag em{display:none}
  .cut-body{padding:28px 0 0;max-width:none}
  .cut-meta{padding-top:22px}
  .strata{display:none}
  .product-a{grid-template-columns:1fr}
  .product-media{border-right:0;border-bottom:1px solid var(--line);padding:40px 20px}
  .product-panel{padding:48px 20px 64px}
  .slice{grid-template-columns:22px 1fr;height:52px}
  .slice .en{display:none}
}