/* Unified library: modern neutral workspace, brand detail confined to the banner. */ body.page-id-867:has(.qykc-library-workspace), body.page-id-867:has(.qykc-library-workspace) > main.container { background:#f5f6f8 !important; } body.page-id-867 .page-article:has(.qykc-library-workspace) { overflow:visible !important; } body.page-id-867 .qykc-library-workspace { --qw-accent:#aa3d32; --qw-accent-hover:#90362d; --qw-tint:#f8f2ed; --qw-ink:#202938; --qw-muted:#697586; --qw-line:#e4e8ef; --qw-soft:#f5f6f8; --qw-paper:#ffffff; --qw-green:#153a38; --qw-warm:#c3a477; --qykc-workspace-sticky-top:86px; box-sizing:border-box; width:min(calc(100% - 64px),1840px); min-width:0; margin:26px auto 80px; scroll-margin-top:102px; color:var(--qw-ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; -webkit-font-smoothing:antialiased; font-synthesis:none; } .qykc-library-workspace *, .qykc-library-workspace *::before, .qykc-library-workspace *::after { box-sizing:border-box; } body.page-id-867 .qykc-library-workspace :is(a,button,input,select,p,h2,h3,h4,strong,small,span,em,b) { font-family:inherit; } .qykc-library-workspace a { color:inherit; text-decoration:none; } .qykc-library-workspace button, .qykc-library-workspace input, .qykc-library-workspace select { font:inherit; } .qykc-library-workspace button { cursor:pointer; } .qykc-library-workspace :is(a,button,input,select):focus-visible { outline:3px solid var(--qw-accent); outline-offset:3px; } .qykc-library-workspace :is(h1,h2,h3,h4,p) { margin-top:0; } .qykc-library-workspace svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } .qykc-library-workspace .qykc-workspace-head { display:flex; align-items:center; justify-content:space-between; position:relative; overflow:hidden; min-height:144px; gap:20px; margin-bottom:18px; padding:25px 32px; border:1px solid #234a47; border-radius:18px; background:linear-gradient(110deg,#173935,#102c31); color:#fff; box-shadow:0 1px 2px rgba(20,32,50,.05); } .qykc-library-workspace .qykc-workspace-brand { display:flex; align-items:center; gap:22px; position:relative; z-index:1; } body.page-id-867 .qykc-library-workspace .qykc-workspace-seal { display:block; padding:8px 10px; border:1px solid rgba(219,187,129,.55); border-radius:4px; color:#dcc092; font-family:"Songti SC",STSong,serif; font-size:15px; line-height:1.45; box-shadow:inset 0 0 0 3px #173935,inset 0 0 0 4px rgba(219,187,129,.16); } .qykc-library-workspace .qykc-workspace-kicker { display:block; color:#b8c9c9; font-size:10px; font-weight:500; letter-spacing:.14em; } .qykc-library-workspace .qykc-workspace-head h1 { margin:7px 0 9px; color:#fff; font-family:"Songti SC",STSong,serif; font-size:34px; font-weight:600; letter-spacing:.12em; line-height:1.15; } .qykc-library-workspace .qykc-workspace-head p { margin:0; color:#c3d3d2; font-size:12px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-pavilion { position:absolute; right:36px; bottom:-9px; width:385px; height:150px; stroke:#c5b386; stroke-width:.9; opacity:.43; } /* Shared module navigation; the current module uses the brand selection state. */ .qykc-library-workspace .qykc-workspace-tabs { position:sticky; top:var(--qykc-workspace-sticky-top,0px); z-index:70; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; margin-bottom:22px; padding:8px; border:1px solid var(--qw-line); border-radius:17px; background:#fff; box-shadow:0 2px 5px rgba(20,32,50,.04); } .qykc-library-workspace .qykc-workspace-tab { --tab-color:#655b4d; --tab-tint:#faf9f6; --tab-line:#e7e2d9; display:flex; position:relative; min-width:0; align-items:center; gap:12px; min-height:72px; padding:12px 14px; border:1px solid var(--tab-line); border-radius:9px; background:var(--tab-tint); color:var(--tab-color); box-shadow:0 1px 2px rgba(20,32,50,.025); transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .qykc-library-workspace .qykc-workspace-tab::before { content:""; position:absolute; top:-1px; left:13px; right:13px; height:3px; border-radius:0 0 3px 3px; background:var(--tab-color); opacity:.65; } .qykc-library-workspace .qykc-workspace-tab:hover { border-color:var(--tab-color); box-shadow:0 2px 5px rgba(20,32,50,.07); } .qykc-library-workspace .qykc-workspace-tab:active { transform:scale(.96); } .qykc-library-workspace .qykc-workspace-tab.is-active { color:#fff; background:var(--tab-color); border-color:var(--tab-color); box-shadow:0 3px 7px rgba(20,32,50,.16),inset 0 1px 0 rgba(255,255,255,.15); } .qykc-library-workspace .qykc-workspace-tab.is-active::before { opacity:0; } .qykc-library-workspace .qykc-workspace-tab.is-active::after { content:""; position:absolute; bottom:5px; left:calc(50% - 10px); width:20px; height:3px; border-radius:3px; background:#fff; opacity:.9; } .qykc-library-workspace .qykc-workspace-tab:focus-visible { outline:3px solid var(--tab-color); outline-offset:3px; } .qykc-library-workspace .qykc-workspace-tab-icon { display:grid; flex:0 0 42px; width:42px; height:42px; place-items:center; border:1px solid rgba(0,0,0,.04); border-radius:11px; background:var(--tab-color); color:#fff; box-shadow:0 2px 4px rgba(20,32,50,.08); } .qykc-library-workspace .qykc-workspace-tab.is-active .qykc-workspace-tab-icon { background:rgba(255,255,255,.17); border-color:rgba(255,255,255,.24); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); } .qykc-library-workspace .qykc-workspace-tab > span:last-child { display:grid; min-width:0; gap:3px; } .qykc-library-workspace .qykc-workspace-tab strong { overflow:hidden; color:var(--tab-color); font-size:15px; font-weight:650; white-space:nowrap; text-overflow:ellipsis; } .qykc-library-workspace .qykc-workspace-tab small { overflow:hidden; color:#5c687b; font-size:11px; white-space:nowrap; text-overflow:ellipsis; } .qykc-library-workspace .qykc-workspace-tab.is-active strong { color:#fff; } .qykc-library-workspace .qykc-workspace-tab.is-active small { color:rgba(255,255,255,.94); } .qykc-library-workspace .qykc-workspace-mobile-index { display:none; } .qykc-library-workspace .qykc-workspace-layout { display:grid; grid-template-columns:244px minmax(0,1fr); gap:24px; align-items:start; } .qykc-library-workspace .qykc-workspace-index { position:sticky; top:calc(var(--qykc-workspace-sticky-top,0px) + 106px); max-height:calc(100vh - var(--qykc-workspace-sticky-top,0px) - 122px); min-width:0; overflow:auto; overscroll-behavior:contain; padding:12px; border:1px solid var(--qw-line); border-radius:16px; background:#fff; box-shadow:0 1px 2px rgba(20,32,50,.025); scrollbar-width:thin; } .qykc-library-workspace .qykc-workspace-index-head { display:grid; gap:3px; margin:4px 6px 10px; padding:5px 7px 14px; border-bottom:1px solid var(--qw-line); } .qykc-library-workspace .qykc-workspace-index-head strong { font-size:15px; } .qykc-library-workspace .qykc-workspace-index-head small { color:var(--qw-muted); font-size:12px; line-height:1.55; } .qykc-library-workspace .qykc-workspace-group { margin:17px 6px 6px; padding:0 7px 6px; color:#697586; font-size:11px; font-weight:700; letter-spacing:.05em; border-bottom:1px solid #e4e8ef; } .qykc-library-workspace .qykc-workspace-index-link { display:flex; align-items:center; gap:9px; min-height:44px; margin:2px 0; padding:9px 10px; border:0; border-radius:8px; color:#465164; font-size:13px; line-height:1.45; transition:background-color .16s ease,color .16s ease; } .qykc-library-workspace .qykc-workspace-index-link:hover { background:#f5f6f8; color:var(--qw-ink); } .qykc-library-workspace .qykc-workspace-index-link.is-active { background:var(--qw-tint); color:var(--qw-accent); font-weight:650; } .qykc-library-workspace .qykc-workspace-nav-icon { display:inline-flex; flex:0 0 18px; color:#929baa; } .qykc-library-workspace .qykc-workspace-nav-icon svg { width:17px; height:17px; stroke-width:1.65; } .qykc-library-workspace .qykc-workspace-index-link.is-active .qykc-workspace-nav-icon { color:var(--qw-accent); } .qykc-library-workspace .qykc-workspace-index-link.is-browse { margin-bottom:12px; } .qykc-library-workspace .qykc-workspace-index-link.is-sub { padding-left:18px; } .qykc-library-workspace .qykc-workspace-index-link.is-doc { align-items:flex-start; } .qykc-library-workspace .qykc-workspace-index-link > span:nth-child(2) { min-width:0; overflow-wrap:anywhere; } .qykc-library-workspace .qykc-workspace-count { flex:0 0 auto; margin-left:auto; min-width:24px; padding:2px 5px; border-radius:5px; background:#f1f3f6; color:#637086; font-size:10px; text-align:center; font-variant-numeric:tabular-nums; } .qykc-library-workspace .qykc-workspace-index-link.is-active .qykc-workspace-count { background:#fff; color:var(--qw-accent); } .qykc-library-workspace .qykc-workspace-doc-mark { color:#697586; font-size:14px; } .qykc-library-workspace .qykc-workspace-content { min-height:68vh; min-width:0; padding:28px clamp(20px,2.3vw,38px) 42px; border:1px solid var(--qw-line); border-radius:16px; background:var(--qw-paper); box-shadow:0 1px 3px rgba(20,32,50,.025); } .qykc-library-workspace .qykc-workspace-content-head { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; min-width:0; padding-bottom:21px; border-bottom:1px solid var(--qw-line); } .qykc-library-workspace .qykc-workspace-content-head > div:first-child { min-width:0; } .qykc-library-workspace .qykc-workspace-eyebrow { display:block; margin-bottom:10px; color:var(--qw-accent); font-size:11px; font-weight:600; letter-spacing:.02em; } .qykc-library-workspace .qykc-workspace-content-head h2 { margin:0 0 6px; color:#202938; font-family:inherit; font-size:clamp(23px,2vw,28px); font-weight:700; line-height:1.3; text-wrap:balance; } .qykc-library-workspace .qykc-workspace-content-head p { max-width:860px; margin:0; color:var(--qw-muted); font-size:13px; line-height:1.65; text-wrap:pretty; } .qykc-library-workspace .qykc-workspace-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; flex:0 0 auto; } .qykc-library-workspace .qykc-workspace-button, .qykc-library-workspace .qykc-workspace-search button, .qykc-library-workspace .qykc-workspace-filter button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 14px; border:1px solid var(--qw-accent); border-radius:9px; background:var(--qw-accent); color:#fff !important; font-size:12px; font-weight:700; line-height:1.25; cursor:pointer; transition:background-color .17s ease,transform .17s ease; } .qykc-library-workspace .qykc-workspace-button:hover,.qykc-library-workspace .qykc-workspace-search button:hover,.qykc-library-workspace .qykc-workspace-filter button:hover { background:var(--qw-accent-hover); } .qykc-library-workspace .qykc-workspace-button:disabled { opacity:.55; cursor:wait; transform:none; } .qykc-library-workspace .qykc-workspace-button:active,.qykc-library-workspace .qykc-workspace-search button:active,.qykc-library-workspace .qykc-workspace-filter button:active { transform:scale(.96); } .qykc-library-workspace .qykc-workspace-button.is-secondary { border-color:#e0e5ed; background:#fff; color:#455166 !important; } .qykc-library-workspace .qykc-workspace-button.is-secondary:hover { background:var(--qw-tint); } .qykc-library-workspace .qykc-workspace-search { display:flex; max-width:520px; gap:8px; margin:20px 0; } .qykc-library-workspace .qykc-workspace-search label { flex:1; min-width:0; } .qykc-library-workspace .qykc-workspace-search input,.qykc-library-workspace .qykc-workspace-filter input,.qykc-library-workspace .qykc-workspace-filter select { width:100%; min-height:42px; padding:8px 12px; border:1px solid #e4e8ef; border-radius:9px; background:#fff; color:#202938; font-size:13px; } .qykc-library-workspace .qykc-workspace-loading { display:grid; min-height:160px; place-items:center; color:#697586; font-size:13px; } .qykc-library-workspace .qykc-workspace-index .qykc-workspace-loading { min-height:92px; } .qykc-library-workspace .qykc-workspace-state { max-width:600px; margin:38px auto; padding:28px; border:1px solid #e4e8ef; border-radius:13px; background:#f5f6f8; color:#202938; } .qykc-library-workspace .qykc-workspace-state strong { display:block; margin-bottom:7px; font-size:18px; } .qykc-library-workspace .qykc-workspace-state p { margin:0 0 15px; color:#697586; font-size:13px; line-height:1.75; } .qykc-library-workspace .qykc-workspace-state button { min-height:40px; padding:8px 15px; border:0; border-radius:8px; background:var(--qw-accent); color:#fff; } .qykc-library-workspace .qykc-workspace-state.is-gate { border-color:#e4e8ef; background:#ffffff; } .qykc-library-workspace .qykc-workspace-book-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; margin-top:22px; } .qykc-library-workspace .qykc-workspace-book-card { --book-color:#3459b8; --book-deep:#253d79; --book-light:#edf2ff; display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid rgba(23,39,66,.08); border-radius:14px; background:#fff; box-shadow:0 2px 4px rgba(20,32,50,.035),0 6px 18px rgba(20,32,50,.035); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .qykc-library-workspace .qykc-workspace-book-card[data-book-tone="platform"] { --book-color:#187c8c; --book-deep:#164d61; --book-light:#eaf7f8; } .qykc-library-workspace .qykc-workspace-book-card[data-book-tone="business"] { --book-color:#5758a4; --book-deep:#373968; --book-light:#f0f0fb; } .qykc-library-workspace .qykc-workspace-book-card[data-book-tone="growth"] { --book-color:#79569e; --book-deep:#483367; --book-light:#f5effa; } .qykc-library-workspace .qykc-workspace-book-card:hover { border-color:var(--book-color); transform:translateY(-3px); box-shadow:0 3px 7px rgba(20,32,50,.04),0 14px 28px rgba(20,32,50,.09); } .qykc-library-workspace .qykc-workspace-book-cover { display:flex; align-items:center; position:relative; isolation:isolate; min-height:100px; gap:18px; padding:17px 22px; overflow:hidden; background:linear-gradient(115deg,var(--book-deep),var(--book-color)); color:#fff; } .qykc-library-workspace .qykc-workspace-book-volume { position:relative; display:flex; flex:0 0 46px; flex-direction:column; align-items:center; justify-content:center; gap:5px; height:63px; border-radius:3px 6px 6px 3px; background:rgba(255,255,255,.13); box-shadow:inset 3px 0 0 rgba(255,255,255,.14),inset -3px 0 0 rgba(255,255,255,.38),0 5px 12px rgba(0,0,0,.16); transform:rotate(-6deg); transition:transform .18s ease; } .qykc-library-workspace .qykc-workspace-book-volume svg { width:24px; height:24px; stroke-width:1.5; } .qykc-library-workspace .qykc-workspace-book-volume i { width:18px; height:1px; background:rgba(255,255,255,.45); } .qykc-library-workspace .qykc-workspace-book-volume i:last-child { width:11px; } .qykc-library-workspace .qykc-workspace-book-card:hover .qykc-workspace-book-volume { transform:rotate(-2deg) translateY(-2px); } .qykc-library-workspace .qykc-workspace-book-cover-copy { display:flex; flex-direction:column; position:relative; z-index:1; min-width:0; gap:6px; } .qykc-library-workspace .qykc-workspace-book-cover-copy small { color:rgba(255,255,255,.78); font-size:10px; line-height:1.4; letter-spacing:.1em; } .qykc-library-workspace .qykc-workspace-book-subject { color:#fff; font-size:21px; font-weight:650; line-height:1.3; letter-spacing:.02em; } .qykc-library-workspace .qykc-workspace-book-cover-lines { position:absolute; z-index:-1; width:110px; height:110px; right:-25px; top:20px; border:1px solid rgba(255,255,255,.14); border-radius:22px; transform:rotate(-25deg); box-shadow:0 0 0 12px rgba(255,255,255,.04),0 0 0 25px rgba(255,255,255,.04); } .qykc-library-workspace .qykc-workspace-book-card .qykc-workspace-book-copy { display:flex; flex:1; flex-direction:column; gap:9px; min-width:0; padding:17px 18px 13px; } .qykc-library-workspace .qykc-workspace-book-title { display:-webkit-box; overflow:hidden; min-height:48px; color:#202938; font-size:15px; font-weight:650; line-height:1.6; text-wrap:pretty; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .qykc-library-workspace .qykc-workspace-book-card em { display:-webkit-box; overflow:hidden; color:#697586; font-size:12px; font-style:normal; line-height:1.7; -webkit-line-clamp:2; -webkit-box-orient:vertical; } .qykc-library-workspace .qykc-workspace-book-metrics { display:flex; align-items:baseline; gap:0; margin-top:auto; padding-top:13px; } .qykc-library-workspace .qykc-workspace-book-wordcount,.qykc-library-workspace .qykc-workspace-book-chapters { display:flex; align-items:baseline; gap:5px; } .qykc-library-workspace .qykc-workspace-book-chapters { margin-left:18px; padding-left:18px; border-left:1px solid #e4e8ef; } .qykc-library-workspace .qykc-workspace-book-number { color:var(--book-deep); font-size:23px; font-weight:650; letter-spacing:-.04em; line-height:1.15; font-variant-numeric:tabular-nums; } .qykc-library-workspace .qykc-workspace-book-chapters .qykc-workspace-book-number { font-size:19px; } .qykc-library-workspace .qykc-workspace-book-metrics small { color:#697586; font-size:11px; font-weight:400; } .qykc-library-workspace .qykc-workspace-book-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:3px; padding-top:10px; border-top:1px solid #edf0f4; } .qykc-library-workspace .qykc-workspace-book-footer > small { color:#788292; font-size:10px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-book-cta { display:inline-flex; align-items:center; flex-shrink:0; gap:7px; min-height:32px; padding:6px 10px; border-radius:6px; background:var(--book-light); color:var(--book-color); font-size:11px; font-weight:600; line-height:1.4; transition:background-color .18s ease,color .18s ease; } .qykc-library-workspace .qykc-workspace-book-cta svg { width:15px; height:15px; transition:transform .18s ease; } .qykc-library-workspace .qykc-workspace-book-card:hover .qykc-workspace-book-cta { background:var(--book-color); color:#fff; } .qykc-library-workspace .qykc-workspace-book-card:hover .qykc-workspace-book-cta svg { transform:translateX(2px); } /* Reading typography is scoped here; legacy reader selectors do not match this workspace. */ .qykc-library-workspace .qykc-workspace-reader-total { justify-self:start; margin-top:5px; padding:3px 7px; border-radius:5px; background:#f0f3fa; color:#526481; font-size:10px; line-height:1.4; font-variant-numeric:tabular-nums; } .qykc-library-workspace .qykc-workspace-reader-module { margin:0 0 17px; } .qykc-library-workspace .qykc-workspace-reader-module-head { display:grid; grid-template-columns:24px minmax(0,1fr) auto; align-items:start; gap:7px; padding:9px 8px; border-radius:7px; background:#f3f5fa; } .qykc-library-workspace .qykc-workspace-module-number { display:grid; place-items:center; min-height:24px; border-radius:6px; background:#e3eafa; color:#3c5db0; font-size:10px; font-weight:700; font-variant-numeric:tabular-nums; } .qykc-library-workspace .qykc-workspace-reader-module-head strong { padding-top:2px; color:#344563; font-size:12px; font-weight:650; line-height:1.6; } .qykc-library-workspace .qykc-workspace-reader-module-head small { padding-top:4px; color:#78859a; font-size:9px; white-space:nowrap; } .qykc-library-workspace .qykc-workspace-reader-docs { margin:5px 0 0 11px; padding-left:7px; border-left:1px solid #e5eaf2; } .qykc-library-workspace .qykc-workspace-reader-nav .is-doc { position:relative; align-items:flex-start; gap:7px; min-height:40px; padding:9px 7px; border-radius:7px; color:#56637a; font-size:12px; line-height:1.65; } .qykc-library-workspace .qykc-workspace-reader-nav .is-doc.is-active { background:#edf2ff; color:#294eb8; box-shadow:inset 3px 0 0 #3a62d6; } .qykc-library-workspace .qykc-workspace-doc-number { display:grid; flex:0 0 21px; min-height:21px; margin-top:1px; place-items:center; border-radius:5px; background:#f2f4f8; color:#7b879b; font-size:10px; font-weight:500; font-variant-numeric:tabular-nums; } .qykc-library-workspace .is-active .qykc-workspace-doc-number { background:#3b5fd0; color:#fff; } .qykc-library-workspace .qykc-workspace-doc-label { flex:1; min-width:0; } .qykc-library-workspace .qykc-workspace-doc-lock { display:inline-flex; flex:0 0 12px; margin-top:4px; color:#a1abba; } .qykc-library-workspace .qykc-workspace-doc-lock svg { width:12px; height:12px; } .qykc-library-workspace .qykc-workspace-reader { max-width:880px; margin:24px auto 0; } .qykc-library-workspace .qykc-workspace-reader-article { scroll-margin-top:195px; padding:0 0 30px; border-bottom:1px solid var(--qw-line); } .qykc-library-workspace .qykc-workspace-reader-article + .qykc-workspace-reader-article { padding-top:30px; } .qykc-library-workspace .qykc-workspace-article-head { margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid #e9edf4; } .qykc-library-workspace .qykc-workspace-article-meta { display:flex; flex-wrap:wrap; align-items:center; gap:7px 12px; margin-bottom:10px; color:#637694; font-size:11px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-chapter-label { padding:3px 7px; border-radius:5px; background:#edf2ff; color:#3c5dc0; font-size:10px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-article-title { margin:0; color:#202f48; font-size:24px; font-weight:700; line-height:1.45; text-wrap:balance; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body { overflow-wrap:anywhere; color:#3f4c60; font-size:16px; font-weight:400; line-height:1.9; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body p { margin:0 0 14px; padding:0; font-size:inherit; line-height:inherit; text-wrap:pretty; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(h2,h3,h4) { position:static; display:block; width:auto; margin:26px 0 12px; padding:0; border:0; border-radius:0; background:none; color:#273b5b; font-weight:650; line-height:1.5; text-wrap:pretty; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body h2 { font-size:22px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body h3 { padding:9px 13px; border-left:3px solid #4c6bd2; border-radius:0 7px 7px 0; background:#f1f5fc; font-size:19px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body h4 { padding-bottom:7px; border-bottom:1px solid #e6ecf4; color:#354e76; font-size:17px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(h2,h3,h4)::before, body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(h2,h3,h4)::after { content:none; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(ul,ol) { display:block; margin:12px 0 18px; padding:0 0 0 1.65em; border:0; background:none; list-style-position:outside; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body ul { list-style-type:disc; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body ol { list-style-type:decimal; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body li { display:list-item; margin:7px 0; padding:0 0 0 3px; color:inherit; font-size:inherit; line-height:1.85; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body li::marker { color:#4765b0; font-weight:600; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body li :is(ul,ol) { margin:7px 0; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body li p { margin:5px 0; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(strong,b) { color:#293f64; font-weight:700; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body mark { padding:1px 4px; border-radius:3px; color:#294e98; background:#e9efff; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(blockquote,.quote) { margin:18px 0; padding:13px 17px; border-left:3px solid #8b9cb8; border-radius:0 8px 8px 0; background:#f4f6f9; color:#57677d; font-size:inherit; line-height:1.85; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .lead { margin:0 0 20px; padding:14px 17px; border:1px solid #e2e9f6; border-left:3px solid #4c6bd2; border-radius:0 8px 8px 0; background:#f5f8fd; color:#354d73; font-size:inherit; line-height:1.85; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .field { display:table; max-width:100%; margin:0 0 15px; padding:5px 9px; border:1px solid #e1e8f2; border-radius:5px; color:#516985; background:#f4f7fb; font-size:12px; line-height:1.6; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .emphasis { margin:16px 0 11px; color:#294c82; font-weight:650; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .answer { padding-left:13px; border-left:2px solid #dde6f3; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(.prompt,.formula) { margin:16px 0; padding:13px 16px; border:1px solid #dce6ef; border-radius:8px; background:#f4f8fc; color:#34516d; white-space:pre-wrap; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .callout { margin:20px 0; padding:14px 17px; border:1px solid #e0e8f4; border-left:3px solid #5a7ac4; border-radius:0 8px 8px 0; background:#f4f7fc; color:#3d5373; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .callout-label { display:block; margin-bottom:7px; color:#4665a1; font-size:12px; font-weight:700; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(.callout-method,.callout-conclusion) { border-color:#dcece6; border-left-color:#4c9984; background:#f1f8f5; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .callout-risk { border-color:#f0dfda; border-left-color:#bd7563; background:#fdf5f2; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(.callout,blockquote) > :last-child { margin-bottom:0; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body pre, body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body pre[class] { display:block; max-width:100%; margin:18px 0; padding:15px 17px; overflow-x:auto; border:1px solid #263950; border-radius:8px; background:#1c2b40; color:#e4edf8; font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre; tab-size:2; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body code { padding:2px 5px; border-radius:4px; background:#edf2f9; color:#365583; font: .9em/1.6 ui-monospace,SFMono-Regular,Consolas,monospace; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body pre code { padding:0; border:0; background:transparent; color:inherit; font:inherit; white-space:inherit; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .qykc-workspace-table-wrap { max-width:100%; margin:20px 0; overflow-x:auto; border:1px solid #dfe6f0; border-radius:8px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body table { display:table; width:100%; min-width:480px; margin:0; border:0; border-collapse:collapse; background:#fff; font-size:14px; line-height:1.65; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(th,td) { padding:10px 13px; border:1px solid #e3e9f1; text-align:left; vertical-align:top; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body th { background:#edf2f9; color:#34516f; font-weight:650; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body tbody tr:nth-child(even) { background:#f8fafc; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body figure { max-width:100%; margin:20px 0; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body img { display:block; max-width:100%; height:auto; margin:16px auto; border-radius:8px; outline:1px solid rgba(0,0,0,.1); } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body figcaption { margin:8px 0 0; color:#7b8799; font-size:12px; line-height:1.6; text-align:center; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body hr { margin:25px 0; border:0; border-top:1px solid #e5eaf2; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body a { color:#365ec7; text-decoration:underline; text-underline-offset:3px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body > :first-child { margin-top:0; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body > :last-child { margin-bottom:0; } .qykc-library-workspace .qykc-workspace-reader-controls { display:grid; grid-template-columns:1fr auto 1fr; gap:14px; align-items:center; max-width:930px; margin:20px auto 0; color:#697586; font-size:12px; } .qykc-library-workspace .qykc-workspace-reader-controls > :last-child { text-align:right; } .qykc-library-workspace .qykc-workspace-reader-controls a { color:var(--qw-accent); font-size:13px; font-weight:700; } .qykc-library-workspace .qykc-workspace-stream-end { min-height:54px; padding:16px; color:#697586; font-size:12px; text-align:center; } .qykc-library-workspace .qykc-workspace-summary { margin:15px 0; color:#697586; font-size:13px; } .qykc-library-workspace .qykc-workspace-filter form { display:flex; gap:8px; align-items:center; margin-top:18px; } .qykc-library-workspace .qykc-workspace-filter label { flex:1; min-width:0; } .qykc-library-workspace .qykc-workspace-filter select { max-width:140px; } .qykc-library-workspace .qykc-workspace-download-list { display:grid; gap:0; overflow:hidden; border:1px solid var(--qw-line); border-radius:12px; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row { display:grid; grid-template-columns:42px minmax(0,1fr) 64px auto; align-items:center; gap:14px; min-width:0; min-height:88px; margin:0; padding:17px 20px; border:0; border-bottom:1px solid #edf0f4; border-radius:0; background:#fff; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row:last-child { border-bottom:0; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row:hover { background:#f9fafb; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row > div { min-width:0; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row h2 { margin:0 0 4px; color:#202938; font-size:14px; line-height:1.45; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row p { margin:0; color:#697586; font-size:11px; line-height:1.45; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-file { display:grid; place-items:center; width:40px; height:46px; border-radius:8px; background:var(--qw-tint); color:var(--qw-accent); font-size:20px; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-file svg { width:24px; height:24px; } .qykc-library-workspace .qykc-workspace-download-list [data-file-kind="pdf"] .qykc-resource-center-file { color:#c35661; background:#fdf0f2; } .qykc-library-workspace .qykc-workspace-download-list [data-file-kind="sheet"] .qykc-resource-center-file { color:#238564; background:#eaf7f1; } .qykc-library-workspace .qykc-workspace-download-list [data-file-kind="doc"] .qykc-resource-center-file { color:#4470cc; background:#eff4ff; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-type { color:var(--qw-accent); font-size:11px; font-weight:700; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row > a { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 12px; border:1px solid #e4e8ef; border-radius:8px; color:var(--qw-accent); font-size:12px; font-weight:600; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-status { color:#697586; font-size:11px; } .qykc-library-workspace .qykc-workspace-pages { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; margin:25px 0 0; color:#697586; font-size:12px; } .qykc-library-workspace .qykc-workspace-page { display:inline-flex; min-width:40px; min-height:40px; align-items:center; justify-content:center; padding:7px 12px; border:1px solid #e4e8ef; border-radius:8px; background:#fff; color:var(--qw-accent) !important; font-size:12px; } .qykc-library-workspace .qykc-workspace-page.is-active { border-color:var(--qw-accent); background:var(--qw-tint); } .qykc-library-workspace .qykc-workspace-map-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:20px; } .qykc-library-workspace .qykc-workspace-map-card { display:flex; flex-direction:column; gap:0; min-width:0; overflow:hidden; padding:7px; border:1px solid #e4e8ef; border-radius:13px; background:#fff; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease; } .qykc-library-workspace .qykc-workspace-map-card:hover { border-color:#c6b9e4; transform:translateY(-2px); box-shadow:0 3px 6px rgba(20,32,50,.025),0 12px 22px rgba(20,32,50,.055); } .qykc-library-workspace .qykc-workspace-map-thumb { display:grid; height:168px; overflow:hidden; place-items:center; border-radius:6px; background:#f3f5f8; } .qykc-library-workspace .qykc-workspace-map-thumb img { width:100%; height:100%; object-fit:contain; outline:1px solid rgba(0,0,0,.1); outline-offset:-1px; } .qykc-library-workspace .qykc-workspace-map-card strong { overflow-wrap:anywhere; padding:14px 8px 5px; color:#293346; font-size:13px; font-weight:600; line-height:1.6; } .qykc-library-workspace .qykc-workspace-map-card small { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding:5px 8px 8px; color:#697586; font-size:11px; } .qykc-library-workspace .qykc-workspace-map-card small::after { content:"查看地图 ↗"; color:var(--qw-accent); font-size:10px; } .qykc-library-workspace .qykc-workspace-more { display:block; min-height:42px; margin:24px auto 0; padding:8px 20px; border:1px solid #c6cfdb; border-radius:8px; background:var(--qw-tint); color:var(--qw-accent); } .qykc-library-workspace .qykc-workspace-map-controls { display:flex; justify-content:center; gap:7px; margin:16px 0; } .qykc-library-workspace .qykc-workspace-map-controls button { min-width:42px; min-height:40px; padding:8px 13px; border:1px solid #e4e8ef; border-radius:8px; background:#f5f6f8; color:var(--qw-accent); } .qykc-library-workspace .qykc-workspace-map-stage { display:grid; min-height:420px; overflow:hidden; place-items:center; position:relative; border:1px solid #e4e8ef; border-radius:11px; background-color:#f7f8fa; background-image:radial-gradient(#dce1e9 .7px,transparent .7px); background-size:14px 14px; touch-action:none; } .qykc-library-workspace .qykc-workspace-map-stage:fullscreen { background:#f5f6f8; } .qykc-library-workspace .qykc-workspace-map-stage img[data-workspace-map-image] { display:block; max-width:100%; max-height:min(78vh,1150px); object-fit:contain; cursor:grab; user-select:none; transform-origin:center; } .qykc-library-workspace .qykc-workspace-map-stage img[data-workspace-map-image]:active { cursor:grabbing; } .qykc-library-workspace .qykc-workspace-map-preview { max-width:min(420px,100%); max-height:260px; object-fit:contain; filter:blur(2px); } .qykc-library-workspace .qykc-workspace-map-stage .qykc-workspace-state { position:absolute; inset:auto 16px 12px; margin:0 auto; } .qykc-library-workspace .qykc-workspace-sop-list { display:grid; grid-template-columns:minmax(0,1fr); gap:0; margin-top:16px; overflow:hidden; border:1px solid var(--qw-line); border-radius:12px; } .qykc-library-workspace .qykc-workspace-sop-row { display:grid; grid-template-columns:32px minmax(0,1fr) 64px; align-items:center; gap:12px; min-height:68px; padding:12px 16px; border:0; border-bottom:1px solid #edf0f4; border-radius:0; background:#fff; transition:background-color .18s ease; } .qykc-library-workspace .qykc-workspace-sop-row:last-child { border-bottom:0; } .qykc-library-workspace .qykc-workspace-file-icon { display:grid; width:42px; height:46px; place-items:center; border:1px solid #daeee5; border-radius:9px; background:#eaf7f1; color:#15806a; } .qykc-library-workspace .qykc-workspace-file-icon svg { width:24px; height:24px; } .qykc-library-workspace .qykc-workspace-sop-row .qykc-workspace-file-icon { width:32px; height:36px; border-radius:7px; } .qykc-library-workspace .qykc-workspace-sop-row .qykc-workspace-file-icon svg { width:20px; height:20px; } .qykc-library-workspace .qykc-workspace-sop-row > span:nth-child(2) { display:grid; gap:3px; min-width:0; } .qykc-library-workspace .qykc-workspace-sop-row strong { color:#202938; font-size:14px; font-weight:650; line-height:1.5; overflow-wrap:anywhere; } .qykc-library-workspace .qykc-workspace-sop-row small { display:block; overflow:hidden; color:#697586; font-size:12px; line-height:1.5; white-space:nowrap; text-overflow:ellipsis; } .qykc-library-workspace .qykc-workspace-sop-row em { grid-column:3; grid-row:1; justify-self:center; align-self:center; padding:3px 6px; border:1px solid #e6eaf0; border-radius:5px; background:#f7f8fa; color:#6f7b8d; font-size:10px; font-style:normal; line-height:1.4; white-space:nowrap; } .qykc-library-workspace .qykc-workspace-tags { display:flex; gap:7px; flex-wrap:wrap; margin:18px 0; } .qykc-library-workspace .qykc-workspace-tags span { padding:5px 8px; border-radius:6px; background:var(--qw-tint); color:var(--qw-accent); font-size:11px; } .qykc-library-workspace .qykc-workspace-detail-note { border-top:1px solid #e4e8ef; padding-top:17px; } .qykc-library-workspace .qykc-workspace-practice-list { display:grid; gap:25px; margin-top:20px; } .qykc-library-workspace .qykc-workspace-practice-group { overflow:hidden; border:1px solid var(--qw-line); border-radius:12px; } .qykc-library-workspace .qykc-workspace-practice-group h2 { display:flex; align-items:center; gap:10px; margin:0; padding:17px 20px; border-bottom:1px solid var(--qw-line); background:#f8f9fb; color:#293346; font-size:14px; } .qykc-library-workspace .qykc-workspace-practice-group h2::before { content:""; width:4px; height:15px; border-radius:4px; background:var(--qw-accent); } .qykc-library-workspace .qykc-workspace-practice-post { display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:64px; padding:13px 16px; border-bottom:1px solid #e4e8ef; color:#202938; } .qykc-library-workspace .qykc-workspace-practice-post:hover { background:#f5f6f8; } .qykc-library-workspace .qykc-workspace-practice-post:last-child { border-bottom:0; } .qykc-library-workspace .qykc-workspace-practice-post strong { font-size:13px; font-weight:650; } .qykc-library-workspace .qykc-workspace-practice-post span { flex:0 0 auto; color:var(--qw-accent); font-size:11px; } .qykc-library-workspace .qykc-workspace-community { max-width:980px; min-width:0; margin:20px auto 0; overflow-wrap:anywhere; } .qykc-library-workspace .qykc-workspace-community img { max-width:100%; height:auto; } .qykc-library-workspace .qykc-workspace-dialog { position:fixed; z-index:999999; width:min(530px,calc(100vw - 30px)); max-height:calc(100vh - 35px); overflow:auto; padding:32px; border:0; border-radius:16px; background:#ffffff; color:#202938; box-shadow:0 22px 80px rgba(20,32,50,.24); } .qykc-library-workspace .qykc-workspace-dialog::backdrop { background:rgba(20,32,50,.55); } .qykc-library-workspace .qykc-workspace-dialog h2 { margin:0 0 14px; font-size:22px; } .qykc-library-workspace .qykc-workspace-dialog p { font-size:14px; line-height:1.7; } .qykc-library-workspace .qykc-workspace-dialog pre { max-width:100%; overflow-wrap:anywhere; white-space:pre-wrap; padding:14px; border-radius:8px; background:#f5f6f8; font-size:12px; } .qykc-library-workspace .qykc-workspace-copy { margin:16px 0; } .qykc-library-workspace .qykc-workspace-copy-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; } .qykc-library-workspace .qykc-workspace-copy-head strong { min-width:0; font-size:13px; } .qykc-library-workspace .qykc-workspace-copy-text { display:block; width:100%; min-height:140px; max-height:280px; padding:12px; border:1px solid var(--qw-line); border-radius:8px; background:#f5f6f8; color:var(--qw-ink); font:13px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; resize:vertical; overflow-wrap:anywhere; } .qykc-library-workspace .qykc-workspace-copy-text:focus-visible { outline:2px solid var(--qw-accent); outline-offset:2px; } .qykc-library-workspace .qykc-workspace-copy-status { min-height:20px; margin:6px 0 0; color:var(--qw-accent); font-size:12px; line-height:1.6; } .qykc-library-workspace .qykc-workspace-package-notice { margin:14px 0 0; color:var(--qw-muted); font-size:12px; line-height:1.6; white-space:pre-wrap; } .qykc-library-workspace .qykc-workspace-dialog-close { position:absolute; top:12px; right:12px; width:40px; height:40px; border:0; border-radius:8px; background:var(--qw-tint); font-size:22px; } .qykc-library-workspace .qykc-workspace-noscript { padding:20px; } .qykc-library-workspace .qykc-workspace-noscript a { display:inline-block; margin-right:16px; text-decoration:underline; } @media(max-width:1250px) { .qykc-library-workspace .qykc-workspace-tab { padding:9px; gap:8px; } .qykc-library-workspace .qykc-workspace-tab-icon { flex-basis:35px; width:35px; height:35px; } .qykc-library-workspace .qykc-workspace-tab small { font-size:10px; } .qykc-library-workspace .qykc-workspace-map-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .qykc-library-workspace .qykc-workspace-book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:1000px) { body.page-id-867 .qykc-library-workspace { width:calc(100% - 40px); } .qykc-library-workspace .qykc-workspace-layout { grid-template-columns:220px minmax(0,1fr); gap:14px; } .qykc-library-workspace .qykc-workspace-index { padding:8px; } .qykc-library-workspace .qykc-workspace-content { padding:20px; } .qykc-library-workspace .qykc-workspace-map-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .qykc-library-workspace .qykc-workspace-tab small { display:none; } } @media(max-width:780px) { body.page-id-867 .qykc-library-workspace { --qykc-workspace-sticky-top:68px; width:calc(100% - 28px); margin:14px auto 50px; scroll-margin-top:82px; font-size:14px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-head { min-height:110px; padding:16px; border-radius:13px; } .qykc-library-workspace .qykc-workspace-head h1 { margin:5px 0 7px; font-size:26px; } .qykc-library-workspace .qykc-workspace-brand { gap:15px; } .qykc-library-workspace .qykc-workspace-kicker { font-size:8px; letter-spacing:.05em; } .qykc-library-workspace .qykc-workspace-head p { font-size:11px; } .qykc-library-workspace .qykc-workspace-pavilion { right:-105px; width:290px; height:120px; opacity:.2; } .qykc-library-workspace .qykc-workspace-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:4px; margin-bottom:12px; padding:5px; border-radius:12px; } .qykc-library-workspace .qykc-workspace-tabs::-webkit-scrollbar { display:none; } .qykc-library-workspace .qykc-workspace-tab { flex-direction:column; gap:4px; min-height:62px; padding:6px 1px 9px; border-radius:7px; } .qykc-library-workspace .qykc-workspace-tab::before { left:8px; right:8px; height:2px; } .qykc-library-workspace .qykc-workspace-tab.is-active::after { bottom:3px; left:calc(50% - 7px); width:14px; height:2px; } .qykc-library-workspace .qykc-workspace-tab-icon { width:26px; height:26px; flex-basis:26px; border-radius:7px; } .qykc-library-workspace .qykc-workspace-tab-icon svg { width:16px; height:16px; } .qykc-library-workspace .qykc-workspace-tab strong { font-size:11px; line-height:1.4; } .qykc-library-workspace .qykc-workspace-mobile-index { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:40px; margin:0 0 8px; padding:8px 12px; border:1px solid #e4e8ef; border-radius:9px; background:#f5f6f8; color:var(--qw-accent); font-size:12px; font-weight:600; line-height:1.4; } .qykc-library-workspace .qykc-workspace-layout { display:block; } .qykc-library-workspace .qykc-workspace-index { display:none; position:relative; top:auto; max-height:min(68vh,660px); margin-bottom:10px; } .qykc-library-workspace.is-index-open .qykc-workspace-index { display:block; } .qykc-library-workspace .qykc-workspace-content { min-height:320px; padding:12px 12px 18px; border-radius:11px; } .qykc-library-workspace .qykc-workspace-content-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px 8px; padding-bottom:12px; } .qykc-library-workspace .qykc-workspace-content-head > div:first-child { display:contents; } .qykc-library-workspace .qykc-workspace-content-head .qykc-workspace-eyebrow { grid-column:1; grid-row:1; margin:0; font-size:10px; line-height:1.4; } .qykc-library-workspace .qykc-workspace-content-head h2 { grid-column:1 / -1; grid-row:2; margin:0; font-size:18px; font-weight:650; line-height:1.45; text-wrap:pretty; } .qykc-library-workspace .qykc-workspace-content-head p { grid-column:1 / -1; grid-row:3; font-size:12px; line-height:1.55; } .qykc-library-workspace .qykc-workspace-actions { grid-column:2; grid-row:1; justify-content:flex-end; gap:6px; margin:0; } .qykc-library-workspace .qykc-workspace-actions:empty { display:none; } .qykc-library-workspace .qykc-workspace-content-head:has(.qykc-workspace-actions > :nth-child(2)) .qykc-workspace-actions { grid-column:1 / -1; grid-row:4; justify-content:flex-start; flex-wrap:wrap; } .qykc-library-workspace[data-view="downloads"] .qykc-workspace-content-head .qykc-workspace-eyebrow { grid-column:1 / -1; } .qykc-library-workspace[data-view="downloads"] .qykc-workspace-content-head h2 { grid-column:1; } .qykc-library-workspace[data-view="downloads"] .qykc-workspace-actions { grid-row:2; } .qykc-library-workspace :is(.qykc-workspace-button,.qykc-workspace-search button,.qykc-workspace-filter button) { min-height:40px; padding:7px 10px; font-size:12px; font-weight:600; line-height:1.3; } .qykc-library-workspace .qykc-workspace-search { gap:6px; margin:12px 0; } .qykc-library-workspace .qykc-workspace-search label,.qykc-library-workspace .qykc-workspace-filter label { margin:0; } .qykc-library-workspace .qykc-workspace-search input,.qykc-library-workspace .qykc-workspace-filter input,.qykc-library-workspace .qykc-workspace-filter select { height:40px; min-height:40px; padding:7px 9px; font-size:12px; line-height:20px; } .qykc-library-workspace .qykc-workspace-summary { margin:10px 0; font-size:11px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:12px; } .qykc-library-workspace .qykc-workspace-book-cover { min-height:70px; gap:13px; padding:11px 14px; } .qykc-library-workspace .qykc-workspace-book-volume { flex-basis:34px; height:46px; gap:4px; } .qykc-library-workspace .qykc-workspace-book-volume svg { width:18px; height:18px; } .qykc-library-workspace .qykc-workspace-book-volume i { width:14px; } .qykc-library-workspace .qykc-workspace-book-cover-copy { gap:3px; } .qykc-library-workspace .qykc-workspace-book-cover-copy small { font-size:9px; } .qykc-library-workspace .qykc-workspace-book-subject { font-size:17px; } .qykc-library-workspace .qykc-workspace-book-card .qykc-workspace-book-copy { gap:7px; padding:12px 13px 10px; } .qykc-library-workspace .qykc-workspace-book-title { min-height:0; font-size:14px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-book-card em { font-size:12px; line-height:1.6; } .qykc-library-workspace .qykc-workspace-book-metrics { padding-top:5px; } .qykc-library-workspace .qykc-workspace-book-number { font-size:21px; } .qykc-library-workspace .qykc-workspace-book-chapters .qykc-workspace-book-number { font-size:17px; } .qykc-library-workspace .qykc-workspace-book-chapters { margin-left:14px; padding-left:14px; } .qykc-library-workspace .qykc-workspace-book-footer { padding-top:7px; margin-top:1px; } .qykc-library-workspace .qykc-workspace-map-grid { gap:10px; margin-top:12px; } .qykc-library-workspace .qykc-workspace-map-card strong { padding:10px 6px 3px; } .qykc-library-workspace .qykc-workspace-map-card small { padding:4px 6px 6px; } .qykc-library-workspace .qykc-workspace-map-controls { flex-wrap:wrap; gap:5px; margin:12px 0; } .qykc-library-workspace .qykc-workspace-map-controls button { min-height:40px; padding:7px 10px; font-size:12px; line-height:1.3; } .qykc-library-workspace .qykc-workspace-map-stage { min-height:280px; } .qykc-library-workspace .qykc-workspace-sop-list { margin-top:12px; } .qykc-library-workspace .qykc-workspace-sop-row { min-height:64px; gap:10px; padding:10px 12px; } .qykc-library-workspace .qykc-workspace-state { margin:18px auto; padding:18px; } .qykc-library-workspace .qykc-workspace-state strong { font-size:16px; } .qykc-library-workspace .qykc-workspace-state p { margin-bottom:12px; font-size:12px; line-height:1.6; } .qykc-library-workspace .qykc-workspace-reader { margin-top:14px; } .qykc-library-workspace .qykc-workspace-article-head { margin-bottom:15px; padding-bottom:13px; } .qykc-library-workspace .qykc-workspace-article-meta { margin-bottom:7px; font-size:10px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-article-title { font-size:18px; line-height:1.5; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body { font-size:14px; line-height:1.85; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body p { margin-bottom:11px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body h2 { font-size:18px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body h3 { margin:20px 0 10px; padding:8px 10px; font-size:16px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body h4 { margin:18px 0 9px; font-size:15px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(.lead,.prompt,.formula,.callout,blockquote,.quote) { margin:14px 0; padding:10px 12px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body li { margin:5px 0; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body pre, body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body pre[class] { padding:12px; font-size:12px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body table { font-size:12px; } .qykc-library-workspace .qykc-workspace-reader-article + .qykc-workspace-reader-article { padding-top:23px; } .qykc-library-workspace .qykc-workspace-reader-controls { gap:8px; margin-top:14px; } .qykc-library-workspace .qykc-workspace-reader-controls a { display:inline-flex; align-items:center; min-height:40px; font-size:12px; } .qykc-library-workspace .qykc-workspace-practice-list { gap:14px; margin-top:12px; } .qykc-library-workspace .qykc-workspace-practice-group h2 { padding:12px; } .qykc-library-workspace .qykc-workspace-practice-post { min-height:54px; padding:10px 12px; } .qykc-library-workspace .qykc-workspace-dialog { width:calc(100vw - 28px); padding:20px; border-radius:12px; } .qykc-library-workspace .qykc-workspace-dialog h2 { padding-right:32px; margin-bottom:12px; font-size:18px; line-height:1.4; } .qykc-library-workspace .qykc-workspace-dialog p { font-size:13px; line-height:1.6; } .qykc-library-workspace .qykc-workspace-dialog-close { top:8px; right:8px; font-size:20px; line-height:1; } } @media(max-width:520px) { .qykc-library-workspace .qykc-workspace-head { margin-bottom:10px; } .qykc-library-workspace .qykc-workspace-book-grid, .qykc-library-workspace .qykc-workspace-map-grid { grid-template-columns:1fr; } .qykc-library-workspace .qykc-workspace-map-thumb { height:150px; } .qykc-library-workspace .qykc-workspace-filter form { display:grid; grid-template-columns:minmax(0,1fr) 82px 48px; gap:6px; margin-top:12px; } .qykc-library-workspace .qykc-workspace-filter label { min-width:0; } .qykc-library-workspace .qykc-workspace-filter select { max-width:none; padding-left:6px; padding-right:4px; } .qykc-library-workspace .qykc-workspace-filter button { padding-right:6px; padding-left:6px; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row { grid-template-columns:28px minmax(0,1fr) auto; gap:8px; min-height:64px; padding:10px; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-file { width:28px; height:34px; border-radius:6px; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-file svg { width:19px; height:19px; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row h2 { margin-bottom:3px; font-size:13px; line-height:1.5; overflow-wrap:anywhere; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row p { font-size:10px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-type { display:none; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-status { font-size:10px; line-height:1.5; white-space:nowrap; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row > a { min-height:40px; padding:7px; font-size:11px; } .qykc-library-workspace .qykc-workspace-sop-row { grid-template-columns:28px minmax(0,1fr) 40px; gap:8px; padding:10px; } .qykc-library-workspace .qykc-workspace-sop-row .qykc-workspace-file-icon { width:28px; height:32px; border-radius:6px; } .qykc-library-workspace .qykc-workspace-sop-row .qykc-workspace-file-icon svg { width:18px; height:18px; } .qykc-library-workspace .qykc-workspace-sop-row strong { font-size:13px; } .qykc-library-workspace .qykc-workspace-sop-row small { font-size:11px; line-height:1.55; } .qykc-library-workspace .qykc-workspace-sop-row em { padding:3px 4px; font-size:9px; } .qykc-library-workspace .qykc-workspace-tags { margin:12px 0; } .qykc-library-workspace .qykc-workspace-detail-note { padding-top:12px; } .qykc-library-workspace .qykc-workspace-practice-post { display:block; } .qykc-library-workspace .qykc-workspace-practice-post span { display:block; margin-top:4px; } } @media(prefers-reduced-motion:reduce) { .qykc-library-workspace *, .qykc-library-workspace *::before, .qykc-library-workspace *::after { transition-duration:0s !important; animation-duration:0s !important; } } /* 1.5.0 · Modern reference library: a restrained canvas, distinct content formats. */ body.page-id-867:has(.qykc-library-workspace), body.page-id-867:has(.qykc-library-workspace) > main.container { background:#f3f6fa !important; } body.page-id-867 .qykc-library-workspace { width:min(calc(100% - 64px),1920px); --qw-line:#dfe6ef; --qw-muted:#5d6b7d; --qw-soft:#f3f6fa; } .qykc-library-workspace .qykc-workspace-head { min-height:154px; padding:28px 36px; border-color:#1e4543; background:radial-gradient(circle at 72% 0%,rgba(166,195,181,.1),transparent 42%),linear-gradient(115deg,#163b39,#102d34 75%); box-shadow:0 10px 24px rgba(20,47,53,.1),inset 0 1px 0 rgba(255,255,255,.1); } .qykc-library-workspace .qykc-workspace-head::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.025) 50%,transparent 51%); background-size:32px 100%; mask-image:linear-gradient(90deg,transparent 48%,#000 100%); } .qykc-library-workspace .qykc-workspace-head h1 { font-size:35px; letter-spacing:.1em; } .qykc-library-workspace .qykc-workspace-head p { color:#cfdfdc; font-size:13px; } .qykc-library-workspace .qykc-workspace-pavilion { right:30px; bottom:-11px; width:365px; stroke:#b9a779; opacity:.34; } .qykc-library-workspace .qykc-workspace-hero-facts { display:none; position:relative; z-index:2; align-items:center; gap:22px; margin-left:auto; margin-right:360px; padding:12px 18px; border:1px solid rgba(216,227,223,.18); border-radius:10px; background:rgba(9,35,40,.34); backdrop-filter:blur(5px); } .qykc-library-workspace.is-catalog-home .qykc-workspace-hero-facts { display:flex; } .qykc-library-workspace .qykc-workspace-hero-facts > span { display:grid; gap:2px; white-space:nowrap; } .qykc-library-workspace .qykc-workspace-hero-facts > span + span { padding-left:22px; border-left:1px solid rgba(220,231,228,.22); } .qykc-library-workspace .qykc-workspace-hero-facts strong { color:#f9fbf9; font-size:23px; font-weight:650; line-height:1; font-variant-numeric:tabular-nums; } .qykc-library-workspace .qykc-workspace-hero-facts small { color:#c4d6d1; font-size:11px; } .qykc-library-workspace .qykc-workspace-tabs { gap:7px; margin-bottom:25px; padding:7px; border-color:#e1e7f0; box-shadow:0 5px 16px rgba(25,43,67,.05); } .qykc-library-workspace .qykc-workspace-tab { border-radius:8px; } .qykc-library-workspace .qykc-workspace-tab-icon { border-radius:9px; } .qykc-library-workspace .qykc-workspace-layout { grid-template-columns:252px minmax(0,1fr); gap:26px; } .qykc-library-workspace .qykc-workspace-index { padding:12px; border-color:#e3eaf3; background:#fbfcfe; box-shadow:0 6px 18px rgba(25,43,67,.045); } .qykc-library-workspace .qykc-workspace-index-head { margin:4px 5px 10px; padding:5px 7px 14px; } .qykc-library-workspace .qykc-workspace-index-head strong { color:#253347; font-size:15px; } .qykc-library-workspace .qykc-workspace-group { margin-top:17px; color:#66768b; } .qykc-library-workspace .qykc-workspace-index-link { min-height:40px; margin:2px 0; padding:8px 10px; border-radius:8px; } .qykc-library-workspace .qykc-workspace-index-link.is-active { background:var(--qw-tint); box-shadow:inset 3px 0 0 var(--qw-accent); } .qykc-library-workspace .qykc-workspace-index-link:has(.qykc-workspace-count):has(.qykc-workspace-count:last-child) { gap:8px; } .qykc-library-workspace .qykc-workspace-index-link.is-doc { min-height:40px; } .qykc-library-workspace .qykc-workspace-content { min-height:68vh; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } .qykc-library-workspace.is-reading .qykc-workspace-content { padding:24px clamp(20px,2.4vw,38px) 32px; border:1px solid #e0e7f0; border-radius:15px; background:#fff; box-shadow:0 8px 28px rgba(29,50,74,.045); } .qykc-library-workspace .qykc-workspace-content-head { align-items:end; gap:14px 18px; margin:0 0 16px; padding:2px 0 17px; border-color:#dfe6ef; } .qykc-library-workspace .qykc-workspace-eyebrow { margin-bottom:7px; font-size:11px; font-weight:700; letter-spacing:.055em; } .qykc-library-workspace .qykc-workspace-content-head h2 { margin-bottom:4px; color:#1b2c43; font-size:clamp(24px,2vw,29px); letter-spacing:-.02em; } .qykc-library-workspace .qykc-workspace-content-head p { color:#68788d; font-size:12px; } .qykc-library-workspace .qykc-workspace-actions:empty { display:none; } .qykc-library-workspace .qykc-workspace-search { max-width:620px; gap:8px; margin:14px 0 16px; } .qykc-library-workspace .qykc-workspace-search input, .qykc-library-workspace .qykc-workspace-filter input, .qykc-library-workspace .qykc-workspace-filter select { min-height:42px; border-color:#dbe4ef; box-shadow:0 1px 2px rgba(24,43,72,.025); } .qykc-library-workspace .qykc-workspace-search input:focus-visible, .qykc-library-workspace .qykc-workspace-filter input:focus-visible { border-color:var(--qw-accent); } .qykc-library-workspace .qykc-workspace-summary { margin:0 0 12px; color:#64748b; font-size:12px; } .qykc-library-workspace .qykc-workspace-state { border-color:#dfe7f1; background:#fff; box-shadow:0 5px 18px rgba(29,50,74,.04); } .qykc-library-workspace .qykc-workspace-loading { min-height:54px; color:#64748b; font-size:12px; } .qykc-library-workspace .qykc-workspace-skeleton { display:grid; gap:12px; padding:20px; } .qykc-library-workspace .qykc-workspace-skeleton i { display:block; height:15px; border-radius:7px; background:linear-gradient(90deg,#e9eef5,#f5f7fa,#e9eef5); background-size:220% 100%; } .qykc-library-workspace .qykc-workspace-skeleton.is-sidebar i:first-child { width:67%; height:19px; } .qykc-library-workspace .qykc-workspace-skeleton.is-sidebar i:nth-child(2) { width:92%; } .qykc-library-workspace .qykc-workspace-skeleton.is-sidebar i:nth-child(3) { width:82%; } .qykc-library-workspace .qykc-workspace-skeleton.is-sidebar i:last-child { width:88%; } .qykc-library-workspace .qykc-workspace-skeleton.is-content { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:0; margin-top:115px; } .qykc-library-workspace .qykc-workspace-skeleton.is-content i { height:220px; border-radius:12px; } .qykc-library-workspace .qykc-workspace-index-close { display:none; } /* Each book has a theme-specific diagram; the content comes from the existing catalog. */ .qykc-library-workspace .qykc-workspace-book-grid { gap:18px; margin-top:18px; } .qykc-library-workspace .qykc-workspace-book-card { border-color:#dce5f0; border-radius:13px; box-shadow:0 2px 3px rgba(26,45,70,.035),0 9px 24px rgba(26,45,70,.045); } .qykc-library-workspace .qykc-workspace-book-card:hover { border-color:var(--book-color); transform:translateY(-2px); box-shadow:0 5px 11px rgba(26,45,70,.07),0 18px 32px rgba(26,45,70,.1); } .qykc-library-workspace .qykc-workspace-book-cover { min-height:129px; padding:18px 21px; background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.14),transparent 38%),linear-gradient(120deg,var(--book-deep),var(--book-color)); } .qykc-library-workspace .qykc-workspace-book-cover::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px); background-size:100% 23px; mask-image:linear-gradient(90deg,transparent 34%,#000); } .qykc-library-workspace .qykc-workspace-book-cover-copy { max-width:60%; gap:9px; } .qykc-library-workspace .qykc-workspace-book-cover-copy small { color:rgba(255,255,255,.84); font-size:10px; font-weight:600; } .qykc-library-workspace .qykc-workspace-book-subject { font-size:24px; font-weight:650; line-height:1.25; text-wrap:balance; } .qykc-library-workspace .qykc-workspace-cover-art { position:absolute; right:17px; top:50%; width:104px; height:82px; transform:translateY(-50%); fill:none; stroke:rgba(255,255,255,.7); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 5px 8px rgba(9,24,42,.1)); } .qykc-library-workspace .qykc-workspace-book-card .qykc-workspace-book-copy { gap:9px; padding:17px 18px 14px; } .qykc-library-workspace .qykc-workspace-book-tags { display:flex; align-items:center; flex-wrap:wrap; gap:5px; min-height:20px; } .qykc-library-workspace .qykc-workspace-book-tags span { padding:2px 6px; border-radius:4px; background:var(--book-light); color:var(--book-deep); font-size:10px; line-height:1.35; } .qykc-library-workspace .qykc-workspace-book-title { min-height:72px; font-size:15px; line-height:1.6; -webkit-line-clamp:3; } .qykc-library-workspace .qykc-workspace-book-card em { line-height:1.6; } .qykc-library-workspace .qykc-workspace-book-metrics { padding-top:7px; } .qykc-library-workspace .qykc-workspace-book-footer { padding-top:12px; } .qykc-library-workspace .qykc-workspace-book-cta { border-radius:7px; } /* The article remains a paper-like surface while its catalog does not. */ .qykc-library-workspace.is-reading .qykc-workspace-content-head { margin-bottom:8px; padding-bottom:13px; } .qykc-library-workspace.is-reading .qykc-workspace-content-head h2 { font-size:19px; line-height:1.4; } .qykc-library-workspace.is-reading .qykc-workspace-content-head p { font-size:11px; } .qykc-library-workspace .qykc-workspace-reader { max-width:840px; margin-top:18px; } .qykc-library-workspace .qykc-workspace-article-head { margin-bottom:18px; } .qykc-library-workspace .qykc-workspace-reader-article + .qykc-workspace-reader-article { padding-top:35px; } .qykc-library-workspace .qykc-workspace-chapter-search { display:block; margin:5px 5px 15px; } .qykc-library-workspace .qykc-workspace-chapter-search input { width:100%; min-height:38px; padding:7px 10px; border:1px solid #dce5f0; border-radius:8px; background:#fff; color:#26344a; font-size:12px; } .qykc-library-workspace .qykc-workspace-reader-module-head { grid-template-columns:24px minmax(0,1fr) auto 10px; width:100%; border:0; text-align:left; cursor:pointer; } .qykc-library-workspace .qykc-workspace-reader-module-head:hover { background:#eaf0fa; } .qykc-library-workspace .qykc-workspace-reader-module-head:focus-visible { outline:2px solid var(--qw-accent); outline-offset:1px; } .qykc-library-workspace .qykc-workspace-reader-chevron { align-self:center; color:#64748b; font-size:14px; line-height:1; transition:transform .16s ease; } .qykc-library-workspace .qykc-workspace-reader-module-head[aria-expanded="false"] .qykc-workspace-reader-chevron { transform:rotate(-90deg); } .qykc-library-workspace .qykc-workspace-reader-docs[hidden], .qykc-library-workspace .qykc-workspace-reader-module[hidden], .qykc-library-workspace .qykc-workspace-reader-nav .is-doc[hidden] { display:none; } /* Lists, galleries and tables each use their own density. */ .qykc-library-workspace .qykc-workspace-download-list { border-color:#dce5ef; box-shadow:0 5px 16px rgba(26,45,70,.04); } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row { min-height:70px; padding:12px 17px; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row:nth-child(even) { background:#fbfcfe; } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row:hover { background:var(--qw-tint); } .qykc-library-workspace .qykc-workspace-download-list .qykc-resource-center-row h2 { font-size:14px; font-weight:650; } .qykc-library-workspace .qykc-workspace-map-grid { gap:16px; margin-top:18px; } .qykc-library-workspace .qykc-workspace-map-card { padding:8px; border-color:#dce4ef; box-shadow:0 3px 12px rgba(26,45,70,.04); } .qykc-library-workspace .qykc-workspace-map-thumb { height:188px; background:#f0f3f8; } .qykc-library-workspace .qykc-workspace-map-card strong { padding:12px 7px 6px; font-size:14px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-map-card small { padding:5px 7px 8px; } .qykc-library-workspace .qykc-workspace-map-stage { min-height:510px; background-color:#f6f8fb; background-image:radial-gradient(#d7dfe9 .7px,transparent .7px); box-shadow:0 8px 22px rgba(26,45,70,.045); } .qykc-library-workspace .qykc-workspace-map-controls { justify-content:flex-end; margin:12px 0; } .qykc-library-workspace .qykc-workspace-sop-list { margin-top:15px; border-color:#dce5ef; box-shadow:0 5px 16px rgba(26,45,70,.04); } .qykc-library-workspace .qykc-workspace-sop-table-head, .qykc-library-workspace .qykc-workspace-sop-row { display:grid; grid-template-columns:34px minmax(0,1fr) minmax(95px,.32fr) 65px; align-items:center; gap:12px; } .qykc-library-workspace .qykc-workspace-sop-table-head { min-height:38px; padding:8px 16px; background:#f1f5f9; color:#596a7f; font-size:11px; font-weight:700; } .qykc-library-workspace .qykc-workspace-sop-table-head span:first-child { grid-column:2; } .qykc-library-workspace .qykc-workspace-sop-table-head span:last-child { justify-self:center; } .qykc-library-workspace .qykc-workspace-sop-row { min-height:62px; padding:9px 16px; } .qykc-library-workspace .qykc-workspace-sop-row:nth-child(odd) { background:#fbfcfe; } .qykc-library-workspace .qykc-workspace-sop-row > span.qykc-workspace-sop-copy { display:grid; gap:2px; } .qykc-library-workspace .qykc-workspace-sop-row .qykc-workspace-file-icon { width:30px; height:34px; } .qykc-library-workspace .qykc-workspace-sop-context { color:#65768a; font-size:11px; line-height:1.45; } .qykc-library-workspace .qykc-workspace-sop-row em { grid-column:4; padding:4px 6px; } .qykc-library-workspace .qykc-workspace-practice-list { gap:16px; } .qykc-library-workspace .qykc-workspace-practice-group { border-color:#dce5ef; box-shadow:0 4px 14px rgba(26,45,70,.035); } .qykc-library-workspace .qykc-workspace-practice-group h2 { background:#f4f7fa; } .qykc-library-workspace .qykc-workspace-practice-post:nth-child(even) { background:#fbfcfe; } .qykc-library-workspace .qykc-workspace-practice-post:hover { background:var(--qw-tint); } .qykc-library-workspace .qykc-workspace-alternatives { display:flex; flex-wrap:wrap; gap:8px; } .qykc-library-workspace .qykc-workspace-alternative { display:inline-flex; align-items:center; min-height:40px; padding:8px 12px; border:1px solid var(--qw-line); border-radius:8px; color:var(--qw-accent); font-size:12px; } @media(min-width:1700px) { .qykc-library-workspace .qykc-workspace-book-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } } @media(max-width:1250px) { .qykc-library-workspace .qykc-workspace-hero-facts { margin-right:270px; } .qykc-library-workspace .qykc-workspace-layout { grid-template-columns:226px minmax(0,1fr); gap:20px; } .qykc-library-workspace .qykc-workspace-book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:1000px) { .qykc-library-workspace .qykc-workspace-hero-facts { display:none !important; } .qykc-library-workspace .qykc-workspace-layout { grid-template-columns:210px minmax(0,1fr); gap:14px; } .qykc-library-workspace .qykc-workspace-sop-table-head, .qykc-library-workspace .qykc-workspace-sop-row { grid-template-columns:32px minmax(0,1fr) 58px; } .qykc-library-workspace .qykc-workspace-sop-context, .qykc-library-workspace .qykc-workspace-sop-table-head span:nth-child(2) { display:none; } .qykc-library-workspace .qykc-workspace-sop-row em { grid-column:3; } } @media(max-width:780px) { body.page-id-867 .qykc-library-workspace { width:calc(100% - 28px); } .qykc-library-workspace .qykc-workspace-head { min-height:112px; padding:16px; } .qykc-library-workspace .qykc-workspace-head h1 { font-size:26px; } .qykc-library-workspace .qykc-workspace-tabs { gap:4px; margin-bottom:12px; padding:5px; } .qykc-library-workspace .qykc-workspace-layout { display:block; } .qykc-library-workspace .qykc-workspace-content { min-height:320px; } .qykc-library-workspace.is-reading .qykc-workspace-content { padding:13px; border-radius:11px; } .qykc-library-workspace .qykc-workspace-content-head { gap:5px 8px; margin-bottom:10px; padding-bottom:12px; } .qykc-library-workspace .qykc-workspace-content-head h2 { font-size:18px; } .qykc-library-workspace.is-reading .qykc-workspace-content-head h2 { font-size:17px; } .qykc-library-workspace .qykc-workspace-search { margin:10px 0 12px; } .qykc-library-workspace .qykc-workspace-book-grid { grid-template-columns:1fr; gap:12px; } .qykc-library-workspace .qykc-workspace-book-cover { min-height:91px; padding:12px 15px; } .qykc-library-workspace .qykc-workspace-book-subject { font-size:19px; } .qykc-library-workspace .qykc-workspace-cover-art { width:82px; height:64px; right:14px; } .qykc-library-workspace .qykc-workspace-book-card .qykc-workspace-book-copy { gap:7px; padding:12px 14px; } .qykc-library-workspace .qykc-workspace-book-title { min-height:0; font-size:14px; } .qykc-library-workspace .qykc-workspace-book-metrics { padding-top:4px; } .qykc-library-workspace .qykc-workspace-book-footer { padding-top:7px; } .qykc-library-workspace .qykc-workspace-reader { margin-top:14px; } .qykc-library-workspace .qykc-workspace-map-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .qykc-library-workspace .qykc-workspace-map-thumb { height:140px; } .qykc-library-workspace .qykc-workspace-map-stage { min-height:310px; } .qykc-library-workspace .qykc-workspace-sop-table-head { display:none; } .qykc-library-workspace .qykc-workspace-sop-row { grid-template-columns:30px minmax(0,1fr) 42px; gap:8px; min-height:61px; padding:9px 10px; } .qykc-library-workspace .qykc-workspace-sop-row .qykc-workspace-file-icon { width:28px; height:32px; } .qykc-library-workspace .qykc-workspace-sop-row em { grid-column:3; padding:3px; } .qykc-library-workspace .qykc-workspace-sop-row small { max-width:100%; } .qykc-library-workspace .qykc-workspace-skeleton.is-content { gap:10px; margin-top:35px; } .qykc-library-workspace .qykc-workspace-skeleton.is-content i { height:145px; } .qykc-library-workspace.is-index-open::after { content:""; position:fixed; inset:0; z-index:120; background:rgba(13,28,45,.45); } .qykc-library-workspace.is-index-open .qykc-workspace-index { display:block; position:fixed; z-index:130; top:12px; bottom:12px; left:12px; width:min(350px,calc(100vw - 24px)); max-height:none; margin:0; overflow:auto; border-radius:13px; box-shadow:0 18px 55px rgba(13,28,45,.25); } .qykc-library-workspace .qykc-workspace-index-close { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:40px; margin-bottom:7px; padding:7px 10px; border:0; border-radius:7px; background:#edf2f9; color:#31425d; font-size:12px; font-weight:700; } body.page-id-867:has(.qykc-library-workspace.is-index-open) { overflow:hidden; } } @media(max-width:520px) { .qykc-library-workspace .qykc-workspace-map-grid { grid-template-columns:1fr; } .qykc-library-workspace .qykc-workspace-map-thumb { height:180px; } } @media(prefers-reduced-motion:reduce) { .qykc-library-workspace .qykc-workspace-reader-chevron { transition-duration:0s; } } /* Catalog controls remain available after the repeated module intro is removed. */ .qykc-library-workspace .qykc-workspace-catalog-tools { display:flex; justify-content:flex-end; margin:0 0 16px; } .qykc-library-workspace .qykc-workspace-catalog-tools .qykc-workspace-search { flex:0 1 52%; width:52%; max-width:620px; margin:0; } .qykc-library-workspace .qykc-workspace-catalog-tools + .qykc-workspace-book-grid { margin-top:0; } .qykc-library-workspace .qykc-workspace-content > .qykc-workspace-practice-list { margin-top:0; } @media(max-width:780px) { .qykc-library-workspace .qykc-workspace-catalog-tools { margin-bottom:12px; } .qykc-library-workspace .qykc-workspace-catalog-tools .qykc-workspace-search { flex:1 1 auto; width:100%; max-width:none; } } /* Member packages have a dedicated benefit surface above the directory. */ .qykc-library-workspace .qykc-workspace-member-package { position:relative; display:grid; grid-template-columns:68px minmax(0,1fr) auto; align-items:center; gap:22px; min-height:148px; margin:0 0 22px; padding:24px 28px; overflow:hidden; isolation:isolate; border:1px solid rgba(205,180,128,.32); border-radius:16px; background:radial-gradient(ellipse at 100% 0,rgba(57,111,105,.35),transparent 58%),linear-gradient(112deg,#172636,#223747); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 6px rgba(19,35,53,.07),0 12px 28px rgba(19,35,53,.1); } .qykc-library-workspace .qykc-workspace-member-package::before { content:""; position:absolute; inset:0 28px auto; height:1px; background:linear-gradient(90deg,transparent,rgba(246,223,171,.65),transparent); pointer-events:none; } .qykc-library-workspace .qykc-workspace-member-package svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } .qykc-library-workspace .qykc-workspace-member-emblem { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:68px; height:82px; border:1px solid rgba(238,211,151,.38); border-radius:12px; background:linear-gradient(145deg,rgba(226,203,156,.16),rgba(226,203,156,.03)); color:#e8c98d; box-shadow:inset 0 1px 0 rgba(255,244,218,.1),0 5px 12px rgba(0,0,0,.09); } .qykc-library-workspace .qykc-workspace-member-emblem svg { width:34px; height:34px; stroke-width:1.3; } .qykc-library-workspace .qykc-workspace-member-emblem span { font-size:8px; font-weight:600; line-height:1.4; letter-spacing:.16em; } .qykc-library-workspace .qykc-workspace-member-copy { min-width:0; } .qykc-library-workspace .qykc-workspace-member-badge { display:inline-flex; align-items:center; gap:6px; margin-bottom:9px; color:#edce93; font-size:11px; font-weight:650; line-height:1.4; letter-spacing:.06em; } .qykc-library-workspace .qykc-workspace-member-badge svg { width:16px; height:16px; } .qykc-library-workspace .qykc-workspace-member-title { display:flex; flex-wrap:wrap; align-items:center; gap:6px 13px; } .qykc-library-workspace .qykc-workspace-member-title h3 { margin:0; color:#fff; font-family:inherit; font-size:23px; font-weight:750; line-height:1.35; letter-spacing:.02em; } .qykc-library-workspace .qykc-workspace-member-title > span { padding:3px 9px; border:1px solid rgba(202,221,234,.19); border-radius:5px; background:rgba(255,255,255,.045); color:#d1e0eb; font-size:11px; line-height:1.5; overflow-wrap:anywhere; } .qykc-library-workspace .qykc-workspace-member-copy p { margin:9px 0 0; color:#b9c9d7; font-size:12px; line-height:1.6; text-wrap:pretty; } .qykc-library-workspace .qykc-workspace-member-action { display:flex; flex-direction:column; flex-wrap:nowrap; align-items:stretch; gap:9px; min-width:202px; } .qykc-library-workspace .qykc-workspace-button.qykc-workspace-member-button { gap:12px; min-width:202px; min-height:52px; padding:13px 22px; border:1px solid #edd29f; border-radius:9px; background:linear-gradient(120deg,#f2ddba,#dfbb7e); color:#30291c !important; font-size:15px; font-weight:750; line-height:1.35; box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 4px 10px rgba(0,0,0,.16); transition:background-color .17s ease,box-shadow .17s ease,transform .17s ease; } .qykc-library-workspace .qykc-workspace-member-button::after { content:"↓"; font-size:20px; line-height:1; } .qykc-library-workspace .qykc-workspace-member-button:hover { background:linear-gradient(120deg,#fae9ce,#ebca91); box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 16px rgba(0,0,0,.2); } .qykc-library-workspace .qykc-workspace-member-button:focus-visible { outline:3px solid #f5deaf; outline-offset:4px; } .qykc-library-workspace .qykc-workspace-member-button:disabled { opacity:.75; } .qykc-library-workspace .qykc-workspace-member-button:disabled::after { content:"…"; } .qykc-library-workspace .qykc-workspace-member-action small { display:flex; align-items:center; justify-content:center; gap:5px; color:#b7c6d3; font-size:10px; line-height:1.4; } .qykc-library-workspace .qykc-workspace-member-action small svg { width:12px; height:12px; } @media(min-width:781px) and (max-width:1150px) { .qykc-library-workspace .qykc-workspace-member-package { grid-template-columns:minmax(0,1fr) auto; gap:16px; padding:21px; } .qykc-library-workspace .qykc-workspace-member-emblem { display:none; } .qykc-library-workspace .qykc-workspace-member-action, .qykc-library-workspace .qykc-workspace-button.qykc-workspace-member-button { min-width:180px; } } @media(max-width:780px) { .qykc-library-workspace .qykc-workspace-member-package { grid-template-columns:minmax(0,1fr); gap:13px; min-height:0; margin-bottom:15px; padding:16px; border-radius:13px; } .qykc-library-workspace .qykc-workspace-member-emblem, .qykc-library-workspace .qykc-workspace-member-copy p { display:none; } .qykc-library-workspace .qykc-workspace-member-badge { margin-bottom:7px; font-size:10px; } .qykc-library-workspace .qykc-workspace-member-title { gap:6px 10px; } .qykc-library-workspace .qykc-workspace-member-title h3 { font-size:18px; } .qykc-library-workspace .qykc-workspace-member-title > span { padding:2px 6px; font-size:10px; } .qykc-library-workspace .qykc-workspace-member-action { grid-column:auto; grid-row:auto; min-width:0; gap:7px; } .qykc-library-workspace .qykc-workspace-button.qykc-workspace-member-button { width:100%; min-width:0; min-height:46px; padding:10px 14px; font-size:14px; } } @media(prefers-reduced-motion:reduce) { .qykc-library-workspace .qykc-workspace-button.qykc-workspace-member-button { transition:none; } } /* 1.5.1 · Reading navigation stays within reach on desktop and mobile. */ .qykc-library-workspace .qykc-workspace-reader-home { position:sticky; top:0; z-index:4; margin:0 0 12px; padding-bottom:10px; background:#fbfcfe; box-shadow:0 5px 0 #fbfcfe; } .qykc-library-workspace .qykc-workspace-reader-home-link { display:flex; align-items:center; gap:8px; min-height:66px; padding:10px; border:1px solid #3152bd; border-radius:10px; background:#3659ca; color:#fff; text-decoration:none; box-shadow:0 2px 4px rgba(36,62,140,.12),0 6px 13px rgba(36,62,140,.15); transition:background-color .16s ease,box-shadow .16s ease; } .qykc-library-workspace .qykc-workspace-reader-home-link:hover { background:#2949b2; color:#fff; box-shadow:0 4px 12px rgba(36,62,140,.23); } .qykc-library-workspace .qykc-workspace-reader-home-link > span:nth-child(2) { flex:1; min-width:0; } .qykc-library-workspace .qykc-workspace-reader-home-link strong { display:block; color:inherit; font-size:13px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-reader-home-link small { display:block; margin-top:3px; color:#e1e8ff; font-size:10px; line-height:1.5; } .qykc-library-workspace .qykc-workspace-reader-home-icon { display:grid; place-items:center; flex:0 0 28px; width:28px; height:32px; border-radius:7px; background:rgba(255,255,255,.13); } .qykc-library-workspace .qykc-workspace-reader-home-link svg, .qykc-library-workspace .qykc-workspace-reader-tools svg { flex-shrink:0; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .qykc-library-workspace .qykc-workspace-reader-home-link > svg { width:15px; height:15px; opacity:.8; } .qykc-library-workspace .qykc-workspace-reader-home-link:focus-visible, .qykc-library-workspace .qykc-workspace-reader-tools :is(button,a):focus-visible { outline:3px solid #91acff; outline-offset:3px; } .qykc-library-workspace .qykc-workspace-reader-tools { display:none; } body.qykc-directory-open { overflow:hidden; } .qykc-library-workspace .qykc-workspace-directory-dialog { position:fixed; inset:0 auto 0 0; width:min(360px,88vw); height:100vh; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; overflow:hidden; border:0; border-radius:0 17px 17px 0; background:#fbfcfe; color:#26344a; box-shadow:10px 0 40px rgba(13,28,45,.24); } .qykc-library-workspace .qykc-workspace-directory-dialog::backdrop { background:rgba(13,28,45,.48); } .qykc-library-workspace.is-index-open.has-directory-dialog::after { content:none; } .qykc-library-workspace.is-index-open .qykc-workspace-directory-dialog .qykc-workspace-index { display:block; position:static; width:100%; height:100%; max-height:none; margin:0; padding:12px 12px calc(16px + env(safe-area-inset-bottom)); padding-top:max(12px,env(safe-area-inset-top)); overflow:auto; border:0; border-radius:0; box-shadow:none; } @media(max-width:780px) { .qykc-library-workspace.is-reading > .qykc-workspace-mobile-index { display:none; } .qykc-library-workspace.is-reading .qykc-workspace-content { padding-bottom:152px; } .qykc-library-workspace.is-reading .qykc-workspace-reader-tools { display:grid; position:fixed; z-index:95; right:12px; bottom:calc(72px + env(safe-area-inset-bottom)); width:116px; gap:4px; padding:5px; border:1px solid #dde5f3; border-radius:15px; background:rgba(255,255,255,.97); box-shadow:0 3px 10px rgba(29,50,95,.12),0 12px 30px rgba(29,50,95,.13); } .qykc-library-workspace .qykc-workspace-reader-tools :is(button,a) { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 7px; border:0; border-radius:10px; background:#3659ca; color:#fff; font-size:12px; font-weight:650; line-height:1.4; text-decoration:none; white-space:nowrap; cursor:pointer; transition:background-color .16s ease,transform .12s ease; } .qykc-library-workspace .qykc-workspace-reader-tools .qykc-workspace-reader-tools-home { background:#edf2ff; color:#294caf; } .qykc-library-workspace .qykc-workspace-reader-tools :is(button,a):active { transform:scale(.96); } .qykc-library-workspace.is-index-open .qykc-workspace-reader-tools { visibility:hidden; } .qykc-library-workspace .qykc-workspace-reader-home { position:static; margin-bottom:8px; padding-bottom:0; box-shadow:none; } .qykc-library-workspace .qykc-workspace-reader-home-link { min-height:60px; } .qykc-library-workspace .qykc-workspace-index-close { position:sticky; top:0; z-index:5; min-height:44px; margin-bottom:12px; box-shadow:0 -14px 0 14px #fbfcfe; } .qykc-library-workspace .qykc-workspace-reader-nav .is-doc { min-height:44px; } } /* Make the mobile directory an explicit category switcher. */ @media (max-width:780px) { .qykc-library-workspace .qykc-workspace-mobile-index { gap:10px; min-height:64px; padding:10px 12px; margin-bottom:12px; border:0; border-radius:12px; background:var(--qw-accent); color:#fff; text-align:left; box-shadow:0 4px 12px rgba(26,45,70,.12),inset 0 1px 0 rgba(255,255,255,.15); } .qykc-library-workspace .qykc-workspace-category-icon { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:8px; background:rgba(255,255,255,.16); } .qykc-library-workspace .qykc-workspace-category-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; } .qykc-library-workspace .qykc-workspace-category-copy { display:grid; gap:2px; flex:1; min-width:0; } .qykc-library-workspace .qykc-workspace-category-copy strong { color:inherit; font-size:14px; font-weight:700; } .qykc-library-workspace .qykc-workspace-category-copy small { color:rgba(255,255,255,.88); font-size:11px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .qykc-library-workspace .qykc-workspace-category-action { display:flex; align-items:center; gap:4px; flex-shrink:0; padding:7px 9px; border:1px solid rgba(255,255,255,.3); border-radius:7px; background:rgba(255,255,255,.12); color:#fff; font-size:12px; font-weight:700; } .qykc-library-workspace .qykc-workspace-category-action svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; } .qykc-library-workspace .qykc-workspace-mobile-index:focus-visible { outline:3px solid var(--qw-accent); outline-offset:3px; } .qykc-library-workspace .qykc-workspace-filter form { display:flex; flex-wrap:nowrap; gap:8px; } .qykc-library-workspace .qykc-workspace-filter label { flex:1; min-width:0; } } /* 1.5.8 · Chapter navigation follows the actual reading position. */ .qykc-library-workspace .qykc-workspace-tab::before, .qykc-library-workspace .qykc-workspace-tab.is-active::after { content:none; } .qykc-library-workspace .qykc-workspace-reader-docs { border-left:0; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body h3 { border:1px solid #e2e9f6; border-radius:8px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body h4 { border:0; padding-bottom:0; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(blockquote,.quote,.lead,.callout) { border:1px solid #e2e9f6; border-radius:8px; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .answer { border:0; padding-left:0; } .qykc-library-workspace .qykc-workspace-reader-controls[data-workspace-reader-controls] { position:sticky; bottom:16px; z-index:75; grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr); gap:8px; width:100%; max-width:880px; padding:8px; margin:20px auto 0; border:1px solid #dce4f1; border-radius:14px; background:rgba(255,255,255,.98); box-shadow:0 4px 12px rgba(29,50,74,.08),0 12px 30px rgba(29,50,74,.06); font-variant-numeric:tabular-nums; } .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-step, .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-directory { display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:3px; min-width:0; min-height:52px; padding:8px 12px; border:1px solid #e2e8f2; border-radius:8px; background:#f6f8fc; color:#344a70; text-decoration:none; text-align:left; transition:background-color .16s ease,border-color .16s ease,transform .12s ease; } .qykc-library-workspace [data-workspace-reader-controls] strong { color:inherit; font-size:13px; line-height:1.4; } .qykc-library-workspace [data-workspace-reader-controls] small { display:block; width:100%; overflow:hidden; color:#748198; font-size:11px; line-height:1.4; white-space:nowrap; text-overflow:ellipsis; } .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-step:last-child { align-items:flex-end; text-align:right; } .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-directory { align-items:center; text-align:center; border-color:var(--qw-accent); background:var(--qw-accent); color:#fff; } .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-directory small { color:#e1e8ff; } .qykc-library-workspace [data-workspace-reader-controls] a:hover { background:var(--qw-tint); border-color:#bdcaf0; } .qykc-library-workspace [data-workspace-reader-controls] :is(a,button):active { transform:scale(.96); } .qykc-library-workspace [data-workspace-reader-controls] .is-disabled { color:#9aa3b2; background:#fafbfc; border-color:#edf0f5; } .qykc-library-workspace [data-workspace-reader-controls] .is-disabled small { color:#9aa3b2; } .qykc-library-workspace .qykc-workspace-stream-end { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; } .qykc-library-workspace .qykc-workspace-stream-end button { min-height:44px; padding:8px 14px; border:1px solid #cbd7f4; border-radius:8px; background:var(--qw-tint); color:var(--qw-accent); font-weight:650; } @media(max-width:780px) { .qykc-library-workspace.is-reading .qykc-workspace-content { padding-bottom:168px; } .qykc-library-workspace.is-reading .qykc-workspace-reader-controls[data-workspace-reader-controls] { position:fixed; left:12px; right:12px; bottom:calc(72px + env(safe-area-inset-bottom)); width:auto; max-width:none; margin:0; padding:6px; border-radius:13px; grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr); gap:6px; } .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-step, .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-directory { min-height:52px; padding:7px 9px; } .qykc-library-workspace [data-workspace-reader-controls] strong { font-size:12px; } .qykc-library-workspace [data-workspace-reader-controls] small { font-size:10px; } .qykc-library-workspace.is-index-open [data-workspace-reader-controls] { visibility:hidden; } } @media(prefers-reduced-motion:reduce) { .qykc-library-workspace [data-workspace-reader-controls] :is(a,button) { transition:none; } } /* Selected directory entries use a complete outline and surface, without a side stripe. */ .qykc-library-workspace .qykc-workspace-index-link { border:1px solid transparent; } .qykc-library-workspace .qykc-workspace-index-link.is-active, .qykc-library-workspace .qykc-workspace-reader-nav .is-doc.is-active { border-color:#cbd7f4; box-shadow:none; } /* 1.5.10 · All five library modules share the homepage brand palette. */ body.page-id-867:has(.qykc-library-workspace), body.page-id-867:has(.qykc-library-workspace) > main.container { background:#f7f5f0 !important; } body.page-id-867 .qykc-library-workspace { --qw-accent:#aa3d32; --qw-accent-hover:#90362d; --qw-tint:#f8f2ed; --qw-ink:#303238; --qw-muted:#77736c; --qw-line:#e7e2d9; --qw-soft:#f7f5f0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; } body.page-id-867 .qykc-library-workspace .qykc-workspace-head { border-color:#353730; background:radial-gradient(circle at 72% 0%,rgba(195,163,105,.09),transparent 42%),linear-gradient(115deg,#30332d,#242923 75%); box-shadow:0 10px 24px rgba(43,39,30,.08),inset 0 1px 0 rgba(255,255,255,.08); } body.page-id-867 .qykc-library-workspace .qykc-workspace-seal { box-shadow:inset 0 0 0 3px #30332d,inset 0 0 0 4px rgba(219,187,129,.16); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-kicker,.qykc-workspace-head p,.qykc-workspace-hero-facts small) { color:#d5cebf; } body.page-id-867 .qykc-library-workspace .qykc-workspace-hero-facts { border-color:rgba(223,199,151,.22); background:rgba(28,28,23,.3); } body.page-id-867 .qykc-library-workspace .qykc-workspace-tabs { border-color:var(--qw-line); box-shadow:0 5px 16px rgba(43,39,30,.04); } body.page-id-867 .qykc-library-workspace .qykc-workspace-tab { --tab-color:#655b4d; --tab-tint:#faf9f6; --tab-line:#e7e2d9; color:#655b4d; background:var(--tab-tint); border-color:var(--tab-line); box-shadow:none; } body.page-id-867 .qykc-library-workspace .qykc-workspace-tab:hover { background:#f4f0e9; border-color:#c8b89d; box-shadow:none; } body.page-id-867 .qykc-library-workspace .qykc-workspace-tab.is-active { --tab-color:var(--qw-accent); color:var(--qw-accent); border-color:#c9a493; background:var(--qw-tint); box-shadow:none; } body.page-id-867 .qykc-library-workspace .qykc-workspace-tab-icon { border-color:#e5ddcf; background:#f0eae0; color:#7d6847; box-shadow:none; } body.page-id-867 .qykc-library-workspace .qykc-workspace-tab.is-active .qykc-workspace-tab-icon { border-color:var(--qw-accent); background:var(--qw-accent); color:#fff; box-shadow:none; } body.page-id-867 .qykc-library-workspace .qykc-workspace-tab strong { color:inherit; } body.page-id-867 .qykc-library-workspace .qykc-workspace-tab small { color:#77736c; } body.page-id-867 .qykc-library-workspace .qykc-workspace-tab:focus-visible { outline-color:var(--qw-accent); } body.page-id-867 .qykc-library-workspace .qykc-workspace-index { border-color:var(--qw-line); background:#fffdf9; box-shadow:0 6px 18px rgba(43,39,30,.035); } body.page-id-867 .qykc-library-workspace.is-reading .qykc-workspace-content { border-color:var(--qw-line); box-shadow:0 8px 28px rgba(43,39,30,.035); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-content-head h2,.qykc-workspace-article-title,.qykc-workspace-index-head strong,.qykc-workspace-reader-module-head strong) { color:var(--qw-ink); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-content-head p,.qykc-workspace-article-meta,.qykc-workspace-summary,.qykc-workspace-loading,.qykc-workspace-stream-end,.qykc-workspace-group,.qykc-workspace-reader-module-head small) { color:var(--qw-muted); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-content-head,.qykc-workspace-article-head,.qykc-workspace-group) { border-color:var(--qw-line); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-search input,.qykc-workspace-chapter-search input) { border-color:var(--qw-line); color:var(--qw-ink); box-shadow:0 1px 2px rgba(43,39,30,.025); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-search input,.qykc-workspace-chapter-search input):focus-visible { border-color:var(--qw-accent); } body.page-id-867 .qykc-library-workspace .qykc-workspace-button.is-secondary { border-color:var(--qw-line); color:#655b4d !important; } body.page-id-867 .qykc-library-workspace .qykc-workspace-state { border-color:var(--qw-line); box-shadow:0 5px 18px rgba(43,39,30,.035); } body.page-id-867 .qykc-library-workspace .qykc-workspace-book-card { border-color:var(--qw-line); box-shadow:0 2px 3px rgba(43,39,30,.03),0 9px 24px rgba(43,39,30,.04); } body.page-id-867 .qykc-library-workspace .qykc-workspace-book-card:hover { border-color:#c9a493; box-shadow:0 5px 11px rgba(43,39,30,.06),0 18px 32px rgba(43,39,30,.08); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-book-title,.qykc-workspace-book-number) { color:var(--qw-ink); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-book-card em,.qykc-workspace-book-metrics small,.qykc-workspace-book-footer > small) { color:var(--qw-muted); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-book-chapters,.qykc-workspace-book-footer) { border-color:var(--qw-line); } body.page-id-867 .qykc-library-workspace .qykc-workspace-book-cta { background:var(--qw-tint); color:var(--qw-accent); } body.page-id-867 .qykc-library-workspace .qykc-workspace-book-card:hover .qykc-workspace-book-cta { background:var(--qw-accent); color:#fff; } body.page-id-867 .qykc-library-workspace .qykc-workspace-book-tags span { background:#f1ede5; color:#776b58; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-home { background:#fffdf9; box-shadow:0 5px 0 #fffdf9; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-home-link { border-color:var(--qw-accent); background:var(--qw-accent); box-shadow:0 2px 4px rgba(91,46,35,.08),0 6px 13px rgba(91,46,35,.09); } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-home-link:hover { background:var(--qw-accent-hover); box-shadow:0 4px 12px rgba(91,46,35,.16); } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-home-link small { color:#fff0e8; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-home-link:focus-visible { outline-color:var(--qw-accent); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-reader-total,.qykc-workspace-count,.qykc-workspace-doc-number,.qykc-workspace-module-number) { background:#f1ede5; color:#776b58; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-module-head { background:#f4f1eb; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-module-head:hover { background:#ece6db; } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-index-link,.qykc-workspace-reader-nav .is-doc) { color:#5c5a55; } body.page-id-867 .qykc-library-workspace .qykc-workspace-index-link:hover { background:#f4f0e9; color:var(--qw-ink); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-index-link.is-active,.qykc-workspace-reader-nav .is-doc.is-active) { border-color:#c9a493; background:var(--qw-tint); color:var(--qw-accent); box-shadow:none; } body.page-id-867 .qykc-library-workspace .is-active .qykc-workspace-doc-number { background:var(--qw-accent); color:#fff; } body.page-id-867 .qykc-library-workspace .qykc-workspace-chapter-label { background:var(--qw-tint); color:var(--qw-accent); } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body { color:#44443f; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(h2,h3,h4,strong,b) { color:var(--qw-ink); } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body li::marker { color:#8a7050; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body mark { color:#765c32; background:#f7efd9; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(h3,blockquote,.quote,.lead,.field,.prompt,.formula,.callout) { border-color:var(--qw-line); background:#f7f5ef; color:#565044; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .emphasis { color:#914439; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .callout-label { color:#806743; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(.callout-method,.callout-conclusion) { border-color:#d9e6db; background:#f3f7f1; color:#485d47; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body .callout-risk { border-color:#ebd5cd; background:#fcf3ef; color:#88473c; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body code { background:#f1ede5; color:#785c3d; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(pre,pre[class]) { border-color:#3c3d36; background:#2e302b; color:#f0ede5; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body pre code { background:transparent; color:inherit; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body :is(.qykc-workspace-table-wrap,th,td,hr) { border-color:var(--qw-line); } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body th { background:#f3efe7; color:#5e5445; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body tbody tr:nth-child(even) { background:#faf9f6; } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body figcaption { color:var(--qw-muted); } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-body a { color:var(--qw-accent); } body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-controls[data-workspace-reader-controls] { border-color:var(--qw-line); box-shadow:0 4px 12px rgba(43,39,30,.07),0 12px 30px rgba(43,39,30,.05); } body.page-id-867 .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-step { border-color:var(--qw-line); background:#f7f5f0; color:#625747; } body.page-id-867 .qykc-library-workspace [data-workspace-reader-controls] small { color:#77736c; } body.page-id-867 .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-directory small { color:#fff0e8; } body.page-id-867 .qykc-library-workspace [data-workspace-reader-controls] a:hover { border-color:#c9a493; background:var(--qw-tint); color:var(--qw-accent); } body.page-id-867 .qykc-library-workspace [data-workspace-reader-controls] .qykc-workspace-chapter-directory:hover { border-color:var(--qw-accent-hover); background:var(--qw-accent-hover); color:#fff; } body.page-id-867 .qykc-library-workspace [data-workspace-reader-controls] .is-disabled { border-color:#eeebe5; background:#faf9f6; color:#969086; } body.page-id-867 .qykc-library-workspace [data-workspace-reader-controls] .is-disabled small { color:#969086; } body.page-id-867 .qykc-library-workspace .qykc-workspace-stream-end button { border-color:#c9a493; } body.page-id-867 .qykc-library-workspace .qykc-workspace-directory-dialog { background:#fffdf9; color:var(--qw-ink); box-shadow:0 18px 55px rgba(43,39,30,.22); } body.page-id-867 .qykc-library-workspace .qykc-workspace-directory-dialog::backdrop { background:rgba(35,34,29,.45); } body.page-id-867 .qykc-library-workspace .qykc-workspace-index-close { background:#f1ede5; color:#655b4d; } /* Module content uses the same surfaces, forms and action states as the reader. */ body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-filter input,.qykc-workspace-filter select,.qykc-workspace-page,.qykc-workspace-more,.qykc-workspace-map-controls button,.qykc-workspace-detail-note) { border-color:var(--qw-line); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-filter input,.qykc-workspace-filter select) { color:var(--qw-ink); } body.page-id-867 .qykc-library-workspace .qykc-workspace-page.is-active { border-color:#c9a493; background:var(--qw-tint); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-page,.qykc-workspace-more,.qykc-workspace-map-controls button):hover { border-color:#c9a493; background:var(--qw-tint); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-map-controls button,.qykc-workspace-map-thumb,.qykc-workspace-copy-text,.qykc-workspace-dialog pre) { background:var(--qw-soft); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-pages,.qykc-workspace-state p,.qykc-workspace-map-card small,.qykc-workspace-sop-row small,.qykc-workspace-sop-context,.qykc-workspace-download-list .qykc-resource-center-status,.qykc-workspace-download-list .qykc-resource-center-row p) { color:var(--qw-muted); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-map-card strong,.qykc-workspace-sop-row strong,.qykc-workspace-practice-group h2,.qykc-workspace-practice-post,.qykc-workspace-download-list .qykc-resource-center-row h2) { color:var(--qw-ink); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-download-list,.qykc-workspace-sop-list,.qykc-workspace-practice-group,.qykc-workspace-map-card) { border-color:var(--qw-line); box-shadow:0 4px 14px rgba(43,39,30,.035); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-download-list .qykc-resource-center-row,.qykc-workspace-download-list .qykc-resource-center-row > a,.qykc-workspace-sop-row,.qykc-workspace-practice-post,.qykc-workspace-practice-group h2) { border-color:var(--qw-line); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-download-list .qykc-resource-center-row:nth-child(even),.qykc-workspace-sop-row:nth-child(odd),.qykc-workspace-practice-post:nth-child(even)) { background:#faf9f6; } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-download-list .qykc-resource-center-row:hover,.qykc-workspace-sop-row:hover,.qykc-workspace-practice-post:hover) { background:var(--qw-tint); } body.page-id-867 .qykc-library-workspace .qykc-workspace-map-card:hover { border-color:#c9a493; box-shadow:0 3px 6px rgba(43,39,30,.025),0 12px 22px rgba(43,39,30,.055); } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-file-icon,.qykc-workspace-sop-row em) { border-color:#e5ddcf; background:#f1ede5; color:#776b58; } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-sop-table-head,.qykc-workspace-practice-group h2) { background:#f1ede5; color:#655b4d; } body.page-id-867 .qykc-library-workspace .qykc-workspace-practice-group h2::before { content:none; } body.page-id-867 .qykc-library-workspace .qykc-workspace-map-stage { border-color:var(--qw-line); background-color:var(--qw-soft); background-image:radial-gradient(#ddd5c8 .7px,transparent .7px); box-shadow:0 8px 22px rgba(43,39,30,.04); } body.page-id-867 .qykc-library-workspace .qykc-workspace-map-stage:fullscreen { background:var(--qw-soft); } body.page-id-867 .qykc-library-workspace .qykc-workspace-member-package { background:radial-gradient(ellipse at 100% 0,rgba(195,163,105,.14),transparent 58%),linear-gradient(112deg,#30332d,#242923); box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 6px rgba(43,39,30,.06),0 12px 28px rgba(43,39,30,.09); } body.page-id-867 .qykc-library-workspace .qykc-workspace-member-title > span { border-color:rgba(223,199,151,.22); color:#e3dac8; } body.page-id-867 .qykc-library-workspace :is(.qykc-workspace-member-copy p,.qykc-workspace-member-action small) { color:#d5cebf; } body.page-id-867 .qykc-library-workspace .qykc-workspace-dialog { color:var(--qw-ink); box-shadow:0 22px 80px rgba(43,39,30,.24); } body.page-id-867 .qykc-library-workspace .qykc-workspace-dialog::backdrop { background:rgba(35,34,29,.5); } body.page-id-867 .qykc-library-workspace .qykc-workspace-skeleton i { background:linear-gradient(90deg,#ece7de,#faf9f6,#ece7de); background-size:220% 100%; } @media(max-width:780px) { body.page-id-867 .qykc-library-workspace .qykc-workspace-reader-home { box-shadow:none; } body.page-id-867 .qykc-library-workspace .qykc-workspace-index-close { box-shadow:0 -14px 0 14px #fffdf9; } }