/* Three-platform operations workspace. Brand orange, clear neutral surfaces. */
#reply-form[hidden]{display:none!important}
@media(max-width:420px){.topbar #global-create{display:inline-flex!important;padding:6px 8px!important;font-size:9px!important}.topbar #account-scope{width:120px!important}.topbar-right{gap:4px!important}}
.publishing-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.publishing-stage{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid #e2e7ee;border-radius:10px;text-align:left}.publishing-stage span{font-size:11px;color:#8591a1}.publishing-stage strong{font-size:25px;font-weight:600;color:#4b586a}.publishing-stage small{margin-left:auto;font-size:9px;color:#c08356}@media(max-width:1100px){.publishing-stage{padding:13px;gap:9px}.publishing-stage small{display:none}}@media(max-width:760px){.publishing-stages{gap:8px}.publishing-stage{flex-direction:column;gap:3px;align-items:flex-start;padding:12px}.publishing-stage strong{font-size:22px}}
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar-note{display:none!important}
:root{--ink:#22252b;--muted:#707680;--paper:#f4f5f7;--line:#e4e7ec;--green:#ee641e;--orange:#ee641e;--radius:14px}
body{background:var(--paper);color:var(--ink);font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif;font-size:13px}
button,input,select,textarea{font-family:inherit}button:disabled{cursor:not-allowed}.primary{background:#ed651f;color:#fff;box-shadow:0 3px 8px #de68221a;border:1px solid #ed651f}.primary:hover{background:#d9500d}.secondary{border-color:#dfe3e9;color:#363b44}.text-button{color:#6d7380}.text-button:hover{color:#d85816}.danger-text{color:#b95342!important}input,select,textarea{border-color:#dfe3e9;border-radius:8px;background:#fff;color:#292f38}h1,h2,h3,h4{font-family:inherit;letter-spacing:0}h1{font-size:28px;font-weight:700}h1>span{color:#ed651f}.eyebrow{color:#a47152;font-size:9px;letter-spacing:1.8px}
.shell{display:flex;min-height:100vh}.sidebar{background:#1d2026;width:216px;padding:22px 16px;position:sticky;top:0;height:100vh;min-height:700px;border:0;color:#c7ccd5}.sidebar .brand{margin:0 0 18px;background:white;border-radius:10px;padding:4px;justify-content:center;width:100%}.sidebar .brand img{width:155px;height:76px;object-fit:contain}.workspace-badge{background:#282c33;border-color:#353a43;padding:12px;margin:0 0 24px}.workspace-badge strong{color:#f4f5f7;font-size:12px}.workspace-badge span,.workspace-badge small{color:#939aa7}.sidebar-caption{font-size:10px;color:#7e8795;margin-bottom:8px;padding-left:12px;letter-spacing:1px}.nav-item{color:#aab2c0!important;font-size:12px;padding:11px 12px;margin:3px 0;border-radius:8px;gap:11px;min-height:42px}.nav-item>span:first-child{font-size:17px;width:20px;color:#9098a6}.sidebar .nav-item.selected{background:#3c2d25!important;color:#ffae77!important;border-left:3px solid #f47d34;padding-left:9px;box-shadow:none}.sidebar .nav-item.selected>span:first-child{color:#ffab73}.sidebar .nav-item:hover{background:#2b3039}.nav-count{background:#363c46;color:#d8dde6;border:0}.sidebar-note{padding:30px 10px 20px;margin-top:auto}.sidebar-note strong{font-size:12px;color:#e3e5e9}.sidebar-note p{font-size:10px;color:#818c9c}.sidebar-bottom{border-color:#343a44;color:#abb3bf;padding:15px 10px 0;font-size:10px}.sidebar-bottom small,.author-credit{color:#7e8999;font-size:9px}.settings-caption{margin-top:24px}main{min-width:0;flex:1}.topbar{height:62px;padding:0 30px;background:#fff;border-bottom:1px solid #eceef2}.topbar-right{gap:12px}.topbar #account-scope{max-width:230px;width:210px;background:#f8f9fb;padding:7px 10px;margin:0;font-size:11px}.topbar .local-chip{display:none}.topbar #global-create{font-size:11px;padding:8px 13px}.topbar .user-avatar{width:28px;height:28px;background:#fff1e5;color:#cc5a16}.breadcrumb{color:#9399a3}.page{max-width:1580px;padding:27px 30px 20px}.page-heading{margin-bottom:22px;gap:16px}.page-heading h1{margin:5px 0}.page-heading p{font-size:12px;color:#808690;margin:5px 0}.heading-actions{display:none}.channel-switchbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-bottom:1px solid var(--line);padding:10px 30px}.platform-tabs{display:flex;gap:6px;min-width:0}.platform-tab{display:flex;align-items:center;gap:7px;padding:8px 13px;background:transparent;border-radius:8px;color:#7a808b;font-size:12px;white-space:nowrap}.platform-tab small{background:#edf0f4;color:#8a929e;font-size:10px;padding:0 6px;border-radius:5px}.platform-tab.active{color:#d95b18;background:#fff0e6;font-weight:600}.platform-tab.active small{background:#ffe0ca;color:#c9672d}.platform-tab-dot{height:7px;width:7px;border-radius:50%;background:#b4bbc5}.platform-tab.xiaohongshu .platform-tab-dot{background:#eb5971}.platform-tab.douyin .platform-tab-dot{background:#404751}.platform-tab.weixin_channels .platform-tab-dot{background:#eb9c2d}.platform-tab.all .platform-tab-dot{background:#ed6a25}.channel-switch-hint{font-size:10px;color:#969daa;white-space:nowrap}#runtime-status{font-size:10px;padding:5px 30px;color:#6e8274;background:#f0f5f1;border-color:#e4ece6}#runtime-status.runtime-warning{color:#a46632;background:#fff5e9}
.creative-banner,#workflow-steps{display:none!important}.stats{border:1px solid #e4e7ec;background:white;box-shadow:none;padding:18px 0;margin:0 0 22px;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.stats>.stat-link{padding:0 22px;border-right:1px solid #e5e8ed}.stats span{font-size:11px;color:#747c88}.stats strong{font-size:29px;font-weight:650;font-family:inherit;line-height:1.6;color:#272d37}.stats small{font-size:10px;color:#969daa}.stat-link::after{display:none}.stats>.stat-link:hover,.stats>.stat-link[aria-pressed=true]{background:#fff7f0}.notice{background:#fff9f3;border-color:#f0dfd1;padding:13px 16px;margin-bottom:20px}.notice p{font-size:11px;color:#98816e}.notice strong{color:#8d552e}.surface{background:#fff;border:1px solid #e4e7ec;border-radius:12px;box-shadow:none;padding:22px}.surface h2,.panel-heading h2{font-size:15px;color:#303641;font-weight:650}.panel-heading p{color:#9aA0AA;font-size:10px}.overview-grid{gap:18px}.platform-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.platform-workspace{background:#fff;border:1px solid #e3e6eb;border-radius:12px;padding:19px 20px}.platform-card-head{display:flex;justify-content:space-between;align-items:center;gap:9px}.platform-badge{display:inline-flex;align-items:center;font-size:10px;line-height:1.5;font-weight:600;border-radius:5px;padding:3px 8px;white-space:nowrap;background:#f0f2f5;color:#606976}.platform-badge.xiaohongshu{background:#fff0f3;color:#d54b66}.platform-badge.douyin{background:#edf0f5;color:#3f4755}.platform-badge.weixin_channels{background:#fff3df;color:#b87a19}.connection-label{font-size:10px;color:#9c9290;white-space:nowrap}.connection-label.is-ready{color:#6f9277}.platform-card-metrics{display:flex;justify-content:space-around;margin:24px 0 18px;gap:16px}.platform-card-metrics>div{display:flex;flex-direction:column;gap:3px}.platform-card-metrics strong{font-size:24px;line-height:1.2;font-weight:600}.platform-card-metrics span{font-size:10px;color:#9aA0AA}.platform-card-actions{display:flex;justify-content:space-between;border-top:1px solid #f0f1f4;padding-top:9px}.platform-card-actions .text-button{font-size:11px;padding:2px 0;color:#a56b40}.platform-overview:has(>.platform-workspace:only-child){grid-template-columns:1fr}.platform-overview:has(>.platform-workspace:only-child) .platform-card-metrics{justify-content:flex-start;gap:70px}
.content-section{background:#fff;border:1px solid #e3e6eb;border-radius:12px;padding:18px 20px}.section-heading{margin-bottom:16px}.filters{gap:22px}.filter{font-size:12px;color:#8b929d}.filter.active{color:#d95e1c;border-color:#ed702c}.content-toolbar{gap:10px}.content-toolbar input{font-size:11px}.batch-toolbar{background:#f8f9fb;border:0;border-radius:8px;padding:9px 12px;margin:16px 0;color:#737c88}.batch-toolbar .text-button{font-size:11px;padding:5px 7px}.jobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.job-card{border:1px solid #e2e6eb;border-radius:11px;box-shadow:none;overflow:hidden;transition:box-shadow .15s}.job-card:hover{box-shadow:0 6px 22px #2c344210}.job-cover{height:190px;aspect-ratio:4/3;object-fit:cover;background:#f8f7f5}.job-body{padding:14px 15px}.job-body h3{font-size:14px;font-weight:600;line-height:1.7;margin:10px 0 6px}.job-head .hint{font-size:9px}.job-text{font-size:11px;color:#8a929d;line-height:1.7;-webkit-line-clamp:2}.job-time{font-size:9px;color:#9ca4af}.job-actions{gap:3px;border-top:1px solid #f0f1f4;padding-top:9px;margin-top:12px}.job-actions .secondary{font-size:10px;padding:6px 9px}.job-actions .text-button{font-size:10px;padding:5px}.account-chip{font-size:10px;color:#89919e;gap:7px;flex-wrap:wrap}.pill{font-size:9px;border-radius:5px}.pill.neutral{background:#f1f3f6;color:#76808d}.pill.warn{background:#fff2df;color:#a97a39}.card-check{top:10px;left:10px}.card-metrics{font-size:9px}.list-mode .job-card{grid-template-columns:132px 1fr}.list-mode .job-cover{width:132px;height:100%}.list-mode .job-actions{border:0;margin-top:5px}.list-mode .job-body{padding:14px 18px}.empty-state{padding:45px 10px}.empty-state h2{font-size:17px;color:#5a6574}.empty-state p{font-size:12px}.empty-symbol{color:#e9ad86;background:#fff4e8}
.hub-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:12px}.hub-section-head h2{font-size:16px;margin:0 0 5px}.hub-section-head p{font-size:11px;color:#8c95a2;margin:0}.account-center-body{padding:0}.add-account-form{display:flex;align-items:flex-end;gap:12px;background:#fff;border:1px solid #e3e6eb;border-radius:12px;padding:18px;margin:0 0 22px}.add-account-form label{font-size:10px;color:#8590a0;min-width:110px}.add-account-form select,.add-account-form input{margin:6px 0 0;font-size:12px;min-height:38px}.account-remark-field{flex:1}.add-account-form button{height:38px;font-size:12px}.account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.account-card{padding:21px;border-radius:12px;border-color:#e2e6ec}.account-card-heading{gap:10px;align-items:flex-start}.account-card-heading strong{font-size:14px}.account-card-heading small{font-size:9px;white-space:normal;overflow-wrap:anywhere;color:#9ba3ae}.account-kind{font-size:10px;color:#929baa;margin:6px 0 15px}.account-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:18px}.capability{padding:6px 8px;background:#f5f6f8;border:1px solid #edf0f4;border-radius:6px;color:#9aa2ae;font-size:9px;white-space:nowrap}.capability.ready{color:#6a8d76;background:#f0f6f1;border-color:#e1ece3}.account-card label{font-size:10px}.account-card input{font-size:12px;margin-bottom:12px}.accounts-empty{background:#fff;border:1px dashed #d7dfe9;border-radius:12px;padding:45px 25px;text-align:center;grid-column:1/-1}.accounts-empty strong{font-size:15px}.accounts-empty p{font-size:12px;color:#97a0ac}
.studio-hero{display:grid;grid-template-columns:1.6fr 1fr;background:linear-gradient(115deg,#fff6ed,#ffe9d3);border:1px solid #f0ddc9;border-radius:16px;min-height:280px;padding:35px 38px;overflow:hidden;position:relative}.studio-hero h2{font-size:33px;line-height:1.5;color:#6e3c20;margin:12px 0}.studio-hero p{font-size:12px;color:#a27b5c}.studio-actions{display:flex;gap:10px;margin:23px 0 13px}.studio-hero small{font-size:10px;color:#ac8f79}.studio-art{position:relative;min-height:230px;color:#c68044}.studio-art>span{position:absolute;right:20px;top:10px;font-size:11px;letter-spacing:3px}.studio-art>strong{font-size:25px;line-height:1.5;position:absolute;right:5px;bottom:15px;z-index:2;text-shadow:0 2px 8px #fff}.studio-art img{position:absolute;width:190px;height:235px;object-fit:cover;right:55px;top:0;transform:rotate(9deg);border:8px solid #fff9f3;border-radius:11px;box-shadow:10px 15px 30px #ac622a20}.studio-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 30px}.studio-workflow>div{background:#fff;border:1px solid #e3e7ed;border-radius:10px;padding:17px}.studio-workflow b{display:block;font-size:20px;color:#e4b294;margin-bottom:8px}.studio-workflow strong{display:block;font-size:12px;color:#576170}.studio-workflow span{display:block;font-size:10px;color:#9aa3af;margin-top:5px}.studio-assets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.asset-tile{padding:0 0 13px;text-align:left;border-radius:11px;background:#fff;border:1px solid #e0e5eb;overflow:hidden;min-width:0}.asset-tile img{display:block;width:100%;height:155px;object-fit:cover}.asset-tile strong{display:block;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:11px 12px 7px;color:#5c6777}.asset-tile .platform-badge{margin-left:12px;font-size:9px}.studio-empty{grid-column:1/-1;color:#949eab;padding:25px;background:#fff;border:1px dashed #dbe1e9;border-radius:10px}.video-next{background:#eef0f4;border:1px solid #e0e4eb;border-radius:11px;padding:18px 22px;display:flex;align-items:center;gap:18px;color:#6b7686}.video-next strong{font-size:12px}.video-next p{font-size:11px;margin:5px 0 0;color:#969fac}.video-next-icon{font-size:30px}.video-next>.pill{margin-left:auto;white-space:nowrap}.distribution-targets{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.distribution-group{border:1px solid #e3e7ee;border-radius:11px;padding:16px;min-width:0}.distribution-choice{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#667385;margin:14px 0}.distribution-choice input{width:auto;margin:4px 0 0;flex-shrink:0}.distribution-group>small{font-size:10px;color:#9ca6b5}.distribution-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;color:#8591a2}
.engagement-heading h2{font-size:23px}.engagement-heading p{font-size:11px;color:#949dab}.engagement-summary .interaction-count{background:#fff;border-color:#e2e7ed}.inbox-workspace{border-color:#e0e5ed;border-radius:12px;background:#fff}.interaction-detail-panel{background:#fff}.inbox-row.selected{background:#fff3e8!important;border-left-color:#ed742b!important}.inbox-row:hover{background:#fafbfc}.inbox-row-head strong{font-size:12px}.inbox-row-copy{font-size:12px;color:#697585}.inbox-row-meta .platform-badge{font-size:8px;padding:1px 5px}.reply-target{background:#fff5eb;color:#9b6847}.inbox-save-actions{background:#fff;border-color:#e7ebf0}.comment-reply-panel h3{color:#a36339}.info-box{background:#fff6ed;border-color:#f0dfce;color:#9d704f}.calendar-entry{font-size:9px}.calendar-cell.selected{border-color:#ed8b52;background:#fff7f0}.chart-bar{background:#ed742f}.metric-box{border-color:#e2e7ed;background:#fff}.sync-status{background:#fff8ef;border-color:#f1e3d2;color:#9b7b58}.metrics-table th{background:#f6f8fb;color:#8793a3}.metrics-table td{color:#647184}.toast{background:#29313c;border:1px solid #3a4554;border-radius:9px;color:#fff}.dialog-heading{background:#fff;border-color:#e9edf2}.dialog-heading h2{font-size:20px;color:#3c4654}.dialog-footer{border-color:#e5e9ef;background:#fafbfd;color:#929caa}.editor-grid label{font-size:12px}.editor-grid{gap:28px}.account-body{padding:24px 28px}.small-dialog .account-body{font-size:12px}.upload-zone{background:#fafbfc;border-color:#d9e0e9;color:#8491a3}.upload-zone strong{color:#6c798b}.tag-text{color:#bd7a47}footer{font-size:10px;color:#9ba4b1;border-color:#e3e7ee;margin-top:28px}
@media(min-width:761px) and (max-width:1100px){.sidebar{width:180px;padding:18px 12px}.sidebar .brand img{width:140px}.page{padding:22px}.topbar,.channel-switchbar{padding-left:22px;padding-right:22px}.channel-switch-hint{display:none}.jobs{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-workspace{padding:15px 13px}.connection-label{font-size:8px}.platform-card-head{flex-wrap:wrap}.topbar #clock,.topbar-right>span:not(.user-avatar){display:none}.studio-hero{padding:26px}.studio-art img{right:20px;width:150px;height:210px}.studio-art>strong{font-size:20px}.studio-assets{grid-template-columns:repeat(3,minmax(0,1fr))}.add-account-form{flex-wrap:wrap}.account-remark-field{min-width:180px}.account-capabilities{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.shell{display:block}.sidebar{width:100%;height:auto;min-height:0;position:relative;padding:10px 12px;flex-direction:row;flex-wrap:wrap;gap:3px}.sidebar .brand{width:112px;height:54px;margin:0 9px 5px 0;padding:0}.sidebar .brand img{width:103px;height:49px}.workspace-badge,.sidebar-caption,.sidebar-note,.sidebar-bottom{display:none}.nav-item{width:auto;min-height:32px;white-space:nowrap;flex-shrink:0;font-size:10px!important;padding:7px 9px!important;gap:4px;margin:0;border-radius:6px}.nav-item>span:first-child{font-size:12px;width:13px}.nav-count{display:none}.sidebar .nav-item.selected{border-left:0!important;box-shadow:inset 0 -2px #f47d34}.topbar{height:51px;padding:0 15px}.topbar-right{gap:6px}.topbar .breadcrumb,.topbar .slash,.topbar #clock,.topbar .user-avatar,.topbar-right>span{display:none!important}.topbar #account-scope{width:150px;max-width:36vw;font-size:10px;padding:6px}.topbar #global-create{font-size:10px;padding:7px 9px}.topbar #logout{font-size:10px;padding:6px}.channel-switchbar{padding:9px 12px}.platform-tabs{gap:3px;overflow:auto}.platform-tab{padding:7px 10px;font-size:11px;gap:5px}.platform-tab small{font-size:9px;padding:0 4px}.platform-tab-dot{width:5px;height:5px}.channel-switch-hint{display:none}#runtime-status{padding:5px 16px;font-size:9px}.page{padding:20px 15px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 0;margin-bottom:18px}.stats>.stat-link{padding:0 11px}.stats span{font-size:10px}.stats strong{font-size:25px}.stats small{font-size:8px;line-height:1.6}.platform-overview{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.platform-workspace{padding:15px 16px;display:grid;grid-template-columns:1.4fr 1fr;gap:9px}.platform-card-head{align-items:flex-start;flex-direction:column;gap:7px}.platform-card-metrics{margin:2px 0 0;gap:17px;justify-content:flex-end}.platform-card-metrics strong{font-size:23px}.platform-card-metrics span{font-size:9px}.platform-card-actions{grid-column:1/-1;padding-top:8px}.connection-label{font-size:9px}.platform-card-actions .text-button{font-size:10px}.surface{padding:18px}.overview-grid{grid-template-columns:1fr}.content-section{padding:14px 12px}.content-toolbar{flex-wrap:wrap;gap:8px}.content-toolbar input{flex-basis:100%}.content-toolbar select{font-size:10px;width:115px}.content-toolbar .secondary{font-size:9px;padding:7px}.filters{gap:17px;overflow:auto}.filters .filter{font-size:10px}.batch-toolbar{padding:7px 8px;gap:4px}.batch-toolbar label{font-size:10px}.batch-toolbar .text-button{font-size:10px}.jobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.job-cover{height:175px}.job-body{padding:12px}.job-body h3{font-size:12px}.job-actions{gap:1px}.job-actions .text-button{font-size:9px}.job-actions .secondary{font-size:9px;padding:5px 6px}.account-chip{font-size:9px}.platform-badge{font-size:9px}.account-list{grid-template-columns:1fr}.add-account-form{display:grid;grid-template-columns:1fr 1fr;padding:15px;gap:11px}.add-account-form label{min-width:0}.add-account-form .account-remark-field{grid-column:1/-1}.add-account-form button{grid-column:1/-1}.account-card{padding:18px}.account-capabilities{grid-template-columns:repeat(3,1fr)}.hub-section-head{align-items:flex-start}.hub-section-head h2{font-size:15px}.hub-section-head p{font-size:10px}.hub-section-head>.pill{display:none}.studio-hero{padding:24px;grid-template-columns:1fr;min-height:0}.studio-hero h2{font-size:29px}.studio-hero p{font-size:11px}.studio-art{display:none}.studio-actions{flex-wrap:wrap;margin:18px 0 12px}.studio-actions button{font-size:11px;padding:9px 12px}.studio-workflow{grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0 24px}.studio-workflow>div{padding:14px}.studio-workflow strong{font-size:11px}.studio-workflow span{font-size:9px}.studio-assets{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-tile img{height:150px}.video-next{padding:16px;gap:12px}.video-next>.pill{display:none}.video-next p{font-size:10px}.distribution-targets{grid-template-columns:1fr}.distribution-group{padding:15px}.distribution-footer{gap:10px;align-items:flex-start}.distribution-footer .primary{font-size:11px;padding:10px 12px}.engagement-heading h2{font-size:22px}.engagement-actions button{font-size:10px}.engagement-summary{margin-bottom:14px}.interaction-toolbar{gap:8px}.inbox-workspace{height:auto}.account-body{padding:20px}.metric-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-box strong{font-size:22px}.metric-box span,.metric-box small{font-size:9px}.data-footnote{font-size:9px}footer{margin-top:22px}}
@media(max-width:420px){.jobs{grid-template-columns:1fr}.job-cover{height:260px}.topbar #global-create{display:none}.platform-tab{padding:7px 8px}.stats>.stat-link{padding:0 9px}.stats small{display:none}.stats strong{font-size:23px}.account-capabilities{grid-template-columns:repeat(2,1fr)}.platform-card-metrics{gap:13px}.platform-card-metrics strong{font-size:21px}.platform-tab small{display:none}}
:root{--platform-xhs:#ee3154;--platform-dy:#171821;--platform-wx:#f39823}
.channel-logo{display:inline-block;width:24px;height:24px;object-fit:contain;flex-shrink:0;border-radius:6px;background:#fff;vertical-align:middle}
.platform-badge{display:inline-flex!important;align-items:center;gap:7px;background:transparent!important;padding:0!important;font-weight:650!important;color:#25282e!important}
.platform-badge .channel-logo{width:23px;height:23px}
.platform-tab .channel-logo{width:22px;height:22px;box-shadow:0 0 0 1px #00000007}
.platform-tab{min-height:43px}
.platform-workspace{position:relative;overflow:hidden;box-shadow:0 3px 15px #262b3405!important}
.platform-workspace:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--platform-xhs)}
.platform-workspace.douyin:before{background:linear-gradient(90deg,#20ced2,#181820 45%,#ee2858)}
.platform-workspace.weixin_channels:before{background:linear-gradient(90deg,#f0ac43,#ed8c1c)}
.account-card{position:relative;overflow:hidden;border-top:3px solid var(--platform-xhs)!important;box-shadow:0 4px 20px #1d283008}
.account-card.douyin{border-top-color:#282933!important}.account-card.weixin_channels{border-top-color:#f3a12a!important}
.account-card-heading .platform-badge{flex-direction:column;gap:4px;min-width:45px;font-size:10px!important}
.account-card-heading .platform-badge .channel-logo{width:35px;height:35px;border-radius:9px}
.account-card-heading small{overflow-wrap:anywhere;font-size:11px!important}
.connection-platform{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#272d37}.connection-platform .channel-logo{width:33px;height:33px}.connection-platform>span{margin-left:auto;font-size:12px;color:#7a818b}
#account-dialog{background:#fff!important;border:1px solid #e0e4e9!important;box-shadow:0 24px 100px #10172030!important}
#account-dialog .dialog-heading{background:#fff9f4!important;border-bottom:1px solid #f2e7dd!important}
#account-dialog .account-body{color:#454b55!important}
.browser-login-dialog{width:min(620px,calc(100vw - 28px))!important}
.browser-login-dialog #external-creator-link{display:inline-block;margin-bottom:18px;font-size:11px;color:#7a818a;border:none;box-shadow:none;background:none;padding:0;text-decoration:underline}
.browser-login-dialog>.account-body>.hint{display:none}
.connection-progress{display:flex;align-items:center;justify-content:space-between;gap:8px}
#connection-state{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:30px;font-size:12px;font-weight:650;background:#fff2e6;color:#b6581b}
#connection-state:before{content:'';width:7px;height:7px;border-radius:100%;background:currentColor}
#connection-state.connected{background:#eaf7ef;color:#258251}.connection-progress small{color:#8a919c;font-size:11px}
#connection-feedback{font-size:13px;line-height:1.7;margin:12px 0 0;min-height:22px}
.browser-qr-wrap{display:flex;justify-content:center}.browser-qr-wrap:has(img[hidden]){display:none}
#browser-qr{display:block;width:224px;height:224px;object-fit:contain;background:#fff;border:12px solid #fff;border-radius:14px;box-shadow:0 3px 24px #27304414;margin:20px 0;image-rendering:auto}
#browser-qr[hidden],#browser-connect[hidden]{display:none!important}
.browser-connect-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.browser-connect-actions button{font-size:12px}
.connection-help{border-top:1px solid #edf0f3;padding-top:13px;color:#7c8490;font-size:12px}.connection-help summary{cursor:pointer}.connection-help p{font-size:12px;line-height:1.8}.connection-help button{font-size:11px;margin-right:8px}
.connection-boundary{margin:17px 0 0!important;padding:11px 13px;background:#f5f7fa;border-radius:8px;font-size:11px!important;line-height:1.8;color:#767f8b}
@media(max-width:600px){.platform-tab{padding:7px 9px!important}.platform-tab .channel-logo{width:19px;height:19px}.platform-tab small{display:none}.connection-platform>span{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account-dialog .account-body{padding:19px!important}.browser-connect-actions button{font-size:11px;padding:10px 12px}.account-card-heading .platform-badge{min-width:38px}}
.browser-login-dialog .account-body{display:flex;flex-direction:column}
.browser-login-dialog #account-status,.browser-login-dialog .account-actions{display:none!important}
.browser-login-dialog #connection-platform{order:0;margin-bottom:9px}
.browser-login-dialog #account-explanation{order:1;font-size:12px;line-height:1.7;margin:0 0 15px}
.browser-login-dialog #browser-connect{order:2}
.browser-login-dialog #external-creator-link{order:3;margin:14px 0 0}
.account-last-check{display:block;font-size:10px;color:#8a929c;margin:-2px 0 13px}

#browser-preview-wrap[hidden]{display:none!important}#browser-preview{display:block;max-width:100%;border:1px solid #e3e7eb;border-radius:9px;margin:8px 0 13px}#browser-preview-wrap .hint{margin:10px 0 0;font-size:11px;color:#7a818b}

#browser-control-tools[hidden]{display:none!important}#browser-preview.interactive{cursor:pointer;outline:2px solid #ed7f36;outline-offset:2px}.browser-code-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.browser-code-row input{min-width:120px;flex:1;font-size:13px}.browser-code-row button{font-size:11px;padding:9px}.browser-code-row input,.browser-code-row button{min-height:38px}#browser-control-hint{font-weight:600;color:#9f571f}

.native-login-guide{margin:17px 0;padding:16px 18px;background:#fff8f1;border:1px solid #f8e2cc;border-radius:10px}.native-login-guide[hidden]{display:none!important}.native-login-guide strong{font-size:13px;color:#a4501b}.native-login-guide p{font-size:12px;line-height:1.7;margin:7px 0 0;color:#6f655b}