/* NehNehBaby · 皮肤
   橙黄只在开场与「应用」草地出血；正文是极淡奶黄；点缀是嫩芽紫；一切 32px 圆角。
   主手法：形状蒙版（楼体大牌、手表两张用三叶嫩芽 clip-path，其余圆角）。
   招牌动作：「长出来」（grow 进场）+ VI 长图 scrub；手册是本页唯一的钉住场景。 */

html[data-skin="neh"]{
  --neh-y:#FCB43C;
  --neh-v:#7C8CF8;
  --neh-ink:#1B1C38;
  --skin-radius:32px;
  --skin-accent:#5B6AE6;
  --skin-paper:color-mix(in srgb,var(--neh-y) 10%,var(--paper));
  --skin-ground:var(--neh-y);
  --skin-ground-fg:var(--neh-ink);
  --skin-mask:url(#neh-leaf);
  --ba:#4F5FD8;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"])[data-skin="neh"]{--skin-accent:#9AA6FF;--skin-paper:color-mix(in srgb,var(--neh-y) 5%,var(--paper));--ba:#9AA6FF}
}
:root[data-theme="dark"][data-skin="neh"]{--skin-accent:#9AA6FF;--skin-paper:color-mix(in srgb,var(--neh-y) 5%,var(--paper));--ba:#9AA6FF}
@media (max-width: 899px){html[data-skin="neh"]{--skin-radius:20px}}

.neh-defs{position:absolute;width:0;height:0;overflow:hidden}

/* 版心的像素版（--page 里是 100%，只在全宽父级里才对；嵌套元素的 margin 要用这个） */

/* 开场：黄底，品牌名右上角长出一枚嫩芽；首图圆角留在黄底里 */
html[data-skin="neh"] .chero{padding-bottom:var(--gut)}
html[data-skin="neh"] .chero__brand::after{content:"";display:inline-block;width:.42em;height:.42em;margin-left:.04em;vertical-align:top;transform:translateY(-.06em);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%236C7BE0' d='M25.5 75.5C20.1 53.6 26.8 45.6 23.9 33.7A13.0 13.0 0 0 0 8.1 24.2A13.0 13.0 0 0 0 -1.4 40.0C1.6 51.9 11.3 55.8 16.8 77.7A4.5 4.5 0 0 0 22.3 81.0A4.5 4.5 0 0 0 25.5 75.5ZM39.9 80.9C52.8 58.5 65.4 57.7 72.5 45.5A15.0 15.0 0 0 0 67.0 25.0A15.0 15.0 0 0 0 46.5 30.5C39.5 42.7 45.0 54.0 32.1 76.4A4.5 4.5 0 0 0 33.8 82.6A4.5 4.5 0 0 0 39.9 80.9ZM46.5 95.5C70.2 89.6 78.9 96.7 91.8 93.5A13.5 13.5 0 0 0 101.7 77.1A13.5 13.5 0 0 0 85.3 67.3C72.4 70.5 68.1 80.9 44.3 86.8A4.5 4.5 0 0 0 41.0 92.3A4.5 4.5 0 0 0 46.5 95.5Z'/%3E%3C/svg%3E") no-repeat center / contain}
html[data-skin="neh"] .chero__fig{margin-inline:0}
html[data-skin="neh"] .chero__fig img{border-radius:var(--skin-radius)}
html[data-skin="neh"] .chero__eyebrow .stripes i{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--neh-ink) 22%,transparent)}

/* 结果栏：25 页 */
.neh-unit{font-family:var(--cn);font-weight:800;font-size:.46em;margin-left:.22em;letter-spacing:.02em}

/* 01 VI 长图 */
.neh-vi{--scrub-len:280vh;--win-w:min(36vw,520px)}
.neh-vi .scrub__notes li.is-cur span{text-decoration:underline;text-decoration-color:var(--skin-accent);text-decoration-thickness:2px;text-underline-offset:5px}

/* 02 应用 · 草地 */
.neh-meadow{--stagger:70ms;padding-bottom:clamp(72px,8vw,120px)}
.neh-meadow__field{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2vw;row-gap:5vw;align-items:start;padding-bottom:12px}
.neh-meadow__field .pic{grid-column:var(--c);margin-top:var(--dy,0)}
.neh-meadow .pic .pic__btn{background:color-mix(in srgb,var(--neh-ink) 8%,transparent)}
.neh-meadow .neh-leafpic .pic__btn{background:none}
.neh-meadow .neh-leafpic figcaption{left:auto;right:6%}
.neh-meadow .tag{background:var(--neh-y);color:var(--neh-ink)}

/* 03 手册翻页带 */
.neh-book{--rail-len:450vh;--rail-w:min(52vw,780px);--rail-dim:.38}
.neh-book .rail__view{margin-right:calc(var(--page) * -1)}
.neh-book .rail__item .pic__btn{border-radius:calc(var(--skin-radius) * .75)}
.neh-book .rail__steps > div{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:14px;row-gap:10px}
.neh-book__no{font-family:"Archivo",var(--cn);font-weight:800;font-stretch:80%;font-size:clamp(88px,11vw,180px);line-height:.8;letter-spacing:-.02em;color:var(--skin-accent);font-variant-numeric:tabular-nums}
.neh-book__of{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--mute);padding-bottom:.4em}
.neh-book__ch{grid-column:1 / -1;font-family:var(--cn);font-weight:700;font-size:clamp(18px,1.6vw,24px);line-height:1.4}
.neh-book__all{align-self:flex-start}
.neh-book .rail__bar{color:var(--skin-accent)}
.neh-book .tag{background:var(--skin-paper)}

@media (max-width: 899px){
  .neh-vi{--scrub-len:260vh}
  .neh-meadow__field{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 12px}
  .neh-meadow__field .pic{grid-column:auto;margin-top:0}
  .neh-meadow__field .pic:last-child{grid-column:1 / -1}
  .neh-meadow .tag{font-size:10px;padding:5px 9px 4px}
  .neh-book{--rail-w:84vw}
  .neh-book .rail__view{margin-right:calc(var(--page) * -1)}
  .neh-book .rail__steps > div{grid-template-columns:auto auto 1fr;align-items:baseline}
  .neh-book__no{font-size:clamp(56px,17vw,88px)}
  .neh-book__ch{grid-column:auto;font-size:15px}
  .neh-book__all{display:none}
  .rail-pin .neh-book .rail__aside .gsec__head h2{font-size:20px}
}

/* ---------- 2026-10-13 09 辅助图形：铺满的圆角大图，无图注 ---------- */
.neh-meadow .neh-full .pic__btn{background:none}

/* 10-14 手册改纵向：左栏收窄，单页变宽，不再往右出血 */
.rail-pin .neh-book .rail__stage{grid-template-columns:minmax(0,3fr) minmax(0,9fr)}
.rail-pin .neh-book .rail__view{margin-right:0}
.neh-book .rail__aside .gsec__head p{word-break:keep-all;text-wrap:balance}   /* 只在「·」后面换行，「·」跟着前一个词，不把「辅助图形」拆开 */

/* ---------- 10-14 开场下面的「背景 / 动作 / 结果」跟开场同一块黄底（深色模式也一样），下面才进入正文 ---------- */
html[data-skin="neh"] .facts{background:var(--skin-ground);color:var(--skin-ground-fg);
  --ink:var(--neh-ink);--mute:color-mix(in srgb,var(--neh-ink) 72%,var(--neh-y));--ba:#3442B8;
  padding-top:clamp(40px,5vw,80px)}