*{box-sizing:border-box}body{color:#172033;background:#f7f8fb;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-weight:700;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:#172033;background:#fff;border:1px solid #d8deea;border-radius:8px;outline:none;width:100%}input,select{height:42px;padding:0 12px}textarea{resize:vertical;min-height:96px;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:#3b73d9;box-shadow:0 0 0 3px #3b73d91f}code{color:#2f62aa;overflow-wrap:anywhere}.shell{width:min(1160px,100vw - 32px);margin:0 auto;padding:30px 0 44px}.topbar{justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:22px;display:flex}.topActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.eyebrow{color:#2f62aa;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}h1{margin:0;font-size:32px;line-height:1.2}.subhead{color:#607088;max-width:640px;margin:10px 0 0;line-height:1.7}.notice{color:#1d6b37;background:#f0fbf4;border:1px solid #c9ead6;border-radius:8px;margin-bottom:16px;padding:12px 14px}.loadingPage{color:#66758c;background:#fff;border:1px solid #dfe4ee;border-radius:8px;justify-content:center;align-items:center;min-height:180px;display:flex}.workspace{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:18px;display:grid}.stepRail{background:#fff;border:1px solid #dfe4ee;border-radius:8px;padding:10px;position:sticky;top:18px}.stepItem{color:#52627a;text-align:left;background:0 0;grid-template-columns:28px 34px 1fr;align-items:center;width:100%;min-height:62px;padding:8px;display:grid}.stepItem.active{color:#193b70;background:#edf4ff}.stepItem b,.stepItem small{display:block}.stepItem b{font-size:15px}.stepItem small{color:#728199;margin-top:4px;font-size:12px;font-weight:400}.stepNumber{color:#607088;background:#eef1f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.stepItem.active .stepNumber{color:#fff;background:#2f6fd0}.stepIcon{justify-content:center;align-items:center;display:flex}.stage{min-width:0}.panel{background:#fff;border:1px solid #dfe4ee;border-radius:8px;padding:24px}.panelHeader{border-bottom:1px solid #edf0f5;align-items:flex-start;gap:14px;margin-bottom:22px;padding-bottom:18px;display:flex}.panelIcon{color:#2f62aa;background:#edf4ff;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}h2{margin:0;font-size:22px;line-height:1.25}.panelHeader p{color:#66758c;margin:8px 0 0;line-height:1.7}.formGrid{gap:14px;margin-bottom:16px;display:grid}.formGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{gap:7px;display:grid}.field>span{color:#253247;font-size:14px;font-weight:800}.field small{color:#7a8799;line-height:1.5}.primaryButton{color:#fff;background:#236fd2}.wideButton{width:100%}.ghostButton{color:#24324a;background:#fff;border:1px solid #d8deea}.buttonRow{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.appEditorMeta{color:#52637a;border:1px solid #d8deea;border-radius:8px;margin-bottom:14px;padding:7px 10px;font-size:13px;font-weight:800;display:inline-flex}.filterBar{border:1px solid #edf0f5;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px;margin-top:16px;padding:12px;display:grid}.secretBox{background:#fff9e8;border:1px solid #f0db9b;border-radius:8px;gap:8px;margin-top:16px;padding:14px;display:grid}.secretBox b{color:#805b00}.infoBox{background:#f9fbff;border:1px solid #d8deea;border-radius:8px;gap:8px;margin-top:16px;padding:14px;display:grid}.infoBox b{color:#253247}.infoBox span{color:#66758c;line-height:1.6}.simpleList{gap:10px;margin-top:18px;display:grid}.simpleList h3{margin:0;font-size:16px}.simpleRow{border:1px solid #edf0f5;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.simpleRow.selected{background:#f7fbff;border-color:#8bb7ef}.simpleRow b,.simpleRow code{display:block}.simpleRow b{margin-bottom:4px}.simpleRow span{color:#4e5f78;white-space:nowrap;background:#eef3fa;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.appRowActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.emptyState{color:#68778f;border:1px dashed #cfd7e4;border-radius:8px;align-items:center;gap:10px;padding:14px;line-height:1.6;display:flex}.emptyState.compact{margin-bottom:14px}.accountPicker{border:1px solid #edf0f5;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:18px;padding:12px;display:grid}.accountPicker.compact{margin:0 0 16px}.accountPicker span{color:#253247;font-size:14px;font-weight:800}.accountCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.accountCard{border:1px solid #edf0f5;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.accountCard b,.accountCard code{display:block}.accountCard b{margin-bottom:4px}.accountCard span,.accountCard small{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.accountCard span{color:#2f62aa;background:#edf4ff}.accountCard small{color:#4e5f78;background:#eef3fa}.menuEditor{gap:12px;display:grid}.menuGroup{border:1px solid #edf0f5;border-radius:8px;gap:9px;padding:10px;display:grid}.menuLine,.subMenuLine{grid-template-columns:28px minmax(110px,.55fr) minmax(120px,.45fr) minmax(260px,1.7fr) 42px;align-items:start;gap:10px;display:grid}.menuLine>span,.subMenuLine>span{color:#607088;background:#eef1f6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:flex}.subMenuLine{padding-left:38px}.subMenuLine>span{border-radius:8px;width:38px;font-size:12px}.subMenuButton{color:#53637a;background:#fff;border:1px dashed #cfd7e4;width:fit-content;min-height:36px;margin-left:38px}.miniProgramFields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.menuReplyFields{border:1px solid #edf0f5;border-radius:8px;gap:10px;padding:10px;display:grid}.menuReplyTopline,.menuReplyGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.menuReplyFields textarea{min-height:84px}.menuLine input:disabled,.menuLine select:disabled{color:#8793a6;background:#f6f8fb}.iconButton{color:#53637a;background:#f3f5f8;min-height:42px;padding:0;font-size:22px}.splitLists{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ruleList{gap:12px;display:grid}.ruleCard{border:1px solid #edf0f5;border-radius:8px;gap:12px;padding:14px;display:grid}.ruleHeader{justify-content:space-between;align-items:center;display:flex}.manualReply{grid-template-columns:minmax(170px,.9fr) minmax(220px,1.4fr) auto;align-items:end;gap:12px;margin-bottom:14px;display:grid}.qrGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.qrCard{border:1px solid #edf0f5;border-radius:8px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.qrCard img,.qrPlaceholder{object-fit:contain;border:1px solid #edf0f5;border-radius:8px;width:86px;height:86px}.qrPlaceholder{color:#728199;background:#f6f8fb;justify-content:center;align-items:center;font-weight:800;display:flex}.qrCard b,.qrCard code,.qrCard p{display:block}.qrCard p{color:#66758c;margin:6px 0 0;line-height:1.5}.qrActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.qrActions>span{color:#4e5f78;background:#eef3fa;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.miniButton{color:#24324a;background:#fff;border:1px solid #d8deea;min-height:30px;padding:0 9px;font-size:12px}.dangerMiniButton{color:#a52d2d;border-color:#f0c6c6}.mediaIdField{grid-template-columns:minmax(0,1fr) minmax(150px,.45fr);gap:8px;display:grid}.visualMediaPicker{gap:12px;display:grid}.coverImagePicker{gap:10px;display:grid}.selectedMediaPreview{border:1px solid #d8deea;border-radius:8px;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.selectedMediaPreview b,.selectedMediaPreview code,.selectedMediaPreview span{display:block}.selectedMediaPreview span{color:#66758c;margin-top:4px;font-size:13px}.mediaPickerGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mediaPickerGrid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.mediaPickerCard{color:#253247;text-align:left;background:#fff;border:1px solid #edf0f5;border-radius:8px;justify-content:stretch;align-items:stretch;gap:8px;min-height:0;padding:8px;display:grid}.mediaPickerCard.selected{border-color:#236fd2;box-shadow:0 0 0 2px #dbeafe}.mediaPickerCard span,.mediaPickerCard b,.mediaPickerCard small{min-width:0;display:block}.mediaPickerCard b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mediaPickerCard small{color:#66758c;margin-top:3px;font-size:12px}.mediaThumb,.mediaThumbPlaceholder{object-fit:cover;border:1px solid #edf0f5;border-radius:8px;width:100%;height:72px}.mediaThumbPlaceholder{color:#728199;background:#f6f8fb;justify-content:center;align-items:center;display:flex}.mediaGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.syncBox{border:1px solid #edf0f5;border-radius:8px;gap:12px;margin-top:16px;padding:14px;display:grid}.mediaCard{border:1px solid #edf0f5;border-radius:8px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.mediaCard b,.mediaCard code,.mediaCard p{display:block}.mediaCard p{color:#66758c;margin:6px 0 0;line-height:1.5}.conversationLayout{border:1px solid #edf0f5;border-radius:8px;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);min-height:540px;margin-top:16px;display:grid;overflow:hidden}.conversationList{background:#f9fbff;border-right:1px solid #edf0f5;align-content:start;display:grid}.conversationItem{color:#172033;text-align:left;background:0 0;border-bottom:1px solid #edf0f5;border-radius:0;grid-template-columns:42px minmax(0,1fr) auto;justify-content:stretch;align-items:center;gap:10px;min-height:72px;padding:10px 12px;display:grid}.conversationItem.active{background:#edf4ff}.conversationItem span,.conversationItem b,.conversationItem small{min-width:0;display:block}.conversationItem b,.conversationItem small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversationItem small{color:#66758c;margin-top:4px;font-weight:400}.conversationItem em{color:#53637a;text-align:center;background:#fff;border-radius:999px;min-width:24px;padding:4px 7px;font-size:12px;font-style:normal;font-weight:800}.userAvatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.userAvatar.placeholder{color:#2456a6;background:#dbeafe;justify-content:center;align-items:center;font-weight:900;display:flex}.conversationPanel{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.conversationHeader{border-bottom:1px solid #edf0f5;align-items:center;gap:10px;padding:12px 14px;display:flex}.conversationHeader b,.conversationHeader span{display:block}.conversationHeader span{color:#66758c;margin-top:2px;font-size:13px}.chatThread{background:#f7f8fb;align-content:start;gap:10px;padding:14px;display:grid;overflow-y:auto}.chatBubbleRow{display:flex}.chatBubbleRow.outbound{justify-content:flex-end}.chatBubble{background:#fff;border:1px solid #edf0f5;border-radius:8px;max-width:min(620px,78%);padding:10px 12px}.chatBubbleRow.outbound .chatBubble{background:#e9f8ef;border-color:#c8efd7}.chatBubble p{margin:0;line-height:1.55}.chatBubble code,.chatBubble small{margin-top:6px;display:block}.chatBubble small{color:#8793a6;font-size:12px}.conversationReply{border-top:1px solid #edf0f5;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;display:grid}.conversationReply textarea{min-height:72px}.listEmpty{margin-top:16px}.loginPage{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.loginCard{background:#fff;border:1px solid #dfe4ee;border-radius:8px;width:min(430px,100%);padding:28px}.loginMark{color:#2f62aa;background:#edf4ff;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;display:flex}.loginCard h1{font-size:28px}.loginIntro{color:#66758c;margin:10px 0 22px;line-height:1.7}.loginError{color:#a52d2d;background:#fff4f4;border:1px solid #f0c6c6;border-radius:8px;margin-top:14px;padding:11px 12px}@media (max-width:860px){.workspace,.formGrid.two,.formGrid.three,.accountCards,.filterBar,.mediaGrid,.mediaPickerGrid,.conversationLayout,.qrGrid,.splitLists{grid-template-columns:1fr}.conversationList{border-bottom:1px solid #edf0f5;border-right:0}.stepRail{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.topbar{flex-direction:column;align-items:flex-start}.topActions{justify-content:flex-start}}@media (max-width:560px){.shell{width:min(100% - 20px,1160px);padding-top:18px}h1{font-size:26px}.panel{padding:18px}.stepRail{grid-template-columns:1fr}.menuLine{grid-template-columns:28px 1fr 42px}.subMenuLine{grid-template-columns:38px 1fr 42px;padding-left:0}.menuLine select,.subMenuLine select,.menuLine input:nth-of-type(2),.subMenuLine input:nth-of-type(2),.miniProgramFields,.menuReplyFields{grid-column:2/4}.miniProgramFields,.menuReplyTopline,.menuReplyGrid,.mediaIdField,.mediaCard{grid-template-columns:1fr}.subMenuButton{width:100%;margin-left:0}.qrCard,.conversationReply{grid-template-columns:1fr}.conversationLayout{min-height:0}.chatBubble{max-width:92%}}