/* 按用户画像的落地页（002–006）：在官网 001 的 style.css 之上，只加落地页独有的版式 */
.lp main>section{overflow-x:clip}

/* 首屏：左文右图，一屏看完；右边是真实操作动图（平板 + 可选手机） */
.lp-hero{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(32px,4vw,80px);min-height:100vh;min-height:100svh;padding:110px var(--pad) 56px;max-width:1500px;margin:0 auto;isolation:isolate}
/* 背景和官网 001 首屏一致：场景照片铺满整屏宽、半透明，上浅下深渐变收进页面底色 */
.lp-hero>.bg{position:absolute;top:0;bottom:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);object-fit:cover;object-position:70% 40%;opacity:.5;z-index:-2}
.lp-hero:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 70% 55%,rgba(226,166,90,.2),transparent 70%),linear-gradient(90deg,rgba(27,22,17,.75) 0%,rgba(27,22,17,.35) 55%,rgba(27,22,17,.2) 100%),linear-gradient(180deg,rgba(27,22,17,.3) 0%,rgba(27,22,17,.7) 70%,var(--bg) 100%)}
.lp-hero h1{font-size:clamp(36px,3.6vw,72px)}
.lp-hero .sub{max-width:560px}
.lp-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:14px;color:var(--ink2)}
.lp-chips li{display:flex;align-items:center;gap:9px}
.lp-chips li:before,.lp-step .tm:before{content:"";width:10px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg) translateY(-2px);flex:none}
.lp-stage{position:relative;padding-bottom:28px}
.lp-stage .device{width:100%;margin:0}
.lp-stage.duo .device{width:84%}
.lp-stage .phone{position:absolute;right:0;bottom:0;width:23%}
.phone.tilt{transform:rotate(-2deg);transform-origin:50% 0}

/* 痛点：老板自己的原话 */
.lp-pains{padding:var(--sec) var(--pad) 0;max-width:1240px;margin:0 auto}
.lp-pains h2,.lp-after h2{text-align:center}
.lp-pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
.lp-pain{padding:30px 28px;border-radius:24px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);font-size:clamp(18px,1.4vw,22px);line-height:1.55;font-weight:300;color:var(--ink);text-wrap:pretty}

/* 以前 → 现在 */
.lp-after{padding:var(--sec) var(--pad) 0;max-width:1100px;margin:0 auto}
.lp-after ul{list-style:none;margin-top:56px;display:grid;gap:14px}
.lp-after li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:20px 26px;border-radius:20px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line)}
.lp-after small{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
.lp-after .was{color:var(--mut);font-size:16px}.lp-after .was small{color:var(--mut)}
.lp-after .now{color:var(--ink);font-size:17px;font-weight:500}.lp-after .now small{color:var(--gold);font-weight:400}
.lp-after i{font-style:normal;color:var(--gold);font-size:22px}

/* 只需学 3 件事 */
.lp-learn{padding:var(--sec) var(--pad) 0}
.lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1240px;margin:56px auto 0}
.lp-step{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#2c241b,#211a14);box-shadow:inset 0 0 0 1px var(--line)}
.lp-media{--mh:clamp(250px,21vw,320px);display:flex;align-items:center;justify-content:center;padding:24px 22px 0;height:var(--mh)}
.lp-step .device{padding:7px;border-radius:16px;width:100%;margin:0}.lp-step .device:before{display:none}.lp-step .device img{border-radius:10px}
/* 手机整机放得下：按区域高度反推宽度（机身约 1:2.24），四角完整 */
.lp-step.ph .phone{width:calc((var(--mh) - 30px) / 2.24)}
.lp-st{position:relative;padding:22px 26px 26px}
.lp-st .no{position:absolute;top:-20px;left:24px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1b1611;font-size:17px;box-shadow:0 0 0 5px #241d16}
.lp-st h3{font-size:20px;font-weight:500;margin-top:10px}
.lp-st p{font-size:15px;color:var(--ink2);line-height:1.6;margin-top:6px}
.lp-step .tm{display:inline-flex;align-items:center;gap:9px;margin-top:12px;font-size:13px;color:var(--mut)}

/* 证据块 */
.lp-proof{padding:var(--sec) var(--pad) 0}
.lp-proof-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center;max-width:1240px;margin:0 auto}
.lp-proof-media .device{width:100%;margin:0}
.lp-proof-media.ph{display:flex;justify-content:center}.lp-proof-media.ph .phone{width:min(300px,60%)}

/* 价格 */
.lp-price{padding:var(--sec) var(--pad) 0;text-align:center}
.lp-price .sub{margin-left:auto;margin-right:auto}
.lp-price .cta{justify-content:center}

/* 页脚：一行 */
.lp-foot{padding:36px var(--pad)}
.lp-foot .foot-base{margin:0 auto;padding:0;border:0;justify-content:flex-start;gap:12px 28px}
.lp-foot .foot-base .langs{margin-left:auto}
.lp-foot a:not(.logo):hover{color:var(--ink)}

@media (max-width:1100px){
  .lp-pain-grid{grid-template-columns:1fr;gap:14px;max-width:680px;margin-left:auto;margin-right:auto}
  .lp-steps{grid-template-columns:1fr;max-width:620px}
  .lp-media{--mh:clamp(280px,62vw,360px)}
  .lp-step .device{width:88%}
}
@media (max-width:900px){
  .lp-hero{grid-template-columns:1fr;min-height:0;padding-top:104px;text-align:center}
  .lp-hero .sub{margin-left:auto;margin-right:auto}
  .lp-hero .cta,.lp-chips{justify-content:center}
  .lp-proof-in{grid-template-columns:1fr}
  .lp-after li{grid-template-columns:1fr;gap:6px;padding:18px 20px}
  .lp-after i{transform:rotate(90deg);justify-self:start;margin-left:6px;font-size:18px}
}
@media (max-width:520px){.lp-chips{flex-direction:column;align-items:center;gap:8px}.lp-foot .foot-base .langs{margin-left:0}}

/* 首屏空间感与官网 001 一致：文字约 31% 屏宽、设备约 44%，作为一组居中，四周留白；随屏宽等比缩放，整组不超过一屏高 */
@media (min-width:901px){
  .lp-hero{grid-template-columns:minmax(0,31vw) minmax(0,min(44vw,calc((100svh - 300px) * 1.6)));justify-content:center;gap:clamp(40px,4vw,80px);max-width:none;padding:96px var(--pad) 48px}
  .lp-hero h1{font-size:clamp(34px,3.2vw,84px)}
  .lp-hero .sub{max-width:none;font-size:clamp(15px,1.02vw,22px)}
  .lp-hero .kicker{font-size:clamp(12px,.75vw,16px)}
  .lp-hero .btn{height:clamp(46px,2.6vw,58px);padding:0 clamp(24px,1.5vw,36px);font-size:clamp(14px,.85vw,18px)}
  .lp-chips{font-size:clamp(13px,.85vw,17px)}
  .lp-stage.duo .device{width:86%}
  .lp-stage .phone{width:22%;bottom:auto;top:16%}
}