:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#142344;background:#edf2f8;font-synthesis:none;font-weight:400;--blue:#1268ff;--line:#e8edf5;--muted:#7a8ba5;--soft:#f3f7fc}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #85b5ff;outline-offset:3px}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:#97bcff!important;box-shadow:0 0 0 3px #1268ff0d}a{color:var(--blue);text-decoration:none}p,h1,h2,h3{margin:0}h1{font-size:25px;letter-spacing:-.8px;font-weight:650}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:17px;font-weight:600}input,textarea{color:#17284a;border:1px solid #dce5f0;border-radius:10px;background:#fff}input::placeholder,textarea::placeholder{color:#8999b1}input{height:45px;padding:0 13px;min-width:0}form label{display:block;font-size:14px;font-weight:500}form label input{display:block;width:100%;margin:9px 0 22px}select{background:transparent;border:0;min-width:0;color:inherit}select option{background:#fff}hr{border:0;border-top:1px solid var(--line);margin:27px 0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;font-size:14px;font-weight:600;padding:13px 18px;min-height:45px;white-space:nowrap}.primary{background:var(--blue);color:#fff;box-shadow:0 3px 7px #1268ff12}.primary:hover:not(:disabled){background:#0059ec}.secondary{border:1px solid #dce5f1;background:#fff;color:#264365}.secondary:hover{background:#f7faff}.wide{width:100%}.compact{padding:11px 13px;min-height:42px}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:9px;color:#788aa5}.icon-button:hover{background:#edf4ff;color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--blue);padding:0;line-height:1.6}.subtle{color:var(--muted);font-size:13px;line-height:1.8}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:680;letter-spacing:-.8px;white-space:nowrap}.brand-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;box-shadow:0 3px 7px #1268ff21}.app-shell{display:flex;height:calc(100dvh - 16px);margin:8px;background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 10px 40px #21395405}.sidebar{width:222px;flex-shrink:0;background:linear-gradient(120deg,#f7fbff,#f2f8fd);border-right:1px solid var(--line);padding:25px 15px 15px;display:flex;flex-direction:column}.sidebar .brand{margin:0 8px 32px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:20px;padding:15px 17px;border-radius:11px;text-align:left;font-size:15px;font-weight:550;color:#304665}.sidebar nav svg{color:#657c9d}.sidebar nav button.selected{color:var(--blue);background:#e4efff}.sidebar nav button.selected svg{color:var(--blue)}.sidebar nav button:hover{background:#eaf2fe}.sidebar-bottom{margin-top:auto;padding:0 8px}.server-info{display:flex;align-items:center;gap:13px;color:#5e7696;padding-bottom:22px;border-bottom:1px solid #dce6f2}.server-info strong{font-size:13px;font-weight:500;color:#273c60}.server-info span{font-size:11px;display:block;margin-top:5px}.profile{margin-top:15px;display:flex;align-items:center;gap:11px;width:100%;padding:3px 0;color:#415777;font-size:13px;text-align:left}.profile>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;flex:1}.profile>svg{flex-shrink:0}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:45px;height:45px;border-radius:50%;background:#9872df;color:#fff;font-size:22px;font-weight:500}.avatar.small{width:35px;height:35px;font-size:14px;background:#e3edf9;color:#4a6385}.avatar.tone-1{background:#49bc89}.avatar.tone-2{background:#fc7f80}.avatar.tone-3{background:#4d91ef}.workspace{flex:1;min-width:0;display:flex;position:relative;background:#fff}.conversation-list{width:340px;flex-shrink:0;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.list-header{display:flex;align-items:center;justify-content:space-between;padding:26px 22px 18px;gap:10px}.list-header h1{font-size:24px}.list-tools{padding:0 22px 15px}.search{display:flex;align-items:center;background:#f6f8fc;border:1px solid #dce5f2;border-radius:10px;padding:0 12px;gap:9px;color:#7b8fae}.search input{border:0;background:none;padding:0;height:41px;flex:1;width:0;font-size:13px;box-shadow:none!important}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:13px 0 11px}.tabs{display:flex;gap:6px}.tabs button{font-size:13px;font-weight:550;padding:8px 18px;border-radius:22px;background:#f5f7fa}.tabs button.active{color:var(--blue);background:#e4efff}.device-select{height:38px;display:flex;align-items:center;gap:8px;color:#526a8c;font-size:12px;border:1px solid #dce5f1;border-radius:9px;padding:0 10px;max-width:100%}.device-select select{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;text-overflow:ellipsis}.device-select svg{flex-shrink:0}.conversation-scroll{flex:1;min-height:0;overflow:auto;padding:0 5px 15px}.conversation-row{width:100%;display:flex;align-items:center;gap:12px;position:relative;text-align:left;padding:19px 17px;border-radius:11px;border-left:3px solid transparent;min-height:93px}.conversation-row:after{content:"";position:absolute;bottom:0;left:76px;right:17px;border-bottom:1px solid var(--line)}.conversation-row.active:after{display:none}.conversation-row.active{background:#e8f2ff;border-left-color:var(--blue)}.conversation-row:hover{background:#f4f8fe}.row-content{min-width:0;flex:1}.row-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.row-top strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.row-top time{font-size:11px;color:#889ab3;flex-shrink:0}.row-preview{display:block;font-size:13px;color:#7a8eaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px}.unread-dot{position:absolute;width:6px;height:6px;background:var(--blue);border-radius:50%;right:15px;bottom:22px}.thread{flex:1;display:flex;flex-direction:column;min-width:0}.thread-header{height:89px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:16px 25px}.thread-header>div{min-width:0;flex:1}.thread-header h2{font-size:21px}.thread-header p{font-size:12px;color:var(--muted);margin-top:5px}.thread-header .avatar{width:44px;height:44px}.mobile-back{display:none}.message-scroll{overflow:auto;flex:1;min-height:0;padding:23px 26px 15px;scrollbar-width:thin}.date-divider{font-size:12px;color:#8b9ab0;text-align:center;margin:0 0 30px}.message{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:27px}.message.out{align-items:flex-end}.bubble{background:#edf3f9;color:#142545;padding:14px 18px;max-width:82%;border-radius:19px 19px 19px 3px;font-size:15px;line-height:1.8;word-break:break-word;white-space:pre-wrap}.out .bubble{background:var(--blue);color:#fff;border-radius:19px 19px 3px}.message-meta{display:flex;align-items:center;gap:5px;color:#8394ae;font-size:10px;margin-top:8px;flex-wrap:wrap}.message-meta.failed{color:#d65a62}.message-meta svg{color:var(--blue)}.composer{flex-shrink:0;padding:16px 20px 19px;border-top:1px solid var(--line);background:#fff}.composer textarea{resize:vertical;min-height:88px;max-height:190px;width:100%;padding:13px 15px;font-size:14px;line-height:1.6;display:block}.composer-actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.send-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.composer .device-select{max-width:170px}.sim-select{border:1px solid #dce5f1;border-radius:9px;height:38px;font-size:12px;padding:0 7px;max-width:145px}.composer-note{font-size:11px;color:#8a9ab0;margin-left:auto}.composer-actions>.primary{margin-left:auto}.recipient{display:flex;align-items:center;gap:15px;padding:12px 24px;border-bottom:1px solid var(--line);font-size:14px;color:#7a8da7}.recipient input{margin:0;flex:1;border:0;box-shadow:none}.new-message-hint{text-align:center;color:#a0adc0;font-size:13px;line-height:1.9;padding-top:55px}.new-message-hint svg{margin-bottom:10px}.thread-empty,.empty-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:17px;flex:1;padding:40px;min-height:220px}.thread-empty{background:radial-gradient(ellipse at 50% 35%,#f7faff,#fff 60%)}.thread-empty h2{font-size:23px;font-weight:550;letter-spacing:-.5px}.thread-empty p,.empty-page p{font-size:13px;color:#8a9ab0;line-height:1.8}.thread-empty .primary{margin-top:8px}.empty-symbol{display:flex;align-items:center;justify-content:center;background:#edf4ff;color:#568bdb;width:80px;height:80px;border-radius:27px;margin-bottom:8px}.list-empty{padding:45px 26px;text-align:center;color:#9aabc1;font-size:12px;line-height:1.9}.list-empty>svg{color:#98b5da;margin-bottom:12px}.list-empty h3{color:#506b8d;font-size:15px}.list-empty p{margin:8px 0 16px}.list-empty .secondary{font-size:13px;padding:10px 16px}.load-more{display:block;font-size:12px;color:var(--blue);margin:22px auto;padding:9px 16px;border-radius:8px;background:#f2f7ff}.page-view{flex:1;overflow:auto;min-width:0;padding:34px 37px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:33px}.page-header p{font-size:13px;color:#8597b0;margin-top:9px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;max-width:1000px}.device-card{border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:0 3px 18px #3d619506}.device-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.device-art{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:17px;background:#edf4ff;color:#427bc6}.device-card h2{font-size:19px;margin-bottom:7px}.connection{font-size:11px;display:flex;align-items:center;gap:6px;color:#9b9eaa}.connection:before{content:"";width:6px;height:6px;border-radius:50%;background:#abb5c5}.connection.online{color:#209b70}.connection.online:before{background:#31b385}.sim-list{margin:25px 0 20px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:60px}.sim-list>div{display:flex;align-items:center;gap:13px;font-size:12px;margin:10px 0}.sim-list>div>span{color:#788ba7}.sim-list strong{font-weight:500}.sim-list small{margin-left:auto;color:#8c9eb7;font-size:11px}.history-table{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:20px}.table-head,.table-row{display:grid;grid-template-columns:minmax(120px,1fr) 120px 110px;gap:20px;align-items:center;text-align:left;width:100%;padding:18px 22px}.table-head{font-size:12px;color:#8a9ab0;background:#f8fafd}.table-row{border-top:1px solid var(--line);font-size:13px}.table-row:hover{background:#f9fbff}.table-row strong{font-size:14px;font-weight:550}.table-row p{color:#8a9ab0;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%;margin-top:7px}.table-row>div{min-width:0}.table-row time{color:#899ab2;font-size:12px}.state{font-size:11px;color:#8b9ab0}.state.sent,.state.delivered{color:#259c76}.state.failed{color:#d55562}.settings-grid{display:grid;grid-template-columns:minmax(300px,1.4fr) minmax(260px,1fr);gap:35px;max-width:1050px}.phone-guide{font-size:13px;line-height:1.85}.phone-guide h3{margin-bottom:25px;font-size:19px}.phone-guide ol{list-style:none;counter-reset:steps;padding:0;margin:0}.phone-guide li{position:relative;padding:0 0 25px 38px;counter-increment:steps}.phone-guide li:before{content:counter(steps);display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:1px;border-radius:50%;width:23px;height:23px;background:#e8f1ff;color:var(--blue);font-size:11px;font-weight:600}.phone-guide li strong{font-size:14px;font-weight:600}.phone-guide li p{color:#8395ae;margin:5px 0 12px}.phone-guide b{font-weight:600;color:#425a7e}.copy-field{display:flex;align-items:center;gap:5px;background:#f5f8fc;border:1px solid var(--line);border-radius:8px;padding:6px 6px 6px 11px}.copy-field code{font-family:inherit;font-size:11px;word-break:break-all;flex:1;color:#607a9e}.setting-panel{border-left:1px solid var(--line);padding-left:30px}.setting-panel h3{margin:0 0 12px}.setting-panel p{margin-bottom:17px}.setting-panel .device-select{margin-bottom:10px}.notice{padding:12px 15px;display:flex;align-items:flex-start;gap:10px;border-radius:10px;font-size:12px;line-height:1.8;background:#fff2f2;color:#b84d59;border:1px solid #f8dce1}.notice svg{flex-shrink:0;margin-top:3px}.notice .text-link{margin-left:10px;font-size:12px}.floating-notice{position:absolute;bottom:15px;left:50%;transform:translate(-50%);z-index:20;max-width:calc(100% - 32px);min-width:min(450px,90%);box-shadow:0 8px 35px #5f334014}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:15px 20px;border:1px solid #dceae6;background:#f1fff9;color:#28785e;box-shadow:0 8px 25px #234d3810;font-size:13px;border-radius:12px;z-index:30;max-width:90vw;line-height:1.7}.toast svg{flex-shrink:0}.modal{border:1px solid #e0e9f5;border-radius:17px;padding:27px;width:420px;max-width:calc(100vw - 32px);box-shadow:0 20px 80px #17385726;color:inherit}.modal::backdrop{background:#12294640;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal h2{font-size:21px}.modal form{margin-top:23px}.modal p{margin-bottom:10px}.app-loading{height:100dvh;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#7088a9}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:35px;background:radial-gradient(ellipse at 20% 10%,#e8f2ff,transparent 55%),#f3f6fb}.login-card{max-width:980px;width:100%;display:grid;grid-template-columns:1fr 1.1fr;border-radius:22px;background:#fff;border:1px solid white;box-shadow:0 18px 80px #456b9910;overflow:hidden}.login-form{padding:45px 45px 32px}.login-heading{margin:42px 0 30px}.login-heading h1{font-size:25px}.login-heading p{color:#90a0b7;font-size:13px;line-height:1.8;margin-top:12px}.login-form label{font-size:13px}.login-form form>.notice{margin-bottom:17px}.setup-toggle{margin:22px 0 35px;font-size:12px}.login-foot{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:6px;color:#9babc0;font-size:10px}.login-aside{background:#f7faff;padding:45px 35px;border-left:1px solid #edf2f9}.login-aside .phone-guide h3{font-size:18px}.login-aside .phone-guide li{padding-bottom:23px}.login-aside .phone-guide li p{font-size:12px}@media(min-width:1450px){.sidebar{width:235px}.conversation-list{width:365px}.message-scroll{padding:30px 35px}.composer{padding:18px 25px 24px}.bubble{max-width:75%}}@media(max-width:1150px){.sidebar{width:185px;padding-left:9px;padding-right:9px}.sidebar .brand{font-size:20px;gap:8px}.brand-icon{width:35px;height:35px}.sidebar nav button{gap:13px;padding-left:13px}.conversation-list{width:300px}.list-header,.list-tools{padding-left:18px;padding-right:18px}.list-header h1{font-size:21px}.compact{font-size:12px;padding:10px}.composer-note{display:none}.composer-actions>.primary{padding:11px 14px}.send-line{gap:5px}.composer .device-select{max-width:145px}.sim-select{max-width:110px}.settings-grid{grid-template-columns:1fr}.setting-panel{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.page-view{padding:28px}.server-info{gap:8px}.server-info strong{font-size:12px}}@media(max-width:850px){.app-shell{margin:0;border-radius:0;height:100dvh}.sidebar{width:72px;align-items:center;padding:25px 8px 12px}.sidebar .brand{margin:0 0 28px}.sidebar .brand>span:last-child,.sidebar nav span,.sidebar-bottom .server-info,.profile>span:nth-child(2),.profile>svg{display:none}.sidebar nav button{padding:15px;gap:0}.sidebar-bottom{padding:0;width:auto}.profile{justify-content:center}.conversation-list{width:290px}.thread-header{padding:14px 20px}.thread-header h2{font-size:19px}.message-scroll{padding:20px}.bubble{font-size:14px}.composer{padding:13px}.send-line{flex:1}.composer .device-select{max-width:100%;flex:1;min-width:110px}.composer-actions>.primary{margin-left:auto}.settings-grid{gap:20px}.login-form{padding:35px}.login-aside{padding:40px 25px}}@media(max-width:640px){.app-shell{display:block}.sidebar{position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(65px + env(safe-area-inset-bottom));padding:4px 10px env(safe-area-inset-bottom);border-top:1px solid var(--line);border-right:0;z-index:25;background:#fcfdff}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:100%;gap:0}.sidebar nav button{display:flex;flex-direction:column;gap:5px;padding:9px 15px 6px;min-width:65px;background:none!important}.sidebar nav span{display:block;font-size:10px;font-weight:500}.sidebar nav svg{width:21px;height:21px}.workspace{height:calc(100dvh - 65px - env(safe-area-inset-bottom))}.conversation-list{width:100%;border:0}.list-header{padding:24px 23px 18px}.list-header h1{font-size:25px}.list-header .compact{font-size:13px;padding:10px 14px}.list-tools{padding-left:23px;padding-right:23px}.filter-row{margin:13px 0}.device-select{font-size:12px}.conversation-row{padding:20px 23px;min-height:99px}.conversation-row.active{background:none;border-color:transparent}.conversation-row .avatar{width:47px;height:47px}.row-top strong{font-size:15px}.row-preview{font-size:13px}.row-top time{font-size:11px}.thread{display:none}.thread-open .thread{display:flex;width:100%}.thread-open .conversation-list{display:none}.thread-open{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;background:#fff;z-index:30}.mobile-back{display:inline-flex;margin-left:-8px}.thread-header{height:78px;gap:11px;padding:12px 17px}.thread-header h2{font-size:19px}.thread-header .avatar{width:37px;height:37px;font-size:18px}.thread-header p{font-size:11px}.thread-header>div{min-width:0}.bubble{font-size:15px;max-width:89%;padding:11px 15px}.message{margin-bottom:23px}.message-scroll{padding:24px 18px 5px}.message-meta{font-size:10px}.composer{padding:12px 13px calc(12px + env(safe-area-inset-bottom))}.composer textarea{min-height:77px;font-size:14px}.composer-actions{gap:8px;align-items:flex-end}.send-line{flex-direction:column;align-items:stretch;gap:6px;flex:1;max-width:calc(100% - 125px)}.composer .device-select{height:33px;width:100%}.sim-select{height:33px;max-width:100%;width:100%}.composer-actions>.primary{min-height:42px;font-size:13px;padding:11px 13px}.recipient{padding:8px 20px;font-size:13px}.recipient input{height:36px}.page-view{padding:25px 23px}.page-header{margin-bottom:25px}.page-header h1{font-size:25px}.page-header p{font-size:12px;line-height:1.8;max-width:260px}.device-grid{grid-template-columns:1fr}.device-card{padding:20px}.history-table{overflow:auto}.table-head,.table-row{grid-template-columns:minmax(130px,1fr) 70px 75px;padding:17px 13px;gap:8px}.table-row>time,.state{font-size:10px}.table-row p{font-size:11px}.settings-grid{display:block}.setting-panel{margin-top:20px}.copy-field code{font-size:10px}.thread-empty{display:none}.empty-page{padding:30px 12px}.empty-page h2{font-size:18px}.floating-notice{position:fixed;bottom:83px;max-width:calc(100vw - 24px);width:calc(100vw - 24px);min-width:0}.toast{bottom:85px;width:calc(100vw - 24px);font-size:12px;padding:12px 15px}.modal{padding:23px}.modal h2{font-size:20px}.login-page{padding:20px 16px;align-items:flex-start;min-height:100dvh;background:#f5f8fd}.login-card{display:block;border-radius:18px;max-width:430px;margin-top:15px}.login-form{padding:30px 26px 25px}.login-heading{margin-top:35px}.login-heading h1{font-size:24px}.login-aside{display:none;border-left:0;border-top:1px solid var(--line);padding:28px 26px}.login-aside.open{display:block}.setup-toggle{margin-bottom:25px}.brand{font-size:22px}.brand-icon{width:38px;height:38px}.login-foot{font-size:10px}.thread-empty h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.spin{animation-duration:2s}}