/* ============ 汇艺共营AIP 主站导航 + 留资弹窗（供 video/build 等独立页引入） ============ */
/* nav（与 subpage.css 同款，字面值防变量冲突） */
.nav{position:sticky;top:0;z-index:100;background:rgba(7,11,7,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,194,94,.18)}
.nav-in{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:18px}
.nav .brand{display:flex;align-items:center;gap:12px;margin-right:auto;text-decoration:none;
  background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;
  -webkit-text-fill-color:initial!important;color:#f2f6f2!important;animation:none!important}
.nav .brand img{width:40px;height:40px;border-radius:10px;box-shadow:0 0 18px rgba(0,194,94,.35)}
.nav .brand .bt{font-size:17px;font-weight:800;letter-spacing:.5px;white-space:nowrap;color:#f2f6f2;-webkit-text-fill-color:#f2f6f2}
.nav .brand .bt span{color:#00c25e;-webkit-text-fill-color:#00c25e}
.nav-links{display:flex;gap:4px;flex-wrap:wrap}
.nav-links a{padding:7px 14px;border-radius:10px;font-size:14px;color:#9db3a0;transition:.2s;white-space:nowrap;text-decoration:none}
.nav-links a:hover{color:#2eff8a;background:rgba(0,194,94,.08)}
.nav-links a.on{color:#2eff8a;background:rgba(0,194,94,.12)}
.nav .cta{padding:10px 20px;border-radius:999px;background:linear-gradient(135deg,#f9e7ae,#e8c56a 45%,#c9983d);color:#241a05;font-weight:800;font-size:14px;box-shadow:0 4px 18px rgba(232,197,106,.35);transition:.25s;white-space:nowrap;cursor:pointer;border:none}
.nav .cta:hover{transform:translateY(-2px)}
/* 手机端导航：品牌+按钮一行，链接另起一行可横向滑动 */
@media(max-width:900px){
  .nav-in{flex-wrap:wrap;padding:10px 14px;gap:8px 10px}
  .nav .brand img{width:32px;height:32px}
  .nav .brand .bt{font-size:14.5px}
  .nav .cta{padding:8px 14px;font-size:13px}
  .nav-links{order:2;display:flex!important;flex:0 0 100%!important;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;gap:8px!important;margin:2px 0 0!important;padding:2px 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{flex:0 0 auto;padding:7px 13px;font-size:13px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(0,194,94,.14)}
  .nav-links a.on{background:rgba(0,194,94,.16);border-color:rgba(0,194,94,.45)}
}

/* 弹窗遮罩 */
.qr-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:20px}
.qr-overlay.show{display:flex}
@keyframes qrIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}

/* 纯二维码弹窗 */
.qr-dialog{position:relative;background:linear-gradient(165deg,#132013,#0c120c);border:1px solid rgba(0,194,94,.4);border-radius:24px;padding:40px 36px 32px;max-width:360px;width:100%;text-align:center;box-shadow:0 30px 80px rgba(0,194,94,.25);animation:qrIn .25s ease}
.qr-dialog .close,.lead-dialog .close,.detail-dialog .close{position:absolute;top:14px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,194,94,.22);background:rgba(255,255,255,.05);color:#9db3a0;font-size:16px;cursor:pointer;line-height:1}
.qr-dialog .close:hover{color:#f2f6f2;border-color:#00c25e}
.qr-dialog .ttl{font-size:20px;font-weight:900;margin-bottom:6px;color:#f2f6f2}
.qr-dialog .ttl em{font-style:normal;color:#00c25e}
.qr-dialog .sub{font-size:13px;color:#9db3a0;margin-bottom:20px}
.qr-dialog img{width:230px;height:230px;border-radius:14px;background:#fff;padding:8px;box-shadow:0 10px 34px rgba(0,0,0,.5)}
.qr-dialog .who{margin-top:16px;font-size:16px;font-weight:800;color:#f2f6f2}
.qr-dialog .where{font-size:13px;color:#9db3a0;margin-top:2px}
.qr-dialog .note{margin-top:14px;font-size:12.5px;color:#2eff8a;background:rgba(0,194,94,.08);border:1px dashed rgba(0,194,94,.22);border-radius:12px;padding:10px 12px}

/* 留资表单弹窗 */
.lead-dialog{position:relative;background:linear-gradient(165deg,#132013,#0c120c);border:1px solid rgba(0,194,94,.4);border-radius:24px;padding:36px 32px 30px;max-width:420px;width:100%;box-shadow:0 30px 80px rgba(0,194,94,.25);max-height:90vh;overflow-y:auto;animation:qrIn .25s ease}
.lead-dialog .ttl{font-size:21px;font-weight:900;text-align:center;line-height:1.4;color:#f2f6f2}
.lead-dialog .ttl em{font-style:normal;color:#00c25e;text-shadow:0 0 24px rgba(0,194,94,.35)}
.lead-dialog .sub{font-size:13px;color:#9db3a0;text-align:center;margin:8px 0 20px}
.lfield{margin-bottom:12px}
.lfield input,.lfield textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(0,194,94,.22);border-radius:12px;padding:13px 16px;color:#f2f6f2;font-size:14px;font-family:inherit;outline:none;transition:.2s;resize:vertical}
.lfield input:focus,.lfield textarea:focus{border-color:#00c25e;box-shadow:0 0 0 3px rgba(0,194,94,.12)}
.lfield input::placeholder,.lfield textarea::placeholder{color:#5f7565}
.lerr{font-size:12.5px;color:#e8c56a;min-height:18px;margin:-4px 0 6px}
.lsubmit{width:100%;padding:15px;border:none;border-radius:999px;background:linear-gradient(135deg,#f9e7ae,#e8c56a 45%,#c9983d);color:#241a05;font-weight:900;font-size:16px;cursor:pointer;box-shadow:0 6px 24px rgba(232,197,106,.4);transition:.25s}
.lsubmit:hover{transform:translateY(-2px)}
.lead-success{text-align:center;padding:6px 0 2px}
.lead-success .ok-ico{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,#00913c,#00c25e);color:#04140a;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,194,94,.35)}
.lead-success img{width:210px;height:210px;border-radius:14px;background:#fff;padding:8px;box-shadow:0 10px 34px rgba(0,0,0,.5);margin-top:16px}
.lead-success .ttl{color:#f2f6f2}
.lead-success .who{margin-top:12px;font-size:16px;font-weight:800;color:#f2f6f2}
.lead-success .where{font-size:13px;color:#9db3a0}
.lead-success .note{margin-top:12px;font-size:12.5px;color:#2eff8a;background:rgba(0,194,94,.08);border:1px dashed rgba(0,194,94,.22);border-radius:12px;padding:10px 12px}

/* 通用详情弹窗基础壳（hyDetail 兜底） */
.detail-dialog{position:relative;background:linear-gradient(165deg,#132013,#0b100b);border:1px solid rgba(0,194,94,.4);border-radius:22px;max-width:760px;width:100%;max-height:88vh;overflow-y:auto;padding:30px 28px 26px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:qrIn .25s ease;color:#f2f6f2}