/* ═══ 全站唯一导航样式（单一来源：由 nav.js 注入结构，本文件统一所有状态）═══ */
.nav{position:fixed;left:0;right:0;top:0;z-index:50;background:transparent;transition:background .35s ease}
.nav .nav-in{display:flex;align-items:center;gap:38px;height:64px;width:1200px;max-width:calc(100% - 48px);margin:0 auto}
@media (min-width:1680px){.nav .nav-in{width:1400px}}
@media (min-width:2200px){.nav .nav-in{width:1560px}}
.nav.scrolled{background:#fff;box-shadow:0 1px 0 #E9EDF3}
.logo{display:inline-flex;align-items:center;gap:9px;font-size:22px;font-weight:800;color:#0B1E3E;letter-spacing:2px;text-decoration:none}
.logo img{width:28px;height:28px;border-radius:7px}
.menu{display:flex;gap:22px;font-size:14px;color:#B9C8E4;flex:1}
.menu a{color:#414A5C;white-space:nowrap;position:relative;transition:color .2s;text-decoration:none}
.menu a:hover{color:#2B5FD9}
.menu a.on{color:#2B5FD9;font-weight:700}
.menu a.on::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-9px;width:26px;height:3px;border-radius:2px;background:#2B5FD9}
/* 亮底页未滚动：logo/汉堡用深色 */
.nav:not(.dark):not(.scrolled) .burger i{background:#0B1E3E}
/* 暗底页未滚动：整体反白（由 nav.js 按 DARK 配置表加 .dark） */
.nav.dark:not(.scrolled) .logo{color:#fff}
.nav.dark:not(.scrolled) .burger i{background:#fff}
.nav.dark:not(.scrolled) .menu a{color:#D7E3F8}
.nav.dark:not(.scrolled) .menu a:hover{color:#fff}
.nav.dark:not(.scrolled) .menu a.on{color:#fff}
.nav.dark:not(.scrolled) .menu a.on::after{background:#5B9BFF}
.nav.dark:not(.scrolled) .login{color:#B9C8E4}
/* 滚动后统一白底深字 */
.nav.scrolled .menu a{color:#414A5C}
.nav.scrolled .menu a:hover{color:#2B5FD9}
.nav.scrolled .logo{color:#0B1E3E}
.nav.scrolled .login{color:#414A5C}
.nav.scrolled .burger i{background:#0B1E3E}
/* 右侧 CTA（黄色，全站统一） */
.nav .btn{padding:8px 18px;font-size:13.5px;background:linear-gradient(135deg,#FFC53D,#F0A832);color:#20306B;border-radius:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(240,168,50,.35)}
.nav .btn:hover{background:linear-gradient(135deg,#FFD666,#F5B041);color:#20306B;transform:translateY(-1px)}
.nav .login{font-size:14px;color:#414A5C;text-decoration:none}
.nav.dark:not(.scrolled) .login{color:#B9C8E4}
/* 移动端 */
.burger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:6px}
.burger i{width:20px;height:2px;background:#0B1E3E;border-radius:2px;display:block}
.m-menu{display:none;position:fixed;top:56px;left:0;right:0;flex-direction:column;background:rgba(11,30,62,.97);padding:6px 22px 14px;z-index:49}
.m-menu a{color:#DCE8FF;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px;text-decoration:none}
.m-menu a.on{color:#8FC0FF}
@media (max-width:760px){
  .menu{display:none}
  .nav .login{display:none}
  .burger{display:inline-flex}
  .m-menu.open{display:flex}
  .burger i:nth-child(2){opacity:.55}
}

/* ═══ 右下角悬浮客服 + 免费体验表单（全站）═══ */
.fx-cta{position:fixed;right:24px;bottom:24px;z-index:120;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.fx-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#5B9BFF,#2B5FD9);color:#fff;font-size:26px;box-shadow:0 10px 26px rgba(43,95,217,.40);display:flex;align-items:center;justify-content:center;transition:.2s}
.fx-btn:hover{transform:translateY(-2px)}
.fx-panel{display:none;flex-direction:column;gap:12px;width:242px;background:#fff;border-radius:16px;padding:18px;box-shadow:0 20px 50px rgba(10,20,40,.22)}
.fx-cta.open .fx-panel{display:flex}
.fx-row{display:flex;gap:10px;align-items:center}
.fx-row>i{font-size:20px;color:#2B5FD9}
.fx-row b{display:block;font-size:15px;color:#171C26}
.fx-row small{color:#8A94A6;font-size:12px}
.fx-split{display:flex;gap:12px;align-items:center}
.fx-qr{width:86px;height:86px;flex:none}
.fx-qrtxt{font-size:12px;color:#8A94A6;line-height:1.7}
.fx-trial{border:none;cursor:pointer;background:linear-gradient(135deg,#FFC53D,#F0A832);color:#20306B;font-weight:700;font-size:14px;border-radius:10px;padding:11px 0}
.fx-trial:hover{filter:brightness(1.05)}
.fx-sol{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #E1E7F0;border-radius:10px;padding:10px 0;font-size:13px;color:#414A5C;text-decoration:none}
.fx-sol:hover{color:#2B5FD9;border-color:#C9D8EE}





.tq-note{font-size:13px;color:#7A8496;line-height:1.7;margin-bottom:14px}
.tq-steps{display:flex;gap:8px;margin-bottom:16px}
.tq-steps span{flex:1;background:#F3F8FE;border-radius:10px;padding:10px 8px;font-size:11.5px;color:#414A5C;text-align:center;line-height:1.6}
.tq-steps b{display:block;color:#2B5FD9;font-size:12px;margin-bottom:2px}






/* ═══ 智能客服聊天窗 + 图标簇（悬浮区改造）═══ */
.fx-cta{align-items:flex-end}
.chat-win{display:none;position:absolute;right:56px;bottom:0;flex-direction:column;width:342px;height:486px;background:#fff;border:1px solid #E6ECF4;border-radius:18px;overflow:hidden;box-shadow:0 24px 64px rgba(10,20,40,.30)}
.chat-win.open{display:flex;animation:chatPop .24s cubic-bezier(.2,.9,.3,1.15)}
@keyframes chatPop{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
.chat-head{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#2E6BE6,#1E4BC4);color:#fff;padding:12px 14px;box-shadow:inset 0 -1px 0 rgba(255,255,255,.14)}
.chat-ava{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.chat-title{flex:1;min-width:0}
.chat-title b{font-size:14.5px;display:block;letter-spacing:.3px}
.chat-title small{display:flex;align-items:center;gap:5px;font-size:11px;opacity:.88;margin-top:1px}
.chat-head .dot{width:7px;height:7px;border-radius:50%;background:#4ADE80;display:inline-block;animation:dotPulse 2.2s infinite}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(74,222,128,.35)}55%{box-shadow:0 0 0 4px rgba(74,222,128,0)}}
.chat-x{width:28px;height:28px;border-radius:8px;background:none;border:none;color:#fff;cursor:pointer;font-size:15px;opacity:.85;display:flex;align-items:center;justify-content:center;transition:.15s;flex:none}
.chat-x:hover{background:rgba(255,255,255,.16);opacity:1}
.chat-body{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;background:#F6F9FE}
.chat-body::-webkit-scrollbar{width:6px}
.chat-body::-webkit-scrollbar-thumb{background:#CBD9EE;border-radius:6px}
.chat-body::-webkit-scrollbar-track{background:transparent}
.crow{display:flex;gap:8px;align-items:flex-end;animation:cmsgIn .26s ease}
.crow.me{justify-content:flex-end}
@keyframes cmsgIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cmsg-ava{width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,#5B9BFF,#2B5FD9);color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 4px 10px rgba(43,95,217,.25)}
.cmsg{max-width:80%;padding:10px 13px;border-radius:14px;font-size:13px;line-height:1.75;word-break:break-word}
.cmsg.bot{background:#fff;color:#414A5C;border:1px solid #E6ECF4;border-bottom-left-radius:5px;box-shadow:0 2px 8px rgba(16,24,40,.05)}
.cmsg.me{background:linear-gradient(135deg,#3B77E8,#2B5FD9);color:#fff;border-bottom-right-radius:5px;box-shadow:0 4px 12px rgba(43,95,217,.28)}
.cmsg b{color:inherit}
.cmsg.typing{display:flex;gap:4px;align-items:center;padding:13px 14px}
.cmsg.typing i{width:6px;height:6px;border-radius:50%;background:#9DB6E4;animation:typing 1.1s infinite}
.cmsg.typing i:nth-child(2){animation-delay:.18s}
.cmsg.typing i:nth-child(3){animation-delay:.36s}
@keyframes typing{0%,60%,100%{transform:none;opacity:.55}30%{transform:translateY(-4px);opacity:1}}
.cmsg-qr{width:150px;height:150px;margin:6px auto 4px}
.cmsg-note{font-size:11.5px;color:#8A94A6;text-align:center}
.chat-faq{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 10px;background:#F6F9FE}
.chat-faq:empty{display:none}
.chat-faq button{border:1px solid #D8E4FB;background:#fff;color:#2B5FD9;font-size:11.5px;border-radius:999px;padding:5px 11px;cursor:pointer;transition:.15s}
.chat-faq button:hover{border-color:#2B5FD9;background:#F0F6FF;transform:translateY(-1px)}
.chat-input{display:flex;gap:8px;padding:10px;border-top:1px solid #E9EEF6;background:#fff}
.chat-input input{flex:1;border:1px solid #DCE4F0;border-radius:999px;padding:9px 15px;font-size:13px;outline:none;transition:.15s;background:#FAFCFF}
.chat-input input:focus{border-color:#2B5FD9;background:#fff;box-shadow:0 0 0 3px rgba(43,95,217,.12)}
.chat-input button{width:38px;height:38px;border-radius:50%;border:none;background:linear-gradient(135deg,#3B77E8,#2B5FD9);color:#fff;cursor:pointer;font-size:15px;flex:none;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(43,95,217,.30);transition:.15s}
.chat-input button:hover{filter:brightness(1.08)}
.chat-input button:active{transform:scale(.92)}
/* 预告卡：锚定在最下方客服按钮左侧、与按钮垂直平齐（不随堆叠顶到高处） */
.fx-teaser{position:absolute;right:70px;bottom:2px;display:flex;align-items:center;gap:9px;width:266px;background:#fff;border:1px solid #E6ECF4;border-radius:14px;padding:11px 10px 11px 12px;box-shadow:0 14px 36px rgba(10,20,40,.18);cursor:pointer;animation:chatPop .3s cubic-bezier(.2,.9,.3,1.15)}
.fx-teaser .cmsg-ava{width:30px;height:30px;font-size:16px;border-radius:10px}
.fx-teaser-tx{flex:1;min-width:0}
.fx-teaser-tx b{display:block;font-size:13px;color:#171C26}
.fx-teaser-tx small{display:block;font-size:11.5px;color:#7A8496;margin-top:2px;line-height:1.5}
.fx-teaser-x{flex:none;width:22px;height:22px;border:none;background:none;color:#9AA6B8;cursor:pointer;font-size:11px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.fx-teaser-x:hover{background:#F0F3F8;color:#414A5C}
.fx-icons{order:3;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.fx-ib{position:relative}
.fx-mini{width:44px;height:44px;border-radius:50%;border:1px solid #E1E7F0;background:#fff;color:#2B5FD9;font-size:19px;cursor:pointer;box-shadow:0 8px 20px rgba(16,24,40,.14);display:flex;align-items:center;justify-content:center;transition:.15s}
.fx-mini:hover{background:#2B5FD9;color:#fff;transform:translateY(-1px)}
.fx-mini.fx-gold{background:linear-gradient(135deg,#FFC53D,#F0A832);color:#20306B;border:none}
.fx-mini.fx-gold:hover{color:#20306B;filter:brightness(1.05)}
.fx-pop{display:none;position:absolute;right:54px;top:50%;transform:translateY(-50%);background:#fff;border-radius:14px;padding:16px 16px 12px;box-shadow:0 12px 32px rgba(10,20,40,.20);white-space:nowrap;text-align:center;z-index:2}
.fx-ib:hover .fx-pop{display:block}
.fx-pop-qr{position:fixed !important;right:82px;bottom:82px;top:auto;transform:none}
.fx-pop b{font-size:15px;color:#171C26}
.fx-pop small{display:block;color:#8A94A6;font-size:11.5px;margin-top:4px}
.fx-pop .fx-qr2{width:220px !important;min-width:220px;max-width:none;margin:0 auto 8px;border-radius:12px;border:1px solid #E6ECF4;display:block}
.fx-pop img{max-width:none !important}

.chat-win{order:1}
/* 移动端：窗口与预告卡不溢出 */
@media (max-width:640px){
  .chat-win{width:min(92vw,342px);height:min(64vh,470px);right:0;bottom:58px}
  .fx-teaser{width:min(84vw,266px)}
}

/* button.btn 浏览器默认边框修复（全站） */
button.btn{border:none}