:root{--ink:#172033;--muted:#8490a4;--line:#e9edf4;--blue:#3157e8;--soft:#f5f7fb}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#f5f7fb;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}svg{width:20px;height:20px}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:2;background:#fff;flex-direction:column;width:238px;padding:23px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 23px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#425ff5,#8a55e9);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 7px 16px #5267e23d}.brand-mark svg{width:22px}.brand strong{letter-spacing:.5px;font-size:18px;display:block}.brand span{color:#a1a9b7;letter-spacing:.4px;margin-top:2px;font-size:9px;display:block}.shop-switch{border:1px solid var(--line);color:inherit;border-radius:10px;align-items:center;gap:9px;margin-bottom:20px;padding:11px;text-decoration:none;display:flex}.shop-switch>svg,.profile>svg{color:#9aa4b4;width:15px;margin-left:auto}.shop-avatar{color:#3958de;background:#ebefff;border-radius:8px;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.shop-switch strong{font-size:12px;display:block}.shop-switch span{color:#8a95a7;align-items:center;gap:5px;margin-top:4px;font-size:10px;display:flex}.shop-switch i,.status i,.customer span i{background:#21bf73;border-radius:50%;width:6px;height:6px;display:inline-block}nav p{color:#a5adba;margin:0 0 7px;padding:0 12px;font-size:10px}nav .nav-gap{margin-top:19px}nav button,nav>a{color:#657085;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;margin:2px 0;padding:10px 12px;font-size:13px;text-decoration:none;display:flex;position:relative}nav button svg,nav>a svg{width:18px}nav button.active,nav>a.active{color:#3157e8;background:#eef2ff;font-weight:600}nav button b,nav>a b{color:#fff;background:#ff5260;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px}.toast-notice{z-index:30;color:#fff;background:#202a40;border-radius:9px;padding:12px 16px;font-size:11px;animation:.2s ease-out toast-in;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 30px #17203340}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.usage-card{background:linear-gradient(145deg,#f3f5ff,#f8f5ff);border:1px solid #e4e5fb;border-radius:11px;margin-top:auto;padding:13px}.usage-card>div:first-child{color:#6655db;align-items:center;gap:5px;margin-bottom:11px;font-size:10px;font-weight:700;display:flex}.usage-card svg{width:14px}.usage-card strong{font-size:11px}.usage-card p{color:#8891a2;margin:5px 0;font-size:10px}.usage-card p b{color:#20283a;font-size:12px}.progress{background:#dfe3ef;border-radius:5px;height:5px;margin:8px 0;overflow:hidden}.progress i{background:linear-gradient(90deg,#5269ec,#8b5be6);width:68%;height:100%;display:block}.usage-card a{color:#596cd8;align-items:center;gap:3px;font-size:10px;display:flex}.profile{border-top:1px solid var(--line);align-items:center;gap:9px;margin-top:14px;padding:15px 4px 0;display:flex}.profile>div{color:#fff;background:#273452;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;display:grid}.profile p{margin:0}.profile strong,.profile span{font-size:11px;display:block}.profile span{color:#9aa4b4;margin-top:3px;font-size:9px}.workspace{width:calc(100% - 238px);margin-left:238px;padding:25px 30px 34px}.workspace>header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.workspace h1{margin:0 0 6px;font-size:22px}.workspace header p{color:#8993a4;margin:0;font-size:12px}.workspace header p b{color:#4663dc}.header-actions{gap:10px;display:flex}.header-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:11px;display:flex}.header-actions .primary{color:#fff;background:#3157e8;border-color:#3157e8;box-shadow:0 5px 12px #3157e830}.primary svg{width:15px}.status i{background:#27bd76;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #d9f7e9}.status.demo i{background:#f59a23;box-shadow:0 0 0 3px #fff0d9}.connect-banner{background:linear-gradient(100deg,#fff8f2,#fff);border:1px solid #ffe0c9;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:13px 16px;display:flex}.taobao-logo{color:#fff;background:#ff6a20;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.taobao-logo svg{width:20px}.connect-banner strong{font-size:12px}.connect-banner p{color:#8e7e74;margin:4px 0 0;font-size:9px}.connect-steps{align-items:center;gap:6px;margin-left:auto;display:flex}.connect-steps span{color:#9b8f88;white-space:nowrap;font-size:8px}.connect-steps span.done{color:#ee6727;font-weight:700}.connect-steps i{background:#e8d6ca;width:13px;height:1px}.connect-banner>button{color:#fff;white-space:nowrap;background:#ff6a20;border:0;border-radius:7px;padding:8px 11px;font-size:9px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metrics article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:flex-start;gap:12px;padding:17px;display:flex}.metric-icon{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.metric-icon svg{width:19px}.metric-icon.blue{color:#3b63e6;background:#edf2ff}.metric-icon.purple{color:#8359db;background:#f4efff}.metric-icon.green{color:#22a96c;background:#eaf9f3}.metric-icon.orange{color:#ef912b;background:#fff4e7}.metrics p{color:#8a94a5;margin:0 0 6px;font-size:10px}.metrics strong{font-size:21px;display:block}.metrics small{color:#9ba4b3;margin-top:5px;font-size:9px;display:block}.metrics small b{color:#29ae73;font-weight:500}.main-grid{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:minmax(340px,40%) minmax(460px,60%);height:600px;display:grid;overflow:hidden}.conversation-panel{border-right:1px solid var(--line);overflow:hidden}.panel-title{justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.panel-title h2{margin:0;font-size:15px;display:inline}.panel-title span{color:#e45a65;background:#fff0f1;border-radius:10px;margin-left:8px;padding:3px 7px;font-size:9px}.panel-title button{color:#4c66d9;background:0 0;border:0;font-size:10px}.search{margin:0 19px 12px;position:relative}.search svg{color:#9da6b4;width:15px;position:absolute;top:9px;left:10px}.search input{border:1px solid var(--line);background:#f8f9fb;border-radius:7px;outline:none;width:100%;padding:8px 10px 8px 32px;font-size:10px}.filters{border-bottom:1px solid var(--line);gap:5px;padding:0 19px 12px;display:flex}.filters button{color:#8d96a5;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:9px}.filters .selected{color:#3c5edb;background:#edf1ff;font-weight:600}.conversation{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f2f6;align-items:center;gap:10px;width:100%;padding:14px 18px;display:flex;position:relative}.conversation.active{background:#f1f4ff;box-shadow:inset 3px 0 #4160e5}.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.avatar.dark{background:linear-gradient(145deg,#24283b,#575d73)}.avatar.orange{background:linear-gradient(145deg,#ff7e3e,#ffad72)}.conversation-copy{flex:1;min-width:0}.conversation-copy>div{align-items:center;gap:5px;display:flex}.conversation-copy strong{font-size:11px}.conversation-copy em{border-radius:3px;padding:2px 4px;font-size:8px;font-style:normal}.douyin{color:#fff;background:#292d3c}.taobao{color:#ed6b2d;background:#fff0e8}.conversation-copy time{color:#a5adba;margin-left:auto;font-size:8px}.conversation-copy p{color:#7d8798;white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:10px;overflow:hidden}.unread{color:#fff;background:#5068e9;border-radius:50%;place-items:center;width:15px;height:15px;font-size:8px;display:grid;position:absolute;bottom:12px;right:18px}.assistant-panel{flex-direction:column;min-width:0;display:flex}.assistant-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex}.customer{align-items:center;gap:9px;display:flex}.customer strong{font-size:12px;display:block}.customer span{color:#929cad;align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.customer span i{width:5px;height:5px}.ai-tag{color:#6854c8;background:#f3f0ff;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;display:flex}.ai-tag svg{width:13px}.chat-area{background:#fafbfc;flex:1;padding:19px 23px;overflow:auto}.system-note{text-align:center;color:#adb4bf;margin-bottom:20px;font-size:8px}.message{align-items:flex-start;gap:8px;display:flex}.message .avatar{width:29px;height:29px;font-size:9px}.message span{color:#8f98a7;font-size:9px}.customer-message p{border:1px solid var(--line);background:#fff;border-radius:2px 9px 9px;margin:5px 0 0;padding:10px 13px;font-size:11px;box-shadow:0 2px 5px #22305b0a}.ai-card{background:#fff;border:1px solid #dfe4f8;border-radius:10px;margin:21px 0 0 37px;padding:14px;box-shadow:0 5px 16px #364b8010}.ai-card-head,.ai-card-head>div,.reply-actions,.reply-meta{align-items:center;display:flex}.ai-card-head{justify-content:space-between}.ai-card-head>div{gap:7px}.ai-card-head span{color:#fff;background:linear-gradient(145deg,#536cf0,#8e62e4);border-radius:6px;place-items:center;width:23px;height:23px;display:grid}.ai-card-head svg{width:13px}.ai-card-head strong{font-size:11px}.ai-card-head em{color:#8d97a8;background:#f3f5f8;border-radius:4px;padding:3px 6px;font-size:8px;font-style:normal}.ai-card-head>b{color:#25a96b;background:#ebf8f2;border-radius:8px;padding:3px 7px;font-size:9px}.reply-text{color:#3f495a;margin:14px 0;font-size:11px;line-height:1.8}.empty-reply{color:#9ba4b3;flex-direction:column;align-items:center;padding:24px 0 17px;display:flex}.empty-reply svg{color:#7589e8}.empty-reply p{font-size:10px}.loading{color:#7e8aa0;justify-content:center;align-items:center;gap:4px;height:84px;font-size:10px;display:flex}.loading i{background:#6076e5;border-radius:50%;width:5px;height:5px;animation:1s infinite pulse}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){margin-right:6px;animation-delay:.3s}@keyframes pulse{50%{opacity:.5;transform:translateY(-4px)}}.reply-meta{border-top:1px solid #eef0f5;gap:12px;padding-top:9px}.reply-meta span{color:#98a2b1;align-items:center;gap:4px;font-size:8px;display:flex}.reply-meta svg{width:11px}.reply-meta .warning{color:#e4773d}.reply-actions{justify-content:flex-end;gap:7px;margin-top:12px}.reply-actions button,.composer button{color:#657187;background:#fff;border:1px solid #dfe4ee;border-radius:6px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.reply-actions button svg,.composer button svg{width:13px}.reply-actions button:disabled{opacity:.45;cursor:not-allowed}.reply-actions .send,.composer button{color:#fff;background:#3659df;border-color:#3659df}.composer{border-top:1px solid var(--line);background:#fff;padding:12px 17px}.composer label{color:#8490a2;margin-bottom:5px;font-size:9px;display:block}.composer textarea{resize:none;color:#3b4658;border:0;outline:0;width:100%;height:48px;font-size:11px;line-height:1.5}.composer>div{justify-content:space-between;align-items:center;display:flex}.composer span{color:#b1b7c2;font-size:8px}.composer button{padding:7px 12px}.modal-backdrop{z-index:20;background:#17203380;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.connect-modal{background:#fff;border-radius:16px;width:min(460px,100%);padding:28px;box-shadow:0 24px 70px #17203345}.modal-icon{color:#ff6a20;background:#fff0e8;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.connect-modal h2{margin:16px 0 8px;font-size:18px}.connect-modal>p{color:#7f8999;margin:0;font-size:11px}.connect-modal ol{counter-reset:steps;margin:18px 0;padding:0;list-style:none}.connect-modal li{counter-increment:steps;padding:0 0 15px 35px;position:relative}.connect-modal li:before{content:counter(steps);color:#f06a28;background:#fff0e8;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;font-weight:700;display:grid;position:absolute;top:0;left:0}.connect-modal li b,.connect-modal li span{font-size:11px;display:block}.connect-modal li span{color:#8a94a5;margin-top:3px;font-size:9px}.modal-note{color:#68758a;background:#f7f8fb;border-radius:8px;align-items:flex-start;gap:7px;padding:10px;font-size:9px;line-height:1.5;display:flex}.modal-note svg{color:#3157e8;flex:none;width:15px}.connect-modal>button,.modal-primary{color:#68758a;text-align:center;background:#fff;border:0;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:11px;text-decoration:none;display:block}.modal-primary{color:#fff;background:#3157e8;margin-top:17px}.setup-page{background:#f5f7fb;place-items:center;min-height:100vh;padding:28px;display:grid}.setup-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(660px,100%);padding:34px;box-shadow:0 18px 50px #22305b10}.back-link{color:#7b8698;align-items:center;gap:6px;font-size:11px;text-decoration:none;display:flex}.back-link svg{width:15px}.setup-brand{color:#ff6a20;background:#fff0e8;border-radius:14px;place-items:center;width:52px;height:52px;margin-top:26px;display:grid}.setup-brand svg{width:25px}.setup-card h1{margin:16px 0 7px;font-size:23px}.setup-card>p{color:#8792a4;margin:0 0 23px;font-size:11px}.setup-state{border:1px solid var(--line);background:#fafbfc;border-radius:10px;align-items:center;gap:10px;margin:9px 0;padding:13px;display:flex}.setup-state svg{color:#9aa4b4;width:20px}.setup-state strong,.setup-state span{font-size:11px;display:block}.setup-state span{color:#929cad;margin-top:4px;font-size:9px}.setup-state.ok{background:#f1faf6;border-color:#d9f1e5}.setup-state.ok svg{color:#25a96b}.setup-state.warn{background:#fff8ed;border-color:#ffe4bc}.setup-state.warn svg{color:#e69225}.capability-list{margin:22px 0}.capability-list h2{font-size:13px}.capability-list>div{border-bottom:1px solid #eef1f5;justify-content:space-between;padding:10px 0;font-size:10px;display:flex}.capability-list span{color:#9aa4b4}.capability-list .ready{color:#20a76a}.authorize-button{color:#fff;text-align:center;background:#ff6a20;border:0;border-radius:9px;width:100%;padding:12px;font-size:11px;text-decoration:none;display:block}.authorize-button:disabled{background:#d9dee8}.setup-warning{color:#7d8798;background:#f7f8fb;border-radius:8px;margin-top:14px;padding:10px;font-size:9px;line-height:1.6}@media (max-width:1100px){.connect-steps{display:none}}@media (max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr;height:auto}.conversation-panel{display:none}.assistant-panel{min-height:600px}}@media (max-width:700px){.sidebar{display:none}.workspace{width:100%;margin:0;padding:18px}.workspace>header{align-items:flex-start}.header-actions .status{display:none}.workspace header p{max-width:250px}.connect-banner{align-items:flex-start}.connect-banner>button{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:12px}.main-grid{border-radius:10px}.ai-card{margin-left:0}}.auth-page{background:#fff;grid-template-columns:minmax(420px,48%) 1fr;min-height:100vh;display:grid}.auth-panel{width:100%;max-width:470px;margin:auto;padding:46px}.auth-brand,.merchant-brand{align-items:center;gap:10px;display:flex}.auth-brand span,.merchant-brand span{color:#fff;background:linear-gradient(145deg,#405ff0,#8b5be6);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.auth-brand span svg,.merchant-brand span svg{width:19px}.auth-panel h1{margin:40px 0 7px;font-size:25px}.auth-panel>p{color:#8b96a7;margin:0 0 28px;font-size:11px}.auth-panel label,.shop-modal label{color:#667287;margin:15px 0;font-size:10px;display:block}.auth-panel input,.shop-modal input,.shop-modal select{background:#fff;border:1px solid #dfe4ed;border-radius:8px;outline:none;width:100%;margin-top:6px;padding:11px;display:block}.auth-panel input:focus,.shop-modal input:focus{border-color:#3157e8;box-shadow:0 0 0 3px #3157e815}.auth-panel form>button{color:#fff;background:#3157e8;border:0;border-radius:8px;width:100%;margin-top:11px;padding:12px}.auth-panel form>button:disabled{opacity:.6}.form-error{color:#cb3d4a;background:#fff0f1;border-radius:7px;padding:9px;font-size:10px}.auth-panel footer{text-align:center;color:#929cad;margin-top:20px;font-size:10px}.auth-panel footer a{color:#3157e8;margin-left:4px;text-decoration:none}.auth-aside{color:#fff;background:linear-gradient(145deg,#263d9e,#7552d6);align-items:flex-end;padding:55px;display:flex}.auth-aside div{max-width:450px}.auth-aside strong{font-size:25px}.auth-aside p{opacity:.75;font-size:12px;line-height:1.8}.merchant-page{background:#f5f7fb;min-height:100vh}.merchant-page>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 34px;display:flex}.merchant-user{align-items:center;gap:16px;display:flex}.merchant-user strong,.merchant-user span{text-align:right;font-size:10px;display:block}.merchant-user span{color:#929cad;margin-top:3px;font-size:8px}.merchant-user button{border:1px solid var(--line);color:#68758a;background:#fff;border-radius:7px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;display:flex}.merchant-user svg{width:14px}.merchant-content{max-width:1100px;margin:auto;padding:34px}.merchant-title{justify-content:space-between;align-items:center;display:flex}.merchant-title h1{margin:0 0 5px;font-size:22px}.merchant-title p{color:#8a95a7;margin:0;font-size:10px}.merchant-title>button,.empty-shops button{color:#fff;background:#3157e8;border:0;border-radius:8px;align-items:center;gap:6px;padding:10px 13px;font-size:10px;display:flex}.merchant-title svg{width:15px}.empty-shops{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:360px;margin-top:24px;display:flex}.empty-shops>svg{color:#7e91e5;width:42px}.empty-shops h2{margin:14px 0 4px;font-size:15px}.empty-shops p{color:#909bad;font-size:10px}.empty-shops button{margin-top:12px}.shop-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px;display:grid}.shop-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:18px;display:flex}.platform-logo{color:#fff;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.platform-logo.taobao{background:#ff6a20}.platform-logo.douyin{background:#202534}.platform-logo svg{width:20px}.shop-grid article>div:nth-child(2){flex:1}.shop-grid em{color:#919bad;font-size:8px;font-style:normal}.shop-grid h2{margin:5px 0;font-size:12px}.not-connected{color:#c47a1a;background:#fff4e4;border-radius:8px;padding:3px 6px;font-size:8px}.shop-grid article>a,.shop-grid article>button{border:1px solid var(--line);color:#3157e8;background:#fff;border-radius:6px;padding:7px;font-size:8px;text-decoration:none}.shop-grid article>button:disabled{color:#a3abba}.shop-modal{background:#fff;border-radius:14px;width:min(410px,100%);padding:25px}.shop-modal h2{margin:0;font-size:17px}.shop-modal>p{color:#909bad;font-size:9px}.shop-modal>div:last-child{justify-content:flex-end;gap:8px;display:flex}.shop-modal>div:last-child button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 12px;font-size:9px}.shop-modal>div:last-child button:last-child{color:#fff;background:#3157e8;border-color:#3157e8}@media (max-width:760px){.auth-page{grid-template-columns:1fr}.auth-aside{display:none}.auth-panel{padding:28px}.merchant-page>header{padding:0 18px}.merchant-content{padding:22px 18px}.shop-grid{grid-template-columns:1fr}.merchant-user div{display:none}}
.mini-nav{gap:6px;display:flex}.mini-nav a{color:#7f8999;border-radius:6px;padding:7px 9px;font-size:9px;text-decoration:none}.mini-nav a.active{color:#3157e8;background:#eef2ff}.role-guide{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.role-guide span{border:1px solid var(--line);color:#8b95a5;background:#fff;border-radius:9px;padding:12px;font-size:9px}.role-guide b{color:#293348;margin-bottom:4px;font-size:10px;display:block}.member-table{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.member-row{border-bottom:1px solid #eef1f5;grid-template-columns:2fr 1fr 1fr;align-items:center;padding:13px 16px;font-size:10px;display:grid}.member-row:last-child{border:0}.member-row.head{color:#8d97a8;background:#f8f9fb;font-size:9px}.member-row b,.member-row small{display:block}.member-row small{color:#929cad;margin-top:3px}.member-active{color:#1ea76a}.member-disabled{color:#d14b58}.subheading{margin:25px 0 10px;font-size:13px}.invite-link{border:1px solid var(--line);word-break:break-all;background:#f5f7fb;border-radius:7px;margin:15px 0;padding:10px;font-size:9px;line-height:1.5}.copy-invite{color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;display:flex;background:#3157e8!important;border:0!important;padding:9px!important}.copy-invite svg{width:14px}@media (max-width:760px){.role-guide{grid-template-columns:1fr 1fr}.mini-nav{display:none}.member-row{grid-template-columns:2fr 1fr 1fr}}