
/* 医馆私域系统 落地页草稿（极简、概念示意图、无照片无假数据）。令牌沿用 ds.css */
.pm{position:relative;background:var(--ink);color:#fff;overflow:hidden}
.pm::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.pm .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-block:clamp(40px,6vw,84px)}
.pm .crumb{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:#8A8A85}
.pm .crumb a{color:#8A8A85}.pm .crumb b{color:var(--gray-2)}.pm .crumb .cur{color:#C9C9C4}
.pm .eyebrow{margin-top:20px;font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:#E7A6A6}
.pm h1{margin-top:10px;font-size:clamp(28px,4.2vw,50px);line-height:1.12;letter-spacing:-.02em}
.pm .sub{margin-top:16px;font-size:clamp(15px,1.5vw,18px);color:#D7D7D2;max-width:34em;line-height:1.7}
.pm .pos{margin-top:10px;font-size:14px;color:#A9A9A3}
.pm .cta{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
/* 按钮族整族由壳层 ds.css owning（.btn / .btn-r / .btn-g / .btn-w，DESIGN.md §1）；
   本页 markup 只用到 .btn.btn-r 与 .btn.btn-w，页层不再留任何按钮规则。 */
.flye{width:100%;max-width:440px;justify-self:center}
.flye text{font-family:var(--sans)}

.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--red);display:flex;align-items:center;gap:10px}
.kicker::before{content:"";width:22px;height:2px;background:var(--red)}
.sect h2{margin-top:8px;font-size:clamp(20px,2.6vw,30px);letter-spacing:-.01em}

.pain{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-3)}
.pain .p{background:#fff;padding:26px 22px}
.pain .p .n{font-family:var(--mono);font-size:12px;color:var(--red);font-weight:700}
.pain .p h3{margin-top:10px;font-size:17px}
.pain .p p{margin-top:8px;font-size:13.5px;color:var(--gray-1);line-height:1.8}

.mods{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.mod{border:1px solid var(--gray-3);background:#fff;padding:26px 24px}
.mod.hero{grid-column:1/-1;border-color:var(--red);border-width:1.5px}
.mod .tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--gray-2)}
.mod h3{margin-top:8px;font-size:20px}.mod.hero h3{font-size:24px}
.mod p{margin-top:10px;font-size:14px;color:var(--gray-1);line-height:1.85}
.partners{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pt{position:relative;background:#fff;padding:20px 16px 18px;border:1px solid var(--gray-3);border-top:3px solid var(--red);transition:transform var(--dur-1),box-shadow var(--dur-1),border-color var(--dur-1)}
.pt:hover{transform:translateY(-4px);box-shadow:0 18px 34px -22px rgba(20,20,22,.45);border-color:var(--red)}
.pt .pn{position:absolute;top:12px;right:14px;font-family:var(--mono);font-size:11px;color:var(--gray-3);font-weight:700}
.pt .ic{width:34px;height:34px;color:var(--red)}
.pt .ic svg{width:34px;height:34px;display:block}
.pt b{display:block;margin-top:12px;font-size:15.5px}
.pt span{display:block;margin-top:6px;font-size:12.5px;color:var(--gray-1);line-height:1.7}

/* 供应链视觉锤：超大「1 件」纯排版（非数据） */
.supply{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;border:1.5px solid var(--red);background:linear-gradient(180deg,#fff,#FDF6F6)}
.supply .big{line-height:.82;text-align:center;padding-right:28px;border-right:2px solid var(--gray-3)}
.supply .big .n{font-family:var(--mono);font-size:clamp(64px,11vw,132px);font-weight:800;color:var(--red);letter-spacing:-.04em}
.supply .big .u{display:block;font-size:16px;color:var(--ink-2);letter-spacing:.3em;margin-top:6px}
.supply .txt h3{margin-top:0}

/* 内嵌问卷 */
.wiz{margin-top:26px;background:#fff;border:1px solid var(--gray-3);padding:clamp(22px,3vw,34px)}
.wiz .bar{display:flex;gap:8px}.wiz .bar i{height:4px;flex:1;background:var(--gray-3)}.wiz .bar i.on{background:var(--red)}
.wiz .step-n{margin-top:14px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--gray-2)}
.wiz .q{margin-top:6px;font-size:19px;font-weight:800}
.wiz .opts{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.wiz .opt{border:1px solid var(--gray-3);padding:11px 16px;font-size:14.5px;cursor:pointer}
.wiz .opt.sel{border-color:var(--red);color:var(--red);font-weight:700;background:#FBECEC}
.wiz .nav{margin-top:20px;display:flex;justify-content:space-between;align-items:center}
.wiz .nav .b{font-weight:800;font-size:14.5px;padding:10px 20px;border:0;cursor:pointer}
.wiz .nav .prev{background:none;color:var(--gray-1)}.wiz .nav .next{background:var(--red);color:#fff}
.wiz .form{margin-top:18px;display:grid;gap:12px}
.wiz .form label{font-size:13px;color:var(--gray-1)}
.wiz .form input{width:100%;padding:12px 14px;border:1px solid var(--gray-3);font:inherit}
.wiz .form .req{color:var(--red)}

.steps{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{border-top:2px solid var(--ink);padding-top:14px}
.step .n{font-family:var(--mono);font-size:13px;color:var(--red);font-weight:800}
.step h4{margin-top:6px;font-size:16px}.step p{margin-top:6px;font-size:13.5px;color:var(--gray-1);line-height:1.8}
.who{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.who span{border:1px solid var(--gray-3);padding:8px 14px;font-size:13.5px;color:var(--ink-2)}

/* .band 族整族由壳层 ds.tail.css（层③）owning：页层重写同特异性必被后源压掉，
   实测五连全是死码（B3），故此处不留任何 .band 规则。 */

/* 内嵌问卷：面板显隐与留资步补充 */
.wiz .panel{display:none}.wiz .panel.on{display:block}
.wiz .nav .b.hid{visibility:hidden}
.wiz .opt:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.wiz .form input.bad{border-color:var(--red)}
.wiz .consent{margin-top:2px;font-size:12.5px;color:var(--gray-1)}
.wiz .cpv2-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wiz .msg{margin-top:14px;min-height:20px;font-size:14px;color:var(--red)}
.wiz .msg.ok{color:#1a7f37}

@media(max-width:900px){.pm .wrap{grid-template-columns:1fr}.flye{max-width:320px}.pain,.steps{grid-template-columns:1fr}.mods{grid-template-columns:1fr}.partners{grid-template-columns:repeat(2,1fr)}.supply{grid-template-columns:1fr;gap:18px}.supply .big{border-right:0;border-bottom:2px solid var(--gray-3);padding:0 0 14px;text-align:left}}
