:root{--navy:#152238;--navy-2:#21334f;--blue:#286bf4;--blue-soft:#edf4ff;--ink:#172238;--muted:#708097;--line:#e2e8f0;--bg:#f4f6f9;--green:#159a68;--red:#d74444;--amber:#d58716;--shadow:0 14px 34px rgba(22,42,76,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:28px 16px 20px;background:linear-gradient(180deg,#17253b,#101a2b);color:#ccd6e6}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 27px}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,#407df8,#7ba6ff);font-size:20px}.brand b,.brand small{display:block}.brand b{color:#fff;font-size:15px}.brand small{margin-top:1px;color:#7386a4;font-size:9px;letter-spacing:.13em}.sidebar nav{display:grid;gap:5px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:#aebbd0;text-align:left;cursor:pointer}.nav i{width:20px;color:#7f91ad;font-style:normal}.nav:hover,.nav.active{background:#263b5a;color:#fff}.nav.active{box-shadow:inset 3px 0 #5c8fff}.scope{margin-top:28px;padding:14px;border:1px solid #2b3e5b;border-radius:11px;background:#192a42}.scope b{font-size:12px;color:#fff}.scope p{margin:6px 0 0;color:#8395b0;font-size:11px}.operator{position:absolute;left:16px;right:16px;bottom:20px;display:flex;align-items:center;gap:10px;padding:11px;border-top:1px solid #2b3c55}.operator>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8edf6;color:#263955;font-weight:800}.operator b,.operator small{display:block}.operator b{color:#fff;font-size:12px}.operator small{color:#778ba9;font-size:10px}
main{min-width:0;padding:26px 30px 40px}.topbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.topbar p{margin:0 0 3px;color:#8291a6;font-size:10px;letter-spacing:.14em}.topbar h1{margin:0;font-size:26px;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:9px}.status{margin-right:8px;color:var(--green);font-size:12px}.button{height:38px;padding:0 15px;border:1px solid #d7dfeb;border-radius:8px;background:#fff;color:#485a72;font-weight:700;cursor:pointer}.button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(35,67,113,.1)}.button.primary{border-color:var(--blue);background:var(--blue);color:#fff}.button.ghost{background:transparent}.panel{display:none}.panel.active{display:block}.editor-grid{display:grid;grid-template-columns:minmax(560px,1.25fr) minmax(380px,.75fr);gap:20px;align-items:start}.surface{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.surface-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e9edf3}.surface-head h2,.setting-card h2,.checklist h2{margin:2px 0 2px;font-size:18px}.surface-head p,.setting-card>p{margin:0;color:var(--muted);font-size:12px}.eyebrow{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.16em}.count{padding:5px 9px;border-radius:14px;background:#edf4ff;color:#2866d9;font-size:11px;font-weight:800}.alert{display:flex;gap:11px;margin:15px 20px;padding:10px 12px;border:1px solid #f6d6d6;border-radius:9px;background:#fff6f6;color:#ad3939;font-size:11px}.alert span{color:#8c5c5c}.brief-list{display:grid;gap:10px;padding:0 20px 18px}.brief-item{display:grid;grid-template-columns:42px minmax(0,1fr) 54px;gap:10px;padding:13px;border:1px solid #e3e8ef;border-radius:10px;transition:.18s}.brief-item:focus-within{border-color:#9bbaff;box-shadow:0 0 0 3px #edf3ff}.brief-no{display:grid;place-items:center;align-self:start;width:34px;height:34px;border-radius:9px;background:#edf3ff;color:#2968dc;font-weight:900}.brief-fields{display:grid;grid-template-columns:140px 1fr;gap:8px}.brief-fields .full{grid-column:1/-1}.brief-fields input,.brief-fields select,.brief-fields textarea,.source-form input,.source-form select,.setting-card input,.editor-footer input,.editor-footer select{width:100%;border:1px solid #dce3ec;border-radius:7px;background:#fbfcfe;color:#233149;font:inherit;outline:none}.brief-fields input,.brief-fields select,.source-form input,.source-form select,.setting-card input,.editor-footer input,.editor-footer select{height:34px;padding:0 9px}.brief-fields textarea{min-height:51px;padding:8px 9px;resize:vertical}.brief-fields input:focus,.brief-fields textarea:focus,.brief-fields select:focus,.source-form input:focus,.setting-card input:focus{border-color:#78a0f8;background:#fff}.brief-score{align-self:start;padding:5px 6px;border-radius:6px;background:#eaf7f1;color:#15815b;text-align:center;font-size:11px;font-weight:900}.editor-footer{display:flex;align-items:end;gap:9px;padding:15px 20px;border-top:1px solid #e8edf3;background:#fafbfd;border-radius:0 0 14px 14px}.editor-footer label{color:#718096;font-size:10px;font-weight:700}.editor-footer select,.editor-footer input{display:block;margin-top:4px}.spacer{flex:1}.hidden{display:none!important}
.preview-column{position:sticky;top:20px}.preview-label{display:flex;justify-content:space-between;margin:0 2px 9px;color:#7a8798;font-size:11px}.preview-label span{color:#3b4d65;font-weight:800}.preview-label i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#1eb47a;box-shadow:0 0 0 4px #dcf5ea}.chat-stage{display:flex;gap:9px;padding:24px 20px 28px;border:1px solid #e1e6ee;border-radius:14px;background:linear-gradient(150deg,#e9edf4,#f7f8fb)}.avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #8390a229}.feishu-card{min-width:0;flex:1;overflow:hidden;border-radius:11px;background:#fff;box-shadow:0 6px 20px rgba(27,45,73,.12)}.feishu-card>header{padding:17px 18px;background:linear-gradient(115deg,#eaf2ff,#dceaff)}.feishu-card h2{margin:0;color:#2264d6;font-size:17px}.feishu-card header p{margin:3px 0 0;color:#6485bd;font-size:10px}.card-body{padding:3px 16px}.preview-item{padding:11px 0;border-bottom:1px solid #edf0f4}.preview-item h3{margin:0;font-size:12px}.preview-item h3 span{display:inline-block;margin-right:5px;padding:1px 5px;border-radius:4px;background:#eef3ff;color:#336bd1;font-size:9px}.preview-item p{margin:5px 0;color:#68788c;font-size:10px}.preview-item small{color:#8190a3;font-size:9px}.feishu-card footer{display:flex;border-top:1px solid #e9edf2}.feishu-card footer button{flex:1;padding:10px 2px;border:0;border-right:1px solid #e9edf2;background:#fff;color:#64738a;font-size:10px;cursor:pointer}.feedback-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.feedback-mini div{padding:10px 12px;border:1px solid #e2e7ee;border-radius:9px;background:#fff}.feedback-mini span,.feedback-mini b{display:block}.feedback-mini span{color:#8290a2;font-size:9px}.feedback-mini b{margin-top:2px;font-size:17px}
.page-card{overflow:hidden}.source-form{display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr auto;gap:10px;padding:18px 22px;background:#fafbfd}.source-form label,.setting-card label{color:#6d7a8e;font-size:10px;font-weight:700}.source-form input,.source-form select{display:block;margin-top:5px}.source-form .button{align-self:end}.source-table{padding:0 22px 22px}.table-head,.source-row{display:grid;grid-template-columns:2fr 1fr 1fr 90px;gap:12px;align-items:center}.table-head{padding:13px 8px 9px;color:#8b97a8;font-size:10px;font-weight:800}.source-row{padding:12px 8px;border-top:1px solid #edf0f4}.source-row b,.source-row small{display:block}.source-row b{font-size:12px}.source-row a{color:#7f8da2;text-decoration:none;font-size:10px}.pill{display:inline-block;padding:3px 7px;border-radius:12px;background:#f0f3f7;color:#617188;font-size:10px}.switch{position:relative;width:38px;height:21px;border:0;border-radius:12px;background:#cdd5e0;cursor:pointer}.switch:after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#3c7af2}.switch.on:after{left:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-grid article{padding:17px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.metric-grid span,.metric-grid b,.metric-grid small{display:block}.metric-grid span{color:#738196;font-size:10px}.metric-grid b{margin:4px 0;font-size:25px}.metric-grid small{color:#98a3b1;font-size:9px}.records{padding:0 22px 22px}.record{display:grid;grid-template-columns:90px 160px 1fr 170px;gap:12px;align-items:center;padding:13px 7px;border-bottom:1px solid #edf0f4}.record .state{width:max-content;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:800}.state.sent{background:#eaf7f1;color:#147b58}.state.scheduled{background:#fff5df;color:#a96a0d}.state.blocked{background:#fff0f0;color:#c54747}.record span,.record time{color:#758397;font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting-card,.checklist{padding:24px}.setting-card label{display:block;margin:18px 0}.setting-card input{display:block;margin-top:6px}.setting-card small{display:block;margin-top:5px;color:#8b98aa;font-weight:400}.checklist>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f4}.checklist i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf1f6;color:#60728b;font-style:normal;font-weight:800}.checklist i.done{background:#e5f7ef;color:#13805a}.checklist b,.checklist small{display:block}.checklist b{font-size:12px}.checklist small{color:#8390a2;font-size:10px}
dialog{width:min(780px,88vw);max-height:80vh;padding:0;border:0;border-radius:13px;box-shadow:0 24px 70px #13213b42}dialog::backdrop{background:#14213c70}.dialog-head{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e4e9ef}.dialog-head button{border:0;background:none;font-size:22px;cursor:pointer}pre{max-height:62vh;margin:0;padding:18px;overflow:auto;background:#111b2d;color:#cfe0ff;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.toast{position:fixed;right:25px;bottom:25px;z-index:20;max-width:360px;padding:11px 15px;border-radius:9px;background:#152238;color:#fff;box-shadow:0 10px 30px #0c182d40;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
@media(max-width:1100px){.editor-grid{grid-template-columns:1fr}.preview-column{position:static}.source-form{grid-template-columns:1fr 1fr}.source-form .button{grid-column:1/-1}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.nav{justify-content:center;font-size:0}.nav i{font-size:17px}.scope,.operator{display:none}main{padding:18px 12px}.topbar{align-items:start}.top-actions .ghost,.top-actions .status{display:none}.editor-grid,.settings-grid{grid-template-columns:1fr}.brief-fields{grid-template-columns:1fr}.brief-fields .full{grid-column:auto}.editor-footer{flex-wrap:wrap}.spacer{display:none}.source-form{grid-template-columns:1fr}.table-head{display:none}.source-row{grid-template-columns:1fr auto}.source-row>:nth-child(2),.source-row>:nth-child(3){display:none}.metric-grid{grid-template-columns:1fr 1fr}.record{grid-template-columns:80px 1fr}.record>:nth-child(3),.record>:nth-child(4){grid-column:2}.topbar h1{font-size:22px}}