.mx-layout{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}
.mx-main,.mx-side{display:grid;gap:15px;min-width:0}
.mx-side{position:sticky;top:92px}
.mx-card{border:1px solid rgba(72,93,138,.42);border-radius:12px;background:linear-gradient(145deg,rgba(13,22,40,.97),rgba(8,14,27,.98));box-shadow:0 18px 55px rgba(0,0,0,.18);padding:20px}
.mx-card-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}
.mx-card-head>div{flex:1;min-width:0}
.mx-card-head h3{margin:0;font-size:16px}
.mx-card-head p{margin:5px 0 0;font-size:10px;color:#718098;line-height:1.6}
.mx-step{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#113c59,#2a2360);color:#25c9ef;font-size:11px;font-weight:800;flex:none}
.mx-ghost-btn{border:1px solid #2b3c5c;background:#0f1b31;color:#a9c1e8;border-radius:8px;padding:7px 10px;font-size:10px;cursor:pointer;white-space:nowrap}
.mx-ghost-btn:hover{border-color:#27caef;color:#27caef}
.mx-platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.mx-platform-card{border:1px solid #263650;border-radius:12px;background:linear-gradient(160deg,#0c182c,#0a1222);padding:16px 15px 13px;display:flex;flex-direction:column;gap:11px;transition:.2s;position:relative;overflow:hidden}
.mx-platform-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--brand,#25c9ef),transparent);opacity:.45}
.mx-platform-card.mx-authorized{border-color:#205f51}
.mx-platform-card.mx-authorized::before{background:linear-gradient(90deg,transparent,#46e7a5,transparent);opacity:.8}
.mx-platform-card.mx-selected{border-color:#25c9ef;box-shadow:0 0 18px rgba(37,201,239,.12)}
.mx-platform-card.mx-not-configured{border-style:dashed;opacity:.9}
.mx-platform-card.mx-not-configured::before{display:none}
.mx-platform-top{display:flex;align-items:center;gap:9px;min-width:0}
.mx-platform-logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand)44,var(--brand)22);color:var(--brand);font-weight:900;font-size:15px;flex:none}
.mx-platform-name{flex:1;min-width:0}
.mx-platform-name b,.mx-platform-name small{display:block}
.mx-platform-name b{font-size:12px}
.mx-platform-name small{font-size:9px;color:#718098;margin-top:3px}
.mx-badge-ok,.mx-badge-off,.mx-badge-setup{font-style:normal;font-size:9px;padding:4px 9px;border-radius:12px;flex:none}
.mx-badge-ok{color:#46e7a5;background:#0d2f24}
.mx-badge-off{color:#76859d;background:#172139}
.mx-badge-setup{color:#8fa6c8;background:#1a2440;border:1px dashed #3a4c70}
.mx-account-line{margin:0;font-size:9px;color:#7487a1;line-height:1.5}
.mx-platform-actions{display:flex;align-items:center;gap:8px;margin-top:auto}
.mx-connect-btn{flex:1;border:0;border-radius:8px;padding:9px;font-size:11px;font-weight:700;color:#08121f;background:linear-gradient(135deg,#22cbf1,#7c5cff);cursor:pointer}
.mx-connect-btn:hover{filter:brightness(1.12)}
.mx-connect-btn.mx-connect-wait{background:linear-gradient(135deg,#24344f,#1b2944);color:#b9c8de;border:1px solid #33466a;font-weight:600}
.mx-connect-btn.mx-connect-wait:hover{border-color:#22cbf1;color:#8fe6ff}
.mx-developer-link{display:inline-block;margin:14px 0 4px;color:#4dd6f5;font-size:11px;text-decoration:none;border:1px solid #23536d;background:#0b1d2e;padding:8px 12px;border-radius:8px}
.mx-developer-link:hover{border-color:#4dd6f5;background:#0d2538}
.mx-pick{flex:1;margin:0;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #2a3b58;border-radius:8px;padding:8px;font-size:10px;color:#c7d3e5;cursor:pointer;user-select:none}
.mx-pick input{display:none}
.mx-pick span{position:relative;padding-left:16px}
.mx-pick span:before{content:"";position:absolute;left:0;top:1px;width:11px;height:11px;border:1px solid #4a5c78;border-radius:3px;background:#0c1526}
.mx-pick.checked{border-color:#27caef;color:#2ad3f6}
.mx-pick.checked span:before{background:#25c9ef;border-color:#25c9ef;box-shadow:inset 0 0 0 2px #0a1424}
.mx-link-btn{border:0;background:transparent;font-size:10px;cursor:pointer;color:#35c9ef;padding:7px 4px}
.mx-link-btn.mx-danger{color:#ff7185}
.mx-tabs{display:flex;gap:8px;margin-bottom:13px}
.mx-tab{border:1px solid #2a3b58;background:#0c1628;color:#aab7cc;border-radius:8px;padding:9px 14px;font-size:11px;cursor:pointer}
.mx-tab.active{border-color:#27caef;color:#08121f;background:linear-gradient(135deg,#22cbf1,#7c5cff);font-weight:700}
.mx-cloud-pane,.mx-local-pane{display:block}
.mx-cloud-pane[hidden],.mx-local-pane[hidden]{display:none}
.mx-selected-asset-wrap{margin-bottom:12px}
.mx-selected-asset{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;border:1px solid #235c72;background:#0a1a28;border-radius:10px;padding:10px}
.mx-selected-media video,.mx-selected-media img{width:100%;max-height:130px;object-fit:contain;border-radius:7px;background:#050914}
.mx-selected-info b,.mx-selected-info small{display:block}
.mx-selected-info b{font-size:11px;color:#e5ecf7}
.mx-selected-info small{font-size:9px;color:#7287a2;margin-top:6px}
.mx-filter-row{display:flex;gap:7px;margin-bottom:10px}
.mx-filter{border:1px solid #25344e;background:#0a1221;color:#7d8ba1;border-radius:20px;padding:5px 11px;font-size:9px;cursor:pointer}
.mx-filter.active{color:#22d4f3;border-color:#2ba6c4}
.mx-asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:430px;overflow:auto;padding-right:2px}
.mx-asset{border:1px solid #263650;border-radius:10px;background:#0a1424;cursor:pointer;overflow:hidden;transition:.2s}
.mx-asset:hover{border-color:#3a6389}
.mx-asset.selected{border-color:#25c9ef;box-shadow:0 0 18px rgba(37,201,239,.15)}
.mx-asset-media{position:relative;aspect-ratio:16/9;background:#050914;display:grid;place-items:center}
.mx-asset-media img,.mx-asset-media video{width:100%;height:100%;object-fit:cover}
.mx-asset-media em{position:absolute;left:6px;top:6px;font-style:normal;font-size:8px;color:#d9ecff;background:#071321d9;padding:3px 6px;border-radius:8px}
.mx-asset-meta{padding:8px}
.mx-asset-meta b,.mx-asset-meta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-asset-meta b{font-size:10px;color:#d4dce9}
.mx-asset-meta small{font-size:8px;color:#6d7d96;margin-top:4px}
.mx-dropzone{border:1px dashed #2d4365;border-radius:12px;background:#0a1323;padding:32px 18px;text-align:center;cursor:pointer;transition:.2s}
.mx-dropzone.mx-drag,.mx-dropzone:hover{border-color:#25c9ef;background:#0d1d31}
.mx-drop-icon{display:block;font-size:22px;color:#25c9ef}
.mx-dropzone b,.mx-dropzone small{display:block}
.mx-dropzone b{color:#c4d1e4;margin:10px 0 6px;font-size:12px}
.mx-dropzone small{color:#677c9a;font-size:9px}
.mx-local-preview{margin-top:12px}
.mx-local-card{display:grid;grid-template-columns:230px 1fr;gap:14px;align-items:center;border:1px solid #265c6e;border-radius:10px;background:#0a1a27;padding:10px}
.mx-local-card video{width:100%;border-radius:8px;background:#050914;max-height:170px}
.mx-local-info b,.mx-local-info small{display:block}
.mx-local-info b{font-size:12px;color:#e6edf6}
.mx-local-info small{font-size:9px;color:#7287a2;margin:7px 0 5px}
.mx-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mx-field{position:relative}
.mx-field-full{grid-column:1/-1}
.mx-field label{margin-top:4px}
.mx-field textarea{height:110px}
.mx-field>small{position:absolute;right:9px;bottom:8px;color:#62718a;font-size:9px}
.mx-field>small i{font-style:normal}
.mx-hint{font-size:9px;color:#687b97;margin:6px 0 0}
.mx-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mx-mode{display:flex;align-items:center;gap:9px;margin:0;padding:12px;border:1px solid #283852;border-radius:9px;background:#0a1424;cursor:pointer}
.mx-mode input{display:none}
.mx-mode>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#13233d;color:#25c9ef}
.mx-mode b,.mx-mode small{display:block}
.mx-mode small{font-size:9px;color:#718098;margin-top:3px}
.mx-mode.active{border-color:#27caef;background:linear-gradient(135deg,#10283c,#211d49)}
.mx-schedule{display:none;margin-top:11px}
.mx-schedule:not([hidden]){display:block}
.mx-submit-btn{min-width:190px;margin-top:16px;font-weight:700;cursor:pointer;border:0;border-radius:10px;padding:12px 20px;color:#fff}
.mx-summary-card>h3,.mx-task-head h3{margin:0 0 13px;font-size:15px}
.mx-summary-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #1e2c43}
.mx-summary-row span{color:#74849b;font-size:11px}
.mx-summary-row b{text-align:right;font-size:11px;color:#c7d5ea;word-break:break-all}
.mx-summary-tip{font-size:9px;color:#6f8098;margin:13px 0 0;line-height:1.6}
.mx-empty{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#718098;font-size:11px;line-height:1.7;padding:18px}
.mx-empty.mx-error{color:#ff8296;border:1px dashed #5b2c3c;border-radius:9px}
.mx-empty-icon{font-size:22px;color:#2bc7ee;margin-bottom:6px}
.mx-empty b{color:#b9c5d8;margin:4px 0}
.mx-empty small{font-size:9px;color:#6b7c96;max-width:420px}
.mx-modal-mask{position:fixed;inset:0;background:#04070fc9;backdrop-filter:blur(4px);z-index:90;display:grid;place-items:center;padding:20px}
.mx-modal{width:min(430px,94vw);border:1px solid #2b3e61;background:linear-gradient(145deg,#0e1830,#0a1222);border-radius:16px;padding:26px;position:relative;box-shadow:0 22px 70px #0009}
.mx-modal-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#7e8ea8;font-size:22px;cursor:pointer}
.mx-modal-logo{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand)55,var(--brand)26);color:var(--brand);font-weight:900;font-size:22px}
.mx-modal h3{margin:15px 0 8px}
.mx-modal-tip{color:#71849f;font-size:10px;line-height:1.7;margin:0 0 8px}
.mx-modal label{color:#a8b4c8}
.mx-modal input{background:#08101f}
.mx-auth-confirm{width:100%;margin-top:14px;border:0;border-radius:10px;padding:12px;font-weight:700;color:#07111d;background:linear-gradient(135deg,#22cbf1,#7c5cff);cursor:pointer}
.mx-result-card{display:grid;gap:12px}
.mx-result-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mx-result-head>div{display:flex;align-items:center;gap:8px}
.mx-result-head h3{margin:0;font-size:14px}
.mx-result-dot{width:8px;height:8px;border-radius:50%;background:#43e49c;box-shadow:0 0 10px #43e49c}
.mx-result-mode{font-size:9px;color:#9ee9c4;background:#0e2c21;padding:4px 8px;border-radius:11px}
.mx-result-title{font-size:12px;color:#e7eef9;font-weight:700}
.mx-result-media video,.mx-result-media img{width:100%;max-height:240px;object-fit:contain;border:1px solid #263750;border-radius:9px;background:#050914}
.mx-result-file{font-size:10px;color:#9fc7de;background:#0b2030;border:1px dashed #24526b;padding:9px 11px;border-radius:8px}
.mx-result-note{font-size:9px;color:#6f829e;line-height:1.7;border-left:2px solid #275a79;padding-left:8px;margin:0}
.mx-result-platforms{display:grid;gap:7px}
.mx-result-platform{border:1px solid #263750;background:#0a1424;border-radius:9px;padding:9px 11px;display:grid;grid-template-columns:1fr auto;gap:4px}
.mx-result-platform b{font-size:11px}
.mx-result-platform small{grid-column:1/-1;font-size:9px;color:#70829d;line-height:1.6}
.mx-result-status{font-style:normal;font-size:9px;padding:3px 8px;border-radius:11px}
.mx-result-status.accepted,.mx-result-status.queued{color:#ffd166;background:#332a18}
.mx-result-status.success{color:#43e49c;background:#0e2f22}
.mx-result-status.failed{color:#ff7185;background:#3c1a26}
@media(max-width:1180px){.mx-layout{grid-template-columns:1fr}.mx-side{position:static}.mx-platform-grid,.mx-asset-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.mx-platform-grid,.mx-asset-grid,.mx-copy-grid,.mx-mode-row{grid-template-columns:1fr}.mx-copy-grid .mx-field-full{grid-column:auto}.mx-selected-asset,.mx-local-card{grid-template-columns:1fr}}

/* ===== CutVideo 发布账号管理 + 发布任务调度 复刻 ===== */
.mx-card-head{gap:12px;flex-wrap:wrap}
.mx-acc-strip{display:flex;gap:8px;flex:none;margin-left:auto}
.mx-acc-chip{display:flex;align-items:baseline;gap:6px;border:1px solid #2b3c5c;border-radius:10px;background:#0b1629;padding:6px 11px;white-space:nowrap}
.mx-acc-chip strong{font-size:16px;color:#46e7a5;line-height:1}
.mx-acc-chip span{font-size:9px;color:#8297b5}
.mx-acc-chip.available{background:#0b1a2b;border-color:#1d4b62}
.mx-acc-chip.available strong{color:#25c9ef}
.mx-platform-grid{margin-top:2px}
.mx-platform-card{padding:15px 15px 13px;min-height:200px}
.mx-platform-head{display:flex;align-items:center;gap:10px;min-width:0}
.mx-brand-badge{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#eaf6ff;font-weight:800;font-size:14px;flex:none;border:1px solid rgba(96,174,235,.26);box-shadow:0 4px 16px rgba(0,0,0,.3)}
.mx-ratio{flex:none;font-size:10px;color:#aabfdd;border:1px solid #2b3c58;border-radius:12px;padding:3px 9px;background:#0b1629;margin-left:auto}
.mx-ratio i{font-style:normal;color:#5d718f;padding:0 1px}
.mx-platform-card.mx-authorized .mx-ratio{color:#46e7a5;border-color:#1f4f43}
.mx-platform-note{margin:2px 0 0;font-size:9px;line-height:1.7;color:#7f93b0;word-break:break-all}
.mx-account-list{margin:2px 0 0;display:grid;gap:6px}
.mx-account-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #1e3b52;background:rgba(5,12,25,.62);border-radius:9px;padding:8px 9px}
.mx-status-dot{width:8px;height:8px;border-radius:50%;background:#46e7a5;box-shadow:0 0 8px rgba(70,231,165,.55);flex:none}
.mx-account-main{min-width:0}
.mx-account-main b{display:block;font-size:10px;color:#dfe8f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mx-account-main small{display:block;font-size:8px;color:#7c91ad;margin-top:2px;line-height:1.5}
.mx-account-main small em{font-style:normal;color:#46e7a5}
.mx-account-actions{display:flex;gap:4px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.mx-mini{border:1px solid #2a3d5c;background:#101d33;color:#bcd3f0;border-radius:6px;font-size:8px;padding:4px 7px;cursor:pointer;white-space:nowrap;line-height:1}
.mx-mini:hover{border-color:#3fb6dd;color:#8fe6ff}
.mx-mini:disabled{opacity:.5;cursor:default}
.mx-mini.mx-mini-danger{color:#ff8296;border-color:#5b2c3c;background:#1d0d15}
.mx-mini.mx-mini-danger:hover{color:#ffb1bf;border-color:#a34c62}
.mx-platform-foot{display:flex;margin-top:auto}
.mx-platform-actions{display:flex;align-items:center;gap:8px;margin-top:auto}
.mx-task-head{display:flex;align-items:center;gap:8px;margin:0 0 11px}
.mx-task-head h3{margin:0;font-size:14px}
.mx-task-head>span{font-size:8px;color:#6d7f9b;flex:1;line-height:1.4}
.mx-task-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 9px}
.mx-task-stat{text-align:center;border:1px solid #263a58;border-radius:9px;background:#0a1526;padding:7px 2px;min-width:0}
.mx-task-stat strong{display:block;font-size:14px;color:#d8e6f7;line-height:1}
.mx-task-stat span{display:block;font-size:8px;color:#7488a5;margin-top:4px;line-height:1}
.mx-task-stat:nth-child(1) strong{color:#8fd6ff}
.mx-task-stat:nth-child(2) strong{color:#46e7a5}
.mx-task-stat:nth-child(3) strong{color:#ff8296}
.mx-task-stat:nth-child(4) strong{color:#ffd166}
.mx-task-filters{display:flex;gap:6px;margin:0 0 9px;flex-wrap:wrap}
.mx-task-filter{border:1px solid #263a58;background:#0b1628;color:#a9b9cf;border-radius:12px;font-size:9px;padding:4px 10px;cursor:pointer}
.mx-task-filter:hover{color:#8fe6ff;border-color:#2b6f8d}
.mx-task-filter.active{color:#08121f;background:linear-gradient(135deg,#22cbf1,#7c5cff);border-color:transparent;font-weight:700}
.mx-task-history-title{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:14px 0 6px}
.mx-task-history-title b{font-size:11px;color:#c3d2e6}
.mx-task-history-title small{font-size:8px;color:#64768f}
.mx-task-card #matrixTaskPanel{margin-bottom:2px}
#mxTaskHistory{display:grid;gap:8px}
.mx-task-item{border:1px solid #243852;border-radius:10px;background:linear-gradient(160deg,rgba(12,24,44,.9),rgba(9,16,30,.96));padding:10px 11px;display:grid;gap:7px;min-width:0}
.mx-task-item.fail{border-color:#5a2c3e}
.mx-task-item.ok{border-color:#1f4f43}
.mx-task-item.run,.mx-task-item.wait{border-color:#2a3f60}
.mx-task-item-head{display:flex;align-items:flex-start;gap:8px;justify-content:space-between;min-width:0}
.mx-task-titles{min-width:0;flex:1}
.mx-task-titles b{display:block;font-size:10px;color:#dfe9f6;word-break:break-all;line-height:1.5}
.mx-task-titles small{display:block;font-size:8px;color:#6f829f;margin-top:3px;line-height:1.4;word-break:break-all}
.mx-task-tag{flex:none;font-size:8px;padding:3px 8px;border-radius:10px;white-space:nowrap;line-height:1}
.mx-task-tag.ok{color:#46e7a5;background:#0e3325}
.mx-task-tag.fail{color:#ff8296;background:#3a1722}
.mx-task-tag.run{color:#ffd166;background:#362d18}
.mx-task-tag.wait{color:#a9b9cf;background:#1a2440}
.mx-task-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:8px;color:#71849f;line-height:1.4}
.mx-task-plats{display:flex;flex-wrap:wrap;gap:5px}
.mx-task-plat{display:inline-flex;align-items:center;gap:5px;border:1px solid #263a58;background:#0b1526;border-radius:14px;padding:3px 8px 3px 4px;font-size:8px;color:#aebdd2;line-height:1.4}
.mx-task-plat i{width:10px;height:10px;border-radius:50%;flex:none}
.mx-task-plat em{font-style:normal;color:#9fe8c6;margin-left:2px}
.mx-task-plat.fail em{color:#ff8296}
.mx-task-error{margin:0;font-size:8px;color:#ff8296;line-height:1.6;word-break:break-all}
.mx-task-msg{margin:0;font-size:8px;color:#8fb4d8;line-height:1.6;word-break:break-all}
.mx-task-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #1c2a40;padding-top:7px}
.mx-task-id{font-size:7px;color:#51657f;font-family:ui-monospace,Consolas,monospace}
.mx-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mx-card-head>div.mx-acc-strip{flex:none;margin-left:auto}
@media(min-width:1181px) and (max-width:1500px){.mx-platform-grid{grid-template-columns:1fr}}
@media(max-width:1180px){.mx-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-card-head>div.mx-acc-strip{width:100%;justify-content:flex-end;margin-left:0}}
@media(max-width:760px){.mx-platform-grid{grid-template-columns:1fr}}

/* ===== 矩阵分发独立工作台登录条 ===== */
.mx-login-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 18px;padding:13px 16px;border:1px solid #2b4a70;border-radius:12px;background:linear-gradient(145deg,#0d1b30,#0a1425)}
.mx-login-copy{min-width:0}
.mx-login-copy b,.mx-login-copy small{display:block}
.mx-login-copy b{font-size:12px;color:#dce8f6}
.mx-login-copy small{font-size:9px;color:#7d92b1;margin-top:4px;line-height:1.6}
.mx-login-actions{flex:none}
.mx-login-action-btn{border:0;border-radius:9px;padding:9px 16px;font-size:11px;font-weight:700;color:#07121f;background:linear-gradient(135deg,#22cbf1,#7c5cff);cursor:pointer;white-space:nowrap}
.mx-login-action-btn:hover{filter:brightness(1.12)}
.mx-login-action-btn:disabled{opacity:.6;cursor:not-allowed}
.mx-ghost-btn.mx-own-cancel{background:transparent}
.mx-own-login{margin:-6px 0 18px;padding:14px 16px;border:1px solid #2b4a70;border-radius:12px;background:#0b1728}
.mx-own-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mx-own-login input{width:100%;box-sizing:border-box;border:1px solid #2b3c5c;background:#0e1a2e;color:#dfe7f2;border-radius:9px;padding:11px 12px;outline:none;font-size:12px}
.mx-own-login input:focus{border-color:#27caef}
.mx-own-login-actions{display:flex;gap:10px;margin-top:12px}
.mx-own-login-note{color:#70829d;font-size:10px;line-height:1.7;margin:12px 0 0}
@media(max-width:760px){.mx-login-strip{flex-direction:column;align-items:flex-start}.mx-login-actions{width:100%}.mx-login-action-btn{width:100%}.mx-own-login-grid{grid-template-columns:1fr}}