/* zone-home.css：home区的样式（H229 ⑤）。每条规则以 .zn[data-zone="home"] 开头，不归区的路由用 body[data-page="<本单路由名>"]（spec §2-1）。类名前缀 z-home-。
   照交互稿 proto.css「首页」段（.hero / .stage-card / .bento / .flow-stage / .acc-* / .plat-* / .cta / .foot）改前缀落地；颜色只用 kit.css H229 段的 token（稿子的 --brand 在这里叫 --k-brand）。
   动效只引 --t1..--t4 与 --m-*；布局过渡（快捷入口伸展、Bento 换主卡、手风琴展开、平台名放大）登记在 check.mjs 的 LAYOUT_TRANSITION_ALLOW。
   稿子里动 box-shadow / 描边偏移 / 背景位置的几个关键帧（脉冲环、虚线流动、发送钮流光）不搬：关键帧只许 transform / opacity（K4），改成静态或换成透明度。 */
.zn[data-zone="home"] { --z-home-g: 48px; }
.zn[data-zone="home"] .z-home { overflow-x: clip; }
.zn[data-zone="home"] .z-home-wrap { max-width: calc(var(--w) + 2 * var(--z-home-g)); margin: 0 auto; padding-left: var(--z-home-g); padding-right: var(--z-home-g); box-sizing: border-box; }
.zn[data-zone="home"] .z-home-row { display: flex; align-items: center; gap: 8px; }
.zn[data-zone="home"] .z-home-row.wrap { flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.zn[data-zone="home"] .z-home-row.sb { justify-content: space-between; margin-bottom: 10px; }
.zn[data-zone="home"] .z-home-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.zn[data-zone="home"] .z-home-mono { font-family: var(--f-mono); }

/* ── hero ── */
.zn[data-zone="home"] .z-home-hero { position: relative; background: var(--bg-soft); padding: 56px 0 0; overflow: hidden; isolation: isolate; }
.zn[data-zone="home"] .z-home-glow { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.zn[data-zone="home"] .z-home-glow i { position: absolute; border-radius: 50%; animation: z-home-drift var(--m-drift) var(--ease-io) infinite alternate; }
.zn[data-zone="home"] .z-home-glow i:nth-child(1) { width: 720px; height: 720px; left: -180px; top: -320px; background: radial-gradient(closest-side, rgba(255, 122, 69, .20), transparent); }
.zn[data-zone="home"] .z-home-glow i:nth-child(2) { width: 640px; height: 640px; right: -160px; top: -240px; background: radial-gradient(closest-side, rgba(37, 100, 248, .16), transparent); animation-duration: calc(var(--m-drift) * 1.08); }
.zn[data-zone="home"] .z-home-glow i:nth-child(3) { width: 560px; height: 560px; left: 30%; top: 160px; background: radial-gradient(closest-side, rgba(217, 61, 122, .12), transparent); animation-duration: calc(var(--m-drift) * 1.23); }
.zn[data-zone="home"] .z-home-glow i:nth-child(4) { width: 520px; height: 520px; right: 8%; top: 260px; background: radial-gradient(closest-side, rgba(18, 183, 106, .10), transparent); }
.zn[data-zone="home"] .z-home-hero.is-idle .z-home-glow i { animation-play-state: paused; }
@keyframes z-home-drift { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(40px, -24px) scale(1.06); } 100% { transform: translate(-30px, 30px) scale(.98); } }
.zn[data-zone="home"] .z-home-gridbg { position: absolute; inset: 0; z-index: -1; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 48px 48px; -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 20%, #000 20%, transparent 75%); mask-image: radial-gradient(ellipse 70% 60% at 50% 20%, #000 20%, transparent 75%); opacity: .5; }
.zn[data-zone="home"] .z-home-head { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 18px; }
.zn[data-zone="home"] .z-home-h1 { margin: 0; font-size: clamp(34px, 4.6vw, 60px); line-height: 1.12; font-weight: 600; letter-spacing: -.035em; text-wrap: balance; color: var(--ink); }
.zn[data-zone="home"] .z-home-rot { display: inline-grid; vertical-align: bottom; overflow: hidden; height: 1.12em; }
.zn[data-zone="home"] .z-home-rot b { grid-area: 1 / 1; font-weight: 600; background: var(--grad-brand-text); -webkit-background-clip: text; background-clip: text; color: transparent;
  transform: translateY(105%); opacity: 0; transition: transform var(--t4) var(--e-out), opacity var(--t3); padding-bottom: .06em; }
.zn[data-zone="home"] .z-home-rot b.on { transform: none; opacity: 1; }
.zn[data-zone="home"] .z-home-rot b.out { transform: translateY(-105%); opacity: 0; }
.zn[data-zone="home"] .z-home-sub { margin: 0; color: var(--ink-2); font-size: 16px; line-height: 26px; max-width: 46ch; }
.zn[data-zone="home"] .z-home-acts { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
/* 演示卡 */
.zn[data-zone="home"] .z-home-stage { position: relative; margin: 40px auto 0; border-radius: var(--r-2xl); background: var(--night); color: var(--night-ink); overflow: hidden; box-shadow: 0 30px 70px -40px rgba(20, 30, 60, .5); }
.zn[data-zone="home"] .z-home-stage::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60% 80% at 100% 0%, rgba(240, 86, 46, .22), transparent 60%), radial-gradient(50% 70% at 0% 100%, rgba(37, 100, 248, .22), transparent 60%); }
.zn[data-zone="home"] .z-home-demo { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); min-height: 380px; }
.zn[data-zone="home"] .z-home-chat { padding: 28px 28px 24px; border-right: 1px solid var(--night-line); display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.zn[data-zone="home"] .z-home-demo-hd { display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: var(--night-ink-2); }
.zn[data-zone="home"] .z-home-lights { display: flex; gap: 6px; }
.zn[data-zone="home"] .z-home-lights i { width: 10px; height: 10px; border-radius: 50%; background: #ff5f57; }
.zn[data-zone="home"] .z-home-lights i:nth-child(2) { background: #febc2e; }
.zn[data-zone="home"] .z-home-lights i:nth-child(3) { background: #28c840; }
.zn[data-zone="home"] .z-home-capchip { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: var(--pill); font-size: 12px; background: rgba(255, 255, 255, .08); color: var(--night-ink); }
.zn[data-zone="home"] .z-home-capchip i { width: 6px; height: 6px; border-radius: 50%; }
.zn[data-zone="home"] .z-home-bub { max-width: 88%; padding: 10px 14px; border-radius: 16px; font-size: 14px; line-height: 22px; animation: z-home-in var(--t3) var(--e-out) both; }
.zn[data-zone="home"] .z-home-bub.me { align-self: flex-end; background: var(--primary); color: #fff; border-bottom-right-radius: 6px; }
/* 暗色的 --primary 变浅了，白字压不住（AC69 ②）：同共用层 .k-btn.primary 暗色，改深色字 */
:root[data-theme="dark"] .zn[data-zone="home"] .z-home-bub.me { color: var(--bg); }
.zn[data-zone="home"] .z-home-bub.ai { align-self: flex-start; background: var(--night-2); border: 1px solid var(--night-line); border-bottom-left-radius: 6px; }
@keyframes z-home-in { from { opacity: 0; transform: translateY(8px); } }
.zn[data-zone="home"] .z-home-cm { align-self: stretch; border-radius: 14px; background: #fff; color: #14151c; padding: 14px; display: flex; flex-direction: column; gap: 8px; animation: z-home-in var(--t3) var(--e-out) both; }
.zn[data-zone="home"] .z-home-cm .r { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; }
.zn[data-zone="home"] .z-home-cm .r.act { gap: 8px; }
.zn[data-zone="home"] .z-home-cm .k-btn { flex: 1; height: 32px; }
.zn[data-zone="home"] .z-home-cm .k-btn.line { background: #fff; border-color: #e6e7eb; color: #14151c; }
.zn[data-zone="home"] .z-home-cm .k-btn.dark { background: #14151c; color: #fff; }
.zn[data-zone="home"] .z-home-cm .k-btn.dark.is-nod { background: var(--ok); }
.zn[data-zone="home"] .z-home-cm .k-btn.dark.is-nod::before { opacity: 0; }
.zn[data-zone="home"] .z-home-steps { padding: 28px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.zn[data-zone="home"] .z-home-steps h5 { margin: 0 0 4px; font-size: 12.5px; font-weight: 500; color: var(--night-ink-2); display: flex; justify-content: space-between; }
.zn[data-zone="home"] .z-home-step { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--night-line);
  background: rgba(255, 255, 255, .02); opacity: .38; transition: opacity var(--t3), border-color var(--t3), background-color var(--t3); }
.zn[data-zone="home"] .z-home-step.on { opacity: 1; border-color: rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .05); }
.zn[data-zone="home"] .z-home-step.done { opacity: .8; }
.zn[data-zone="home"] .z-home-step .ix { width: 28px; height: 28px; border-radius: 8px; display: grid; place-items: center; background: var(--night-2); font: 12px var(--f-mono); color: var(--night-ink-2); }
.zn[data-zone="home"] .z-home-step.on .ix { background: var(--grad-brand); color: #fff; }
.zn[data-zone="home"] .z-home-step.done .ix { background: rgba(18, 183, 106, .18); color: #5be0a3; }
.zn[data-zone="home"] .z-home-step code { color: var(--night-ink); font-size: 13px; font-family: var(--f-mono); background: none; padding: 0; }
.zn[data-zone="home"] .z-home-step small { display: block; color: var(--night-ink-2); font-size: 12px; line-height: 18px; }
.zn[data-zone="home"] .z-home-step .st { font-size: 12px; color: var(--night-ink-2); white-space: nowrap; }
.zn[data-zone="home"] .z-home-step.gate { border-style: dashed; }
.zn[data-zone="home"] .z-home-arrow { position: absolute; top: 50%; z-index: 3; width: 40px; height: 40px; border-radius: 50%; border: 0; display: grid; place-items: center; cursor: pointer;
  background: rgba(255, 255, 255, .78); color: #14151c; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 6px 18px rgba(20, 30, 60, .2);
  opacity: 0; transform: translateY(-50%) scale(.9); transition: opacity var(--t3), transform var(--t3); }
.zn[data-zone="home"] .z-home-arrow.prev { left: 16px; }
.zn[data-zone="home"] .z-home-arrow.next { right: 16px; }
.zn[data-zone="home"] .z-home-stage:hover .z-home-arrow, .zn[data-zone="home"] .z-home-arrow:focus-visible { opacity: 1; transform: translateY(-50%) scale(1); }
.zn[data-zone="home"] .z-home-dots { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; gap: 2px; z-index: 3; }
.zn[data-zone="home"] .z-home-dots button { position: relative; width: 22px; height: 6px; border: 0; padding: 0; background: none; cursor: pointer; }
.zn[data-zone="home"] .z-home-dots button::before { content: ""; position: absolute; inset: 0; border-radius: 3px; background: rgba(255, 255, 255, .4); transform: scaleX(.273); transition: transform var(--t3) var(--e-out), background-color var(--t2); }
.zn[data-zone="home"] .z-home-dots button.on::before { transform: none; background: #fff; }
/* 数字条 + 公告 */
.zn[data-zone="home"] .z-home-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 28px; border-top: 1px solid var(--line); }
.zn[data-zone="home"] .z-home-stats div { padding: 18px 4px; display: flex; flex-direction: column; gap: 2px; }
.zn[data-zone="home"] .z-home-stats div + div { padding-left: 24px; border-left: 1px solid var(--line); }
.zn[data-zone="home"] .z-home-stats b { font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--ink); }
.zn[data-zone="home"] .z-home-stats span { color: var(--ink-2); font-size: 13px; }
.zn[data-zone="home"] .z-home-notice { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); font-size: 13.5px; }
.zn[data-zone="home"] .z-home-notice .k-tag { flex: 0 0 auto; }
.zn[data-zone="home"] .z-home-notice a { color: var(--ink-1); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; min-width: 0; transition: color var(--t2); }
.zn[data-zone="home"] .z-home-notice a:hover { color: var(--primary); }
.zn[data-zone="home"] .z-home-notice time { margin-left: auto; color: var(--ink-3); font-family: var(--f-mono); font-size: 12px; flex: none; }

/* ── 快捷入口：悬停伸展 ── */
.zn[data-zone="home"] .z-home-feats { display: flex; gap: clamp(16px, 2.5vw, 40px); padding: 36px 0 8px; align-items: center; }
.zn[data-zone="home"] .z-home-feat { flex: 1 1 0; min-width: 0; display: flex; gap: 14px; align-items: center; color: var(--ink); text-decoration: none; transition: flex-grow var(--t3) var(--e-std); }
.zn[data-zone="home"] .z-home-feat:hover { flex-grow: 1.45; }
.zn[data-zone="home"] .z-home-feat-ic { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; flex: 0 0 auto; font-size: 22px; transition: transform var(--t3) var(--e-spring); }
.zn[data-zone="home"] .z-home-feat:hover .z-home-feat-ic { transform: rotate(-6deg) scale(1.06); }
.zn[data-zone="home"] .z-home-feat b { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 600; white-space: nowrap; }
.zn[data-zone="home"] .z-home-feat b .k-tag { height: 18px; font-size: 11px; }
.zn[data-zone="home"] .z-home-feat-bd { min-width: 0; flex: 1; }
.zn[data-zone="home"] .z-home-feat-bd > span { display: block; color: var(--ink-2); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zn[data-zone="home"] .z-home-feat .chev { margin-left: auto; color: var(--ink-3); transition: transform var(--t2), color var(--t2); }
.zn[data-zone="home"] .z-home-feat:hover .chev { transform: translateX(3px); color: var(--ink); }
.zn[data-zone="home"] .z-home-feat-vr { width: 1px; height: 32px; background: var(--line); flex: 0 0 auto; }

/* ── 区块标题：黑色前缀 + 灰色后半（只在首页，H229 ②） ── */
.zn[data-zone="home"] .z-home-sec { padding-top: 120px; }
.zn[data-zone="home"] .z-home-sec-hd { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 36px; }
.zn[data-zone="home"] .z-home-sec-hd.center { justify-content: center; text-align: center; }
.zn[data-zone="home"] .z-home-sec-hd.center .z-home-lede { margin-inline: auto; }
.zn[data-zone="home"] .z-home-title { margin: 0; font-size: 36px; line-height: 1.25; font-weight: 500; letter-spacing: -.03em; color: var(--ink); }
.zn[data-zone="home"] .z-home-title em { font-style: normal; color: var(--ink-3); }
.zn[data-zone="home"] .z-home-lede { margin: 10px 0 0; color: var(--ink-2); font-size: 15px; max-width: 60ch; }
.zn[data-zone="home"] .z-home-phase { display: inline-grid; overflow: hidden; vertical-align: bottom; }
.zn[data-zone="home"] .z-home-phase em { grid-area: 1 / 1; transition: transform var(--t3) var(--e-out), opacity var(--t2); }
.zn[data-zone="home"] .z-home-phase em.off { opacity: 0; transform: translateY(8px); }
.zn[data-zone="home"] .z-home-tabs { display: flex; justify-content: center; margin-top: 24px; }

/* ── 能力 Bento：悬停换主卡（位置走 transform，宽高走布局过渡白名单） ── */
.zn[data-zone="home"] .z-home-bento { position: relative; height: 480px; }
.zn[data-zone="home"] .z-home-bc { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; transform: translate(var(--x, 0), var(--y, 0)); border-radius: var(--r-xl); border: 1px solid var(--line); background: var(--surface); overflow: hidden; cursor: pointer; box-sizing: border-box; outline: none;
  transition: transform var(--t4) var(--e-layout), width var(--t4) var(--e-layout), height var(--t4) var(--e-layout), box-shadow var(--t2); }
.zn[data-zone="home"] .z-home-bc:hover, .zn[data-zone="home"] .z-home-bc:focus-visible { box-shadow: var(--shadow-hover); }
.zn[data-zone="home"] .z-home-bc-hd { position: relative; z-index: 2; padding: 22px 24px 0; display: flex; justify-content: space-between; gap: 12px; }
.zn[data-zone="home"] .z-home-bc-hd h3 { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -.01em; display: flex; align-items: center; gap: 8px; color: inherit; }
.zn[data-zone="home"] .z-home-bc-hd h3 > span:first-child { font-size: 20px; display: inline-flex; }
.zn[data-zone="home"] .z-home-bc-hd p { margin: 4px 0 0; color: var(--ink-2); font-size: 13px; line-height: 20px; }
.zn[data-zone="home"] .z-home-bc-go { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--bg-mute); color: var(--ink-2); flex: 0 0 auto; opacity: 0; transform: translate(-4px, 4px);
  transition: opacity var(--t2), transform var(--t3) var(--e-out); }
.zn[data-zone="home"] .z-home-bc.big .z-home-bc-go { opacity: 1; transform: none; }
/* 内容区占卡头与标签行之间剩下的高度（原先绝对定位到卡底，大卡的标签行压在货架 / 五步链上，10-29 线上报的遮挡） */
.zn[data-zone="home"] .z-home-bc-bd { position: relative; flex: 1 1 auto; min-height: 0; margin-top: 16px; transition: opacity var(--t3); }
.zn[data-zone="home"] .z-home-bc .big-only { transition: opacity var(--t3) var(--t2); }
.zn[data-zone="home"] .z-home-bc:not(.big) .big-only { opacity: 0; pointer-events: none; }
.zn[data-zone="home"] .z-home-bento.is-ex .z-home-bc:not(.big) .z-home-bc-bd { opacity: 0; pointer-events: none; }
.zn[data-zone="home"] .z-home-bc:not(.big) .z-home-bc-hd p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
/* 标签行只在大卡出现：小卡时脱离文档流（不占内容区的高度），大卡时进文档流、排在内容区下面，两者不相交 */
.zn[data-zone="home"] .z-home-bc-ft { position: absolute; left: 24px; right: 24px; bottom: 20px; display: flex; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: var(--ink-2); }
.zn[data-zone="home"] .z-home-bc.big .z-home-bc-ft { position: relative; left: auto; right: auto; bottom: auto; flex: none; margin-top: 12px; padding: 0 24px 20px; }
.zn[data-zone="home"] .z-home-bc.dark { background: var(--night); border-color: var(--night); color: var(--night-ink); }
.zn[data-zone="home"] .z-home-bc.dark .z-home-bc-hd p { color: var(--night-ink-2); }
.zn[data-zone="home"] .z-home-bc.dark .z-home-bc-go { background: rgba(255, 255, 255, .1); color: var(--night-ink); }
.zn[data-zone="home"] .z-home-mq { position: absolute; left: 0; right: 0; top: 20px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.zn[data-zone="home"] .z-home-mq.rev { top: 68px; }
.zn[data-zone="home"] .z-home-mq-track { display: flex; gap: 10px; width: max-content; animation: z-home-mq calc(var(--m-drift) * 1.54) linear infinite; }
.zn[data-zone="home"] .z-home-mq.rev .z-home-mq-track { animation-direction: reverse; animation-duration: calc(var(--m-drift) * 1.77); }
@keyframes z-home-mq { to { transform: translateX(-50%); } }
.zn[data-zone="home"] .z-home-chip { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: var(--pill); border: 1px solid var(--line); background: var(--surface); font: 12.5px var(--f-mono); color: var(--ink-1); white-space: nowrap; }
.zn[data-zone="home"] .z-home-chip i { width: 8px; height: 8px; border-radius: 50%; background: var(--c-food); }
.zn[data-zone="home"] .z-home-chip.sm { height: 30px; }
.zn[data-zone="home"] .z-home-says { position: absolute; left: 24px; right: 24px; top: 132px; display: flex; flex-direction: column; gap: 8px; }
.zn[data-zone="home"] .z-home-say { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; height: 34px; padding: 0 14px; border-radius: var(--pill); background: var(--c-food-soft); color: var(--ink-1); font-size: 13px; text-decoration: none; transition: background-color var(--t2); }
.zn[data-zone="home"] .z-home-say .ic { color: var(--c-food); }
.zn[data-zone="home"] .z-home-route { position: absolute; inset: 0; width: 100%; height: 100%; }
.zn[data-zone="home"] .z-home-route .path { stroke-dasharray: 6 8; }
.zn[data-zone="home"] .z-home-shelf { position: absolute; inset: 0 24px 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-content: end; }
.zn[data-zone="home"] .z-home-shelf .sku { border-radius: 14px; background: var(--c-retail-soft); padding: 10px; display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--ink-1); }
.zn[data-zone="home"] .z-home-shelf .sku i { height: 52px; border-radius: 10px; background: linear-gradient(135deg, rgba(122, 90, 248, .35), rgba(122, 90, 248, .08)); }
.zn[data-zone="home"] .z-home-shelf .sku b { font-weight: 500; }
.zn[data-zone="home"] .z-home-shelf .sku span { color: var(--ink-3); }
.zn[data-zone="home"] .z-home-chain { position: absolute; inset: 0 24px 24px; display: flex; flex-direction: column; justify-content: flex-end; gap: 8px; }
.zn[data-zone="home"] .z-home-bc.big .z-home-shelf, .zn[data-zone="home"] .z-home-bc.big .z-home-chain { bottom: 0; }   /* 大卡下面已经是标签行（自带上间距） */
.zn[data-zone="home"] .z-home-chain div { display: flex; align-items: center; gap: 10px; font: 12.5px var(--f-mono); color: var(--night-ink); }
.zn[data-zone="home"] .z-home-chain div span { color: var(--night-ink-2); font-family: var(--f-sans); }
.zn[data-zone="home"] .z-home-chain i { position: relative; width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, .3); flex: none; }
.zn[data-zone="home"] .z-home-chain i.pulse { background: #5b8cff; }
.zn[data-zone="home"] .z-home-chain i.pulse::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #5b8cff; animation: z-home-pulse calc(var(--m-pulse) * 1.8) var(--e-out) infinite; }
@keyframes z-home-pulse { from { opacity: .6; transform: scale(1); } to { opacity: 0; transform: scale(3.4); } }

/* ── 接入：四种给法倾斜换场 ── */
.zn[data-zone="home"] .z-home-flow { position: relative; height: 470px; perspective: 1800px; overflow: hidden; margin-inline: calc(-1 * var(--z-home-g)); }
.zn[data-zone="home"] .z-home-fi { position: absolute; top: 8px; left: 50%; width: min(900px, calc(100% - 2 * var(--z-home-g))); height: 420px; margin-left: calc(min(900px, calc(100% - 2 * var(--z-home-g))) / -2);
  transform: translate3d(var(--fx, 0), 0, 0) rotateZ(var(--fa, 0deg)); transform-origin: var(--fo, 50%) 0; transition: transform var(--t4) var(--e-layout), opacity var(--t4); }
.zn[data-zone="home"] .z-home-fi[data-pose="center"] { --fx: 0px; --fa: 0deg; z-index: 3; }
.zn[data-zone="home"] .z-home-fi[data-pose="left"] { --fx: calc(-100% - 64px); --fa: -6deg; --fo: 100%; z-index: 2; opacity: .9; }
.zn[data-zone="home"] .z-home-fi[data-pose="right"] { --fx: calc(100% + 64px); --fa: 6deg; --fo: 0%; z-index: 2; opacity: .9; }
.zn[data-zone="home"] .z-home-fi[data-pose="far-left"] { --fx: calc(-200% - 128px); --fa: -6deg; --fo: 100%; z-index: 1; opacity: 0; }
.zn[data-zone="home"] .z-home-fi[data-pose="far-right"] { --fx: calc(200% + 128px); --fa: 6deg; --fo: 0%; z-index: 1; opacity: 0; }
.zn[data-zone="home"] .z-home-fi:not([data-pose="center"]) { cursor: pointer; }
.zn[data-zone="home"] .z-home-fi:not([data-pose="center"]) * { animation-play-state: paused !important; }
.zn[data-zone="home"] .z-home-win { height: 100%; border-radius: var(--r-2xl); padding: 2px; background: linear-gradient(135deg, #9ec0ff, #f6b39c 45%, #c9b8ff); box-shadow: 0 30px 60px -36px rgba(20, 30, 60, .45); box-sizing: border-box; }
.zn[data-zone="home"] .z-home-win-in { height: 100%; border-radius: 22px; background: var(--surface); display: grid; grid-template-columns: 220px minmax(0, 1fr); overflow: hidden; }
.zn[data-zone="home"] .z-home-win-side { background: var(--bg-soft); border-right: 1px solid var(--line); padding: 16px 12px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.zn[data-zone="home"] .z-home-win-side .z-home-lights { margin: 0 4px 12px; }
.zn[data-zone="home"] .z-home-win-side .it { height: 34px; border-radius: 10px; display: flex; align-items: center; gap: 8px; padding: 0 10px; font-size: 13px; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zn[data-zone="home"] .z-home-win-side .it.on { background: var(--surface); color: var(--ink); box-shadow: 0 1px 2px rgba(0, 0, 0, .05); font-weight: 500; }
.zn[data-zone="home"] .z-home-win-main { padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.zn[data-zone="home"] .z-home-win-main h4 { margin: 0; font-size: 16px; font-weight: 600; color: var(--ink); }
.zn[data-zone="home"] .z-home-muted { margin: 0; color: var(--ink-2); font-size: 13px; line-height: 20px; }
.zn[data-zone="home"] .z-home-field { display: flex; flex-direction: column; gap: 6px; font-size: 12.5px; color: var(--ink-2); }
.zn[data-zone="home"] .z-home-field .k-input { flex: 1; min-width: 0; font-family: var(--f-mono); font-size: 13px; }
.zn[data-zone="home"] .z-home-g3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.zn[data-zone="home"] .z-home-g3 .k-card { padding: 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.zn[data-zone="home"] .z-home-n { color: var(--ink-3); font: 12px var(--f-mono); }
.zn[data-zone="home"] .z-home-conn b { font-family: var(--f-mono); font-size: 13px; overflow-wrap: anywhere; }
.zn[data-zone="home"] .z-home-conn span { color: var(--ink-3); font-size: 12px; }
.zn[data-zone="home"] .z-home-conn .k-btn { align-self: flex-start; margin-top: 6px; }
.zn[data-zone="home"] .z-home-packs { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: var(--r-m); overflow: hidden; }
.zn[data-zone="home"] .z-home-pack { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; padding: 10px 14px; font-size: 13px; }
.zn[data-zone="home"] .z-home-pack + .z-home-pack { border-top: 1px solid var(--line); }
.zn[data-zone="home"] .z-home-pack .z-home-mono { color: var(--ink-3); font-size: 12px; }
.zn[data-zone="home"] .z-home-winbar { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 12px; background: var(--bg-soft); font-size: 12.5px; color: var(--ink-2); }
.zn[data-zone="home"] .z-home-winbar > span:first-child { display: inline-flex; align-items: center; gap: 6px; }
.zn[data-zone="home"] .z-home-term { flex: 1; border-radius: 14px; background: var(--night); color: var(--night-ink); font: 12.5px/22px var(--f-mono); padding: 16px; overflow: hidden; white-space: pre-wrap; }
.zn[data-zone="home"] .z-home-term .p { color: #5be0a3; }
.zn[data-zone="home"] .z-home-term .o { color: #fbbf77; }
.zn[data-zone="home"] .z-home-term .caret { display: inline-block; width: 7px; height: 15px; background: #5be0a3; vertical-align: -2px; margin-left: 2px; animation: z-home-blink var(--m-blink) step-end infinite; }
@keyframes z-home-blink { 50% { opacity: 0; } }

/* ── 接口手风琴：点击切换 ── */
.zn[data-zone="home"] .z-home-acc { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(32px, 6vw, 88px); align-items: stretch; min-height: 460px; }
.zn[data-zone="home"] .z-home-acc-stage { position: relative; border-radius: var(--r-2xl); overflow: hidden; background: linear-gradient(140deg, #ffe7dc, #eaf0ff 55%, #f1edff); min-height: 360px; }
:root[data-theme="dark"] .zn[data-zone="home"] .z-home-acc-stage { background: linear-gradient(140deg, #3a2218, #18223f 55%, #241d3d); }
.zn[data-zone="home"] .z-home-acc-card { position: absolute; inset: 0; opacity: 0; visibility: hidden; transform: translateY(12px); display: grid; place-items: center; padding: 40px; }
.zn[data-zone="home"] .z-home-acc-card.on { opacity: 1; visibility: visible; transform: none; transition: opacity var(--t3), transform var(--t4) var(--e-out); }
.zn[data-zone="home"] .z-home-glass { width: 100%; max-width: 560px; box-sizing: border-box; border-radius: 20px; padding: 18px; background: rgba(255, 255, 255, .62); -webkit-backdrop-filter: blur(10px) saturate(170%); backdrop-filter: blur(10px) saturate(170%);
  box-shadow: 0 32px 60px -34px rgba(22, 48, 88, .48), inset 0 1px 0 rgba(255, 255, 255, .9); border: 1px solid rgba(255, 255, 255, .7); color: #14151c; font-size: 14px; }
/* 暗色：底下的渐变变深了，玻璃卡再实一点，卡里的深色字才压得住（AC69 ②） */
:root[data-theme="dark"] .zn[data-zone="home"] .z-home-glass { background: rgba(255, 255, 255, .9); }
.zn[data-zone="home"] .z-home-glass.narrow { max-width: 380px; }
.zn[data-zone="home"] .z-home-glass.center { text-align: center; }
.zn[data-zone="home"] .z-home-glass h4 { margin: 8px 0 4px; font-size: 16px; }
.zn[data-zone="home"] .z-home-glass p { margin: 0 0 14px; color: #666; font-size: 13px; }
.zn[data-zone="home"] .z-home-glass .k-code { background: #14151c; color: #e9ecf3; }
.zn[data-zone="home"] .z-home-glass .k-code .k { color: #8fb3ff; }
.zn[data-zone="home"] .z-home-glass .k-code .s { color: #9ae6b4; }
.zn[data-zone="home"] .z-home-glass .k-tag { background: #f2f2f4; color: rgba(20, 21, 28, .64); }
.zn[data-zone="home"] .z-home-glass .k-tag.blue { background: #eaf0ff; }
.zn[data-zone="home"] .z-home-glass .k-tag.brand { background: #fff0eb; color: #f0562e; }
.zn[data-zone="home"] .z-home-glass .k-tag.blue { color: #2564f8; }
.zn[data-zone="home"] .z-home-glass .k-btn.line { background: #fff; border-color: #e6e7eb; color: #14151c; }
.zn[data-zone="home"] .z-home-glass .k-btn.dark { background: #14151c; color: #fff; }
.zn[data-zone="home"] .z-home-glass .k-btn.grow { flex: 1; }
.zn[data-zone="home"] .z-home-glass .k-btn.full { width: 100%; margin-top: 10px; }
.zn[data-zone="home"] .z-home-glass .z-home-chip { background: #fff; border-color: #e6e7eb; color: #14151c; }
.zn[data-zone="home"] .z-home-cl { display: flex; flex-direction: column; gap: 6px; margin: 12px 0; font-size: 13px; }
.zn[data-zone="home"] .z-home-cl .r { display: flex; justify-content: space-between; }
.zn[data-zone="home"] .z-home-cl .r.tt { border-top: 1px dashed #d9dae0; padding-top: 6px; }
.zn[data-zone="home"] .z-home-phone { display: flex; align-items: center; background: #fff; color: #14151c; border-color: #e6e7eb; }
.zn[data-zone="home"] .z-home-mchip { height: 32px; padding: 0 14px; border-radius: var(--pill); border: 1px solid var(--line); background: var(--surface); color: var(--ink-1); display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: 13px;
  cursor: pointer; transition: border-color var(--t2), background-color var(--t2); }
.zn[data-zone="home"] .z-home-mchip:hover { border-color: var(--line-strong); background: var(--bg-mute); }
.zn[data-zone="home"] .z-home-glass .z-home-mchip { cursor: default; background: #fff; border-color: #e6e7eb; color: #14151c; }
.zn[data-zone="home"] .z-home-acc-list { display: flex; flex-direction: column; justify-content: center; }
.zn[data-zone="home"] .z-home-acc-it { border-top: 1px solid var(--line); padding: 12px 0; cursor: pointer; outline: none; transition: padding var(--t4) var(--e-out); }
.zn[data-zone="home"] .z-home-acc-it:first-child { border-top: 0; }
.zn[data-zone="home"] .z-home-acc-it .t { display: block; font-size: 28px; line-height: 34px; font-weight: 500; letter-spacing: -.02em; transform-origin: 0 50%; transform: scale(.5715); margin-bottom: -14px; color: var(--ink-2); white-space: nowrap;
  transition: transform var(--t4) var(--e-out), margin-bottom var(--t4) var(--e-out), color var(--t2); }
.zn[data-zone="home"] .z-home-acc-it:not(.on):hover .t, .zn[data-zone="home"] .z-home-acc-it:focus-visible .t { color: var(--ink); }
.zn[data-zone="home"] .z-home-acc-it.on { padding: 20px 0; cursor: default; }
.zn[data-zone="home"] .z-home-acc-it.on .t { transform: none; margin-bottom: 8px; color: var(--ink); }
.zn[data-zone="home"] .z-home-acc-panel { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows var(--t4) var(--e-out), opacity var(--t3); }
.zn[data-zone="home"] .z-home-acc-panel > div { min-height: 0; overflow: hidden; }
.zn[data-zone="home"] .z-home-acc-it.on .z-home-acc-panel { grid-template-rows: 1fr; opacity: 1; }
.zn[data-zone="home"] .z-home-acc-panel p { margin: 0 0 16px; color: var(--ink-2); font-size: 14px; line-height: 22px; }

/* ── 平台：列表 + 大媒体 ── */
.zn[data-zone="home"] .z-home-plat { position: relative; border-radius: var(--r-2xl); overflow: hidden; min-height: 440px; background: var(--night); }
.zn[data-zone="home"] .z-home-plat-bg { position: absolute; inset: 0; opacity: 0; transition: opacity var(--t4); }
.zn[data-zone="home"] .z-home-plat-bg.on { opacity: 1; }
.zn[data-zone="home"] .z-home-plat-bg.b0 { background: linear-gradient(135deg, #3b1c12, #14151c 60%); }
.zn[data-zone="home"] .z-home-plat-bg.b1 { background: linear-gradient(135deg, #40210f, #1b1426 60%); }
.zn[data-zone="home"] .z-home-plat-bg.b2 { background: linear-gradient(135deg, #0d3326, #101a24 60%); }
.zn[data-zone="home"] .z-home-plat-bg.b3 { background: linear-gradient(135deg, #1d1f2a, #0c0d12 60%); }
.zn[data-zone="home"] .z-home-plat-bg.b4 { background: linear-gradient(135deg, #102a5c, #0f1420 60%); }
.zn[data-zone="home"] .z-home-plat-bg.b5 { background: linear-gradient(135deg, #2a1d5c, #0f1218 60%); }
.zn[data-zone="home"] .z-home-plat-list { position: absolute; z-index: 2; top: 12px; bottom: 12px; left: 12px; width: min(360px, 44%); box-sizing: border-box; background: var(--surface); border-radius: var(--r-l); padding: 8px 24px; display: flex; flex-direction: column; justify-content: space-between; }
.zn[data-zone="home"] .z-home-pli { color: var(--ink); display: flex; gap: 12px; align-items: center; padding: 12px 10px; margin: 0 -10px; border-radius: 12px; border: 0; background: none; text-align: left; cursor: pointer; font: inherit; transition: background-color var(--t1); }
.zn[data-zone="home"] .z-home-pli:hover { background: var(--bg-mute); }
.zn[data-zone="home"] .z-home-pli + .z-home-pli { box-shadow: 0 -1px 0 var(--line); }
.zn[data-zone="home"] .z-home-pli b { display: block; font-size: 16px; font-weight: 600; transition: font-size var(--t3); }
.zn[data-zone="home"] .z-home-pli.on b { font-size: 18px; }
.zn[data-zone="home"] .z-home-pli small { display: block; color: var(--ink-3); font-size: 12.5px; }
.zn[data-zone="home"] .z-home-pli .logo { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; font: 600 12px var(--f-mono); color: #fff; flex: 0 0 auto; transform: scale(.82); opacity: .35; transition: transform var(--t3) var(--e-spring), opacity var(--t2); }
.zn[data-zone="home"] .z-home-pli.on .logo { transform: none; opacity: 1; }
.zn[data-zone="home"] .z-home-pli .k-tag { margin-left: auto; }
.zn[data-zone="home"] .z-home-plat-d { position: absolute; z-index: 2; right: 32px; bottom: 28px; left: calc(min(360px, 44%) + 56px); color: var(--night-ink); display: flex; flex-direction: column; gap: 12px; animation: z-home-in var(--t4) var(--e-out); }
.zn[data-zone="home"] .z-home-plat-d h4 { margin: 0; font-size: 22px; font-weight: 600; color: var(--night-ink); }
.zn[data-zone="home"] .z-home-plat-d ol { margin: 0; padding-left: 18px; list-style: decimal; color: var(--night-ink-2); display: flex; flex-direction: column; gap: 4px; }
.zn[data-zone="home"] .z-home-plat-code { background: rgba(255, 255, 255, .06); border: 1px solid var(--night-line); white-space: pre-wrap; overflow-wrap: anywhere; padding-right: 72px; }
.zn[data-zone="home"] .z-home-plat-code .copy { position: absolute; top: 10px; right: 10px; height: 26px; padding: 0 10px; border-radius: var(--pill); border: 1px solid var(--night-line); background: var(--night-2); color: var(--night-ink-2); font: 12px var(--f-sans); cursor: pointer; transition: color var(--t2); }
.zn[data-zone="home"] .z-home-plat-code .copy:hover { color: var(--night-ink); }
.zn[data-zone="home"] .z-home-white { background: #fff; color: #14151c; }

/* ── 底部输入框 ── */
.zn[data-zone="home"] .z-home-cta { padding-top: 140px; padding-bottom: 72px; text-align: center; }
.zn[data-zone="home"] .z-home-cta h2 { margin: 0; font-size: clamp(28px, 3.2vw, 40px); line-height: 1.25; font-weight: 500; letter-spacing: -.03em; color: var(--ink); }
.zn[data-zone="home"] .z-home-cta h2 .g { background: var(--grad-brand-text); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 600; }
.zn[data-zone="home"] .z-home-cta-box { position: relative; width: min(760px, 100%); margin: 36px auto 0; }
.zn[data-zone="home"] .z-home-cta-glow { position: absolute; inset: -14px -8px; border-radius: var(--pill); opacity: .8; filter: blur(22px);
  background: linear-gradient(20deg, rgba(255, 122, 69, .45), transparent 40%), linear-gradient(200deg, rgba(122, 90, 248, .45), transparent 40%), linear-gradient(90deg, rgba(37, 100, 248, .3), rgba(217, 61, 122, .3)); }
.zn[data-zone="home"] .z-home-cta-f { position: relative; display: flex; align-items: center; gap: 10px; height: 60px; padding: 0 10px 0 12px; border-radius: var(--pill); background: var(--surface); border: 1px solid var(--line); box-shadow: 0 8px 30px rgba(20, 40, 90, .08); }
.zn[data-zone="home"] .z-home-cta-f .k-x { font-size: 20px; flex: none; }
.zn[data-zone="home"] .z-home-cta-f input { flex: 1; min-width: 0; height: 100%; border: 0; outline: none; background: transparent; font: inherit; font-size: 17px; letter-spacing: -.01em; color: var(--ink); }
.zn[data-zone="home"] .z-home-cta-ph { position: absolute; left: 56px; right: 70px; top: 0; bottom: 0; display: flex; align-items: center; pointer-events: none; font-size: 17px; color: var(--ink-3); white-space: pre; overflow: hidden; }
.zn[data-zone="home"] .z-home-cta-ph .cur { width: 2px; height: 18px; border-radius: 2px; background: var(--grad-brand); margin-left: 1px; animation: z-home-blink var(--m-blink) step-end infinite; }
.zn[data-zone="home"] .z-home-cta-f.typing .z-home-cta-ph { display: none; }
.zn[data-zone="home"] .z-home-send { width: 42px; height: 42px; border-radius: 50%; border: 0; background: var(--ink); color: var(--bg); display: grid; place-items: center; cursor: pointer; position: relative; overflow: hidden; isolation: isolate; font-size: 20px; flex: none; transition: color var(--t2); }
.zn[data-zone="home"] .z-home-send::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(125deg, #ff7a45, #f0562e, #d93d7a, #7a5af8, #2564f8); opacity: 0; transition: opacity var(--t3); }
.zn[data-zone="home"] .z-home-cta-f.typing .z-home-send::before { opacity: 1; }
.zn[data-zone="home"] .z-home-cta-f.typing .z-home-send { color: #fff; }
.zn[data-zone="home"] .z-home-cta-chips { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 20px; }

/* ── 页脚 ── */
.zn[data-zone="home"] .z-home-foot { background: var(--bg-soft); border-top: 1px solid var(--line); padding: 48px 0 32px; }
.zn[data-zone="home"] .z-home-foot-g { display: grid; grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); gap: 24px; }
.zn[data-zone="home"] .z-home-foot-brand { display: flex; flex-direction: column; gap: 10px; color: var(--ink-2); font-size: 13px; line-height: 20px; }
.zn[data-zone="home"] .z-home-brand { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 16px; color: var(--ink); text-decoration: none; }
.zn[data-zone="home"] .z-home-foot h5 { margin: 0 0 12px; font-size: 13px; font-weight: 600; color: var(--ink); }
.zn[data-zone="home"] .z-home-foot-g a:not(.z-home-brand) { display: block; color: var(--ink-2); font-size: 13px; line-height: 28px; text-decoration: none; transition: color var(--t2); }
.zn[data-zone="home"] .z-home-foot-g a:not(.z-home-brand):hover { color: var(--ink); }
.zn[data-zone="home"] .z-home-foot-bt { margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; color: var(--ink-3); font-size: 12.5px; }

/* ── 响应式（稿子 1100 / 860 / 520 三档） ── */
@media (max-width: 1100px) {
  .zn[data-zone="home"] { --z-home-g: 32px; }
  .zn[data-zone="home"] .z-home-demo { grid-template-columns: minmax(0, 1fr); }
  .zn[data-zone="home"] .z-home-chat { border-right: 0; border-bottom: 1px solid var(--night-line); }
  .zn[data-zone="home"] .z-home-acc { grid-template-columns: minmax(0, 1fr); }
  .zn[data-zone="home"] .z-home-foot-g { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .zn[data-zone="home"] { --z-home-g: 20px; }
  .zn[data-zone="home"] .route-host { padding-left: 0 !important; padding-right: 0 !important; }
  .zn[data-zone="home"] .z-home-feats { flex-wrap: wrap; }
  .zn[data-zone="home"] .z-home-feat { flex: 1 1 40%; }
  .zn[data-zone="home"] .z-home-feat-vr { display: none; }
  .zn[data-zone="home"] .z-home-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zn[data-zone="home"] .z-home-stats div:nth-child(3) { padding-left: 4px; border-left: 0; }
  .zn[data-zone="home"] .z-home-bento { height: auto; display: flex; flex-direction: column; gap: 12px; }
  .zn[data-zone="home"] .z-home-bc { position: relative; transform: none; width: auto; height: auto; }
  .zn[data-zone="home"] .z-home-bc-bd { position: relative; inset: auto; height: 200px; margin-top: 12px; }
  .zn[data-zone="home"] .z-home-mq { top: 0; }
  .zn[data-zone="home"] .z-home-mq.rev { top: 48px; }
  .zn[data-zone="home"] .z-home-says { top: 104px; }
  .zn[data-zone="home"] .z-home-bc-ft { position: static; padding: 0 24px 20px; }
  .zn[data-zone="home"] .z-home-sec { padding-top: 80px; }
  .zn[data-zone="home"] .z-home-title { font-size: 28px; }
  .zn[data-zone="home"] .z-home-flow { height: 440px; }
  .zn[data-zone="home"] .z-home-fi { width: calc(100% - 2 * var(--z-home-g)); margin-left: calc(-50% + var(--z-home-g)); height: 400px; }
  .zn[data-zone="home"] .z-home-win-in { grid-template-columns: minmax(0, 1fr); }
  .zn[data-zone="home"] .z-home-win-side { display: none; }
  .zn[data-zone="home"] .z-home-plat { min-height: 0; background: none; display: flex; flex-direction: column; gap: 12px; }
  .zn[data-zone="home"] .z-home-plat-bg { display: none; }
  .zn[data-zone="home"] .z-home-plat-list, .zn[data-zone="home"] .z-home-plat-d { position: static; width: auto; }
  .zn[data-zone="home"] .z-home-plat-list { border: 1px solid var(--line); }
  .zn[data-zone="home"] .z-home-plat-d { background: var(--night); border-radius: var(--r-l); padding: 18px; }
  .zn[data-zone="home"] .z-home-foot-g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zn[data-zone="home"] .z-home-cta { padding-top: 96px; }
}
@media (max-width: 520px) {
  .zn[data-zone="home"] .z-home-feat { flex-basis: 100%; }
  .zn[data-zone="home"] .z-home-acts .k-btn { flex: 1; }
  .zn[data-zone="home"] .z-home-g3 .k-card { padding: 10px; }
  .zn[data-zone="home"] .z-home-shelf { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zn[data-zone="home"] .z-home-shelf .sku:nth-child(n+3) { display: none; }
  .zn[data-zone="home"] .z-home-notice time { display: none; }
  .zn[data-zone="home"] .z-home-cta-ph, .zn[data-zone="home"] .z-home-cta-f input { font-size: 15px; }
  .zn[data-zone="home"] .z-home-pack { grid-template-columns: minmax(0, 1fr) auto; }
  .zn[data-zone="home"] .z-home-pack .z-home-mono { display: none; }
  .zn[data-zone="home"] .z-home-acc-card { padding: 20px; }
}