/* 老高 AI 助理：网站销售客服与人工接管。 */
.ai-support{--support-navy:#082f4f;--support-teal:#12bfc1;--support-teal-dark:#07969f;--support-yellow:#ffc64a;position:fixed;z-index:11000;right:24px;bottom:24px;color:#123b59;font-family:inherit}
.ai-support *{box-sizing:border-box}
.ai-support button,.ai-support textarea{font:inherit}
.ai-support-launcher{position:relative;display:flex;min-width:204px;min-height:62px;align-items:center;gap:10px;padding:8px 14px 8px 9px;border:1px solid rgba(255,255,255,.58);border-radius:999px;color:#fff;background:linear-gradient(135deg,#0b3c5e 0%,#075e73 52%,#10b8bb 100%);box-shadow:0 16px 38px rgba(4,58,82,.3),inset 0 1px rgba(255,255,255,.24);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.ai-support-launcher:hover,.ai-support-launcher:focus-visible{outline:0;transform:translateY(-2px);box-shadow:0 20px 46px rgba(4,58,82,.36),0 0 0 4px rgba(22,198,199,.18)}
.ai-support-launcher-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:50%;color:#073d5c;background:#fff}
.ai-support-launcher-icon svg{width:30px;height:30px}
.ai-support-launcher-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.ai-support-launcher-copy strong{font-size:15px;font-weight:900}
.ai-support-launcher-copy small{margin-top:3px;color:#d9ffff;font-size:12px;font-weight:700}
.ai-support-launcher>i{position:absolute;top:3px;right:7px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#34d06f;box-shadow:0 0 0 3px rgba(52,208,111,.2)}

.ai-support-nudge{position:absolute;right:0;bottom:76px;width:250px;padding:14px 34px 14px 16px;border:1px solid rgba(15,164,172,.18);border-radius:17px;background:rgba(255,255,255,.98);box-shadow:0 14px 38px rgba(9,66,91,.16);animation:supportNudgeIn .38s ease both}
.ai-support-nudge::after{content:"";position:absolute;right:27px;bottom:-7px;width:14px;height:14px;border-right:1px solid rgba(15,164,172,.18);border-bottom:1px solid rgba(15,164,172,.18);background:#fff;transform:rotate(45deg)}
.ai-support-nudge strong,.ai-support-nudge span{display:block}
.ai-support-nudge strong{color:#082f4f;font-size:15px;font-weight:900}
.ai-support-nudge span{margin-top:5px;color:#527286;font-size:13px;line-height:1.5}
.ai-support-nudge-close{position:absolute;top:7px;right:7px;width:26px;height:26px;border:0;border-radius:50%;color:#6b8797;background:transparent;font-size:20px;line-height:1;cursor:pointer}
.ai-support-nudge-close:hover,.ai-support-nudge-close:focus-visible{outline:0;color:#082f4f;background:#edf7f8}

.ai-support-panel{position:absolute;right:0;bottom:74px;display:flex;width:min(390px,calc(100vw - 32px));height:min(650px,calc(100dvh - 116px));overflow:hidden;flex-direction:column;border:1px solid rgba(16,146,157,.2);border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(2,38,62,.3);transform-origin:bottom right;animation:supportPanelIn .25s ease both}
.ai-support-panel[hidden]{display:none}
.ai-support-head{position:relative;display:grid;min-height:82px;align-items:center;padding:14px 14px 14px 16px;color:#fff;background:linear-gradient(135deg,#082f4f 0%,#075c70 66%,#0ba6aa 100%);grid-template-columns:50px minmax(0,1fr) auto auto;gap:10px}
.ai-support-avatar{width:48px;height:48px;color:#fff}
.ai-support-avatar svg{display:block;width:48px;height:48px;filter:drop-shadow(0 7px 12px rgba(0,0,0,.16))}
.ai-support-head>div:nth-child(2){display:flex;min-width:0;flex-direction:column}
.ai-support-head strong{font-size:17px;font-weight:900;line-height:1.35}
.ai-support-head span{display:flex;align-items:center;gap:6px;margin-top:3px;color:#d5fbfb;font-size:12px;line-height:1.3}
.ai-support-head span i{width:7px;height:7px;border-radius:50%;background:#38df78;box-shadow:0 0 0 4px rgba(56,223,120,.14)}
.ai-support-head .ai-support-demo-badge{align-self:start;margin:2px 0 0;padding:5px 7px;border:1px solid rgba(255,255,255,.38);border-radius:999px;color:#fff4cb;background:rgba(255,198,74,.16);font-size:10px;font-weight:800;white-space:nowrap}
.ai-support-icon-button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.13);font-size:23px;line-height:1;cursor:pointer}
.ai-support-icon-button:hover,.ai-support-icon-button:focus-visible{outline:0;background:rgba(255,255,255,.24)}

.ai-support-messages{min-height:0;flex:1;overflow:auto;padding:16px 16px 18px;background:linear-gradient(180deg,#f4fbfb 0%,#f8fbfd 34%,#fff 100%);scroll-behavior:smooth}
.ai-support-time{margin-bottom:12px;color:#8aa0ae;font-size:11px;text-align:center}
.ai-support-row{display:flex;align-items:flex-end;gap:8px;margin:0 0 12px;animation:supportMessageIn .2s ease both}
.ai-support-row.is-user{justify-content:flex-end}
.ai-support-mini-avatar{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(145deg,#0b3c5e,#0cb4b5);font-size:9px;font-weight:900;box-shadow:0 5px 14px rgba(7,99,114,.16)}
.ai-support-bubble{max-width:82%;padding:11px 13px;border:1px solid #dfedef;border-radius:6px 16px 16px 16px;background:#fff;box-shadow:0 5px 16px rgba(10,68,91,.07);font-size:14px;line-height:1.58}
.ai-support-bubble p{margin:0;color:#284c62}
.ai-support-bubble p+p{margin-top:6px}
.ai-support-bubble strong{color:#087d87;font-weight:900}
.ai-support-row.is-user .ai-support-bubble{border-color:transparent;border-radius:16px 6px 16px 16px;color:#fff;background:linear-gradient(135deg,#0da7ae,#0b8e9f);box-shadow:0 8px 18px rgba(8,142,155,.18)}
.ai-support-row.is-user .ai-support-bubble p{color:#fff}
.ai-support-bubble a{display:inline-flex;align-items:center;margin-top:9px;padding:7px 10px;border-radius:9px;color:#087f8b;background:#e9f9f9;font-size:12px;font-weight:900;text-decoration:none}
.ai-support-bubble a:hover,.ai-support-bubble a:focus-visible{outline:2px solid rgba(12,172,178,.2);background:#ddf5f5}
.ai-support-inline-actions{display:flex;gap:7px;flex-wrap:wrap}
.ai-support-inline-actions button{display:inline-flex;align-items:center;margin-top:9px;padding:7px 10px;border:0;border-radius:9px;color:#fff;background:#0a7480;font-size:12px;font-weight:900;cursor:pointer}
.ai-support-inline-actions button:hover,.ai-support-inline-actions button:focus-visible{outline:3px solid rgba(12,172,178,.18);background:#08636d}
.ai-support-quick{display:grid;margin:6px 0 4px 36px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ai-support-quick button{min-height:38px;padding:8px 9px;border:1px solid #b9e2e4;border-radius:11px;color:#08747f;background:#fff;font-size:12px;font-weight:800;line-height:1.3;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}
.ai-support-quick button:hover,.ai-support-quick button:focus-visible{outline:0;border-color:#0db4b8;background:#eafafa;transform:translateY(-1px)}
.ai-support-typing{display:flex;align-items:center;gap:4px;width:max-content;padding:12px 14px}
.ai-support-typing i{width:6px;height:6px;border-radius:50%;background:#79a7ae;animation:supportTyping 1s infinite ease-in-out}
.ai-support-typing i:nth-child(2){animation-delay:.14s}.ai-support-typing i:nth-child(3){animation-delay:.28s}

.ai-support-handoff{display:flex;align-items:center;gap:12px;margin:0 14px 10px;padding:11px 12px;border:1px solid #f0d99e;border-radius:14px;background:#fff9e9;box-shadow:0 6px 18px rgba(120,82,8,.06)}
.ai-support-handoff[hidden]{display:none}
.ai-support-handoff>div{display:flex;min-width:0;flex:1;flex-direction:column}
.ai-support-handoff strong{color:#694d0c;font-size:12px;font-weight:900}
.ai-support-handoff span{margin-top:2px;color:#806b3b;font-size:10px;line-height:1.35}
.ai-support-handoff button{min-height:36px;flex:0 0 auto;padding:7px 10px;border:0;border-radius:10px;color:#fff;background:#0a6675;font-size:11px;font-weight:900;cursor:pointer}
.ai-support-handoff button:hover,.ai-support-handoff button:focus-visible{outline:3px solid rgba(10,160,167,.18);background:#075765}

.ai-support-compose{display:flex;align-items:flex-end;gap:9px;margin:0 14px;padding:9px 9px 9px 12px;border:1px solid #cfdee3;border-radius:15px;background:#fff;box-shadow:0 6px 16px rgba(12,65,85,.06)}
.ai-support-compose:focus-within{border-color:#16b7bc;box-shadow:0 0 0 3px rgba(22,183,188,.12)}
.ai-support-compose textarea{min-height:24px;max-height:74px;flex:1;resize:none;overflow:auto;border:0;outline:0;color:#173d55;background:transparent;font-size:14px;line-height:1.5}
.ai-support-compose textarea::placeholder{color:#8ca1ad}
.ai-support-compose button{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0a6074,#0db9ba);cursor:pointer}
.ai-support-compose button:hover,.ai-support-compose button:focus-visible{outline:3px solid rgba(13,185,186,.16);filter:brightness(1.05)}
.ai-support-compose svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-support-footnote{margin:7px 14px 10px;color:#8a9da8;font-size:10px;line-height:1.35;text-align:center}
.ai-support-footnote button{padding:2px 5px;border:0;border-bottom:1px solid currentColor;color:#0a8790;background:transparent;font-size:10px;font-weight:800;cursor:pointer}
.ai-support-footnote button:hover,.ai-support-footnote button:focus-visible{outline:2px solid rgba(10,165,170,.16);outline-offset:2px}
.ai-support-load-error{margin:12px 0;padding:10px 12px;border:1px solid #f1d8a0;border-radius:12px;color:#775714;background:#fff9ea;font-size:12px;line-height:1.55;text-align:center}
.ai-support-toast{position:absolute;right:16px;bottom:88px;left:16px;z-index:4;padding:10px 12px;border-radius:12px;color:#fff;background:rgba(5,45,66,.94);box-shadow:0 10px 30px rgba(2,30,45,.22);font-size:12px;font-weight:800;text-align:center;animation:supportMessageIn .2s ease both}

.support-is-open .ai-support-launcher,.support-is-open .ai-support-nudge{display:none}
.support-is-open .pc2-back-to-top{opacity:0!important;pointer-events:none!important}
.pc2-back-to-top{right:244px!important}
@keyframes supportPanelIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes supportNudgeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes supportMessageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes supportTyping{0%,70%,100%{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}

@media(max-width:700px){
  .ai-support{right:14px;bottom:calc(88px + env(safe-area-inset-bottom))}
  .ai-support-launcher{min-width:0;width:58px;height:58px;min-height:58px;padding:7px;border-radius:20px}
  .ai-support-launcher-icon{width:44px;height:44px;flex-basis:44px}
  .ai-support-launcher-copy{display:none}
  .ai-support-nudge{right:0;bottom:70px;width:238px}
  .ai-support-panel{position:fixed;top:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;width:auto;height:auto;border-radius:22px;transform-origin:bottom right}
  .ai-support-head{min-height:76px;padding:12px 11px 12px 14px;grid-template-columns:46px minmax(0,1fr) auto auto;gap:8px}
  .ai-support-avatar,.ai-support-avatar svg{width:44px;height:44px}
  .ai-support-head strong{font-size:16px}
  .ai-support-head .ai-support-demo-badge{padding:4px 6px;font-size:9px}
  .ai-support-messages{padding:14px 13px 16px}
  .ai-support-bubble{max-width:85%;font-size:14px}
  .ai-support-quick{margin-left:36px;gap:7px}
  .ai-support-quick button{min-height:40px;padding:7px;font-size:11px}
  .ai-support-handoff{margin-right:11px;margin-left:11px}
  .ai-support-handoff span{display:none}
  .ai-support-compose{margin-right:11px;margin-left:11px}
  .ai-support-footnote{margin-bottom:8px}
  .support-is-open{overflow:hidden}
  .support-is-open .course-mobile-buy{opacity:0;pointer-events:none;transform:translateY(120%)}
  .pc2-back-to-top{right:84px!important}
}
@media(max-width:380px){
  .ai-support-head{grid-template-columns:44px minmax(0,1fr) auto}
  .ai-support-head .ai-support-demo-badge{display:none}
  .ai-support-quick{grid-template-columns:1fr}
  .ai-support-handoff{align-items:stretch;flex-direction:column}
  .ai-support-handoff button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .ai-support *{animation:none!important;scroll-behavior:auto!important;transition:none!important}
}