/* ===== 智招派官网全站布局优化 2026-08-14 ===== */
/* 功能页容器与首页统一（原 860px 太窄，大屏两侧空） */
.wrap{max-width:1120px}
/* 多卡片区块：桌面自动两列（不支持 :has 的浏览器自动回退单列，不破坏） */
.sec .wrap:has(.card + .card){display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:start}
.sec .wrap:has(.card + .card) h2{grid-column:1/-1;margin-bottom:4px}
/* 使用流程多步骤：桌面三列 */
.steps:has(.step + .step){display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.step{height:100%}
/* 首页栅格：桌面固定列数更规整 */
@media(min-width:1000px){
  .mods{grid-template-columns:repeat(3,1fr)}
  .plans{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
  .feat{grid-template-columns:repeat(3,1fr)}
}
/* 移动端导航汉堡 */
.nav-toggle{display:none;background:#f3edff;color:#6d28d9;border:none;border-radius:10px;width:42px;height:42px;font-size:22px;cursor:pointer}
.nav-links.open{display:flex}
/* 微信兼容：导航不吸顶 + 内容可换行，避免页头重叠 */
.nav{position:relative}
.nav .wrap{flex-wrap:wrap;height:auto;min-height:62px;padding-top:8px;padding-bottom:8px}
@media(max-width:420px){
  .nav .btn{padding:7px 12px;font-size:13px}
}
@media(max-width:720px){
  .nav-toggle{display:block}
  .nav-links{position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #f0edf7;flex-direction:column;gap:0;padding:8px 16px;box-shadow:0 12px 24px rgba(0,0,0,.08)}
  .nav-links a{padding:12px 0;border-bottom:1px solid #f2f0f8}
  .nav-links a:last-child{border-bottom:none}
}
/* emoji 图标字体兜底（修复 Windows 上 emoji 显示成方块） */
body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}

/* ===== 真实界面轮播组件 2026-08-14 ===== */
.shot-carousel{position:relative;max-width:400px;margin:36px auto 0;padding:0 46px}
.shot-viewport{overflow:hidden;border-radius:18px;border:1px solid #ece9f5;box-shadow:0 10px 28px rgba(0,0,0,.12);background:#fff;cursor:zoom-in}
.shot-track{display:flex;transition:transform .35s ease}
.shot-slide{flex:0 0 100%;min-width:100%}
.shot-slide img{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;object-position:top center}
.shot-cap{display:block;text-align:center;font-size:14px;color:#555;padding:10px 12px;background:#fff}
.shot-prev,.shot-next{position:absolute;top:42%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #ece9f5;background:#fff;color:#6d28d9;font-size:24px;line-height:36px;text-align:center;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.10);z-index:2}
.shot-prev{left:0}
.shot-next{right:0}
.shot-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}
.shot-dot{width:9px;height:9px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0}
.shot-dot.on{background:#8b5cf6}
.shot-lightbox{position:fixed;inset:0;background:rgba(20,18,28,.94);display:none;align-items:center;justify-content:center;z-index:999;cursor:zoom-out}
.shot-lightbox img{max-width:92vw;max-height:88vh;border-radius:10px}
@media(max-width:520px){.shot-carousel{max-width:300px;padding:0 40px}}
/* 真实界面：四模块并排，每模块内独立轮播 */
.mod-shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:8px}
.mod-shot-col h3{text-align:center;font-size:18px;margin-bottom:10px}
.mod-shot-col .shot-carousel{max-width:100%;margin:0 auto;padding:0 34px}
.mod-shot-col .shot-cap{font-size:12px;padding:8px 8px}
@media(max-width:1100px){.mod-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mod-shots{grid-template-columns:minmax(0,1fr)}}

/* 放大层：左右切换 + 关闭 + 标题 */
.shot-lightbox{flex-direction:column}
.shot-lightbox .lb-img{max-width:70vw;max-height:76vh;border-radius:10px;object-fit:contain}
.lb-prev,.lb-next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;border:none;font-size:34px;line-height:46px;cursor:pointer;z-index:3}
.lb-prev{left:16px}
.lb-next{right:16px}
.lb-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;border:none;font-size:18px;cursor:pointer;z-index:3}
.lb-cap{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#fff;font-size:15px;z-index:3;padding:0 20px}
@media(max-width:520px){.shot-lightbox .lb-img{max-width:92vw;max-height:70vh}}
/* 首屏四大模块卡片 */
.hero-mods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:36px;text-align:left}
.hmod{background:#fff;border:1px solid #ece9f5;border-radius:16px;padding:18px 16px;box-shadow:0 8px 22px rgba(109,40,217,.08);transition:transform .15s,box-shadow .2s;display:block}
.hmod:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(109,40,217,.14)}
.hmod .ic{font-size:28px}
.hmod b{display:block;font-size:17px;margin:8px 0 4px;color:#1e1b2e}
.hmod span{font-size:13px;color:#6b7280}
.hmod em{display:block;margin-top:8px;font-size:12px;font-style:normal;font-weight:600;color:#8b5cf6}
@media(max-width:820px){.hero-mods{grid-template-columns:repeat(2,minmax(0,1fr))}}