/* One small-screen visual system. Stored articles and editor/document content are excluded. */
@media screen and (max-width:1024px), screen and (max-width:1366px) and (hover:none) and (pointer:coarse){
body.docwk-unified-ui{
  --ui-accent:var(--color-orange-500,#f45118);
  --ui-strong:var(--color-orange-700,color-mix(in srgb,var(--ui-accent) 80%,#000));
  --ui-soft:var(--color-orange-50,color-mix(in srgb,var(--ui-accent) 5%,#fff));
  --ui-tint:var(--color-orange-100,color-mix(in srgb,var(--ui-accent) 12%,#fff));
  --ui-page:color-mix(in srgb,var(--ui-soft) 48%,#f4f5f8);
  --ui-surface:#fff;
  --ui-ink:color-mix(in srgb,var(--ui-accent) 18%,#18202f);
  --ui-muted:#626b7b;
  --ui-line:color-mix(in srgb,var(--ui-accent) 10%,#e6e9ee);
  --ui-shadow:0 5px 20px color-mix(in srgb,var(--ui-accent) 5%,transparent);
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--ui-page);color:var(--ui-ink);
}
body.docwk-unified-ui :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--ui-strong);outline-offset:3px}
body.docwk-unified-ui :where(button,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
body.docwk-unified-ui :where(button){transition:background-color .16s,box-shadow .16s,transform .16s}
body.docwk-unified-ui :where(button:not(:disabled)):active{transform:translateY(1px)}
/* Shared application chrome and existing global navigation. */
body.docwk-front.docwk-unified-ui .gov-content{background:var(--ui-page)}
body.docwk-front.docwk-unified-ui .gov-topbar{background:var(--ui-surface);border-bottom:1px solid var(--ui-line);color:var(--ui-ink);width:100%;max-width:100%;box-sizing:border-box}
body.docwk-front.docwk-unified-ui .gov-sidebar{background:var(--ui-surface);border-color:var(--ui-line)}
body.docwk-front.docwk-unified-ui .gov-sidebar :is(.rail-item.active,.nav-item.active){color:var(--ui-strong);background:var(--ui-soft);border-radius:12px}
body.docwk-front.docwk-unified-ui .docwk-mobile-tabs a[aria-current]{color:var(--ui-accent)}
body.docwk-front.docwk-unified-ui :is(.docwk-nav-toggle,.docwk-library-filter){color:var(--ui-strong);border-color:var(--ui-line);background:var(--ui-surface);border-radius:12px}
body.docwk-front.docwk-unified-ui :is(.docwk-panel-toggle,.qw-topbar,.editor-header,.doc-bar,.detail-toolbar){border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-ink)}
body.docwk-front.docwk-unified-ui .docwk-panel-toggle{border:0;box-shadow:var(--ui-shadow);border-radius:16px;padding:14px 16px}
/* Homepage. Keep the original quick-writing input, templates, tools and services. */
body.docwk-front.docwk-unified-ui .gov-page{background:var(--ui-page)}
body.docwk-front.docwk-unified-ui .docwk-mobile-start{padding:24px 18px 8px;background:radial-gradient(ellipse at top right,var(--ui-tint),transparent 75%)}
body.docwk-front.docwk-unified-ui .docwk-mobile-start h2{color:var(--ui-ink);font-size:26px;font-weight:700}
body.docwk-front.docwk-unified-ui .docwk-mobile-start p{color:var(--ui-muted)}
body.docwk-front.docwk-unified-ui .docwk-mobile-actions svg{color:var(--ui-accent);background:var(--ui-surface);box-shadow:var(--ui-shadow);border-radius:16px}
body.docwk-front.docwk-unified-ui .docwk-mobile-all{color:var(--ui-strong)}
body.docwk-front.docwk-unified-ui .gov-page>.hero .qw{border:0!important;border-radius:18px!important;background:var(--ui-surface);box-shadow:var(--ui-shadow)!important}
body.docwk-front.docwk-unified-ui .gov-page>.cats{background:var(--ui-page)}
body.docwk-front.docwk-unified-ui .gov-page>.cats .cat{border-color:var(--ui-line)!important;color:var(--ui-ink)}
body.docwk-front.docwk-unified-ui .gov-page>.cats .cat[aria-pressed=true]{color:var(--ui-strong);background:var(--ui-tint)!important;border-color:var(--ui-tint)!important}
body.docwk-front.docwk-unified-ui :is(.fcard,.tpl-page .card,.resource-card){border:0!important;border-radius:18px!important;background:var(--ui-surface);box-shadow:var(--ui-shadow)!important}
body.docwk-front.docwk-unified-ui .gov-topbar .topbar-actions{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end}
body.docwk-front.docwk-unified-ui .about-page :is(.about-hero,.hero){overflow:hidden}
/* AI templates, assistant and smart-writing forms; never override the paper/editor descendants. */
body.docwk-front.docwk-unified-ui :is(.tpl-page,.tpl-page .main,.wa-page,.qw-page){background:var(--ui-page)}
body.docwk-front.docwk-unified-ui .tpl-page .side{background:var(--ui-surface);border-color:var(--ui-line);border-radius:0 0 18px 18px}
body.docwk-front.docwk-unified-ui .tpl-page :is(.side-search,.search-wrap){border-color:var(--ui-line);border-radius:12px;background:var(--ui-soft)}
body.docwk-front.docwk-unified-ui .tpl-page .side-nav :is(.on,.active){background:var(--ui-tint);color:var(--ui-strong)}
body.docwk-front.docwk-unified-ui .tpl-page .card :is(.ci,.card-icon){color:var(--ui-accent);background:var(--ui-soft);border-radius:13px}
body.docwk-front.docwk-unified-ui :is(.wa-material,.wa-setting,.qw-right){border-color:var(--ui-line);border-radius:16px;background:#fff}
body.docwk-front.docwk-unified-ui :is(.wa-setting,.qw-right .pane-form) :is(input,textarea,select){border-color:var(--ui-line);border-radius:10px}
body.docwk-front.docwk-unified-ui .wa-functions{background:var(--ui-surface);border-radius:16px}
body.docwk-front.docwk-unified-ui .wa-functions .function-card{border-color:var(--ui-line);border-radius:11px}
body.docwk-front.docwk-unified-ui .wa-functions .function-card:is(.active,.on){background:var(--ui-tint);color:var(--ui-strong);border-color:var(--ui-tint)}
/* Library text lists and reading chrome; keep previews, pagination and permissions intact. */
body.docwk-front.docwk-unified-ui :is(.wenku-page,.wenku-page .wenku-main,.wenku-page .detail-scroll){background:var(--ui-page)}
body.docwk-front.docwk-unified-ui .wenku-toolbar{background:var(--ui-page);border-color:transparent}
body.docwk-front.docwk-unified-ui .wenku-toolbar .search-box{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:13px}
body.docwk-front.docwk-unified-ui .wenku-page .doc-grid{background:var(--ui-surface);border-radius:18px;padding:4px 16px!important}
body.docwk-front.docwk-unified-ui .wenku-page .doc-card{background:transparent;box-shadow:none;border-color:var(--ui-line)}
body.docwk-front.docwk-unified-ui .wenku-page .doc-card .doc-title{color:var(--ui-ink)}
body.docwk-front.docwk-unified-ui .wenku-page :is(.ws-tree,.ws-fav-list){border-color:var(--ui-line)}
body.docwk-front.docwk-unified-ui .wenku-page :is(.tree-row.active,.tree-item.active){color:var(--ui-strong);background:var(--ui-soft)}
body.docwk-front.docwk-unified-ui .wenku-page :is(.detail-card,.preview-wrap){border-color:transparent;border-radius:18px;background:#fff}
/* Learning list, category, search and article-detail chrome. */
body.docwk-front.docwk-unified-ui :is(.tutorial-view,.tutorial-detail){background:var(--ui-page)}
body.docwk-front.docwk-unified-ui .tutorial-view .category-wrap{background:var(--ui-surface);border:0;border-radius:0 0 16px 16px}
body.docwk-front.docwk-unified-ui .tutorial-view .category-item{border-radius:10px;color:var(--ui-muted)}
body.docwk-front.docwk-unified-ui .tutorial-view .category-item.active{color:var(--ui-strong);background:var(--ui-soft)}
body.docwk-front.docwk-unified-ui .tutorial-view :is(.featured,.tutorial-card,.sub-panel){border:0;border-radius:18px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}
body.docwk-front.docwk-unified-ui .tutorial-detail :is(.article-card,.dt-side){border-color:var(--ui-line);border-radius:18px;background:#fff}
/* Materials, prompts and knowledge share the same search/list/card surfaces. */
body.docwk-front.docwk-unified-ui :is(.material-page,.material-content,.prompt-page,.prompt-content,.kb-page,.kb-main){background:var(--ui-page)}
body.docwk-front.docwk-unified-ui :is(.material-page,.prompt-page) .sub-sidebar{background:var(--ui-surface);border-color:var(--ui-line);border-radius:0 0 18px 18px}
body.docwk-front.docwk-unified-ui :is(.material-page,.prompt-page) .sub-item.active{background:var(--ui-soft);color:var(--ui-strong)}
body.docwk-front.docwk-unified-ui :is(.material-content,.prompt-content) :is(.card,.mat-card,.prompt-card){border:0;border-radius:18px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}
body.docwk-front.docwk-unified-ui :is(.material-content,.prompt-content) :is(.type-tabs,.sort-bar,.mine-search,.fav-head){border-color:var(--ui-line)}
body.docwk-front.docwk-unified-ui .prompt-hero{background:linear-gradient(120deg,var(--ui-soft),var(--ui-tint));border-radius:18px;border:0;color:var(--ui-ink)}
body.docwk-front.docwk-unified-ui .prompt-hero .hero-search{background:var(--ui-surface);border-color:var(--ui-line);border-radius:12px}
body.docwk-front.docwk-unified-ui .kb-page :is(.kb-side,.list-head,.list-body,.detail-body){border-color:var(--ui-line);background:#fff}
body.docwk-front.docwk-unified-ui .kb-page .kb-side{border-radius:0 0 18px 18px}
body.docwk-front.docwk-unified-ui .kb-page .list-body{border-radius:0 0 18px 18px}
body.docwk-front.docwk-unified-ui .kb-page .search-box{background:var(--ui-soft);border-color:var(--ui-line);border-radius:12px}
/* Every tool uses the same workbench shell, including individual PDF actions. */
body.docwk-front.docwk-unified-ui :is(.th-root,.tools-root,.pt-root,.pb-root,.tc-root){background:var(--ui-page);color:var(--ui-ink);min-width:0;max-width:100%}
body.docwk-front.docwk-unified-ui :is(.th-root,.tools-root) .card{background:var(--ui-surface);border:0;border-radius:18px;box-shadow:var(--ui-shadow)}
body.docwk-front.docwk-unified-ui :is(.th-root,.tools-root) :is(.card-ico,.card-icon){background:var(--ui-soft);color:var(--ui-accent);border-radius:13px}
body.docwk-front.docwk-unified-ui :is(.pt-root,.pb-root,.tc-root) :is(.head,.hero,.pb-topbar){background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-line)}
body.docwk-front.docwk-unified-ui :is(.pt-root,.pb-root,.tc-root) :is(.panel,.workspace,.result-panel){border:0;border-radius:18px;background:var(--ui-surface);box-shadow:var(--ui-shadow);min-width:0}
body.docwk-front.docwk-unified-ui :is(.pt-root,.pb-root,.tc-root) :is(.drop-zone,.dropzone,.upload-area){background:var(--ui-soft);border-color:var(--ui-line);border-radius:14px}
body.docwk-front.docwk-unified-ui :is(.th-root,.tools-root,.pt-root,.pb-root,.tc-root) :is(input,select,textarea){border-color:var(--ui-line);border-radius:10px;max-width:100%;box-sizing:border-box}
body.docwk-front.docwk-unified-ui :is(.th-root,.tools-root,.pt-root,.pb-root,.tc-root) :is(.btn-primary,.primary-btn,.run-btn){background:var(--ui-strong);color:#fff;border-color:var(--ui-strong);border-radius:12px;min-height:40px}
body.docwk-front.docwk-unified-ui .th-root :is(.editor-wrap,.stat-card,.upload-pane){border-color:var(--ui-line);border-radius:16px;background:#fff}
/* Account subpages, native history and member plans. */
body.docwk-front.docwk-unified-ui :is(.uc-shell,.my-space){background:var(--ui-page);color:var(--ui-ink)}
body.docwk-front.docwk-unified-ui .uc-shell :is(.uc-card,.uc-hero,.uc-stat,.sec-row,.uc-panel,.uc-team-card,.uc-signin-card){background:var(--ui-surface);border-color:var(--ui-line);border-radius:18px;box-shadow:none}
body.docwk-front.docwk-unified-ui .uc-shell :is(.uc-side,.uc-nav){border-color:var(--ui-line);border-radius:18px;background:#fff}
body.docwk-front.docwk-unified-ui .uc-nav-item.active{background:var(--ui-soft);color:var(--ui-strong);border-color:var(--ui-tint)}
body.docwk-front.docwk-unified-ui .uc-shell :is(.uc-stat-icon,.uc-nav-icon){color:var(--ui-accent)}
body.docwk-front.docwk-unified-ui .my-space :is(.my-list,.my-card,.my-detail){background:var(--ui-surface);border-color:var(--ui-line);border-radius:18px}
body.docwk-front.docwk-unified-ui :is(.vip-page,.vip-root){background:var(--ui-page)}
body.docwk-front.docwk-unified-ui :is(.vip-page,.vip-root) :is(.plan,.b-card,.faq-item){border-color:var(--ui-line);background:var(--ui-surface);border-radius:18px}
/* Help, agreements, about and system states are outside the gov layout too. */
body.docwk-front.docwk-unified-ui :is(.docs-body,.about-page,.error-page){background:var(--ui-page);color:var(--ui-ink)}
body.docwk-front.docwk-unified-ui :is(.docs-header,.about-sidebar){background:var(--ui-surface);border-color:var(--ui-line)}
body.docwk-front.docwk-unified-ui :is(.docs-article,.about-content,.error-content){background:var(--ui-surface);border-color:var(--ui-line);border-radius:18px}
body.docwk-front.docwk-unified-ui :is(.toc-tree,.about-sidebar) :is(.active,.on){color:var(--ui-strong);background:var(--ui-soft)}
body.docwk-front.docwk-unified-ui[data-ui-page=home] :is(.site-header,.nav-wrap){background:var(--ui-surface);border-color:var(--ui-line)}
body.docwk-front.docwk-unified-ui[data-ui-page=home] :is(.essential-links a,.template-list a){border-color:var(--ui-line);border-radius:14px}
body.docwk-front.docwk-unified-ui[data-ui-page=home]{--accent:var(--ui-accent);--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line)}
body.docwk-front.docwk-unified-ui[data-ui-page=home] :is(.feature,.template-card,.essential-links a){border-radius:18px;border-color:var(--ui-line);background:var(--ui-surface)}
body.docwk-front.docwk-unified-ui[data-ui-page=home] :is(.hero,.library,.templates){background:var(--ui-page)}
body.docwk-front.docwk-unified-ui[data-ui-page=home] :is(.primary,.workspace-link){background:var(--ui-strong);color:#fff}
body.docwk-front.docwk-unified-ui[data-ui-page=home] .workspace-link{background:var(--ui-strong);color:#fff;border-radius:12px}
/* Shared Element controls/dialogs, including auth, upload and all account forms. */
body.docwk-front.docwk-unified-ui .auth-form{color:var(--ui-ink);background:var(--ui-surface);border-radius:18px}
body.docwk-front.docwk-unified-ui .auth-form .form-item{border-color:var(--ui-line);border-radius:12px;background:var(--ui-soft);min-height:44px}
body.docwk-front.docwk-unified-ui .auth-form .title{color:var(--ui-ink);font-weight:700}
body.docwk-front.docwk-unified-ui .auth-form .subtitle{color:var(--ui-muted)}
body.docwk-unified-ui :is(.el-dialog,.el-message-box,.el-drawer){border-radius:18px;background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
body.docwk-unified-ui :is(.el-input__wrapper,.el-textarea__inner){border-radius:10px}
body.docwk-unified-ui .el-button{border-radius:10px;min-height:36px}
body.docwk-unified-ui .el-button--primary{--el-button-bg-color:var(--ui-strong);--el-button-border-color:var(--ui-strong);--el-button-hover-bg-color:var(--ui-accent);--el-button-hover-border-color:var(--ui-accent)}
body.docwk-unified-ui :is(.el-pagination,.el-tabs__header){border-color:var(--ui-line)}
body.docwk-unified-ui :is(.el-tabs__item.is-active,.el-pagination .active){color:var(--ui-strong)}
body.docwk-unified-ui .el-tabs__active-bar{background:var(--ui-accent)}
/* Back office uses native tables and handlers. Do not convert Element rows into grid. */
body.docwk-admin.docwk-unified-ui{--prev-color-primary:var(--ui-accent);--prev-color-primary-light-3:var(--ui-accent);--prev-color-primary-light-8:var(--ui-tint);--prev-color-primary-light-9:var(--ui-soft);--el-color-primary:var(--ui-accent);--el-color-primary-light-9:var(--ui-soft);--el-color-primary-light-8:var(--ui-tint)}
body.docwk-admin.docwk-unified-ui :is(.layout-main,.layout-view-bg-white,.layout-scrollbar){background:var(--ui-page)!important}
body.docwk-admin.docwk-unified-ui :is(.layout-header,.layout-navbars-breadcrumb-index){background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-line)}
body.docwk-admin.docwk-unified-ui .el-card{border:0;border-radius:18px;background:var(--ui-surface);box-shadow:var(--ui-shadow)}
body.docwk-admin.docwk-unified-ui .el-card__body{padding:18px}
body.docwk-admin.docwk-unified-ui :is(.el-input__inner,.el-textarea__inner){border-color:var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-ink)}
body.docwk-admin.docwk-unified-ui .el-input__inner:focus{border-color:var(--ui-accent)}
body.docwk-admin.docwk-unified-ui .el-button{min-height:38px;border-radius:10px}
body.docwk-admin.docwk-unified-ui .el-button--primary:not(.is-plain){background:var(--ui-strong)!important;border-color:var(--ui-strong)!important;color:#fff!important}
body.docwk-admin.docwk-unified-ui .el-button--primary.is-plain{background:var(--ui-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-strong)!important}
body.docwk-admin.docwk-unified-ui :is(.el-table,.el-table td,.el-table th){border-color:var(--ui-line)}
body.docwk-admin.docwk-unified-ui .el-table th{background:var(--ui-soft);color:var(--ui-muted);font-weight:600}
body.docwk-admin.docwk-unified-ui .el-table .cell{line-height:1.65}
body.docwk-admin.docwk-unified-ui .el-table__body-wrapper{border-radius:0 0 12px 12px;scrollbar-width:thin}
body.docwk-admin.docwk-unified-ui .el-menu-item.is-active{color:var(--ui-strong);background:var(--ui-soft)}
body.docwk-admin.docwk-unified-ui .el-form-item__label{color:var(--ui-muted);font-size:13px}
body.docwk-admin.docwk-unified-ui :is(.el-tabs__header,.el-dialog__header){border-color:var(--ui-line)}
body.docwk-admin.docwk-unified-ui .el-dialog__title{color:var(--ui-ink);font-weight:650}
body.docwk-admin.docwk-unified-ui .el-table--enable-row-hover .el-table__body tr:hover>td{background:var(--ui-soft)}
body.docwk-admin.docwk-unified-ui .qrcode-page :is(.left-panel,.right-panel){border-color:var(--ui-line);border-radius:18px;background:#fff}
body.docwk-admin.docwk-unified-ui .login-right{border-radius:20px}
body.docwk-admin.docwk-unified-ui .el-button--primary:is(:hover,:focus){background:var(--ui-accent)!important;border-color:var(--ui-accent)!important}
/* Native dark-mode controls keep working; article typography is left to its own renderer. */
html.dark body.docwk-unified-ui{--ui-page:#151b24;--ui-surface:#202835;--ui-ink:#e8edf6;--ui-muted:#a7b2c2;--ui-line:#354155;--ui-soft:#283449;--ui-tint:#32435d}
body.docwk-unified-ui .docs-standalone.dark{--ui-page:#151b24;--ui-surface:#202835;--ui-ink:#e8edf6;--ui-muted:#a7b2c2;--ui-line:#354155;--ui-soft:#283449;--ui-tint:#32435d}
body.docwk-unified-ui[data-ui-page=editor-dialog]{margin:0;padding:12px;min-width:0;max-width:100%;box-sizing:border-box;overflow:auto;background:var(--ui-surface)}
body.docwk-unified-ui[data-ui-page=editor-dialog] :is(input,select,textarea){border:1px solid var(--ui-line);border-radius:8px;max-width:100%;box-sizing:border-box;color:var(--ui-ink)}
body.docwk-unified-ui[data-ui-page=editor-dialog] :is(.wrapper,.tabhead,.tabbody,table){max-width:100%;box-sizing:border-box}
}
@media screen and (max-width:600px){
body.docwk-front.docwk-unified-ui :is(.th-root,.tools-root,.pt-root,.pb-root,.tc-root){padding-inline:14px!important;box-sizing:border-box}
body.docwk-front.docwk-unified-ui :is(.pt-root .main,.pb-root .workspace-grid,.tc-root .workspace){grid-template-columns:minmax(0,1fr)!important;min-width:0;gap:14px}
body.docwk-front.docwk-unified-ui .prompt-page{min-width:0;max-width:100%}
body.docwk-front.docwk-unified-ui .prompt-content{min-width:0;max-width:100%;padding-inline:16px;box-sizing:border-box}
body.docwk-unified-ui :is(.el-input__inner,.el-textarea__inner){font-size:16px}
body.docwk-admin.docwk-unified-ui .el-card__body{padding:14px}
body.docwk-admin.docwk-unified-ui .layout-navbars-breadcrumb-index{display:flex;align-items:flex-start;gap:8px}
body.docwk-admin.docwk-unified-ui .layout-navbars-breadcrumb-user{min-width:0;max-width:calc(100% - 40px);flex-wrap:wrap;justify-content:flex-end;row-gap:5px;padding-block:5px}
body.docwk-admin.docwk-unified-ui .layout-navbars-breadcrumb-user .el-dropdown{max-width:100%}
body.docwk-admin.docwk-unified-ui .layout-navbars-breadcrumb-user-link{max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.docwk-admin.docwk-unified-ui .el-dialog__footer .el-button{min-height:40px}
}
@media(prefers-reduced-motion:reduce){body.docwk-unified-ui button{transition:none}}