/* ══════════ 多页面补充样式 ══════════ */

/* 导航激活态 */
.links a.act{color:#e8eef7;position:relative}
.links a.act:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;
  border-radius:2px;background:linear-gradient(90deg,#22d3ee,#4ade80);
  box-shadow:0 0 10px rgba(74,222,128,.6)}

/* 分页后来到独立页面：内容区占满一屏、页脚贴底 */
body[class^="p-"]{display:flex;flex-direction:column;min-height:100vh}
body[class^="p-"] .page{flex:1 0 auto;min-height:auto;display:flex;flex-direction:column;
  justify-content:center;padding:104px 0 60px;scroll-snap-align:none}
body[class^="p-"] .foot{margin-top:auto}

/* .page 在多页面下不要强制 100vh（用 flex 撑 ✓） */
body[class^="p-"]{scroll-snap-type:none}
html{scroll-snap-type:none}

/* 首页仍保留整屏 */
body.p-home .page.hero{min-height:100vh;padding:110px 0 80px}

/* 页面切换淡入（跨页也有动感 ✓） */
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
body[class^="p-"] .page{animation:pageIn .5s ease-out}

/* 标题区在多页面里往上收一点 */
body[class^="p-"] .sec-h{margin-bottom:40px}

/* 右侧导航点在多页面里隐藏（不需要了 ✓） */
.pnav{display:none!important}

/* 联系区（在 /start 页末尾）*/
.sec-contact{border-top:none;padding:60px 0 40px}

/* 手机 */
@media(max-width:820px){
  body[class^="p-"] .page{padding:88px 0 40px}
  .links a.act:after{bottom:-4px}
}

/* ★ 二维码弹窗 */
.wxmodal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;
  background:rgba(3,5,9,.82);backdrop-filter:blur(8px)}
.wxmodal.on{display:flex;animation:wxIn .22s ease-out}
@keyframes wxIn{from{opacity:0}to{opacity:1}}
.wxb{position:relative;border-radius:22px;padding:30px 34px 26px;text-align:center;
  background:linear-gradient(170deg,#141b2a,#0b0f17);border:1px solid rgba(120,170,255,.24);
  box-shadow:0 40px 100px rgba(0,0,0,.7);max-width:88vw}
.wxb img{width:240px;height:240px;border-radius:14px;background:#fff;padding:10px;display:block;margin:0 auto}
.wxt{margin-top:16px;font-size:14px;color:#8b9aae}
.wxi{margin-top:6px;font:800 24px/1 Consolas,monospace;color:#4ade80}
.wxnote{margin-top:10px;font-size:12.5px;color:#6b7a90}
.wxclose{position:absolute;right:12px;top:10px;width:32px;height:32px;border-radius:50%;
  border:none;cursor:pointer;font-size:20px;line-height:1;color:#8b9aae;
  background:rgba(255,255,255,.06);font-family:inherit}
.wxclose:hover{background:rgba(255,255,255,.14);color:#e8eef7}