@import url("assets/upstream/fonts/iconfont.css");
/* PaiWork main@8f857c00. Reference content is retained; only this isolated preview is restyled. */
:root{--page:var(--bg-canvas);--surface:var(--bg-surface);--ink:var(--font-b-1);--text:var(--font-b-2);--muted:var(--font-b-3);--line:var(--border-subtle);--blue:var(--font-link);--blue-soft:var(--bg-selected);--dark:var(--action-primary);--shadow:none}
html,body{font-family:'PingFang SC',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;font-size:14px;color:var(--font-b-1);background:var(--bg-canvas)}button,input{font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}button:disabled{cursor:default}.page-shell>.top-header{min-height:60px;height:60px;padding:12px 20px;gap:16px;border-bottom:1px solid #ededee;background:#fff;flex-shrink:0;flex-direction:row;align-items:center}.top-header .board-heading{gap:0}.top-header .board-tabs{padding:0;gap:16px;background:transparent;border-radius:0}.board-tabs .board-tab{min-width:0;height:24px;gap:5px;padding:0;background:transparent;border-radius:0;color:var(--font-b-2);font:400 16px/24px 'PingFang SC',system-ui,sans-serif}.board-tabs .board-tab i{font-size:16px;font-weight:400}.board-tabs .board-tab.active{font-weight:600;color:var(--font-b-1);background:transparent;box-shadow:none}.board-tabs .board-tab:hover{color:var(--font-b-1);background:transparent}.top-header .header-tools{gap:10px;min-width:0}.top-header .search-wrap{width:280px;min-width:260px;flex:0 0 280px}.top-header .search-input{height:32px;padding:0 10px 0 30px;font-size:13px;line-height:20px;border:1px solid #f0f0f0;border-radius:8px;background:#fff;color:var(--font-b-1);transition:border-color .15s;box-shadow:none}.search-wrap:before{content:'\e9e1';font-family:iconfont!important;position:absolute;left:9px;top:6px;color:var(--font-b-3);font-size:15px;pointer-events:none}.search-wrap:before{content:'';border:1.4px solid currentColor;border-radius:50%;width:9px;height:9px;top:9px}.search-wrap:after{content:'';position:absolute;width:5px;height:1.4px;background:var(--font-b-3);transform:rotate(45deg);left:18px;top:19px;pointer-events:none}.top-header .search-input:hover{border-color:#dedede}.top-header .search-input:focus{border-color:#bdbdbd;box-shadow:none}.top-header .search-input::placeholder{color:var(--font-b-4)}.top-header .primary-action{height:32px;padding:4px 10px;border:1px solid #cfe4ff;border-radius:8px;background:#f0f7ff;color:#2a66f6;font-size:13px;font-weight:400;line-height:20px}.top-header .primary-action:hover{background:#dfedff}.primary-action:before{content:'+';font-size:18px;margin-right:5px;vertical-align:-1px}
.board-body{background:#fff}
.page-shell .board-taxonomy{width:160px;flex:0 0 160px;padding:16px 10px;border-right:1px solid #f0f0f0;background:#fff;font-family:inherit;scrollbar-color:#dddfe1 transparent}
/* PaiWork TreeNode.vue: one row surface for hover and selection, including its disclosure arrow. */
.board-taxonomy .topic-button{min-height:30px;height:30px;border-radius:8px;gap:8px;padding:4px 9px;color:var(--font-b-1);font-size:14px;line-height:22px;font-weight:400}
.board-taxonomy .topic-button:hover{background:#f0f0f0;color:var(--font-b-1)}
.board-taxonomy .topic-button.active{color:var(--font-b-1);background:var(--bg-selected);font-weight:400}
.board-taxonomy .topic-button i,.board-taxonomy .topic-button.active i{font-size:16px;color:var(--font-b-3)}
.board-taxonomy .topic-button[data-topic="研选推荐"] .recommendation-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px;font-weight:400;line-height:1;color:#91684c;background:linear-gradient(145deg,#bd9473 0%,#91684c 55%,#694632 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.topic-all-row{margin-top:4px}
.board-taxonomy>[data-topic="研选推荐"][hidden]+.topic-all-row{margin-top:0}
.board-taxonomy .topic-children{margin:4px 0 0;padding:0;border-left:0}
/* Indent content, not row surfaces: every level shares the same hover/selection width. */
.board-taxonomy .topic-subcategories{position:relative;margin:4px 0 0;padding:0;border-left:0}
.board-taxonomy .topic-subcategories::before{content:"";position:absolute;left:20px;top:0;bottom:0;width:1px;background:#ededee;pointer-events:none}
.board-taxonomy .topic-group+.topic-group,.board-taxonomy .topic-leaf+.topic-leaf{margin-top:4px}
.board-taxonomy .topic-subcategories .topic-leaf{height:30px;min-height:30px;padding-left:36px}
.board-taxonomy .topic-button>.all-boards-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px}
.all-boards-icon>img{display:block;width:16px;height:16px;object-fit:contain;pointer-events:none}
.board-category-tree .topic-group-row>.topic-button{padding-left:30px}
.board-category-tree .topic-child{display:block;min-height:30px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-taxonomy .topic-group-row{border-radius:8px}
.board-taxonomy .topic-group-row:hover{background:#f0f0f0}
.board-taxonomy .topic-group-row:has(>.topic-button.active){background:var(--bg-selected)}
.board-taxonomy .topic-group-row>.topic-button,.board-taxonomy .topic-group-row>.topic-button:hover,.board-taxonomy .topic-group-row>.topic-button.active{background:transparent;color:var(--font-b-1)}
.board-taxonomy .topic-expand{height:12px;width:12px;left:14px;color:var(--font-b-3);border-radius:0;background:transparent}
.board-taxonomy .topic-expand i{font-size:12px;line-height:1}
.board-taxonomy .topic-expand:hover{color:var(--font-b-3);background:transparent}
.board-taxonomy .topic-group.has-selected-child>.topic-group-row>.topic-button{color:var(--font-b-1)}
.mine-taxonomy>.topic-button{margin-top:4px}
.mine-taxonomy>.topic-button>.board-ui-icon.iconfont{width:16px;height:16px;flex:0 0 16px;font-size:16px;line-height:1;font-weight:400}
.mine-taxonomy .topic-children{margin-bottom:0}
/* Match the supplied scheduled-task empty state; keep textContent updates intact. */
.content>.empty-search{font-size:14px;line-height:22px;font-weight:400;color:var(--font-b-3)}
.content>.empty-search::before{content:"";display:block;width:112px;height:96px;margin:0 auto 24px;background:url("assets/empty-board.svg") center/contain no-repeat}
.board-body>.content{padding:14px 20px 32px;background:#fff;scrollbar-color:#dddfe1 transparent}.content .section{margin-bottom:0;max-width:1600px}.content .section-head,.content .mine-toolbar,.content[data-board-view=organization] .organization-visibility-notice{min-height:32px;height:32px;margin:0 0 14px;gap:12px;align-items:center;flex-wrap:nowrap}.content .section-title h2,.mine-toolbar h2,.organization-visibility-notice h2{font-size:14px;line-height:22px;font-weight:600;color:var(--font-b-1)}/* User reference: soft grey, borderless filter controls; labels remain plain text. */
/* AllSkillsFilters.vue: 24px pills with 12px text and compact spacing. */
.plaza-filter-toolbar{gap:16px}
.plaza-filter-group{gap:8px}
.plaza-filter-label{font-size:12px;line-height:24px;font-weight:400;color:var(--font-b-2);margin-right:0;cursor:default;white-space:nowrap}
.plaza-filter-chip{height:24px;padding:2px 8px;border:0;border-radius:4px;background:#f4f5f6;font-size:12px;line-height:20px;font-weight:400;color:var(--font-b-2);cursor:pointer;white-space:nowrap;transition:background-color .15s,color .15s}
.plaza-filter-chip:hover{color:var(--font-link-hover);background:#f4f5f6}
.plaza-filter-chip.active,.plaza-filter-chip[aria-pressed=true]{color:var(--font-link);background:var(--bg-selected);font-weight:400}
.plaza-filter-chip.active:hover,.plaza-filter-chip[aria-pressed=true]:hover{background:#dfedff}
.content[data-board-view=organization] .organization-visibility-notice{justify-content:flex-start;gap:8px;font-family:inherit}
.organization-visibility-notice h2{font-size:14px;line-height:22px;font-weight:600;color:var(--font-b-1)}
.organization-visibility-notice .organization-notice-text{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:20px;font-weight:400;color:var(--font-b-3)}
.organization-visibility-notice .organization-notice-text i{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 14px;font-size:14px;line-height:1;font-weight:400;color:inherit}
.content[data-board-view=organization] .workspace-body{padding-top:0}
.page-shell .content .plaza-grid,.page-shell .content[data-board-view=organization] [data-source-panel=organization].plaza-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:16px;padding:0;align-items:stretch}.page-shell .content .list-panel.plaza-grid:not(.active){display:none}.page-shell .content .plaza-grid>.plaza-card{height:auto!important;min-height:0;grid-row:auto!important;grid-column:auto!important;position:relative;border:1px solid #e9e9e9;border-radius:8px;background:#fff;box-shadow:none;overflow:hidden;transform:none;transition:border-color .15s,box-shadow .15s}.page-shell .content .plaza-grid>.plaza-card:hover{transform:none;border-color:#c9cdd4;box-shadow:0 3px 12px #191a1d08}.page-shell .content .plaza-grid>.plaza-card:focus-within{border-color:#a7c4fa}.page-shell .content .plaza-grid>.plaza-card:has([data-card-menu]:not([hidden])){overflow:visible;z-index:8}.page-shell .content .plaza-grid>.plaza-card .plaza-preview{width:100%;height:auto!important;min-height:0!important;flex:0 0 auto!important;aspect-ratio:16/9;margin:0;border-radius:7px 7px 0 0;background:#f4f5f6;border-bottom:1px solid #f0f0f0!important;overflow:hidden}.page-shell .content .plaza-grid>.plaza-card .plaza-preview img{position:static;width:100%;height:100%;min-height:0;object-fit:cover;object-position:top center;transform:none}.page-shell .content .plaza-grid>.plaza-card .plaza-body{padding:12px;height:auto;min-height:121px;flex:1;gap:0}.page-shell .content .plaza-grid>.plaza-card .plaza-body h3{font-size:14px;font-weight:600;line-height:22px;white-space:nowrap;margin:0;color:var(--font-b-1)}.page-shell .content .plaza-grid>.plaza-card .plaza-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px;margin:5px 0 12px;white-space:normal;font-size:12px;line-height:20px;color:var(--font-b-3);overflow:hidden}.page-shell .content .plaza-grid>.plaza-card .plaza-meta{display:flex;align-items:center;margin-top:auto;min-height:24px;padding:0;gap:5px;border:0;color:var(--font-b-3)}.plaza-meta>.author{font-size:12px;font-weight:400;gap:5px;color:var(--font-b-2);min-width:0;flex-shrink:1}.author img{width:18px;height:18px;transform:none;clip-path:none}.plaza-meta>.author>span{overflow:hidden;text-overflow:ellipsis;max-width:58px}.plaza-actions{gap:8px;margin-left:auto;position:relative;z-index:3}.engagement-stat{font-size:11px;color:var(--font-b-3);gap:3px}.plaza-actions .engagement-stat img{width:14px;height:14px}.favorite-count-inline{font-size:11px;color:var(--font-b-3)}.pin-button{width:20px;height:24px;flex-basis:20px!important}.pin-button img{width:14px!important;height:14px!important}.board-share-button{margin-left:0;width:20px;flex-basis:20px;color:var(--font-b-3)}.board-remake-button{height:24px;line-height:22px;padding:0 6px;font-size:11px;border:1px solid #cfe4ff;border-radius:4px;color:#2a66f6;background:#f0f7ff}.board-remake-button:hover{background:#dfedff}.board-update-badge{font-size:10px;line-height:16px;padding:1px 6px;right:8px;bottom:8px;border-radius:4px;background:rgba(25,26,29,.6);color:#fff}.card-link{border-radius:8px}.more-button{color:var(--font-b-3)}.card-menu{padding:4px;border:1px solid #e9e9e9;border-radius:8px;box-shadow:0 4px 16px #00000012}.card-menu-item{height:30px;line-height:22px;border-radius:4px;color:var(--font-b-1)}.card-menu-item:hover{background:var(--bg-hover)}.card-menu .card-menu-item[data-menu-action=删除网站]{color:var(--status-danger)}.card-menu-item[data-menu-action=停止更新]{border-color:#ededee}
.site-analysis-layer,.site-settings-layer,.site-confirm-layer{background:rgba(0,0,0,.32);backdrop-filter:none}.site-analysis-dialog,.site-settings-dialog,.site-confirm-dialog{border-radius:12px;box-shadow:0 16px 48px #0003;color:var(--font-b-1);padding:24px}.site-analysis-title,.site-settings-head h2,.site-confirm-dialog h2{font-size:18px!important;line-height:26px;font-weight:600}.site-analysis-close,.site-confirm-close{top:16px;right:16px;font-size:22px;color:var(--font-b-3)}.site-analysis-panel{border-radius:8px;border-color:#e9e9e9}.site-analysis-tab,.site-analysis-range,.site-settings-list,.site-settings-share{border-radius:6px}.site-confirm-actions button{height:32px;line-height:20px;padding:4px 12px;border-radius:8px;font-size:13px}.site-confirm-actions .primary{background:var(--action-primary);border-color:var(--action-primary)}.site-confirm-actions .danger{background:var(--status-danger);border-color:var(--status-danger)}.board-detail-toolbar{height:52px;flex-basis:52px;padding:0 16px;gap:16px;border-color:#ededee;color:var(--font-b-2)}.board-detail-toolbar button{font-size:13px;border-radius:6px;color:var(--font-b-1)}.board-detail-toolbar button:hover{background:var(--bg-hover)}.board-detail-toolbar .board-detail-icon{color:var(--font-b-3)}.board-detail-toolbar .board-detail-icon:hover{color:var(--font-link);background:var(--bg-hover)}.toast{font-size:13px;border-radius:8px;background:#191a1d}.empty-search{font-size:13px;color:var(--font-b-3);padding:64px 20px}.local-board-preview{display:flex;align-items:center;justify-content:center;padding:20px;background:#f4f7fc!important;color:#2a66f6}.local-board-preview h4{font-size:18px;font-weight:600;margin:0}.local-board-preview p{font-size:12px;color:#808288;margin:8px 0 0}
@media(min-width:1550px){.page-shell .content .plaza-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1080px){.page-shell .content .plaza-grid,.page-shell .content[data-board-view=organization] [data-source-panel=organization].plaza-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-header .board-heading{gap:20px}.top-header .board-tabs{gap:12px}.top-header .search-wrap{width:280px}.top-header .primary-action{font-size:12px}.board-body>.content{padding:14px 16px 28px}.page-shell .board-taxonomy{width:150px;flex-basis:150px}.page-shell .content .plaza-grid>.plaza-card .plaza-body{min-height:118px}}
@media(max-width:850px){.page-shell>.top-header{height:auto;min-height:96px;flex-wrap:wrap;gap:12px;padding:12px 16px}.top-header .board-heading{width:100%;justify-content:space-between}.top-header .header-tools{width:100%;justify-content:space-between;flex-wrap:wrap}.top-header .search-wrap{flex:1 1 260px;width:auto;min-width:min(260px,100%)}.page-shell .content .plaza-grid{gap:12px}.content .section-head{height:auto;min-height:32px;flex-wrap:wrap}.plaza-meta>.author>span{max-width:42px}.organization-notice-text{display:none!important}}
@media(max-width:620px){.page-shell .board-taxonomy{width:128px;flex-basis:128px;padding:12px 6px}.board-taxonomy .topic-button{gap:5px}.page-shell .content .plaza-grid,.page-shell .content[data-board-view=organization] [data-source-panel=organization].plaza-grid{grid-template-columns:1fr}.board-body>.content{padding:12px}.page-shell .content .plaza-grid>.plaza-card .plaza-body{padding:10px}.page-shell .content .plaza-grid>.plaza-card .plaza-meta{flex-wrap:wrap;gap:6px}.plaza-meta>.author>span{max-width:65px}.page-shell .content .plaza-grid>.plaza-card .plaza-body p{margin-bottom:8px}.top-header .primary-action{font-size:11px;padding:4px 8px}.top-header .search-input{font-size:12px}.board-detail-updated{display:none}.board-detail-toolbar{gap:6px;padding:0 8px}.board-detail-toolbar .board-detail-icon{width:26px}.board-detail-heading{max-width:65%;align-items:flex-start;overflow:hidden}.board-detail-heading button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-detail-actions{gap:0}.mine-toolbar{flex-wrap:wrap;height:auto!important}.mine-toolbar .plaza-filter-label{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Source glyphs and 22px controls: main@8f857c00 StatusBar.vue / CollectButton.vue. */
.board-ui-icon.iconfont{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;font-size:14px;line-height:1;font-weight:400;vertical-align:middle;color:inherit}
.plaza-actions .more-button,.plaza-actions .pin-button,.plaza-actions .board-share-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px!important;padding:4px;border:0;border-radius:4px;background:transparent;color:var(--font-b-3);transform:none;transition:background-color .15s ease,color .15s ease}
.plaza-actions .more-button:hover,.plaza-actions .more-button[aria-expanded="true"],.plaza-actions .pin-button:hover,.plaza-actions .board-share-button:hover{background:#ebebeb;color:var(--font-b-2);transform:none}
/* Upstream FolderItem.vue selected favorite uses $gold-2 (#fdcd5c). */
.plaza-actions .pin-button[aria-pressed="true"],.board-detail-toolbar .board-detail-icon[aria-pressed="true"],.plaza-actions .pin-button[aria-pressed="true"]:hover,.board-detail-toolbar .board-detail-icon[aria-pressed="true"]:hover{color:#fdcd5c}
.plaza-actions .engagement-stat{height:22px;align-items:center;gap:4px}
.plaza-actions .engagement-stat>.board-ui-icon{color:var(--font-b-3)}
.plaza-actions .favorite-action{height:22px;gap:0}
/* Keep the 22px hit area; exclude its invisible 4px left inset from visible spacing. */
.plaza-actions .favorite-action>.pin-button{margin-left:-4px;margin-right:0}
.plaza-actions .favorite-count-inline{min-width:0;margin-left:0;line-height:22px}
.plaza-actions .more-wrap{height:22px;margin:0 -4px}
.plaza-actions .board-share-button{margin:0 -4px}
.board-detail-toolbar .board-detail-icon{width:22px;height:22px;padding:4px;border-radius:4px;color:var(--font-b-3)}
.board-detail-toolbar .board-detail-icon:hover{background:#ebebeb;color:var(--font-b-2)}
.board-detail-toolbar{height:48px;flex-basis:48px;gap:16px;line-height:22px}
.board-detail-toolbar #boardDetailBack{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;height:28px;padding:3px 4px;font-size:13px;line-height:22px;font-weight:400;color:var(--font-b-2)}
.board-detail-toolbar #boardDetailBack .board-ui-icon{width:14px;height:14px;font-size:14px;font-weight:400;color:inherit}
.board-detail-toolbar .board-detail-heading{display:flex;flex-direction:row;align-items:center;gap:12px;flex:1;min-width:0;max-width:none;padding-left:16px;border-left:1px solid var(--border-subtle);line-height:22px}
.board-detail-heading>span:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--font-b-1);font-size:14px;line-height:22px;font-weight:600}
.board-detail-heading .board-detail-updated{flex:0 0 auto;color:var(--font-b-3);font-size:12px;line-height:22px;font-weight:400}
.board-detail-toolbar .board-detail-actions{flex:0 0 auto;align-items:center}
@media(max-width:620px){.board-detail-toolbar{gap:8px}.board-detail-toolbar .board-detail-heading{padding-left:12px}}