:root{--ink:#20293b;--muted:#8d96a7;--line:#edf0f5;--paper:#f7f8fb;--white:#fff;--purple:#7358e8;--purple-dark:#6347d8;--mint:#dff6ed;--green:#28a879;--nav:#20283a;--shadow:0 14px 45px rgba(30,43,70,.07)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:"DM Sans","Noto Sans SC",sans-serif;font-size:14px;background:#f7f8fb}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{border:1px solid #e6e9f0;border-radius:9px;background:#fff;padding:13px 14px;color:var(--ink);outline:none;transition:border .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#a998f4;box-shadow:0 0 0 3px rgba(115,88,232,.1)}.eyebrow{font:700 10px "DM Sans",sans-serif;letter-spacing:1.8px;color:#9a8ce4}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:9px;padding:12px 18px;font-weight:600;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--purple);box-shadow:0 6px 14px rgba(115,88,232,.17)}.btn-primary:hover{background:var(--purple-dark)}.btn-wide{width:100%;padding:14px}.btn-disabled{background:#d9dbe3;color:#868b98;cursor:not-allowed}.auth-body{background:#fff;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(400px,48%) 1fr}.auth-visual{position:relative;overflow:hidden;background:linear-gradient(145deg,#6752df,#493ac3 72%,#3f38a9);color:#fff;padding:42px 8%;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:.2px}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#7660ea;color:#fff;font-size:18px}.brand-light .brand-mark{background:rgba(255,255,255,.19)}.brand-light{position:relative;z-index:1}.visual-copy{position:relative;z-index:1;margin-top:-24px}.visual-copy h1{font-size:clamp(36px,4vw,58px);line-height:1.35;letter-spacing:-1px;margin:19px 0}.visual-copy p{color:#d9d3ff;font-size:15px}.visual-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;color:#d2cdf9;font-size:11px;letter-spacing:.5px}.orb{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;z-index:-1}.orb-one{width:550px;height:550px;right:-230px;top:5%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.orb-two{width:300px;height:300px;left:-150px;bottom:-90px;background:rgba(255,255,255,.04)}.auth-panel{padding:40px 9%;display:flex;flex-direction:column;min-height:100vh}.auth-top{display:flex;justify-content:space-between;color:#687286;font-size:12px}.secure{color:#818b9d}.secure i,.availability i,.chat-brand small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#43c595;margin-right:5px}.auth-form-wrap{max-width:390px;width:100%;margin:auto}.auth-form-wrap h2{font-size:27px;letter-spacing:-.5px;margin:12px 0 8px}.auth-form-wrap>.muted{margin:0 0 29px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack label{display:flex;flex-direction:column;gap:8px;color:#4a556a;font-size:12px;font-weight:600}.form-stack label input,.form-stack label select,.form-stack label textarea{font-size:13px;font-weight:400}.form-stack input::placeholder,.form-stack textarea::placeholder{color:#b0b6c3}.auth-foot{text-align:center;margin:22px 0;color:#9099a8;font-size:12px}.auth-foot a,.admin-link{color:var(--purple);font-weight:600}.auth-separator{height:1px;background:#edf0f5;position:relative;margin:28px 0}.auth-separator span{position:absolute;left:50%;top:-8px;transform:translateX(-50%);background:#fff;color:#b4bac7;font:10px "DM Sans";padding:0 12px}.admin-link{display:flex;align-items:center;gap:9px;color:#646e81;border:1px solid #eceef3;border-radius:9px;padding:12px 14px;font-size:12px}.admin-link>span:last-child{margin-left:auto;color:#9aa2b0}.admin-icon{color:#8d7be7}.demo-note{text-align:center;color:#a2a9b5;font-size:10px;margin-top:17px}.demo-note b{font-weight:500;color:#80899a}.auth-copyright{color:#a4aab6;text-align:center;font-size:10px}.alert{border-radius:8px;padding:11px 14px;margin:0 0 16px;font-size:12px}.alert-error{background:#fff0ef;color:#be524c;border:1px solid #ffe2df}.alert-success{background:#eaf8f1;color:#328965;border:1px solid #d3f0e1}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:var(--nav);color:#c3c9d8;padding:26px 16px 14px;display:flex;flex-direction:column;z-index:3}.sidebar .brand{color:#fff;padding:0 10px 30px}.sidebar .brand-mark{background:#7359eb}.brand em{font-style:normal;font-size:8px;letter-spacing:1px;color:#a99af8;background:#ffffff16;padding:4px 6px;border-radius:4px;margin-left:3px}.workspace-label{display:flex;justify-content:space-between;padding:0 11px 10px;color:#737e94;font-size:10px;text-transform:uppercase;letter-spacing:.9px}.workspace-switch{border:1px solid #ffffff12;background:#ffffff08;padding:10px;border-radius:9px;display:flex;align-items:center;gap:10px}.workspace-avatar,.profile-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#6555b6;color:white;font-weight:700}.workspace-switch>span:nth-child(2),.profile-info{display:flex;flex-direction:column;gap:4px;min-width:0}.workspace-switch b,.profile-info b{font-size:11px;color:#f5f6fa}.workspace-switch small,.profile-info small{font-size:10px;color:#8b95a9}.dots{margin-left:auto;color:#8f98ab}.nav{margin-top:28px}.nav-caption{padding:0 12px 10px;color:#707b90;font-size:10px;text-transform:uppercase;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 12px;color:#aeb6c8;border-radius:8px;margin:3px 0;font-size:12px;transition:.2s}.nav-item>span{width:17px;text-align:center;font-size:16px;color:#8995ac}.nav-item:hover{background:#ffffff09;color:#fff}.nav-item.active{background:#ffffff12;color:#fff;box-shadow:inset 2px 0 #927ff4}.nav-item.active>span{color:#a99bf8}.nav-count{margin-left:auto;border-radius:5px;background:#ffffff12;padding:2px 7px;font-style:normal;color:#b8c0d0;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{border:1px solid #ffffff12;background:linear-gradient(135deg,#ffffff0c,#ffffff05);border-radius:10px;padding:14px;margin:10px 0 16px;position:relative}.help-spark{position:absolute;right:13px;top:13px;color:#9d8cf2}.help-card b{font-size:11px;color:#f2f3f7}.help-card p{font-size:10px;line-height:1.7;color:#929db2;margin:8px 0}.help-card a{font-size:10px;color:#b7aaff}.help-card a span{margin-left:5px}.profile-row{border-top:1px solid #ffffff14;padding:13px 3px 0;display:flex;align-items:center;gap:9px}.profile-avatar{width:30px;height:30px;background:#397c79;border-radius:50%;font-size:12px}.profile-info{flex:1}.profile-info b{font-size:10px}.profile-row form{margin-left:auto}.logout{background:none;border:0;color:#9da6b8;font-size:16px}.main-area{margin-left:254px;width:calc(100% - 254px);min-width:0}.topbar{height:67px;background:#fff;border-bottom:1px solid #eef0f4;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.crumb{color:#9ca4b1;font-size:11px}.crumb span{padding:0 9px;color:#c4c9d1}.crumb b{font-weight:600;color:#394356}.top-actions{display:flex;align-items:center;gap:20px}.top-date{font-size:10px;color:#9ca4b1}.icon-button{position:relative;background:transparent;border:0;font-size:17px;color:#848ea0}.icon-button i{position:absolute;width:5px;height:5px;background:#ee837d;right:1px;top:3px;border-radius:50%}.top-avatar{width:29px;height:29px;background:#4d8e87;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px}.content{max-width:1500px;margin:0 auto;padding:31px 36px 48px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.page-heading h1{font-size:26px;letter-spacing:-.5px;margin:8px 0}.page-heading p{margin:0;color:#959dab;font-size:11px}.wave{font-size:18px;color:#927cf1}.page-heading>.eyebrow{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:21px}.stat-card,.panel{background:#fff;border:1px solid #edf0f4;border-radius:10px;box-shadow:0 3px 12px rgba(28,41,68,.025)}.stat-card{padding:17px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7e8797;font-size:11px}.stat-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:16px}.lavender{background:#f0edff;color:#806ce3}.mint{background:#e7f8f0;color:#41b287}.peach{background:#fff1e8;color:#ed9d67}.blue{background:#e9f2ff;color:#6595db}.stat-value{font-size:29px;font-weight:600;letter-spacing:-1px;margin:8px 0 12px;color:#293348}.stat-value small{font-size:13px;color:#a1a8b4;font-weight:400}.stat-foot{border-top:1px solid #f1f2f5;padding-top:10px;display:flex;justify-content:space-between;color:#9da4b0;font-size:9px}.stat-foot a{color:#7c68dc}.trend{color:#52a889}.panel{overflow:hidden}.panel-heading{padding:19px 21px;display:flex;align-items:center;justify-content:space-between}.panel-heading h3,.inbox-heading h3{font-size:13px;margin:0 0 5px;color:#303a4e}.panel-heading p,.inbox-heading p{font-size:10px;color:#a0a7b3;margin:0}.panel-heading>a{font-size:10px;color:#7968d6}.panel-heading>a span{margin-left:5px}.heading-count,.queue-badge{border-radius:5px;background:#f2f0ff;color:#7d69dc;padding:3px 7px;font-size:9px;margin-left:4px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbfc;color:#a3aab6;font-size:9px;font-weight:500;padding:11px 18px}td{border-top:1px solid #f0f2f5;padding:12px 18px;font-size:10px;color:#5e697c}td b{color:#3e485a;font-size:10px}.visitor-avatar{display:inline-grid;place-items:center;vertical-align:middle;width:27px;height:27px;border-radius:50%;margin-right:8px;background:#edf0ff;color:#796bdd;font-weight:600;font-size:10px}.last-message{max-width:210px;overflow:hidden;text-overflow:ellipsis}.empty-cell{text-align:center;padding:35px;color:#a5acb8}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 8px;font-size:9px}.pill-active,.pill-active,.pill-active{background:#e7f7ef;color:#43a77f}.pill-waiting{background:#fff3e7;color:#d98e4f}.pill-closed,.pill-revoked{background:#f0f1f4;color:#9299a5}.pill-active{background:#e7f7ef;color:#43a77f}.table-sub{display:block;color:#a0a7b4;font-size:9px;margin:4px 0 0}.callout{display:flex;align-items:center;gap:13px;background:#f1efff;border:1px solid #e8e3ff;padding:15px 17px;border-radius:9px;margin-top:17px}.callout>span{font-size:20px;color:#806ce3}.callout b{font-size:11px;color:#4f466e}.callout p{font-size:10px;color:#8983a4;margin:5px 0 0}.callout>a{margin-left:auto;color:#705bd5;font-size:10px}.license-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:18px}.create-license{padding-bottom:20px}.create-license .form-stack{padding:0 21px}.license-note{font-size:10px;color:#948cba;background:#f6f4ff;padding:11px;border-radius:7px}.license-summary{padding:22px 25px;background:linear-gradient(135deg,#fff,#f8f7ff)}.license-summary h3{font-size:19px;margin:12px 0}.license-summary>p{font-size:11px;line-height:1.8;color:#8b93a4;max-width:440px}.policy-row{font-size:10px;color:#788397;margin-top:13px}.policy-row:first-letter{color:#54b78d}.settings-panel{max-width:730px}.settings-form{padding:0 23px 25px;max-width:570px}.settings-form label small{font-size:10px;color:#9ba3b0}.inline-form{display:inline}.text-action{border:0;background:none;color:#7765d9;font-size:10px;padding:4px}.link-copy{color:#7666cf;font-size:9px}.copy-btn{border:0;border-radius:5px;background:#f1efff;color:#7562d6;font-size:9px;padding:5px 8px;margin-left:7px}.personal-link{display:flex;align-items:center;gap:12px;border:1px solid #e9e5ff;background:#fbfaff;border-radius:9px;padding:12px 15px;margin:-8px 0 17px}.link-icon{display:grid;place-items:center;background:#f0edff;color:#7864df;border-radius:8px;width:34px;height:34px}.personal-link>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.personal-link b{font-size:10px}.personal-link small{font-size:10px;color:#9188c5;overflow:hidden;text-overflow:ellipsis}.personal-link .copy-btn{padding:8px 12px;font-size:10px}.license-banner{display:flex;align-items:center;gap:13px;background:#fff9ed;border:1px solid #f7ebd2;padding:13px 16px;border-radius:9px;margin-bottom:16px}.banner-icon{color:#dfa74d;font-size:19px}.license-banner b{color:#745c32;font-size:11px}.license-banner p{margin:5px 0 0;color:#a38c67;font-size:10px}.banner-lock{margin-left:auto;color:#d3b978;font-size:21px}.availability-badge{background:#e9f8f1;color:#4ba783;padding:8px 11px;border-radius:20px;font-size:10px}.availability-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4cbd91;margin-right:5px}.inbox-layout{display:grid;grid-template-columns:minmax(270px,34%) 1fr;gap:16px;min-height:500px}.inbox-list,.conversation-panel{min-height:500px}.inbox-heading{padding:17px 17px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f5}.refresh-btn{border:0;background:#f5f4fb;color:#786ad0;border-radius:7px;width:27px;height:27px}.conversation-list{max-height:625px;overflow:auto}.conversation-item{padding:13px 14px;display:flex;align-items:center;border-bottom:1px solid #f2f3f6;transition:.15s}.conversation-item:hover,.conversation-item.selected{background:#faf9ff}.conversation-item.selected{box-shadow:inset 2px 0 #806be1}.conversation-copy{min-width:0;display:flex;flex-direction:column;gap:5px;flex:1}.conversation-copy b{font-size:10px;color:#424c5f}.conversation-copy small{font-size:9px;color:#a0a7b4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.conversation-meta{height:38px;display:flex;align-items:flex-end;flex-direction:column;justify-content:space-between;color:#a2a9b5;font-size:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#e5ae65;display:inline-block}.status-dot.green{background:#4fbe91}.queue-empty{padding:55px 20px;text-align:center;color:#a3aaba}.queue-empty>span{font-size:30px;color:#9b8dec}.queue-empty b{display:block;font-size:11px;color:#596477;margin:12px 0 6px}.queue-empty p{font-size:10px;line-height:1.7}.queue-empty a{color:#7666d6;font-size:10px}.conversation-panel{display:flex;flex-direction:column;position:relative}.conversation-top{padding:15px 18px;border-bottom:1px solid #eff1f5;display:flex;align-items:center;justify-content:space-between}.conversation-top>div{display:flex;align-items:center}.conversation-top>div>span:last-child{display:flex;flex-direction:column;gap:4px}.conversation-top b{font-size:11px}.conversation-top small{font-size:9px;color:#a0a7b4}.agent-messages,.messages{flex:1;overflow:auto;padding:20px}.message-row{display:flex;margin:9px 0}.message-row.agent{justify-content:flex-end}.message-row.system{justify-content:center}.bubble{max-width:min(76%,420px);padding:10px 12px;border-radius:4px 12px 12px 12px;background:#f0f2f7;color:#4b5669;font-size:11px;line-height:1.65;overflow-wrap:anywhere}.message-row.agent .bubble{background:#7661df;color:white;border-radius:12px 4px 12px 12px}.message-row.system .bubble{background:#f7f6fc;color:#9a94b5;font-size:9px;border-radius:20px}.bubble small{display:block;text-align:right;font-size:8px;opacity:.65;margin-top:4px}.take-area{padding:16px 20px;border-top:1px solid #f0f1f5}.take-area form{max-width:270px;margin:auto}.agent-compose,.chat-compose{display:flex;align-items:center;gap:10px;border-top:1px solid #eff1f5;padding:12px 15px}.agent-compose textarea,.chat-compose textarea{resize:none;border:0;box-shadow:none;flex:1;padding:9px 7px;max-height:100px;font-size:11px}.agent-compose button,.chat-compose button{border:0;border-radius:8px;width:33px;height:33px;background:#7761df;color:white;font-size:19px}.agent-compose button:disabled{background:#c8c5d5}.close-chat{align-self:flex-end;padding:0 14px 9px}.conversation-placeholder{margin:auto;text-align:center;padding:30px}.placeholder-illustration{width:95px;height:83px;margin:0 auto 20px;position:relative;border-radius:24px;background:#f3f0ff;display:grid;place-items:center;color:#8873e8;font-size:29px}.placeholder-illustration i,.placeholder-illustration b{position:absolute;width:9px;height:9px;border-radius:50%;background:#c2b6ff}.placeholder-illustration i{top:12px;right:9px}.placeholder-illustration b{bottom:13px;left:9px}.conversation-placeholder h3{font-size:14px;margin:0 0 9px}.conversation-placeholder p{font-size:10px;line-height:1.9;color:#9ba3b1}.chat-body{min-height:100vh;background:linear-gradient(145deg,#f0effa,#eaf3f4);display:grid;place-items:center;padding:25px}.chat-start-card{width:min(420px,100%);background:white;border-radius:17px;padding:37px 36px;box-shadow:0 20px 70px rgba(43,50,84,.13);text-align:center}.chat-logo{width:51px;height:51px;border-radius:16px;background:#7460e2;color:white;display:grid;place-items:center;font-size:25px;margin:0 auto 18px;box-shadow:0 9px 18px #7562df38}.chat-start-card h1{font-size:22px;margin:11px 0}.chat-start-card>p{font-size:11px;color:#929aaa;margin:0 0 24px}.chat-start-card form{display:flex;flex-direction:column;gap:12px}.chat-start-card input{text-align:center}.availability{font-size:9px;color:#a3aab6;margin-top:22px}.chat-window{width:min(420px,100%);height:min(720px,calc(100vh - 45px));background:#fff;border-radius:16px;box-shadow:0 20px 70px rgba(43,50,84,.15);display:flex;flex-direction:column;overflow:hidden}.chat-header{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #f0f1f5}.chat-brand{display:flex;align-items:center;gap:10px}.chat-logo.small{width:34px;height:34px;font-size:17px;border-radius:11px;margin:0}.chat-brand>div{display:flex;flex-direction:column;gap:5px}.chat-brand strong{font-size:11px}.chat-brand small{font-size:9px;color:#939baa}.chat-brand small i{width:6px;height:6px}.chat-close{font-size:23px;color:#a2a9b4}.chat-intro{text-align:center;padding:16px 0 4px}.chat-intro>span{font-size:8px;color:#afb5c0;background:#f5f6f9;border-radius:10px;padding:5px 9px}.chat-intro p{color:#8b94a4;font-size:10px;line-height:1.7}.messages{padding:8px 15px}.chat-compose{padding:10px 13px}.chat-compose textarea{background:#f6f7fa;border-radius:9px;padding:10px}.chat-powered{text-align:center;padding:8px;color:#c0c5ce;font:8px "DM Sans";letter-spacing:1px}.closed-note{text-align:center;padding:15px;border-top:1px solid #eee;color:#9da4b0;font-size:10px}
@media(max-width:1050px){.sidebar{width:220px}.main-area{margin-left:220px;width:calc(100% - 220px)}.content{padding:25px 22px}.topbar{padding:0 22px}.stats-grid{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:42% 1fr}.auth-visual{padding-left:7%;padding-right:7%}.auth-panel{padding-left:7%;padding-right:7%}}
.alert.toast{position:fixed;top:22px;right:24px;z-index:1200;width:min(360px,calc(100vw - 32px));margin:0;box-shadow:0 14px 36px rgba(26,72,106,.16);animation:toast-in .24s ease both}.alert.toast-hide{animation:toast-out .3s ease both}@keyframes toast-in{from{opacity:0;transform:translate3d(0,-12px,0)}to{opacity:1;transform:none}}@keyframes toast-out{from{opacity:1;transform:none}to{opacity:0;transform:translate3d(0,-10px,0)}}
@media(max-width:560px){.alert.toast{top:14px;right:14px;width:calc(100vw - 28px)}}
.chat-body{min-height:100vh;padding:24px;background:#eef4fb;display:grid;place-items:center}.chat-window{width:min(630px,100%);height:min(900px,calc(100vh - 48px));background:#fbfdff;border:1px solid #e3edf8;border-radius:34px;box-shadow:0 22px 65px rgba(48,88,126,.16)}.chat-header{height:116px;flex:none;padding:0 32px;background:#e6f0ff;border-bottom:1px solid #dce9f7}.chat-logo.small{width:58px;height:58px;border-radius:50%;background:#fff;color:#1687ed;border:3px solid #cfe2f8;font-size:22px;box-shadow:none}.chat-brand{gap:17px}.chat-brand strong{font-size:21px;color:#153b5d}.chat-brand small{font-size:13px;color:#52738d}.chat-brand small i{width:10px;height:10px;background:#20bf79}.chat-window .messages{background:#fbfdff;padding:28px 30px}.chat-window .message-row{margin:10px 0}.chat-window .message-row.system{justify-content:flex-start}.chat-window .bubble{max-width:min(82%,470px);padding:16px 20px;border-radius:22px 22px 22px 5px;background:#fff;color:#1f4564;font-size:16px;line-height:1.65;box-shadow:0 10px 28px rgba(59,104,144,.08)}.chat-window .message-row.agent .bubble{background:#1687ed;color:#fff}.chat-window .bubble small{font-size:10px}.chat-window .chat-compose{height:86px;flex:none;gap:9px;padding:16px 18px;background:#fff;border-top:1px solid #edf3f9}.chat-compose .compose-add,.chat-compose .compose-voice{width:50px;height:50px;display:grid;place-items:center;flex:none;border-radius:50%;font-size:30px;line-height:1}.chat-compose .compose-add{background:#eef4ff;color:#587cff}.chat-compose .compose-voice{background:#f0f1f4;color:#5e6673;font-size:23px}.chat-window .chat-compose textarea{height:52px;min-height:52px;background:#f8fbff;border:1px solid #dbe8f5;border-radius:28px;padding:14px 20px;font-size:16px;color:#234d6e}.chat-window .chat-compose button{width:96px;height:52px;flex:none;border-radius:28px;background:#587cff;font-size:16px;font-weight:700}.chat-unavailable{width:min(520px,100%)}.chat-unavailable-card{padding:48px 34px;border:1px solid #e1edf8;border-radius:28px;background:#fff;box-shadow:0 22px 65px rgba(48,88,126,.12);text-align:center}.chat-unavailable-card .chat-logo{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:#eef4ff;color:#1687ed;display:grid;place-items:center;font-size:25px}.chat-unavailable-card h1{margin:0 0 12px;color:#183f5f;font-size:24px}.chat-unavailable-card p{margin:0;color:#7895aa;font-size:14px;line-height:1.8}
@media(max-width:720px){.chat-body{padding:10px}.chat-window{height:calc(100vh - 20px);border-radius:24px}.chat-header{height:116px;padding:0 24px}.chat-window .messages{padding:22px 16px}.chat-window .bubble{font-size:15px;max-width:88%}.chat-window .chat-compose{height:82px;padding:13px 10px}.chat-compose .compose-add,.chat-compose .compose-voice{width:48px;height:48px}.chat-window .chat-compose textarea{font-size:15px;padding-left:16px;padding-right:16px}.chat-window .chat-compose button{width:86px}.chat-brand strong{font-size:20px}}

/* Public landing page: warm, glassy and deliberately free of blue gradients. */
.landing-page{min-height:100vh;overflow:hidden;color:#332b32;background:#f1eee8;position:relative;font-family:"DM Sans","Noto Sans SC",sans-serif}.landing-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7c6a6614 1px,transparent 1px);background-size:22px 22px;pointer-events:none;opacity:.45}.landing-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.landing-glow-a{width:620px;height:620px;right:-210px;top:-260px;background:#f1b88d44}.landing-glow-b{width:480px;height:480px;left:-220px;top:720px;background:#cbb9c44d}.landing-nav,.landing-hero,.landing-strip,.landing-features,.landing-workflow,.landing-footer{position:relative;z-index:1;max-width:1240px;margin:0 auto}.landing-nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.landing-brand{display:flex;align-items:center;gap:10px;color:#332b32;font-size:16px;font-weight:700}.landing-brand .brand-mark{background:#332b32;color:#f7c09d}.landing-brand em{font-style:normal;font-size:8px;letter-spacing:1px;color:#9b6258;background:#f7daca;padding:4px 6px;border-radius:4px}.landing-links{display:flex;gap:30px;margin-left:90px}.landing-links a,.landing-login{font-size:11px;color:#766b6c;transition:color .2s}.landing-links a:hover,.landing-login:hover{color:#332b32}.landing-actions{display:flex;align-items:center;gap:22px}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:8px;background:#332b32;color:#fff5ed;padding:14px 18px;font-size:11px;font-weight:600;box-shadow:0 9px 22px #332b3220;transition:transform .2s,background .2s}.landing-cta:hover{transform:translateY(-2px);background:#4c3d42}.landing-cta span{color:#f1b18e;font-size:16px}.landing-cta.small{padding:10px 13px;gap:13px;background:#4b3b40}.landing-hero{display:grid;grid-template-columns:46% 54%;min-height:610px;align-items:center;padding:50px 28px 86px}.hero-copy{padding-left:24px;position:relative;z-index:2}.hero-kicker{display:inline-flex;align-items:center;gap:9px;color:#a1695f;font-size:9px;font-weight:700;letter-spacing:1.8px}.hero-kicker i{width:7px;height:7px;border-radius:50%;background:#e58e71;box-shadow:0 0 0 4px #e58e7120}.hero-copy h1{font-size:clamp(45px,5.5vw,73px);letter-spacing:-3px;line-height:1.02;font-weight:600;margin:23px 0;color:#332b32}.hero-copy h1 span,.section-intro h2 span{color:#b7655e;font-style:italic}.hero-copy>p{max-width:370px;color:#847778;font-size:14px;line-height:1.85;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:23px}.hero-secondary{display:flex;align-items:center;gap:9px;color:#74696a;font-size:10px}.play-icon{display:grid;place-items:center;border:1px solid #b7a6a4;border-radius:50%;width:28px;height:28px;font-size:8px;color:#a1695f}.hero-trust{display:flex;align-items:center;gap:12px;color:#938687;font-size:9px;line-height:1.5;margin-top:40px}.trust-avatars{display:flex}.trust-avatars b{display:grid;place-items:center;width:26px;height:26px;border:2px solid #f1eee8;border-radius:50%;margin-left:-5px;font-size:9px;color:#fff}.trust-avatars b:first-child{margin-left:0;background:#705d62}.trust-avatars b:nth-child(2){background:#ca8b72}.trust-avatars b:nth-child(3){background:#8b9a79}.trust-avatars b:nth-child(4){background:#4e4144}.hero-stage{height:520px;position:relative;display:grid;place-items:center}.stage-orbit{position:absolute;border:1px solid #b6877840;border-radius:50%;transform:rotate(-18deg)}.orbit-one{width:490px;height:340px}.orbit-two{width:370px;height:265px}.dashboard-window{width:min(570px,90%);border:1px solid #ffffffba;border-radius:15px;background:#ffffff80;box-shadow:0 28px 60px #5c47421c,0 3px 15px #fff9;backdrop-filter:blur(18px);transform:rotate(3deg);overflow:hidden}.window-top{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #ffffffad;color:#a39596}.window-top small{font-size:8px;letter-spacing:.5px}.window-more{font-size:13px}.window-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.window-dot.red{background:#e7917f}.window-dot.yellow{background:#e5b873}.window-dot.green{background:#9aaf8d}.window-body{display:flex;min-height:330px}.mini-sidebar{width:50px;display:flex;align-items:center;flex-direction:column;gap:23px;padding-top:18px;border-right:1px solid #ffffff9c;background:#fff6}.mini-logo{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#3c3035;color:#f6bb98;font-size:12px}.mini-sidebar i{width:13px;height:13px;border-radius:4px;background:#cabbb74d}.mini-sidebar i:nth-of-type(2){background:#cf8d7b66}.mini-content{flex:1;padding:19px 22px}.mini-heading{display:flex;justify-content:space-between;align-items:center}.mini-heading small{display:block;color:#a89999;font-size:7px;letter-spacing:1.3px}.mini-heading b{display:block;font-size:16px;font-weight:600;margin-top:6px;color:#44383c}.mini-heading em{font-style:normal;color:#c26f66}.mini-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#756064;color:#fff;font-size:9px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0 16px}.mini-stats>div,.mini-panel{border:1px solid #ffffffb0;background:#ffffff8c;border-radius:7px;padding:11px}.mini-stats small{display:block;color:#ad9e9d;font-size:6px;letter-spacing:.5px}.mini-stats strong{display:block;font-size:17px;color:#483a3d;margin:6px 0}.mini-stats em{font-style:normal;color:#7a9a77;font-size:7px}.mini-panel-title{display:flex;justify-content:space-between;font-size:9px;color:#594b4d;margin-bottom:8px}.mini-panel-title small{font-size:7px;color:#a36c64}.mini-chat{display:flex;align-items:center;gap:8px;border-top:1px solid #ded3cf7d;padding:9px 0}.mini-chat>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.mini-chat b{font-size:8px;color:#594a4c}.mini-chat small{font-size:7px;color:#a59899}.mini-chat time{font-size:7px;color:#afa2a1}.mini-person{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:8px;color:#fff}.p1{background:#be806e}.p2{background:#8d8171}.p3{background:#7c8b79}.online-dot{width:5px;height:5px;background:#7b9f76;border-radius:50%}.float-card{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid #ffffffc7;background:#ffffffe0;backdrop-filter:blur(16px);box-shadow:0 12px 28px #5945411c;border-radius:10px;padding:11px 13px}.float-card b{display:block;color:#594b4d;font-size:9px}.float-card small{display:block;color:#a99b9b;font-size:8px;margin-top:4px}.float-message{left:2%;top:22%;animation:float 4s ease-in-out infinite}.float-rating{right:1%;bottom:18%;animation:float 4.5s .5s ease-in-out infinite}.float-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#f5d8d0;color:#ba7167}.rating-star{color:#d1905f;font-size:20px}.float-pulse{width:6px;height:6px;background:#79a07b;border-radius:50%;margin-left:6px}.hero-spark{position:absolute;color:#bd776e;font-size:22px}.spark-a{right:9%;top:10%}.spark-b{left:8%;bottom:12%;font-size:16px;color:#9a8973}@keyframes float{50%{transform:translateY(-7px)}}.landing-strip{border-top:1px solid #d8cfca;border-bottom:1px solid #d8cfca;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;color:#a08f8f;font-size:9px;letter-spacing:1.3px}.landing-strip b{color:#79686a;font:italic 18px Georgia,serif;letter-spacing:0}.landing-features{padding:105px 28px 110px;display:grid;grid-template-columns:35% 65%;gap:50px}.section-intro h2{font-size:42px;line-height:1.12;letter-spacing:-1.5px;font-weight:600;margin:17px 0}.section-intro>p{max-width:280px;color:#887979;font-size:12px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;align-items:stretch}.glass-feature{position:relative;border:1px solid #ffffffb5;background:#ffffff66;border-radius:13px;padding:21px 18px 19px;backdrop-filter:blur(17px);box-shadow:0 13px 30px #65504a0b;min-height:230px}.glass-feature.featured{background:#4a3d41;color:#fff1e8;transform:translateY(-13px);box-shadow:0 18px 32px #43333727}.feature-number{font-size:9px;color:#ac9a98}.feature-symbol{display:block;color:#c3776c;font-size:24px;margin:28px 0 15px}.featured .feature-symbol{color:#f0b18e}.glass-feature h3{font-size:13px;margin:0 0 10px}.glass-feature p{font-size:10px;line-height:1.7;color:#9b8c8d}.featured p{color:#d7c0b8}.glass-feature a{position:absolute;bottom:18px;color:#a86b64;font-size:9px}.featured a{color:#f0b18e}.glass-feature a span{margin-left:5px}.landing-workflow{padding:0 28px 108px}.workflow-card{display:grid;grid-template-columns:42% 58%;align-items:center;border:1px solid #ffffffb5;border-radius:18px;background:#d8c6c066;backdrop-filter:blur(18px);padding:52px 55px;box-shadow:inset 0 1px #fff9}.workflow-card h2{font-size:39px;line-height:1.12;letter-spacing:-1.4px;margin:18px 0 0}.workflow-card h2 span{color:#a65f58;font-style:italic}.workflow-steps{display:flex;flex-direction:column;gap:18px}.workflow-steps>div{display:flex;align-items:center;gap:17px;padding-bottom:17px;border-bottom:1px solid #b7a3a077}.workflow-steps>div:last-child{border-bottom:0;padding-bottom:0}.workflow-steps>b,.workflow-steps b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #b7887b;border-radius:50%;color:#a6655f;font-size:9px}.workflow-steps span{display:flex;flex-direction:column;gap:5px}.workflow-steps strong{font-size:11px;color:#4d3e41}.workflow-steps small{font-size:9px;color:#968485}.landing-footer{display:flex;justify-content:space-between;border-top:1px solid #d8cfca;padding:25px 28px 34px;color:#9b8b8b;font-size:9px}.landing-footer span:last-child{display:flex;gap:20px}.landing-footer a{color:#796467}.landing-footer a:last-child{color:#a36058}
@media(max-width:900px){.landing-links{margin-left:0;gap:15px}.landing-hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{padding-left:0;text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-stage{height:480px;margin-top:15px}.landing-features{grid-template-columns:1fr;gap:35px}.section-intro{text-align:center}.section-intro>p{margin-left:auto;margin-right:auto}.workflow-card{grid-template-columns:1fr;gap:40px}.workflow-card h2{text-align:center}}
@media(max-width:600px){.landing-nav{padding:0 17px;height:70px}.landing-links{display:none}.landing-actions{gap:10px}.landing-login{font-size:10px}.landing-cta.small{padding:9px 10px}.landing-hero{padding:42px 17px 65px}.hero-copy h1{font-size:49px;letter-spacing:-2px}.hero-actions{flex-direction:column;gap:17px}.hero-stage{height:370px;margin-top:15px}.dashboard-window{width:108%;transform:rotate(2deg) scale(.88)}.float-message{left:-4%;top:14%;transform:scale(.85)}.float-rating{right:-4%;bottom:9%;transform:scale(.85)}.landing-strip{padding:18px 17px;gap:10px;flex-wrap:wrap}.landing-strip span{width:100%;text-align:center}.landing-strip b{font-size:14px}.landing-features{padding:72px 17px}.section-intro h2{font-size:34px}.feature-grid{grid-template-columns:1fr}.glass-feature.featured{transform:none}.landing-workflow{padding:0 17px 70px}.workflow-card{padding:35px 22px}.workflow-card h2{font-size:32px}.landing-footer{padding:22px 17px;flex-wrap:wrap;gap:14px}.landing-footer span:last-child{width:100%;justify-content:space-between}}

/* 首页与工作台统一为浅蓝白色视觉体系 */
.landing-page{color:#173b5b;background:#edf7ff}
.landing-page:before{background-image:radial-gradient(#1687ed18 1px,transparent 1px);opacity:.35}
.landing-glow-a{background:#bfe2ff66}.landing-glow-b{background:#d8f3ff66}
.landing-brand,.landing-links a,.landing-login{color:#315876}.landing-brand .brand-mark{background:#1687ed;color:#fff;box-shadow:0 7px 16px #1687ed2b}.landing-brand em{color:#1687ed;background:#e2f2ff}
.landing-links a:hover,.landing-login:hover{color:#1687ed}
.landing-cta{background:#1687ed;color:#fff;border-radius:10px;box-shadow:0 9px 22px #1687ed2b}.landing-cta:hover{background:#0873d4}.landing-cta span{color:#dff2ff}.landing-cta.small{background:#fff;color:#1687ed;border:1px solid #cfe6f6}
.hero-kicker{color:#1687ed}.hero-kicker i{background:#1687ed;box-shadow:0 0 0 4px #1687ed20}.hero-copy h1{color:#173b5b}.hero-copy h1 span,.section-intro h2 span{color:#1687ed}.hero-copy>p{color:#6f8da5}.hero-secondary{color:#52738d}.play-icon{border-color:#9bc8ea;color:#1687ed}.hero-trust{color:#7895aa}.trust-avatars b{border-color:#edf7ff}.trust-avatars b:first-child{background:#1687ed}.trust-avatars b:nth-child(2){background:#53b6a0}.trust-avatars b:nth-child(3){background:#6f9abd}.trust-avatars b:nth-child(4){background:#285574}
.stage-orbit{border-color:#1687ed35}.dashboard-window{border-color:#d5eafa;background:#ffffffd9;box-shadow:0 28px 60px #4f88ad1c,0 3px 15px #fff9}.window-top{border-color:#e3f0f8;color:#7c98ae}.mini-sidebar{border-color:#e3f0f8;background:#f5faff}.mini-logo{background:#1687ed;color:#fff}.mini-sidebar i{background:#c9e3f5}.mini-sidebar i:nth-of-type(2){background:#8fd0ed}.mini-content{color:#285574}.mini-heading small,.mini-stats small,.mini-chat small,.mini-chat time{color:#8aa2b5}.mini-heading b,.mini-panel-title,.mini-chat b{color:#285574}.mini-heading em{color:#1687ed}.mini-stats>div,.mini-panel{border-color:#dcecf8;background:#fff}.mini-stats strong{color:#173b5b}.mini-stats em{color:#20ae70}.mini-panel-title small{color:#1687ed}.mini-chat{border-color:#e4eff7}.float-card{border-color:#d6eafa;background:#ffffffe8;box-shadow:0 12px 28px #4f88ad1c}.float-card b{color:#285574}.float-card small{color:#8aa2b5}.float-icon{background:#eaf5ff;color:#1687ed}.float-pulse,.online-dot{background:#25bd78}.rating-star{color:#1687ed}.hero-spark{color:#1687ed}
.landing-strip{border-color:#cfe3f1;color:#7895aa}.landing-strip b{color:#1687ed}.landing-features{color:#173b5b}.section-intro>p{color:#7895aa}.glass-feature{border-color:#d6eafa;background:#ffffffc7;box-shadow:0 13px 30px #4f88ad12}.glass-feature.featured{background:#1687ed;color:#fff;box-shadow:0 18px 32px #1687ed2b}.feature-number{color:#86a8bf}.feature-symbol{color:#1687ed}.featured .feature-symbol{color:#dff2ff}.glass-feature p{color:#7895aa}.featured p{color:#d8efff}.glass-feature a,.featured a{color:#1687ed}.featured a{color:#dff2ff}.workflow-card{border-color:#d6eafa;background:#ffffffc7;box-shadow:inset 0 1px #fff,0 14px 35px #4f88ad12}.workflow-card h2{color:#173b5b}.workflow-card h2 span{color:#1687ed}.workflow-steps>div{border-color:#d6eafa}.workflow-steps>b,.workflow-steps b{border-color:#9bc8ea;color:#1687ed}.workflow-steps strong{color:#285574}.workflow-steps small{color:#7895aa}.landing-footer{border-color:#cfe3f1;color:#7895aa}.landing-footer a{color:#1687ed}

/* Warm palette override for all full-page gradients. */
.auth-visual{background:linear-gradient(145deg,#6b5056,#4e3942 72%,#3b2d35)}
.chat-body{background:linear-gradient(145deg,#f5eee9,#eee4de)}

/* 登录页：暖调玻璃质感与跟随视线的小助手 */
.auth-body{background:#f7f2ec;color:#342b2a}
.auth-shell{grid-template-columns:minmax(430px,52%) 1fr;background:#fff;overflow:hidden}
.auth-visual{min-height:100vh;padding:42px 8%;background:radial-gradient(ellipse at 75% 68%,rgba(227,143,111,.43),transparent 35%),linear-gradient(145deg,#8b4e43 0%,#6e3e3b 54%,#4c3337 100%);}
.auth-visual:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,241,229,.13);border-radius:24px;pointer-events:none;z-index:-1}
.auth-grain{position:absolute;inset:0;opacity:.17;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.5) .55px,transparent .7px);background-size:5px 5px;mask-image:linear-gradient(120deg,#000,transparent 72%)}
.auth-visual .brand-mark{background:#e69b79;color:#603a38;border-radius:10px}
.auth-visual .eyebrow{color:#f2c6a9}
.visual-copy{max-width:590px;margin-top:-6px}
.visual-copy h1{font-size:clamp(38px,4.1vw,61px);line-height:1.22;letter-spacing:-1.7px;margin:22px 0;color:#fff8f0}
.visual-copy p{color:#f0d4c7;font-size:15px;line-height:1.8;max-width:390px}
.visual-bottom{color:#e9c8bb}
.auth-mascot{position:absolute;width:min(39vw,420px);height:min(39vw,420px);right:7%;bottom:13%;display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 28px 40px rgba(42,19,22,.22));}
.mascot-face{position:relative;width:64%;height:68%;border-radius:48% 52% 47% 53% / 51% 48% 52% 49%;background:linear-gradient(145deg,#ffe4bd,#f1a779);box-shadow:inset -16px -17px 0 rgba(190,99,79,.16),inset 9px 8px 0 rgba(255,255,255,.55);transform:rotate(-7deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mascot-face:before,.mascot-face:after{content:"";position:absolute;width:28%;height:28%;top:-10%;background:#f7bd91;border-radius:80% 20% 55% 35%;z-index:-1}.mascot-face:before{left:7%;transform:rotate(-20deg)}.mascot-face:after{right:4%;transform:rotate(26deg) scaleX(-1)}
.mascot-eyes{position:absolute;left:17%;right:17%;top:29%;display:flex;justify-content:space-between;gap:12%}
.mascot-eye{position:relative;display:block;width:36%;height:66px;max-height:6vw;min-height:44px;border-radius:50%;overflow:hidden;background:#fffaf1;box-shadow:inset 0 -4px 0 rgba(150,78,63,.12);}
.mascot-eye i{position:absolute;left:50%;top:50%;width:26px;height:30px;border-radius:50%;background:#49353a;transform:translate(calc(-50% + var(--eye-x,0px)),calc(-50% + var(--eye-y,0px)));transition:transform .09s linear}
.mascot-eye i:after{content:"";position:absolute;top:5px;left:5px;width:7px;height:7px;background:#fff;border-radius:50%}
.mascot-eye:after{content:"";position:absolute;inset:-3px 0 auto;height:0;background:#d77e68;border-radius:0 0 50% 50%;transition:height .2s ease}
.auth-shell.is-password-focused .mascot-eye:after{height:110%}
.mascot-cheek{position:absolute;top:55%;width:14%;height:7%;border-radius:50%;background:rgba(216,108,99,.42);filter:blur(3px)}.cheek-left{left:8%}.cheek-right{right:8%}
.mascot-mouth{position:absolute;left:44%;top:61%;width:14%;height:12%;border-bottom:4px solid #8d4d4b;border-radius:0 0 60% 60%;transform:rotate(-3deg)}
.mascot-hand{position:absolute;width:31%;height:27%;right:-15%;top:45%;border-radius:55% 45% 55% 45%;background:#ffd8ac;border:5px solid #e99676;transform:rotate(-26deg) translateY(80%);opacity:0;transition:all .28s ease}
.auth-shell.is-password-focused .mascot-hand{opacity:1;transform:rotate(-26deg) translateY(0)}
.mascot-orbit{position:absolute;border:1px solid rgba(255,236,215,.3);border-radius:50%;transform:rotate(-18deg)}.orbit-a{width:94%;height:47%}.orbit-b{width:78%;height:100%;transform:rotate(48deg);border-color:rgba(255,236,215,.18)}
.mascot-spark{position:absolute;color:#ffd2a8;font-size:27px;animation:mascot-float 3.5s ease-in-out infinite}.spark-one{top:13%;left:15%}.spark-two{right:10%;bottom:21%;font-size:20px;animation-delay:-1.2s}
.mascot-caption{position:absolute;right:0;bottom:2%;padding:11px 18px;border:1px solid rgba(255,255,255,.36);border-radius:16px;background:rgba(255,245,235,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#fff5e9;font-size:12px;letter-spacing:1px;box-shadow:0 10px 30px rgba(38,19,20,.1)}
@keyframes mascot-float{50%{transform:translateY(-9px) rotate(10deg)}}
.auth-panel{position:relative;justify-content:center;padding:56px 9%;background:radial-gradient(ellipse at 90% 4%,rgba(236,218,201,.35),transparent 30%),rgba(255,255,255,.92)}
.auth-form-wrap{max-width:400px}
.auth-form-wrap>.eyebrow{color:#ad705c;letter-spacing:2px}
.auth-form-wrap h2{font-size:31px;letter-spacing:-.8px;color:#382d2b}
.auth-form-wrap>.muted{line-height:1.7;color:#958985}
.form-stack{gap:19px}.form-stack label{color:#594b47}.form-stack label input{border-color:#eae1dc;border-radius:12px;padding:14px 15px;background:#fffdfb}.form-stack label input:focus{border-color:#c78068;box-shadow:0 0 0 4px rgba(199,128,104,.13)}
.btn-primary{background:#985b4e;box-shadow:0 8px 18px rgba(131,73,63,.2)}.btn-primary:hover{background:#7f483f}
.auth-foot a{color:#9b5c4f}.admin-link{border-radius:12px}.auth-separator{background:#eee6e1}
.auth-copyright{position:absolute;bottom:28px;left:0;right:0;color:#b2a7a1}
@media(max-width:1050px){.auth-shell{grid-template-columns:46% 1fr}.auth-mascot{width:37vw;height:37vw;right:2%}.mascot-eye{height:48px;min-height:38px}.mascot-eye i{width:20px;height:24px}}
@media(max-width:720px){.auth-shell{display:flex;flex-direction:column;overflow:hidden}.auth-visual{min-height:255px;padding:22px 25px 18px}.auth-visual:before{inset:8px;border-radius:18px}.visual-copy{margin:24px 0 8px;max-width:63%;z-index:2}.visual-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.visual-copy h1{font-size:27px;line-height:1.2;margin:9px 0}.visual-copy p{font-size:11px;line-height:1.5;margin:0}.auth-mascot{width:190px;height:190px;right:-9px;bottom:24px;opacity:.96}.mascot-face{width:63%;height:65%}.mascot-eye{height:35px;min-height:30px}.mascot-eye i{width:16px;height:19px}.mascot-eye i:after{width:5px;height:5px}.mascot-mouth{border-width:3px}.mascot-caption{font-size:9px;padding:7px 10px;bottom:-2%;right:13%}.mascot-spark{font-size:17px}.auth-panel{min-height:calc(100vh - 255px);padding:25px 25px 58px}.auth-form-wrap{margin:25px auto}.auth-copyright{bottom:19px}}
@media(prefers-reduced-motion:reduce){.mascot-spark{animation:none}.mascot-eye i,.mascot-eye:after,.mascot-hand{transition:none}}
.settings-divider{margin-top:16px;padding-top:16px;border-top:1px solid #eee5df;color:#604a43;font-size:14px;font-weight:700}.settings-help{margin:-8px 0 4px;color:#8f827e;font-size:12px;line-height:1.7}
.chat-body .chat-window .message-row.visitor{justify-content:flex-end}.chat-body .chat-window .message-row.visitor .bubble{background:#1687ed;color:#fff;border-radius:22px 22px 5px 22px}.chat-body .chat-window .message-row.agent{justify-content:flex-start}.chat-body .chat-window .message-row.agent .bubble{background:#fff;color:#1f4564;border-radius:22px 22px 22px 5px}
.chat-window .chat-logo.small{border-radius:15px}
/* 聊天气泡头像与昵称修正 */
.chat-window .message-row.visitor .message-author{color:#4f7f9b!important;font-weight:600}
.chat-window .message-avatar[style*="background-image"],.desk-messages .message-avatar[style*="background-image"]{font-size:0!important;color:transparent!important;text-shadow:none!important}
.desk-messages .message-row.agent .message-author{color:#4f7f9b!important;font-weight:600}
.chat-window .messages{max-width:none;padding-left:clamp(24px,5vw,96px);padding-right:clamp(24px,5vw,96px)}
.chat-window .compose-toolbar,.chat-window .compose-preview{max-width:none}
.chat-window .message-row.agent .bubble{border-radius:5px 16px 16px 16px}
.chat-window .message-row.visitor .bubble{border-radius:16px 5px 16px 16px}
.chat-window .chat-brand small{font-size:0!important}
.chat-window .chat-brand small::after{content:'在线';font-size:11px;color:#7894aa}
.chat-window .chat-brand small i{position:static!important;width:7px!important;height:7px!important;margin-right:5px;border:0!important;display:inline-block;vertical-align:middle}
.chat-header{height:72px}
@media(max-width:760px){.chat-header{height:66px}}
.chat-window .messages{padding-left:28px!important;padding-right:28px!important;max-width:none!important}
.chat-window .chat-brand small{font-size:0!important;display:flex!important;align-items:center;gap:4px!important;line-height:1.2}
.chat-window .chat-brand small::after{content:'在线';font-size:11px;color:#7894aa}
.chat-window .chat-brand small i{position:static!important;width:8px!important;height:8px!important;flex:none;margin:0!important;border:0!important;display:block!important}
.chat-header{height:66px!important}
@media(max-width:760px){.chat-window .messages{padding-left:15px!important;padding-right:15px!important}.chat-header{height:62px!important}}
.chat-window .chat-compose input[type=text]{height:52px;min-height:52px;min-width:0;flex:1;background:#f8fbff;border:1px solid #dbe8f5;border-radius:28px;padding:0 20px;font-size:16px;color:#234d6e;outline:0}
.chat-window .compose-voice{display:none!important}
.chat-window .chat-compose textarea{height:52px!important;min-height:52px!important;max-height:52px!important;overflow:hidden!important;white-space:nowrap!important}
.landing-brand .brand-mark,.auth-visual .brand-mark,.chat-logo{background-image:url('/api/site-icon.php');background-size:contain;background-position:center;background-repeat:no-repeat}