/* 官网首页、小红书、公众号示意。外层给容器字号（cqw），里面全部用 em：整体按宽度等比缩放，像截图一样不会溢出 */
.ch-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:24px;align-items:start}
.ch-col h4{font-weight:500;margin-bottom:2px}.ch-col>small{display:block;margin-bottom:12px}
.ch-plan{margin-top:14px;display:grid;gap:8px}.ch-plan div{display:grid;grid-template-columns:7.5em 1fr;gap:8px;line-height:1.6}.ch-plan b{font-weight:500}

/* 浏览器外框 */
.bw{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 10px 28px rgba(0,0,0,.06);background:#fff}
.bw-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f2f2f3}.bw-bar i{width:9px;height:9px;border-radius:50%;background:#d6d6d9}
.bw-bar span{margin-left:12px;flex:0 1 320px;background:#fff;border-radius:6px;padding:2px 10px;color:var(--mute);font-size:11.5px}
.ws{container-type:inline-size}
.ws-pg{font-size:1.25cqw;line-height:1.5;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Arial,"PingFang SC",sans-serif}
.ws-pg img{display:block;width:100%;height:auto;object-fit:cover}
.ws-pi img,.c-pi img,.f-big img,.c-hero .a img,.b-sleeve img,.f-story img,.e-pick img{height:100%}
.ws-pg h1,.ws-pg h2{text-wrap:balance}
.ws-pg h1,.ws-pg h2{font-weight:400}
.ws-sec{padding:3.5em 4em 1em}
.ws-btn{display:inline-block;margin-top:1.5em;padding:.8em 1.8em;background:var(--ink);color:var(--bg);font-size:.875em;letter-spacing:.08em}
.ws-btn.o{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.ws-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5em}
.ws-p .ws-pi{aspect-ratio:1;background:rgba(0,0,0,.04);margin-bottom:.8em}
.ws-grid.sq .ws-pi{aspect-ratio:1}
.ws-p b{display:block;font-weight:500;font-size:.9375em}.ws-p span{font-size:.875em;opacity:.7}
.ws-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:2em;padding:3em 4em;margin-top:3em;border-top:1px solid rgba(0,0,0,.1);font-size:.8125em}
.ws-foot b{display:block;font-weight:500;margin-bottom:.6em}.ws-foot span{display:block;opacity:.6;line-height:1.9}

/* D 熨帖：居中衬线字标、裁缝店的克制 */
.ws-D,.ws-R{--serif:var(--f);background:#FBFAF6}
.d-h{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.5em 4em;border-bottom:1px solid rgba(0,0,0,.08)}
.d-h nav{display:flex;gap:2em;font-size:.875em}.d-h nav.r{justify-content:flex-end}
.d-logo{font-family:var(--f);font-size:2em;letter-spacing:.35em;text-align:center;line-height:1}.d-logo small{display:block;font-size:.3em;letter-spacing:.4em;margin-top:.6em;color:inherit}
.d-hero{display:grid;grid-template-columns:5fr 7fr;align-items:center}.d-hero .tx{padding:4em}.d-hero .ph{aspect-ratio:4/3}
.d-hero small{font-size:.75em;letter-spacing:.2em;color:inherit;opacity:.7}.d-hero h1{font-family:var(--f);font-size:4.5em;line-height:1.05;margin:.3em 0 .4em;font-style:italic}.d-hero p{font-size:1em;max-width:24em;opacity:.8}
.d-h2{font-family:var(--f);font-size:2em;text-align:center;margin-bottom:1em}
.d-fab{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}.d-fab img{aspect-ratio:3/2;margin-bottom:.8em}.d-fab b{display:block;font-family:var(--f);font-size:1.375em;font-weight:400}.d-fab span{font-size:.875em;opacity:.7}
.d-story{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2em;align-items:center;padding:4em}.d-story img{aspect-ratio:3/4}.d-story>div{text-align:center}.d-story h2{font-family:var(--f);font-size:2em;line-height:1.2}.d-story p{margin-top:1em;opacity:.8}

/* F 藏色：左侧索引栏、编号色格 */
.f-wrap{display:grid;grid-template-columns:15em 1fr;background:#fff}
.f-side{padding:2em 1.5em;border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:.8em;font-size:.9375em}
.f-logo{font-weight:500;letter-spacing:.3em;margin-bottom:2em}.f-logo small{display:block;font-size:.6em;letter-spacing:.25em;color:inherit;opacity:.6;margin-top:.4em}
.f-side a i{font-style:normal;opacity:.45;margin-right:.8em}.f-cart{margin-top:auto;opacity:.6}
.f-hero{padding:2.5em 3em 0}.f-hero h1{font-size:4em;font-weight:500;letter-spacing:-.03em;line-height:1}.f-hero p{max-width:32em;margin:.8em 0 2em;opacity:.75}
.f-tiles{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:7em;gap:.5em}.f-tiles>div{position:relative}.f-tiles span{position:absolute;left:.6em;bottom:.5em;font-size:.75em;font-weight:500}
.f-big{grid-column:span 2;grid-row:span 2}.f-big span{color:#fff}
.f-h2{font-size:1.75em;font-weight:500}.f-h2 i{font-style:normal;font-size:.45em;letter-spacing:.2em;opacity:.5;margin-right:1em;vertical-align:.4em}
.f-new{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;margin-top:1em}.f-new i{display:block;height:9em;margin-bottom:.6em}.f-new b{font-weight:500;margin-right:.6em}
.ws-F .ws-sec{padding:3em 3em 1em}.ws-F .ws-grid{margin-top:1em}
.f-story{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:2em;align-items:center;padding:3em}.f-three{display:flex;flex-direction:column;gap:.5em}.f-three i{height:4.5em;position:relative}.f-three span{position:absolute;left:.6em;bottom:.4em;font-size:.75em;font-style:normal;font-weight:500}
.f-story h2{font-size:1.75em;font-weight:500}.f-story p{margin-top:.6em;opacity:.75}.f-story img{aspect-ratio:3/4}

/* B 首版：等宽字、目录表、方形封套 */
.ws-B{font-family:var(--f),"PingFang SC",sans-serif;background:#fff}
.b-h{display:flex;align-items:center;gap:3em;padding:1em 4em;background:#111;color:#fff;font-size:.875em}.b-h nav{display:flex;gap:2em;opacity:.8}.b-h span{margin-left:auto}
.b-hero{display:grid;grid-template-columns:1fr 1fr;gap:4em;padding:4em;align-items:center}
.b-sleeve{position:relative;aspect-ratio:1;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.b-sleeve span{position:absolute;left:0;bottom:0;background:#111;color:#fff;padding:.4em .8em;font-size:.875em}
.b-hero small{font-size:.75em;letter-spacing:.15em;color:inherit;opacity:.6}.b-hero h1{font-size:3em;line-height:1.1;margin:.4em 0 .5em}.b-hero p{opacity:.8}
.b-hero table{margin-top:1.5em;border-collapse:collapse;font-size:.8125em;width:100%}.b-hero td{padding:.5em 0;border-top:1px solid rgba(0,0,0,.12)}.b-hero td:first-child{opacity:.5;width:8em}
.b-h2{font-size:1em;letter-spacing:.2em;margin-bottom:1em;padding-bottom:.6em;border-bottom:2px solid #111}
.b-cat{width:100%;border-collapse:collapse;font-size:.875em}.b-cat td{padding:.8em 0;border-bottom:1px solid rgba(0,0,0,.1)}.b-cat td:first-child{width:8em;font-weight:600}
.b-cat span{padding:.2em .7em;background:rgba(0,0,0,.06)}.b-cat span.on{background:#111;color:#fff}
.b-story{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5em;padding:3em 4em;align-items:end}.b-story figure{margin:0}.b-story img{aspect-ratio:1}.b-story figcaption{font-size:.75em;margin-top:.5em;letter-spacing:.1em}.b-story h2{font-size:1.5em}.b-story p{opacity:.75;margin-top:.5em}

/* C 两面：对半分的首屏，中线是珊瑚色的光 */
.c-h{display:flex;align-items:center;gap:3em;padding:1.2em 4em}.c-h b{letter-spacing:.35em;font-weight:500}.c-h nav{display:flex;gap:2em;font-size:.875em}
.c-tg{margin-left:auto;display:flex;background:rgba(0,0,0,.06);border-radius:2em;padding:.2em}.c-tg i{font-style:normal;padding:.2em 1em;border-radius:2em;font-size:.875em}.c-tg i.on{background:#fff}
.c-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;height:36em;overflow:hidden}.c-hero .a{overflow:hidden}.c-hero .a{position:relative}.c-hero .b{background:var(--acc);position:relative;box-shadow:inset .25em 0 0 #E8A27C}
.c-hero .a>span,.c-hero .b>span{position:absolute;top:1.2em;left:1.5em;font-size:.875em;letter-spacing:.1em;background:rgba(255,255,255,.85);padding:.2em .7em}
.c-hero .mid{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg);padding:2.5em 3em;text-align:center;width:26em}
.c-hero h1{font-size:3em;font-weight:300}.c-hero p{font-size:.9375em;opacity:.8;margin-top:.5em}
.c-h2{font-size:1.75em;font-weight:300;margin-bottom:1em}
.c-pi{position:relative;aspect-ratio:1;background:rgba(0,0,0,.04);margin-bottom:.8em;overflow:hidden}.c-pi i{position:absolute;right:6%;bottom:6%;width:26%;aspect-ratio:1;background:var(--acc);box-shadow:0 0 0 .3em #fff,inset .2em 0 0 #E8A27C}.c-pi i::after{content:"B";position:absolute;left:.4em;top:.2em;font-style:normal;font-size:.8em}
.c-story{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2em;padding:3em 4em;align-items:center}.c-story img{aspect-ratio:3/4}.c-story small{display:block;margin-top:.5em;font-size:.75em;color:inherit;opacity:.6}.c-story .t{text-align:center}.c-story h2{font-size:1.75em;font-weight:300}.c-story p{margin-top:.6em;opacity:.8}

/* E 几度：先选温度，再选床 */
.e-h{display:flex;align-items:center;gap:3em;padding:1.2em 4em}.e-h b{letter-spacing:.3em;font-weight:400}.e-h b small{font-size:.6em;color:inherit;opacity:.6;margin-left:.6em}.e-h nav{display:flex;gap:2em;font-size:.875em;margin-left:auto}
.e-hero{padding:3em 4em 1em}.e-hero>small{font-size:.75em;letter-spacing:.2em;color:inherit;opacity:.6}.e-hero h1{font-size:5em;font-weight:200;line-height:1.05;margin:.1em 0 .2em}.e-hero>p{max-width:34em;opacity:.8}
.e-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:.4em;margin:2em 0 1.5em}.e-scale div{padding-bottom:.6em}.e-scale i{display:block;height:3.5em;background:var(--c);opacity:.55}.e-scale .on i{opacity:1;height:5em;margin-top:-1.5em}
.e-scale b{display:block;font-size:2em;font-weight:200;margin-top:.2em}.e-scale span{font-size:.8125em;opacity:.7}
.e-pick{display:grid;grid-template-columns:1.4fr 1fr;gap:3em;align-items:center;background:#fff;padding:2em}.e-pick img{aspect-ratio:16/10}.e-pick small{font-size:.75em;color:inherit;opacity:.6}.e-pick h2{font-size:2em;font-weight:300;margin:.2em 0 .4em}.e-pick p{opacity:.8}.e-pr{display:block;margin-top:1em;font-size:1.25em;font-weight:500}
.e-h2{font-size:1.75em;font-weight:300;margin-bottom:1em}
.e-story{display:grid;grid-template-columns:1fr 1fr;gap:3em;align-items:center;padding:3em 4em}.e-story img{aspect-ratio:4/3}.e-story h2{font-size:2em;font-weight:300}.e-story p{margin-top:.6em;opacity:.8}
.e-push{margin-top:1.5em;background:#fff;padding:1em 1.2em;box-shadow:0 .3em 1.5em rgba(0,0,0,.08);max-width:22em}.e-push small{display:block;font-size:.75em;color:inherit;opacity:.5}.e-push b{display:block;font-weight:500;margin:.2em 0}.e-push span{font-size:.875em;opacity:.7}

/* A 分寸：顶部一把尺、12 栏网格、编号小标题 */
.a-ruler{height:1.2em;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px .6em) bottom/100% .5em no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 3em) bottom/100% 1.1em no-repeat;opacity:.8}
.a-h{display:grid;grid-template-columns:3fr 6fr 3fr;align-items:center;padding:1.2em 4em;border-bottom:1px solid var(--ink)}.a-h b{letter-spacing:.4em;font-weight:400}.a-h nav{display:flex;gap:2em;font-size:.875em}.a-h span{text-align:right;font-size:.8125em}
.a-hero{display:grid;grid-template-columns:7fr 5fr;gap:2em;padding:3em 4em 2em;align-items:end}.a-hero small{font-size:.75em;letter-spacing:.2em;color:inherit;opacity:.6}.a-hero h1{font-size:5.2em;font-weight:300;line-height:1;letter-spacing:-.02em;margin:.2em 0 .4em}.a-hero p{max-width:30em;opacity:.8}.a-hero img{aspect-ratio:4/5}
.a-mod{display:flex;margin:0 4em;gap:0}.a-mod i{display:block;height:3em;background:var(--ink)}.a-mod i.b{background:var(--acc)}.a-mod span{display:block;font-size:.75em;text-align:center;margin-top:.3em}
.a-h2{font-size:1.5em;font-weight:400;margin-bottom:1em;padding-top:.6em;border-top:1px solid var(--ink)}.a-h2 span,.a-story h2 span{font-size:.6em;margin-right:1.2em;opacity:.6}
.a-story{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5em;padding:3em 4em;align-items:start}.a-story h2{grid-column:1/-1;font-size:1.5em;font-weight:400;padding-top:.6em;border-top:1px solid var(--ink)}.a-story p{grid-column:1/5;opacity:.8}.a-story img:nth-of-type(1){grid-column:5/9;aspect-ratio:1}.a-story img:nth-of-type(2){grid-column:9/13;aspect-ratio:1}

/* 手机外框（小红书 / 公众号） */
.phone{max-width:360px;border-radius:44px;padding:10px;background:#141414;margin:0 auto}
.scr{container-type:inline-size;border-radius:34px;overflow:hidden;background:#fff;height:740px;overflow-y:auto;scrollbar-width:none}.scr::-webkit-scrollbar{display:none}
.scr>*{font-size:4.27cqw}
.scr .sb{font-size:3.7cqw;font-weight:600;padding:.9em 1.6em .4em;color:#141414}
.scr img{display:block;width:100%;height:auto;object-fit:cover}
.cv-d img,.cv-e img,.cv-c img{height:100%}

/* 小红书：个人页 + 双列笔记 */
.xhs{background:#f6f6f6;font-family:"PingFang SC","Helvetica Neue",sans-serif;color:#222}
.xp{display:flex;align-items:center;gap:.7em;padding:.6em 1em;background:#fff}.xp .av{width:3.2em;height:3.2em;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-family:var(--f);font-size:1em}
.xp b{display:block;font-size:1.05em}.xp small{font-size:.75em;color:#999}.xp .fl{margin-left:auto;background:#ff2442;color:#fff;border-radius:2em;padding:.3em 1.1em;font-size:.875em}
.xb{background:#fff;padding:0 1em .8em;font-size:.8125em;color:#333}
.xc{display:flex;gap:.5em;padding:0 1em .8em;background:#fff;overflow:hidden}.xc span{flex-shrink:0;font-size:.75em;padding:.3em .8em;border-radius:.4em;background:#f3f3f3;color:#333}
.xt{display:flex;gap:1.6em;padding:.6em 1em;background:#fff;border-top:1px solid #f0f0f0;font-size:.9375em}.xt b{font-weight:600;box-shadow:inset 0 -2px 0 #ff2442}.xt span{color:#999}
.xf{display:grid;grid-template-columns:1fr 1fr;gap:.4em;padding:.4em}.xf>div{display:flex;flex-direction:column;gap:.4em}
.xn{background:#fff;border-radius:.5em;overflow:hidden}.xn p{font-size:.8125em;line-height:1.4;padding:.5em .6em .2em;font-weight:500}
.xm{display:flex;align-items:center;gap:.3em;padding:.2em .6em .6em;font-size:.6875em;color:#888}.xm i{width:1.3em;height:1.3em;border-radius:50%;background:var(--ink)}.xm span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.xm em{margin-left:auto;font-style:normal}
.cv{position:relative;aspect-ratio:3/4;overflow:hidden;font-family:"PingFang SC",sans-serif}
.cv b{font-weight:700;line-height:1.25}
.cv-d .bd{position:absolute;left:0;right:0;bottom:0;background:#FBFAF6;padding:.6em .7em}.cv-d small{display:block;font-family:var(--f);font-size:.5em;letter-spacing:.2em;color:#666}.cv-d b{font-size:.9em;color:var(--ink)}
.cv-f{display:flex;flex-direction:column}.cv-f .top{padding:.6em .7em;flex:0 0 42%;display:flex;flex-direction:column;justify-content:space-between}.cv-f small{font-size:1.5em;font-weight:600;color:#141414;letter-spacing:-.02em}.cv-f b{font-size:.85em;color:#141414}.cv-f img{flex:1;min-height:0}
.cv-b{background:#111;padding:1.8em .7em .6em;display:flex;flex-direction:column;gap:.5em}.cv-b small{position:absolute;top:.5em;left:.7em;font-family:var(--f);color:#fff;font-size:.6em;letter-spacing:.1em}.cv-b img{aspect-ratio:1;height:auto}.cv-b b{color:#fff;font-size:.85em}
.cv-c img{position:absolute;inset:0;width:50%}.cv-c i{position:absolute;left:50%;top:0;bottom:0;right:0;background:var(--acc);box-shadow:inset .15em 0 0 #E8A27C}.cv-c span{position:absolute;top:.3em;font-size:1.6em;font-weight:300;color:#fff}.cv-c .a{left:.4em}.cv-c .b{left:calc(50% + .4em);color:var(--ink)}
.cv-c b{position:absolute;left:.6em;right:.6em;bottom:.6em;background:#fff;color:#141414;font-size:.85em;padding:.4em .5em}
.cv-e span{position:absolute;left:.3em;top:.1em;color:#fff;font-size:3.2em;font-weight:200;letter-spacing:-.04em;text-shadow:0 0 1em rgba(0,0,0,.25)}.cv-e b{position:absolute;left:.7em;right:.7em;bottom:.7em;color:#fff;font-size:.9em;text-shadow:0 0 .6em rgba(0,0,0,.4)}
.cv-a{background:var(--bg);padding:1.2em .6em .6em;display:flex;flex-direction:column;gap:.4em}.cv-a .rl{position:absolute;top:.4em;left:.6em;right:.6em;height:.6em;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px .4em)}.cv-a img{flex:1;min-height:0}.cv-a b{font-size:.8em;color:var(--ink)}.cv-a small{font-size:.5em;color:#777}

/* 公众号：长文 */
.mp{background:#fff;font-family:"PingFang SC","Helvetica Neue",sans-serif;color:#222}
.mnav{display:flex;justify-content:space-between;align-items:center;padding:.4em 1em .7em;font-size:.875em;border-bottom:1px solid #eee}.mnav b{font-weight:500}
.mp article{padding:1.2em 1.1em 2em}
.mcol{font-size:.75em;color:var(--acc);letter-spacing:.1em;margin-bottom:.6em}
.mp h3{font-size:1.35em;font-weight:700;line-height:1.35}
.mby{display:flex;gap:.6em;align-items:center;font-size:.8125em;margin:.7em 0 1em}.mby b{color:#576b95;font-weight:400}.mby span{color:#999;border:1px solid #ddd;padding:0 .3em;font-size:.85em;border-radius:.2em}
.mcov{aspect-ratio:2.35/1;height:auto !important}
.mp blockquote{margin:1em 0;padding:.6em .8em;background:#f7f7f7;color:#555;font-size:.875em;line-height:1.7}
.mp p{font-size:.9375em;line-height:1.85;color:#333;margin:0 0 1em;text-align:justify}
.mp h4{font-size:1em;font-weight:700;margin:1.4em 0 .7em;padding-left:.6em;box-shadow:inset .2em 0 0 var(--acc)}
.mp figure{margin:1em 0}.mp figure img{height:auto;aspect-ratio:4/3}.mp figcaption{font-size:.75em;color:#999;text-align:center;margin-top:.4em}
.mmeta{font-family:var(--f);font-size:.6875em;letter-spacing:.05em;padding:.6em .8em;background:#111;color:#fff;margin-bottom:1em}
.mab{display:grid;grid-template-columns:1fr 1fr;height:9em;margin-bottom:1em;box-shadow:0 0 0 1px #eee}.mab>div{position:relative;overflow:hidden}.mab img{height:100%}.mab>div:last-child{box-shadow:inset .2em 0 0 #E8A27C}.mab span{position:absolute;left:.6em;bottom:.5em;background:#fff;font-size:.75em;padding:.1em .4em}
.mscale{display:grid;grid-template-columns:repeat(5,1fr);gap:.2em;margin-bottom:1em}.mscale i{height:3.5em;position:relative}.mscale span{position:absolute;left:.3em;bottom:.2em;font-style:normal;font-size:.75em;color:#141414}
.mruler{height:1.4em;margin-bottom:1em;background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px .4em) bottom/100% .5em no-repeat,repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 2em) bottom/100% 1.2em no-repeat}
.mend{display:flex;flex-wrap:wrap;gap:.4em;align-items:center;margin-top:1.6em;padding-top:1em;border-top:1px solid #eee;font-size:.8125em}.mend span{color:#999;margin-right:.4em}.mend i{font-style:normal;padding:.2em .6em;background:#f5f5f5;border-radius:.3em}
.mfoot{display:flex;justify-content:space-between;margin-top:1.2em;font-size:.8125em;color:#576b95}
/* 题头按方向变：衬线 / 等宽 / 刻度 */
.mp-D h3,.mp-D h4,.mp-R h3,.mp-R h4{font-family:var(--f),"PingFang SC",serif;font-weight:400}.mp-D h3,.mp-R h3{font-size:1.5em}
.mp-B .mcol,.mp-B h4{font-family:var(--f),"PingFang SC",monospace}.mp-B h4{box-shadow:none;padding:0;border-bottom:1px solid #111;padding-bottom:.3em}
.mp-F .mcol{display:inline-block;background:var(--acc);color:#fff;padding:.1em .5em}
.mp-A h4{box-shadow:none;padding:.4em 0 0;border-top:1px solid var(--ink)}
.mp-E h3{font-weight:300;font-size:1.6em}