:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#0c214d;background:#eef8fd;font-synthesis:none;--view-h:100dvh;--view-y:0px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #135fcc;outline-offset:3px}button{color:inherit}h1,h2,p{margin:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.plan-page{position:relative;max-width:460px;min-height:100dvh;margin:auto;background:linear-gradient(#e5faff,#f7fbff);padding-bottom:32px;overflow:hidden}.plan-header{overflow:hidden;position:relative;height:182px;padding:25px 22px;color:#fff;background:linear-gradient(115deg,#118aff,#16b4f8 60%,#20d9e5);isolation:isolate}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600}.plan-header h1{font-size:23px;margin:13px 0 9px;max-width:240px}.plan-header p{font-size:12px;color:#e4f6ff;max-width:230px}.header-wave{position:absolute;z-index:-1;bottom:-30px;left:-10%;width:120%;height:65px;background:#e5faff;border-radius:50% 40% 0 0;transform:rotate(-4deg)}.plans,.details{padding:0 18px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:3px 0 15px}.section-title h2,.details h2{font-size:17px;position:relative;padding-left:11px}.section-title h2:before,.details h2:before{content:"";position:absolute;left:0;top:3px;height:18px;width:4px;background:#12b6e6;border-radius:4px}.section-title>span{font-size:11px;color:#647c98}.plan{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:20px 14px;margin:0 0 12px;background:#fff;border:1.5px solid transparent;border-radius:18px;text-align:left;box-shadow:0 5px 15px #218bd006;transition:border-color .15s,background .15s}.plan.selected{border-color:#16aaf0;background:#f5fcff;box-shadow:0 4px 12px #08a2f512}.plan-icon{width:54px;height:60px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:14px;background:linear-gradient(145deg,#e5f8ff,#daf3fa);font-size:20px;font-weight:800;color:#078dce;letter-spacing:-1px}.plan-icon small{font-size:10px;letter-spacing:1px;font-weight:600}.plan-copy{display:flex;flex-direction:column;gap:7px;flex:1}.plan-copy strong{font-size:15px;white-space:nowrap}.plan-copy small{font-size:10px;color:#7b8ca4}.plan-copy em{font-size:10px;align-self:flex-start;font-style:normal;background:#e4f7fc;color:#399bc2;padding:2px 7px;border-radius:10px}.price{display:flex;flex-direction:column;align-items:flex-end;gap:3px;align-self:center}.price b{font-size:20px;color:#086de0;white-space:nowrap}.price>small{font-size:11px;color:#6d8aaa}.check{display:grid;place-items:center;background:#e6eff5;color:transparent;font-size:11px;font-style:normal;width:17px;height:17px;border-radius:50%;margin-top:5px}.selected .check{background:#159af0;color:white}.details h2{margin:20px 0 12px}.detail-card{padding:17px;background:linear-gradient(135deg,#fff,#e5f7ff);border:1px solid #d5e8f1;border-radius:16px;box-shadow:0 5px 12px #127caf08}.detail-card>span{display:block;font-size:10px;color:#8093a7;margin-bottom:8px}.detail-card>strong{font-size:16px}.perks{display:flex;gap:8px;margin:14px 0}.perks span{flex:1;padding:11px 5px;text-align:center;background:#daf2ff;border:1px solid #cceaf7;border-radius:9px;font-size:12px;color:#16619b}.detail-card p{font-size:10px;color:#8498ab}.plan-note{text-align:center;color:#8497ad;font-size:11px;margin-top:24px}.launcher{position:absolute;z-index:5;right:11px;top:54px;width:94px;height:130px;padding:0;background:none;border:0;touch-action:none;user-select:none;filter:drop-shadow(0 4px 5px #1242a621)}.launcher>img{position:absolute;left:5px;bottom:26px;width:84px;pointer-events:none}.launcher-base{position:absolute;bottom:0;left:0;display:grid;place-items:center;width:94px;height:32px;color:white;font-size:14px;font-weight:600;letter-spacing:.5px;background:linear-gradient(#3679fa,#2450d8);border-radius:0 0 18px 18px}.badge{position:absolute;right:0;top:5px;min-width:23px;height:23px;display:grid;place-items:center;border-radius:14px;padding:0 4px;border:2px solid #fff;background:#d72d41;color:#fff;font-size:12px;font-weight:700}.chat{background:#f8fafc;display:flex;flex-direction:column;overflow:hidden}.visitor-chat{position:fixed;z-index:20;right:24px;bottom:20px;width:400px;height:min(700px,calc(100dvh - 40px));border-radius:18px;box-shadow:0 18px 80px #102c4a40}.chat-header{min-height:76px;display:flex;align-items:center;gap:11px;padding:13px 18px;background:linear-gradient(110deg,#148ef1,#18a5ec);color:#fff;flex-shrink:0}.chat-header>img{width:38px;height:38px;object-fit:cover;object-position:top;background:#fff;border-radius:50%}.chat-header>div{flex:1;display:flex;flex-direction:column;gap:5px}.chat-header strong{font-size:16px;font-weight:600}.chat-header small{font-size:11px;color:#e0f3ff}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:0;background:#ffffff14;border-radius:50%;color:#fff;font-size:30px}.chat-content{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 15px 15px;scrollbar-width:thin}.empty{color:#97a5b5;text-align:center;font-size:13px;margin-top:70px}.message{display:flex;gap:8px;margin-bottom:20px;align-items:flex-start}.message.mine{flex-direction:row-reverse}.message-avatar{width:29px;height:29px;border-radius:50%;background:#e2eff8;object-fit:cover;object-position:top}.visitor-icon{display:grid;place-items:center;font-size:11px;color:#4583b1;background:#e0f1fc}.message-main{max-width:77%;min-width:70px}.message-info{font-size:10px;color:#99a3ad;margin:0 3px 5px}.mine .message-info{text-align:right}.bubble{color:#172e49;background:#eef1f4;padding:11px 13px;border-radius:3px 15px 15px 15px;font-size:14px;line-height:1.65;word-break:break-word;white-space:pre-wrap}.mine .bubble{background:#dcf1ff;border-radius:15px 3px 15px 15px}.bubble.image-bubble{padding:5px;line-height:0;background:#edf3f8}.bubble img{max-width:100%;max-height:270px;border-radius:10px;cursor:zoom-in;min-height:36px}.message-status{font-size:10px;color:#8999ac;margin-top:6px;text-align:right}.message-status button{font-size:10px;border:0;background:none;color:#1674cf;margin-left:4px;padding:2px}.state-failed,.state-unknown{color:#a56b35}.composer{display:flex;align-items:flex-end;gap:9px;padding:12px 13px 5px;border-top:1px solid #e8edf2;background:#fff;padding-bottom:max(5px,env(safe-area-inset-bottom))}.composer textarea{flex:1;min-width:0;resize:none;height:42px;max-height:120px;padding:10px 12px;border:1px solid #e2eaf1;background:#f8fafc;border-radius:12px;font-size:16px;line-height:20px;outline:none;color:#172e49}.composer textarea:focus{border-color:#7cb9ed}.send{height:40px;border:0;border-radius:11px;background:#1593ed;color:#fff;padding:0 16px;font-size:14px;flex-shrink:0}.attachment-button{width:30px;height:40px;display:grid;place-items:center;color:#7893aa;cursor:pointer;flex-shrink:0}.session-note{text-align:center;background:#fff;color:#a6b0bc;font-size:9px;padding:5px 5px max(8px,env(safe-area-inset-bottom))}.chat-error{font-size:11px;background:#fff4e9;padding:8px 12px;color:#956227}.upload-retry{font-size:12px;background:#fff4e9;padding:9px 12px}.upload-retry button{border:0;background:none;color:#1674cf;font-size:12px}.new-messages{position:absolute;bottom:110px;right:20px;border:1px solid #d6e7f3;background:#fff;color:#1282cf;border-radius:18px;font-size:12px;padding:8px 13px;box-shadow:0 3px 10px #12345613}.login-area{flex:1;overflow:auto;padding:35px 28px;background:#fff}.login-area form{max-width:320px;margin:0 auto}.login-area h2{font-size:20px;margin-bottom:10px}.login-area p{font-size:12px;color:#8494a5;line-height:1.7;margin-bottom:20px}.login-area label{display:flex;flex-direction:column;font-size:12px;gap:8px;margin:18px 0}.login-area input{width:100%;border:1px solid #d8e4ee;border-radius:10px;padding:12px;font-size:16px;color:#152b48}.login-area .primary{width:100%;border:0;background:#158feb;color:white;border-radius:10px;padding:13px;font-weight:600}.login-area small{display:block;font-size:11px;color:#9aa9b8;line-height:1.7;margin-top:22px}.login-area .form-error{color:#bf4f4f;margin:12px 0;font-size:12px}.agent-login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#d9f4ff,#f2f8fc 70%)}.agent-login form{width:350px;max-width:100%;background:#fff;padding:30px;border-radius:18px;box-shadow:0 14px 50px #1646640c}.agent-login h1{font-size:27px;margin:14px 0 10px}.agent-login .eyebrow{color:#1983be}.agent-workspace{display:flex;height:var(--view-h);position:fixed;top:var(--view-y);width:100%}.sidebar{width:280px;background:#fff;border-right:1px solid #e3edf5;overflow:auto;flex-shrink:0}.sidebar header{display:flex;align-items:center;justify-content:space-between;padding:25px 21px 13px}.sidebar h1{font-size:25px;margin-top:7px}.sidebar .eyebrow{font-size:10px;color:#6f9ab9}.text-button{border:0;background:none;color:#6987a4;font-size:12px}.sidebar-note{font-size:11px;color:#9aaabd;margin:0 21px 22px}.room-button{width:calc(100% - 20px);margin:0 10px 7px;padding:16px 13px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:11px;background:#f8fafc;text-align:left;font-size:13px}.room-button.active{background:#e8f5ff;color:#0966a9}.room-button .room-badge{background:#d72d41;border-radius:12px;color:#fff;font-size:10px;padding:3px 6px}.agent-chat{flex:1;min-width:0;height:100%}.agent-chat .messages{padding:30px max(20px,calc((100% - 800px)/2))}.agent-chat .message-main{max-width:70%}.agent-chat .chat-header{background:#fff;color:#173c60;border-bottom:1px solid #e3edf5}.agent-chat .chat-header small{color:#889daf}.agent-chat .composer{padding-left:max(20px,calc((100% - 800px)/2));padding-right:max(20px,calc((100% - 800px)/2))}#back-list{display:none;color:#3575a6;background:#e9f6ff}dialog{padding:0;border:0;background:transparent;max-width:95vw;max-height:95dvh;overflow:visible}dialog::backdrop{background:#0c192ee6}dialog>img{max-width:94vw;max-height:85dvh;object-fit:contain;display:block}.viewer-close{position:absolute;right:0;top:-45px;width:36px;height:36px;font-size:26px;border:0;border-radius:50%;background:#fff;color:#24506d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.visitor-chat{inset:auto 0 auto 0;top:var(--view-y);width:100%;height:var(--view-h);border-radius:0;box-shadow:none}.chat-header{padding-top:max(13px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right));min-height:74px}.composer{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));gap:7px}.session-note{font-size:8px}.sidebar{width:100%}.agent-chat{display:none}.agent-workspace.has-room .sidebar{display:none}.agent-workspace.has-room .agent-chat{display:flex}#back-list{display:grid}.agent-chat .messages{padding:20px 14px}.agent-chat .composer{padding-left:10px;padding-right:10px}.agent-chat .message-main{max-width:77%}.plan-header h1{font-size:21px;max-width:220px}.plan{gap:9px;padding:17px 11px}.plan-copy strong{font-size:14px}.plan-copy small{font-size:9px}.price b{font-size:19px}.plan-icon{width:48px}.plans,.details{padding-left:16px;padding-right:16px}.launcher{right:10px;top:51px}.plan-header p{max-width:215px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}