@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#24354d;background:#f3f5f9;font-synthesis:none;font-size:14px;--blue:#2865ed;--line:#e7ebf2;--muted:#8793a6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #dce2ed;border-radius:7px;padding:9px 13px;color:#41516a;cursor:pointer;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#f0f5ff;border-color:#b3c9f7}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a9c7ff;outline-offset:2px}.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 3px 8px #2865ed18}.primary:hover:not(:disabled){background:#1d53cf;border-color:#1d53cf}h1,h2,h3,h4,p{margin-top:0}h1{font-size:29px;letter-spacing:-.6px;font-weight:600;margin-bottom:10px}h2{font-size:24px;font-weight:600}h3{font-size:15px;margin:0;font-weight:600}.muted,small{color:var(--muted)}small{font-size:11px}.eyebrow{font-size:10px;letter-spacing:2px;color:#8495ac;font-weight:600;margin-bottom:11px}.actions,.icon-actions{display:flex;align-items:center;gap:8px}.icon-actions button{padding:6px;border-color:transparent}.danger{color:#df5960}.full{width:100%}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:5px 9px;color:#4c72b0;background:#edf3ff;font-size:11px;white-space:nowrap}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;margin-top:5px;color:#7990b1}.app{display:flex;min-height:100vh}.sidebar{width:226px;flex-shrink:0;background:#14243e;color:#fff;padding:30px 19px 20px;display:flex;flex-direction:column;position:fixed;top:0;bottom:0}.sidebar .brand{padding:0 9px;margin-bottom:53px}.brand svg{color:#72a5ff}.workspace-label{color:#5f7595;font-size:10px;letter-spacing:2px;margin:0 13px 14px}.sidebar nav{display:grid;gap:9px}.sidebar nav button{justify-content:flex-start;padding:13px;border:0;background:transparent;color:#9fb0c9}.sidebar nav button svg:last-child{margin-left:auto;opacity:0}.sidebar nav button.active{color:#fff;background:#2865ed}.sidebar nav button.active svg:last-child{opacity:1}.sidebar nav button:hover:not(:disabled){background:#20395c}.sidebar-note{margin-top:auto;background:#1c2f4b;border:1px solid #294060;padding:19px 15px;border-radius:8px}.sidebar-note svg{color:#6c9cf0;margin-bottom:12px}.sidebar-note b{display:block;font-size:12px;font-weight:500}.sidebar-note p{font-size:11px;color:#8298b8;line-height:1.8;margin:7px 0 0}.logout{margin-top:18px;background:transparent;color:#9bb0cd;border:0;justify-content:flex-start}.main-shell{margin-left:226px;width:calc(100% - 226px)}.topbar{height:74px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:12px}.topbar>span,.topbar>div{display:flex;gap:13px;align-items:center}.topbar>span{color:#8591a3}.connection{font-size:11px;color:#519885}.connection:before{content:"";display:inline-block;width:6px;height:6px;background:#38b28a;border-radius:50%;margin-right:7px}.connection.demo{color:#b4852b}.connection.demo:before{background:#d7a238}.bot-identity{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:15px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:34px 35px 0;max-width:1700px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading p:not(.eyebrow){color:#8793a6;font-size:12px;margin:0}.info-strip{display:flex;align-items:center;gap:9px;color:#6480a8;background:#eaf0fa;border:1px solid #dfe8f7;border-radius:6px;padding:12px 15px;font-size:11px;margin-bottom:24px;line-height:1.8}.info-strip>.badge{margin-left:auto;background:#fff}.menu-workspace{display:grid;grid-template-columns:260px minmax(290px,1fr) 290px;gap:21px;align-items:start}.surface{background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 8px #24354d03}.section-title{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line);min-height:66px}.section-title>span{font-size:11px;color:#909cad}.tree-content{padding:13px 12px;min-height:280px}.tree-row{width:100%;text-align:left;border:0;background:transparent;padding:12px 8px;margin:2px 0;font-size:12px;justify-content:flex-start}.tree-row.selected{background:#edf3ff;color:var(--blue)}.tree-row>span:not(.number){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tree-row small{margin-left:auto;font-size:9px;white-space:nowrap}.number{font-size:10px;color:#9ba9bf;font-family:monospace;margin-right:3px}.children{margin-left:25px;padding-left:10px;border-left:1px solid #e6ebf5}.text-button{border:0;color:#7c93b4;font-size:10px;background:transparent;padding:9px}.add-button{border:1px dashed #cbd9ef;color:#5078b6;background:#fafcff;display:flex;width:calc(100% - 32px);margin:16px;justify-content:center;font-size:12px}.footnote{font-size:10px;color:#97a3b5;line-height:1.9;margin:18px 20px}.form-content{padding:24px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field>span{font-size:12px;font-weight:500}.field small{font-size:10px;line-height:1.7}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe5ef;border-radius:6px;background:#fff;color:#40516c;padding:10px 12px;min-width:0;font-size:12px}.field textarea{min-height:96px;resize:vertical;line-height:1.8}.field input:hover,.field select:hover,.field textarea:hover{border-color:#a9bce0}input[type=checkbox]{accent-color:var(--blue);width:16px;height:16px}.check{display:flex;align-items:center;gap:7px;font-size:12px;margin:10px 0 18px}.draft-toggle{border-top:1px solid var(--line);padding-top:21px;display:flex;align-items:center;justify-content:space-between;margin-top:26px}.draft-toggle b{font-size:12px;font-weight:500}.draft-toggle small{display:block;font-size:10px;margin-top:6px}.preview-heading{display:flex;align-items:center;gap:6px;font-size:12px;padding:5px 8px 17px}.preview-heading span{margin-left:auto;font-size:10px;color:#9ba7b9}.phone{background:#f4f6fa;border:6px solid #24344d;border-radius:32px;min-height:514px;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 28px #22385515}.phone-notch{width:85px;height:15px;border-radius:0 0 14px 14px;background:#24344d;margin:0 auto}.phone-header{padding:18px 13px;text-align:center;border-bottom:1px solid #e4e9f0;font-size:11px;color:#7e8ba1;display:flex;align-items:center;justify-content:space-between}.phone-header b{color:#354760;font-size:11px;font-weight:500}.chat{flex:1;padding:17px 12px;min-height:360px}.chat-date{text-align:center;font-size:9px;color:#a4afbf;margin-bottom:22px}.chat-message{display:flex;gap:7px}.avatar{height:29px;width:29px;display:flex;justify-content:center;align-items:center;background:#4684f9;border-radius:7px;color:#fff;flex-shrink:0}.chat-message p{font-size:10px;line-height:1.9;background:#fff;padding:9px 10px;border-radius:0 8px 8px;color:#51627a;box-shadow:0 2px 4px #23365206}.chat-result{background:#d9e7ff;margin:18px 0 0 20px;padding:10px;font-size:10px;border-radius:8px;overflow-wrap:anywhere}.phone-menu{display:flex;overflow:auto;align-items:stretch;min-height:46px;background:#fff;border-top:1px solid #e1e7ef}.phone-menu>span{padding:13px 9px;border-right:1px solid var(--line);font-size:15px}.phone-menu button{flex:1;border:0;border-right:1px solid var(--line);border-radius:0;padding:10px 8px;font-size:10px;min-width:55px;white-space:nowrap}.submenu-preview{margin:0 10px 8px;padding:6px;background:#fff;border:1px solid #e2e7f0;border-radius:7px}.submenu-preview button{display:flex;width:100%;border:0;font-size:11px;border-bottom:1px solid var(--line);border-radius:0}.empty{text-align:center;padding:50px 20px;color:#99a7bb;display:flex;flex-direction:column;align-items:center;gap:13px}.empty p{font-size:12px;line-height:1.8;margin:0}.empty h3{color:#788aa3}.empty svg{color:#becce0}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.scope-tabs{display:flex;gap:4px}.scope-tabs button{border:0;padding:9px 15px;font-size:12px;background:transparent;color:#8190a4}.scope-tabs button.active{color:var(--blue);background:#eef4ff}.panel-toolbar select{border:1px solid #dce2ed;border-radius:6px;padding:8px;font-size:11px;color:#718097;background:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;white-space:nowrap}thead{background:#fafbfd;color:#8d99ab;font-size:11px}th{font-weight:500;padding:16px 22px}td{padding:23px 22px;border-bottom:1px solid var(--line)}td small{display:block;margin-top:7px}.panel-name{display:flex;align-items:center;gap:12px}.panel-name b{font-size:12px;font-weight:500}.panel-name .mono{font-family:monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.panel-icon{width:37px;height:37px;border-radius:8px;background:#edf3ff;color:#668cdc;display:flex;align-items:center;justify-content:center}.table-wrap button{font-size:11px;padding:7px 9px}.icon-button{border:0;background:transparent}.pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;font-size:11px;color:#98a3b3}.pagination button{font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e203779;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fff;border-radius:13px;width:690px;max-width:100%;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 20px 90px #0715294d;animation:appear .2s ease}.modal-header{padding:23px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-header h2{font-size:20px;margin:0}.modal-header .eyebrow{font-size:10px;margin-bottom:6px}.modal-header button{border:0;padding:6px}.modal-tabs{padding:12px 24px;border-bottom:1px solid var(--line)}.modal-body{padding:24px 28px;overflow:auto}.modal-body .section-title{padding:12px 0;border:0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:19px 28px}.panel-item-editor{background:#f8faff;border:1px solid #e4eaf5;border-radius:8px;padding:16px 19px;margin-bottom:14px}.item-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;color:#7890b6}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-item-editor .field{margin-bottom:13px}.panel-item-editor .check{margin-bottom:0}.panel-mini-preview{background:#f5f7fb;padding:16px;margin-top:25px;border-radius:8px}.panel-mini-preview h4{font-size:11px;color:#8496b1;font-weight:400}.panel-mini-preview>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.panel-mini-preview span{background:#fff;padding:12px;border-radius:6px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.panel-mini-preview b{font-size:11px}.panel-mini-preview svg{color:#7299da}.panel-mini-preview small{flex-basis:100%;font-size:10px}.target-list{max-height:190px;overflow:auto;margin-bottom:24px;background:#f7f9fc;border-radius:6px;padding:12px}.target-list code{display:block;font-size:11px;overflow-wrap:anywhere;padding:6px}.demo-banner{background:#fff6df;color:#a27a29;font-size:11px;padding:10px 35px;border-bottom:1px solid #f0e1b8}.notice{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:7px;background:#eef8f2;color:#43896a;margin-bottom:20px}.notice.error{background:#fff0f0;color:#ba525b;border:1px solid #f3d9dc}.notice button{padding:3px;border:0;background:transparent;color:inherit}.busy-indicator{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:80;background:#17345f;color:#fff;padding:10px 20px;border-radius:7px;font-size:12px;box-shadow:0 3px 15px #18283c22}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#a5afbf;padding:35px 0 22px}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-story{background:radial-gradient(ellipse at 15% 85%,#214675 0%,transparent 58%),#14243e;color:#fff;padding:52px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:480px;height:480px;right:-280px;top:180px;border:1px solid #799bcc16;border-radius:50%;box-shadow:0 0 0 80px #799bcc05,0 0 0 160px #799bcc03;pointer-events:none}.login-story .brand span{font-size:10px;font-weight:400;color:#6f8aac}.login-story h1{font-size:42px;font-weight:500;line-height:1.5;letter-spacing:1px;margin:20px 0}.login-story .eyebrow{color:#749fe1;font-size:11px}.login-story p:not(.eyebrow){font-size:13px;line-height:2;color:#98afcd}.login-features{display:flex;flex-direction:column;gap:18px;margin-top:35px;font-size:12px;color:#b9cce7}.login-features span{display:flex;align-items:center;gap:11px}.login-features svg{width:17px;color:#76a6f3}.login-story>small{color:#6681a4;font-size:10px}.login-main{display:flex;align-items:center;justify-content:center;padding:45px}.login-box{width:350px;text-align:center}.login-box h2{margin:18px 0 10px}.login-box>.muted{font-size:12px}.qr-box{width:222px;height:222px;margin:26px auto 16px;border:1px solid #e0e7f2;box-shadow:0 5px 18px #1f3a5c06;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#afc2e0;background:#fafcff}.qr-box img{width:208px;height:208px}.login-status{font-size:11px;color:#7e8fa7;min-height:20px;line-height:1.8;overflow-wrap:anywhere}.divider{display:flex;align-items:center;gap:14px;font-size:10px;color:#a4afbd;margin:24px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.security-note{display:block;margin-top:23px;font-size:10px;line-height:1.9}.security-note svg{vertical-align:middle;margin-right:4px}.login-box .full{font-size:12px;padding:12px}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(min-width:1600px){.menu-workspace{grid-template-columns:290px minmax(350px,1fr) 310px}}@media(max-width:1250px){.menu-workspace{grid-template-columns:230px minmax(280px,1fr)}.preview-column{grid-column:1/-1;display:flex;gap:25px;justify-content:center;align-items:center}.preview-heading{display:none}.phone{width:275px;flex-shrink:0}.preview-column .footnote{max-width:180px}.sidebar{width:200px}.main-shell{margin-left:200px;width:calc(100% - 200px)}.content{padding:25px}.topbar{padding:0 25px}.page-heading .actions{flex-wrap:wrap;justify-content:flex-end}.login-story{padding:45px}.login-story h1{font-size:35px}}@media(max-width:850px){.sidebar{width:78px;padding:25px 10px}.sidebar .brand{padding:0;margin-bottom:40px;justify-content:center}.sidebar .brand>div,.workspace-label,.sidebar-note{display:none}.sidebar nav button{font-size:0;padding:15px;justify-content:center}.sidebar nav button svg:last-child{display:none}.logout{font-size:0;justify-content:center;margin-top:auto}.main-shell{margin-left:78px;width:calc(100% - 78px)}.menu-workspace{grid-template-columns:210px minmax(240px,1fr);gap:15px}.form-content{padding:18px}.content{padding:23px 18px}.topbar{padding:0 18px}.bot-identity{max-width:150px;font-size:10px}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading .actions{max-width:140px}.page-heading .actions button{font-size:11px}.login{grid-template-columns:1fr}.login-story{padding:25px 35px}.login-story>div:nth-child(2),.login-story>small{display:none}.login-main{padding:35px 20px}.login-box{width:340px}.login-story .brand{font-size:19px}}@media(max-width:650px){.sidebar{position:static;width:100%;height:auto;padding:14px 18px;flex-direction:row;align-items:center;gap:15px}.sidebar .brand{margin:0}.sidebar nav{display:flex;margin-left:auto;gap:4px}.sidebar nav button{padding:10px}.logout{padding:10px;margin:0}.app{flex-direction:column}.main-shell{width:100%;margin:0}.topbar{height:55px}.topbar>span{font-size:10px;gap:4px}.topbar>div{gap:6px}.bot-identity{display:none}.connection{font-size:10px}.content{padding:22px 14px 0}.page-heading{gap:12px;margin-bottom:20px}.page-heading p:not(.eyebrow){font-size:10px;line-height:1.9}.page-heading h1{font-size:24px}.eyebrow{font-size:8px}.info-strip{align-items:flex-start;padding:10px;font-size:10px;flex-wrap:wrap;margin-bottom:17px}.info-strip>svg{flex-shrink:0}.info-strip>span:not(.badge){flex:1}.info-strip>.badge{margin-left:25px}.menu-workspace{display:flex;flex-direction:column}.tree,.editor{width:100%}.tree-content{min-height:0;max-height:320px;overflow:auto}.tree .footnote{display:none}.preview-column{width:100%;flex-direction:column;gap:0}.preview-column .footnote{max-width:none}.section-title{padding:16px;min-height:56px}.panel-toolbar{padding:12px;flex-wrap:wrap}.scope-tabs button{padding:8px 10px;font-size:11px}.panel-toolbar>.actions{margin-left:auto}.modal-backdrop{padding:9px}.modal{max-height:96vh}.modal-header{padding:18px}.modal-header h2{font-size:18px}.modal-body{padding:18px}.modal-footer{padding:15px 18px}.two-fields{gap:10px}.panel-item-editor{padding:12px}.demo-banner{padding:10px 15px;font-size:10px}.page-heading>button{white-space:nowrap;font-size:11px;padding:9px}.page-heading .actions{max-width:120px}.panel-mini-preview>div{grid-template-columns:1fr 1fr}footer{font-size:8px;padding-top:28px}.login-main{padding:30px 20px}.login-box{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
