/* Product workspace: charcoal structure, restrained mustard action, semantic statuses. */
@media(min-width:821px) and (min-height:501px){
  #app>.sidebar{margin:12px;height:calc(100dvh - 24px);border:0;border-radius:24px;--panel:#191919;background:#191919;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  #app>.sidebar .nav-btn,#app>.sidebar .nav-group-header,#app>.sidebar .nav-command-trigger{border-radius:12px}
  #app>.sidebar .nav-btn.active{background:#ffc63d;color:#202020;box-shadow:none}
  #app>.sidebar .nav-btn.active .nav-icon{color:#202020}
  #app>.sidebar .nav-btn:hover:not(.active){background:#ffffff14}
}
:root{--bg:#f4f4f4;--panel:#f5f5f3;--ink:#282824;--muted:#63635d;--faint:#676761;--line:#e5e5e1;--line-strong:#cecec7;--accent:#292923;--accent-hover:#3b3b33;--accent-soft:#f1f1eb;--action:#d8b84e;--action-hover:#c8a53a;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
/* Shared page canvas: keep functional chart/canvas patterns, remove wallpaper. */
.main-chat,.chat-workspace{background:var(--bg)}
.chat-workspace::before{display:none}
.sidebar{--ink:#f4f4f1;--ink-soft:#e4e5e3;--muted:#c2c5c4;--faint:#b9bdbc;--line:#535858;--line-strong:#6f7473;--surface:#343939;--surface-soft:#3c4141;--surface-hover:#454b4a;--accent:#ead071;--accent-soft:#454840;--panel:#303536;--sidebar-line:rgba(255,255,255,.12);background:var(--panel);color:var(--ink);border-right-color:var(--sidebar-line);box-shadow:inset -1px 0 rgba(255,255,255,.05),6px 0 22px #171b1b0a;backdrop-filter:none;-webkit-backdrop-filter:none}
.sidebar::before{display:none}
.sidebar.nav-edit-mode{background:var(--panel)}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){.sidebar,.sidebar.nav-edit-mode{background:linear-gradient(165deg,rgba(255,255,255,.045),transparent 55%),rgba(35,41,42,.9);backdrop-filter:blur(16px) saturate(105%);-webkit-backdrop-filter:blur(16px) saturate(105%)}}
.sidebar .nav-btn{color:var(--muted);border-radius:6px;min-height:42px}
.sidebar .nav-btn.active{background:rgba(255,255,255,.10);color:var(--ink);font-weight:600;box-shadow:none}
.sidebar .nav-btn.active .nav-icon{color:#ead071}
.sidebar .nav-btn:hover{color:var(--ink);background:rgba(255,255,255,.065)}
.sidebar .nav-btn.active:hover{background:rgba(255,255,255,.13)}
.sidebar .nav-group-header{color:var(--muted);font-size:12px;letter-spacing:0}
#workspace-navigation.sidebar .brand{padding:14px 12px 20px;margin:0 0 10px;border-bottom:1px solid var(--sidebar-line)}
.sidebar .brand .brand-site,.sidebar .brand .brand-sub{color:var(--muted);font-weight:400}
.sidebar .brand .brand-site{display:block;font-size:12px;line-height:1.6;margin-top:18px;overflow-wrap:anywhere}
.sidebar .brand .brand-site:hover{color:var(--ink);transform:none;text-decoration:underline;text-underline-offset:3px}
#workspace-navigation.sidebar .brand img{width:136px!important;max-width:100%!important;height:auto!important;max-height:36px;object-fit:contain;object-position:left center;background:transparent!important;padding:0!important;border-radius:0!important;margin:0!important}
/* Only the known monochrome wordmark is inverted; customer colour logos stay intact. */
#workspace-navigation.sidebar .brand img[src*="trademax-wordmark"]{filter:brightness(0) invert(.94)!important}
.sidebar .nav-command-trigger,.sidebar .density-control button,.sidebar .nav-edit-toggle{color:var(--ink-soft);background:rgba(255,255,255,.045);border-color:var(--line)}
.sidebar .nav-command-trigger,.sidebar .nav-command-trigger:hover,.sidebar .nav-btn:hover,.sidebar .nav-btn.active{box-shadow:none;transform:none;border-color:transparent;border-radius:6px}
.sidebar .nav-command-icon,.sidebar .nav-icon,.sidebar .nav-group-icon,.sidebar .nav-btn.active .nav-icon,.sidebar .nav-group-header.has-active .nav-group-icon{background:none;box-shadow:none;border:0;color:inherit}
.sidebar .nav-btn.active .nav-icon,.sidebar .nav-btn:hover .nav-icon{color:#ead071;transform:none}
.sidebar .nav-btn.active::before,.sidebar .nav-group-list .nav-btn::after{display:none}
.sidebar .nav-command-trigger kbd,.sidebar .nav-group-badge,.sidebar .nav-group-header.open .caret,.sidebar .nav-group-header:hover .caret{background:rgba(255,255,255,.06);color:var(--ink-soft);border-color:var(--line);box-shadow:none}
.sidebar .nav-group-header:hover,.sidebar .nav-group-header.has-active{background:rgba(255,255,255,.035);color:var(--ink);border-color:transparent}
.sidebar .nav-group-social{background:transparent;border-color:var(--sidebar-line);box-shadow:none;border-radius:6px}
.sidebar.nav-edit-mode{border-color:var(--sidebar-line)}
.sidebar .sidebar-footer{background:transparent;border-color:var(--sidebar-line);border-radius:8px}
.sidebar .sidebar-footer-disclosure summary{color:var(--muted)}
.sidebar .sidebar-health-item{background:rgba(255,255,255,.035);color:var(--ink-soft);border-color:transparent;border-radius:4px;font-size:11px}
.sidebar .density-control,.sidebar .nav-edit-banner{background:var(--surface);border-color:var(--line);box-shadow:none;color:var(--ink)}
.sidebar .density-control button.active{background:var(--surface-hover);color:var(--ink);box-shadow:none}
.sidebar .nav-edit-toggle:hover,.sidebar .nav-edit-toggle.active{background:var(--surface-hover);color:var(--ink);transform:none}
.sidebar .sidebar-nav{scrollbar-color:#858b89 transparent}
.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background-color:#858b89}
.sidebar .sidebar-resizer:hover::after,.sidebar .sidebar-resizer:focus-visible::after,.sidebar.resizing .sidebar-resizer::after{background:var(--accent)}
.sidebar:not(.nav-edit-mode) .nav-grip{display:none}
.sidebar-nav-wrap::before,.sidebar-nav-wrap::after{display:none}
.sidebar button:focus-visible,.sidebar a:focus-visible{outline-color:#ead071}
.btn{border-radius:6px;min-height:36px;box-shadow:none}
.btn-primary{background:var(--action);color:#282824;border-color:var(--action);font-weight:600}
.btn-primary:hover:not(:disabled){background:var(--action-hover);color:#22221e;border-color:var(--action-hover)}
.btn-primary:disabled{opacity:.55}
.btn-outline{background:var(--surface);color:var(--ink)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #756016;outline-offset:3px}
.input{border-radius:6px}
.collection-toolbar{gap:12px;padding:16px 28px}
.collection-summary{padding-inline:28px}
.posts-list th{font-size:12px;font-weight:600;letter-spacing:0}
.posts-list td{padding-top:18px;padding-bottom:18px}
.posts-list td[data-label="标题"]>div:first-child{font-size:14px!important;line-height:1.6;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.posts-list td[data-label="标题"]>div:nth-child(2){font-size:12px!important;margin-top:6px}
.posts-list .badge{border-radius:4px}
.post-workspace-nav{display:flex;gap:24px;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:var(--surface);flex-shrink:0}
.post-workspace-nav button{min-height:48px;padding:0 0;border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:14px;color:var(--muted);cursor:pointer}
.post-workspace-nav button[aria-pressed="true"]{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}
.post-workspace-nav small{font-size:12px;margin-left:6px;color:var(--red)}
.post-language-disclosure{margin:0 0 18px;border-bottom:1px solid var(--line)}
.post-language-disclosure>summary{padding:12px 0;cursor:pointer;color:var(--muted);font-size:13px}
.post-language-disclosure .publish-locale-panel{border:0;box-shadow:none;padding:12px 0;background:none}
.post-columns-toggle{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:var(--muted)}
.article-deploy-progress{margin:12px 28px;padding:12px 16px;border-radius:6px;box-shadow:none}
.article-deploy-kicker{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:500}
.article-deploy-title{font-size:14px;font-weight:600}
.article-deploy-detail{font-size:12px}
.publication-workspace{flex:1;min-height:0;overflow:auto;padding:24px 28px 48px}
.publication-workspace h2{font-size:22px;margin:0 0 8px;font-weight:600}
.publication-workspace p,.publication-note{font-size:13px;line-height:1.7;color:var(--muted)}
.publication-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0;align-items:center}
.publication-toolbar .input{width:auto;min-width:140px;max-width:100%;min-height:40px}
.publication-toolbar input{flex:1}
.publication-view{display:flex;gap:4px;margin-left:auto}
.publication-view button{padding:8px 12px;min-height:40px;background:none;border:1px solid transparent;font:inherit;font-size:13px;color:var(--muted);border-radius:6px;cursor:pointer}
.publication-view button[aria-pressed="true"]{color:var(--ink);border-color:var(--line-strong);background:var(--surface)}
.publication-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.publication-column h3{font-size:14px;font-weight:600;margin:0 0 16px;display:flex;justify-content:space-between}
.publication-column h3 small{font-size:12px;color:var(--muted)}
.publication-card{display:flex;flex-direction:column;gap:10px;width:100%;padding:18px;margin:0 0 12px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--ink);font:inherit;cursor:pointer}
.publication-card:hover{border-color:#949487}
.publication-card strong{font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.publication-card small,.publication-card span{font-size:12px;color:var(--muted);line-height:1.6}
.publication-card .publication-status{color:var(--ink)}
.publication-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--muted);margin-right:8px}
.publication-status.is-attention{color:var(--red)}
.publication-status.is-attention::before{background:var(--red)}
.publication-status.is-complete::before{background:var(--green)}
.publication-list .publication-card{display:grid;grid-template-columns:minmax(0,2fr) 130px minmax(110px,1fr) 150px;align-items:center;gap:20px}
.publication-empty{padding:36px 16px;text-align:center;color:var(--muted);font-size:13px;border:1px dashed var(--line);border-radius:6px}
.publication-drawer{width:min(560px,100vw);max-width:100%;height:100dvh;display:flex;flex-direction:column;background:var(--surface);color:var(--ink)}
.publication-backdrop{position:fixed;inset:0;z-index:var(--z-drawer-2);display:flex;justify-content:flex-end;background:#17171266}
.publication-drawer header,.publication-drawer footer{padding:20px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);flex-shrink:0}
.publication-drawer header>div{flex:1;min-width:0}
.publication-drawer h2{font-size:18px;line-height:1.5;overflow-wrap:anywhere;margin:8px 0 0;font-weight:600}
.publication-drawer footer{border-top:1px solid var(--line);border-bottom:0;flex-wrap:wrap}
.publication-drawer-body{padding:24px;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}
.publication-drawer-body h3{font-size:14px;margin:24px 0 12px}
.publication-drawer-body p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.publication-drawer-body code{font-size:12px;overflow-wrap:anywhere}
.publication-drawer-body ol{padding-left:24px;font-size:13px;line-height:2.3}
.publication-drawer-body li[aria-current="step"]{font-weight:700}
.publication-locale{display:grid;grid-template-columns:40px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.wf-pane{padding:28px 28px 48px}
.wf-card{padding:24px;border-radius:8px;box-shadow:none;margin-bottom:24px}
.wf-card-title{font-weight:600;line-height:1.5}
.wf-steps{border:0;border-radius:0;box-shadow:none;backdrop-filter:none;background:var(--bg);padding:0 0 12px;gap:8px}
.wf-step{border-radius:4px}
.wf-step.active{background:var(--surface);box-shadow:inset 0 -2px var(--ink)}
.article-editor-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.article-studio-grid.has-draft{grid-template-columns:minmax(0,1fr)}
.article-studio-grid.has-draft>.article-studio-aside{display:none}
.publication-drawer{box-shadow:-8px 0 28px #00000016}
.article-editor-main,.article-review-side{min-width:0}
.article-review-side{position:sticky;top:80px}
.article-review-side .editorial-review{background:none;margin:0;padding:0 0 24px;border:0;border-radius:0}
.editorial-review h3{font-size:15px;font-weight:600;line-height:1.6;margin-top:0}
.editorial-review .article-field-help,.editorial-review label,.editorial-review p,.editorial-review li{font-size:13px;line-height:1.8}
.article-review-side .article-publish-actions{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;align-items:stretch}
.article-editor-canvas{min-height:480px;line-height:1.9;border-radius:6px}
.wf-error,.wf-done-banner{border-left-width:1px;box-shadow:none}
@media(max-width:1200px){.article-editor-split{grid-template-columns:1fr}.article-review-side{position:static}.publication-list .publication-card{grid-template-columns:minmax(0,1fr) 120px}.publication-board{gap:14px}.publication-card{padding:14px}}
@media(max-width:760px){.collection-toolbar,.collection-summary{padding-inline:16px}.post-workspace-nav{padding-inline:16px}.publication-workspace{padding:20px 16px 40px}.publication-board{grid-template-columns:1fr;gap:24px}.publication-list .publication-card{display:flex}.publication-toolbar{gap:8px}.publication-toolbar .input{min-width:0;flex:1 1 40%;font-size:16px}.publication-toolbar input{flex-basis:100%}.publication-view{margin-left:0}.article-deploy-progress{margin:12px 16px}.article-deploy-actions{flex-shrink:0}.article-deploy-summary{display:none}.publication-drawer header,.publication-drawer footer,.publication-drawer-body{padding:16px}.publication-drawer .btn,.publication-card,.post-columns-toggle{min-height:44px}.wf-pane{padding:20px 16px 40px}.wf-card{padding:18px 16px}.article-editor-split{gap:24px}.article-review-side .article-publish-actions{position:static}.posts-list td{padding-top:14px;padding-bottom:14px}}
/* Motion is local to controls and overlays; no route-wide animation or delayed actions. */
:root{--motion-feedback:140ms;--motion-enter:240ms;--motion-exit:160ms;--motion-arrive:cubic-bezier(.22,1,.36,1);--motion-leave:cubic-bezier(.4,0,1,1)}
.sidebar .nav-btn,.sidebar .nav-icon,.sidebar .nav-command-trigger,.sidebar .nav-edit-toggle,.sidebar .brand .brand-site,.sidebar .nav-group-header,.btn,.publication-card,.publication-view button,.post-workspace-nav button{transition:background-color var(--motion-feedback) ease-out,color var(--motion-feedback) ease-out,border-color var(--motion-feedback) ease-out}
.sidebar .nav-command-trigger:active{transform:none;background:var(--surface-hover)}
.sidebar .nav-group-header .caret{transition:transform 180ms var(--motion-arrive),background-color var(--motion-feedback) ease-out}
.sidebar .nav-group-list.open{animation:workspace-group-in 180ms var(--motion-arrive)}
@keyframes workspace-group-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.workspace-drawer-enter-active,.drawer-slide-enter-active{transition:opacity var(--motion-enter) var(--motion-arrive)}
.workspace-drawer-leave-active,.drawer-slide-leave-active{transition:opacity var(--motion-exit) var(--motion-leave);pointer-events:none}
.workspace-drawer-enter-active .publication-drawer,.drawer-slide-enter-active .drawer-panel{transition:transform var(--motion-enter) var(--motion-arrive)}
.workspace-drawer-leave-active .publication-drawer,.drawer-slide-leave-active .drawer-panel{transition:transform var(--motion-exit) var(--motion-leave)}
.workspace-drawer-enter-from,.workspace-drawer-leave-to{opacity:0}
.workspace-drawer-enter-from .publication-drawer,.workspace-drawer-leave-to .publication-drawer{transform:translateX(32px)}
.drawer-slide-enter-from .drawer-panel,.drawer-slide-leave-to .drawer-panel{transform:translateX(32px)}
.workspace-dialog-enter-active{transition:opacity 180ms var(--motion-arrive)}
.workspace-dialog-leave-active{transition:opacity 120ms var(--motion-leave);pointer-events:none}
.workspace-dialog-enter-active .nav-command{transition:transform 180ms var(--motion-arrive)}
.workspace-dialog-leave-active .nav-command{transition:transform 120ms var(--motion-leave)}
.workspace-dialog-enter-from,.workspace-dialog-leave-to{opacity:0}
.workspace-dialog-enter-from .nav-command,.workspace-dialog-leave-to .nav-command{transform:translateY(-6px)}
@media(max-width:820px){#app .m-tabbar{background:rgba(43,49,50,.94);border-color:rgba(255,255,255,.14);box-shadow:0 -4px 18px #171b1b10;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#app .m-tab{color:#c2c5c4;transition:color var(--motion-feedback) ease-out}#app .m-tab.active{color:#f4f4f1;background:rgba(255,255,255,.06)}#app .m-tab.active .m-tab-icon{color:#ead071;background:rgba(255,255,255,.08);box-shadow:none;transform:none}.m-tab:active{transform:none}.m-tab:focus-visible{outline-color:#ead071}.m-tab .m-tab-icon{transition:color var(--motion-feedback) ease-out,background-color var(--motion-feedback) ease-out}}
@media(prefers-reduced-transparency:reduce){.sidebar,.sidebar.nav-edit-mode,#app .m-tabbar{background:#303536;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar .brand{background:transparent}.sidebar .nav-command-trigger,.sidebar .nav-btn.active,.sidebar .sidebar-footer{background:#3c4141}}
@media(prefers-reduced-motion:reduce){.sidebar .nav-group-list.open{animation:none!important}.sidebar .nav-btn,.sidebar .nav-icon,.sidebar .nav-command-trigger,.sidebar .nav-edit-toggle,.sidebar .brand .brand-site,.sidebar .nav-group-header,.sidebar .nav-group-header .caret,.publication-card,.btn,.wf-step,.publication-view button,.post-workspace-nav button,.m-tab,.m-tab .m-tab-icon{transition:none!important;animation:none!important}.workspace-drawer-enter-active,.workspace-drawer-leave-active,.drawer-slide-enter-active,.drawer-slide-leave-active,.workspace-dialog-enter-active,.workspace-dialog-leave-active,.workspace-drawer-enter-active .publication-drawer,.workspace-drawer-leave-active .publication-drawer,.drawer-slide-enter-active .drawer-panel,.drawer-slide-leave-active .drawer-panel,.workspace-dialog-enter-active .nav-command,.workspace-dialog-leave-active .nav-command{transition:none!important}.workspace-drawer-enter-from .publication-drawer,.workspace-drawer-leave-to .publication-drawer,.drawer-slide-enter-from .drawer-panel,.drawer-slide-leave-to .drawer-panel,.workspace-dialog-enter-from .nav-command,.workspace-dialog-leave-to .nav-command{transform:none}}
@media(forced-colors:active){.sidebar,.sidebar.nav-edit-mode,#app .m-tabbar{background:Canvas;color:CanvasText;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar .nav-btn,.sidebar .nav-group-header,.sidebar .brand .brand-site,#app .m-tab{color:CanvasText}.sidebar .nav-btn.active,#app .m-tab.active{background:Highlight;color:HighlightText}.sidebar .nav-btn.active .nav-icon,#app .m-tab.active .m-tab-icon{color:HighlightText}.sidebar button:focus-visible,.sidebar a:focus-visible,.m-tab:focus-visible{outline-color:Highlight}}