:root{--yche-font:'Microsoft YaHei','微软雅黑','PingFang SC','Noto Sans CJK SC',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body,body :where(h1,h2,h3,h4,h5,h6,p,li,table,label,button,input,select,textarea,a,div,span,caption,figcaption,summary,dl,dt,dd,blockquote){font-family:var(--yche-font)!important}
body code,body pre,body kbd,body samp,body code *,body pre *,body kbd *,body samp *{font-family:'Cascadia Code','Fira Code',Consolas,monospace!important}
body svg text,body svg tspan{font-family:var(--yche-font)!important}
.yche-reader-bar{position:sticky;top:0;z-index:990;box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 18px;background:#fff;color:#334155;border-bottom:1px solid #e2e8f0;font-size:13px;line-height:1.5;flex-wrap:wrap;isolation:isolate}
.yche-reader-bar a{color:#1d4ed8;text-decoration:none}.yche-reader-bar .yche-dates{margin-left:auto;font-size:12px;color:#64748b}.yche-reader-bar button{border:1px solid #cbd5e1;border-radius:6px;background:white;color:#334155;padding:5px 10px;cursor:pointer}
.yche-reader-panel{position:fixed;z-index:1200;left:12px;top:64px;width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 86px);overflow:auto;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 8px 28px #0f172a24;padding:16px;box-sizing:border-box;color:#334155}
.yche-reader-panel[hidden]{display:none!important}.yche-reader-panel a{display:block;padding:7px 4px;color:#334155;text-decoration:none;line-height:1.5;font-size:13px}.yche-reader-panel a:hover{color:#1d4ed8;background:#eff6ff}.yche-reader-panel .yche-subheading{padding-left:18px;font-size:12px}.yche-reader-panel button{float:right;border:0;background:#f1f5f9;border-radius:4px;padding:5px;cursor:pointer}
[data-yche-section]{scroll-margin-top:76px}.yche-figure-caption{display:block;text-align:center!important;font-size:13px!important;font-weight:400!important;color:#64748b!important;line-height:1.65;margin:10px 0 22px!important}.yche-reader-bar+.site-nav{top:48px}.yche-page .site-nav{position:relative;top:auto}.yche-page .topbar,.yche-page header.topbar{top:48px}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.topic-card{display:block;padding:20px;border:1px solid #e0e4e8;border-radius:10px;background:#fff;cursor:pointer;text-align:left;color:#1a1a2e}.topic-card:hover{border-color:#4a90d9}.topic-card strong{display:block;font-size:16px;margin-bottom:8px}.topic-card span{font-size:13px;color:#64748b}.catalog-pager{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0}.catalog-pager button{padding:7px 14px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer}.catalog-pager button:disabled{opacity:.45;cursor:default}.catalog-updated{font-size:11px;color:#64748b;margin-top:8px}.catalog-topic-note{font-size:13px;color:#64748b;margin:12px 0}
@media(max-width:768px){.yche-reader-bar{padding:8px 10px;gap:8px}.yche-reader-bar .yche-dates{width:100%;margin:0;font-size:11px}.topic-grid{grid-template-columns:1fr}.yche-reader-panel{top:92px}.yche-page .topbar,.yche-page header.topbar{top:76px}}

.catalog-hero{display:flex;align-items:center;gap:24px;padding:26px 30px;border-radius:14px;border:1px solid #e2e8f0;background:linear-gradient(115deg,#f8fafc,#fff);margin:18px 0 22px;position:relative;overflow:hidden}.catalog-hero:after{content:"";position:absolute;width:160px;height:160px;border:24px solid var(--topic-accent);border-radius:50%;right:-80px;top:-65px;opacity:.07;pointer-events:none}.catalog-hero-art{color:var(--topic-accent);background:#fff;border-radius:18px;padding:14px;box-shadow:0 4px 20px #0f172a08;flex-shrink:0}.catalog-hero-art svg{display:block;width:66px;height:66px}.catalog-hero h2{margin:0 0 8px;font-size:24px;color:#1e293b}.catalog-hero p{margin:0 0 10px;font-size:14px;color:#475569;line-height:1.6}.catalog-hero span{font-size:12px;color:#64748b}.topic-card{position:relative;border-top:3px solid var(--topic-accent);transition:box-shadow .15s,border-color .15s}.topic-card:hover{border-color:var(--topic-accent);box-shadow:0 6px 20px #0f172a0c}.topic-card:focus-visible{outline:3px solid var(--topic-accent);outline-offset:3px}.topic-card .topic-art{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f8fafc;border-radius:12px;margin-bottom:14px;color:var(--topic-accent)}.topic-art svg{width:34px;height:34px}.topic-card .topic-description{display:block;line-height:1.6;min-height:42px;margin:4px 0 14px}.topic-card .topic-count{display:flex;justify-content:space-between;color:var(--topic-accent);font-size:12px}.topic-count span{color:inherit;font-size:18px}@media(max-width:768px){.catalog-hero{padding:20px 16px;gap:14px}.catalog-hero-art{padding:10px}.catalog-hero-art svg{width:42px;height:42px}.catalog-hero h2{font-size:20px}.catalog-hero p{font-size:13px}.topic-card .topic-description{min-height:0}}

.catalog-hero-art{padding:10px;border-radius:12px}.catalog-hero-art svg{width:32px;height:32px}.catalog-hero{gap:16px;padding:22px 24px}.topic-card{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:center}.topic-card .topic-art{grid-column:1;grid-row:1;width:32px;height:32px;margin:0;border-radius:8px}.topic-art svg{width:24px;height:24px}.topic-card strong{grid-column:2;margin:0;font-size:15px}.topic-card .topic-description,.topic-card .topic-count{grid-column:1 / -1}.topic-card .topic-description{margin:12px 0 14px}@media(max-width:768px){.catalog-hero{padding:18px 16px}.catalog-hero-art svg{width:28px;height:28px}}

/* Use one fixed navigation row for document links and account controls. */
.yche-page{padding-top:calc(var(--yche-original-body-padding,0px) + var(--yche-header-height,0px))!important}
.yche-fixed-header.site-nav{height:auto;padding:0;display:block}
.yche-fixed-header{position:fixed;inset:0 0 auto;z-index:1300;background:#fff;box-shadow:0 1px 6px #0f172a0d}
.yche-fixed-header .topbar,.yche-fixed-header .yche-reader-bar{position:static!important;top:auto!important;width:100%;margin:0}
.yche-reader-panel{top:calc(var(--yche-header-height,76px) + 12px)!important;max-height:calc(100dvh - var(--yche-header-height,76px) - 24px);z-index:1400}
.yche-page [id]{scroll-margin-top:calc(var(--yche-header-height,76px) + 16px)}
.yche-page [data-yche-sidebar]{top:var(--yche-sidebar-top)!important;max-height:calc(100dvh - var(--yche-sidebar-top) - 16px);overflow-y:auto}
.yche-page [data-yche-sidebar="fixed"]{height:calc(100dvh - var(--yche-sidebar-top))!important}
.yche-page .topbar,.yche-page header.topbar{top:var(--yche-header-height,76px)}
.yche-page .comments-section{position:static!important;inset:auto!important;transform:none!important;float:none!important;clear:both;width:100%;max-width:900px;min-width:0;box-sizing:border-box;grid-column:1 / -1;flex-basis:100%;margin:40px auto 24px!important;scroll-margin-top:calc(var(--yche-header-height,76px) + 16px)}
@media(max-width:768px){.yche-fixed-header .site-nav{padding:0 10px;gap:6px}.yche-page .comments-section{padding:16px}}
@media print{.yche-fixed-header,.yche-reader-panel{display:none!important}.yche-page{padding-top:0!important}.yche-page [data-yche-sidebar]{top:auto!important;max-height:none;height:auto!important}}

.yche-fixed-header .nav-user{margin-left:auto;min-width:0}.yche-fixed-header .nav-user[hidden]{display:none!important}.yche-fixed-header .yche-dates{margin-left:auto}.yche-fixed-header .nav-user:not([hidden]){margin-left:8px}.yche-fixed-header .nav-btn{white-space:nowrap}
.yche-page .yche-fixed-header{position:fixed!important;top:0!important}

.yche-fixed-header .yche-reader-bar{min-height:54px;padding:8px 24px;gap:12px;background:linear-gradient(115deg,#fff,#f8fafc)}
.yche-reader-bar .yche-logo{font-size:15px;font-weight:700;color:#1a1a2e;white-space:nowrap}.yche-logo span{color:#4a90d9}
.yche-reader-bar{--yche-category-color:#2563eb;--yche-category-bg:#eff6ff}
.yche-reader-bar[data-category="design"]{--yche-category-color:#b45309;--yche-category-bg:#fffbeb}.yche-reader-bar[data-category="perf"]{--yche-category-color:#1d4ed8;--yche-category-bg:#eff6ff}.yche-reader-bar[data-category="reliability"]{--yche-category-color:#be185d;--yche-category-bg:#fdf2f8}.yche-reader-bar[data-category="research"]{--yche-category-color:#15803d;--yche-category-bg:#f0fdf4}.yche-reader-bar[data-category="ops"]{--yche-category-color:#7e22ce;--yche-category-bg:#faf5ff}
.yche-reader-bar .yche-crumb{display:inline-flex;align-items:center;gap:7px;color:var(--yche-category-color);background:var(--yche-category-bg);padding:5px 9px;border-radius:7px;font-weight:600;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yche-crumb:before{content:'▤';font-size:16px;line-height:1;flex-shrink:0}
.yche-reader-bar .yche-toc-button,.yche-reader-bar .yche-profile-link{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:7px;padding:5px 9px;font-size:12px;color:#2563eb}
.yche-reader-bar .yche-toc-button{border-color:#dbeafe;background:#fff}.yche-reader-bar .yche-profile-link:hover,.yche-reader-bar .yche-toc-button:hover{background:#eff6ff}
.yche-reader-bar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.yche-reader-bar[data-category="about"] .yche-profile-link{display:none}
.yche-home .sidebar{position:sticky;top:var(--yche-header-height,50px);align-self:flex-start;height:calc(100dvh - var(--yche-header-height,50px));max-height:calc(100dvh - var(--yche-header-height,50px));overflow-y:auto}
@media(max-width:800px){.yche-home .sidebar{position:sticky;top:var(--yche-header-height,50px);height:auto!important;max-height:76px;overflow-x:auto;overflow-y:hidden;z-index:1100}}
@media(max-width:768px){.yche-fixed-header .yche-reader-bar{padding:8px 10px;gap:7px}.yche-reader-bar .yche-crumb{max-width:calc(100vw - 108px);font-size:12px}.yche-reader-bar .yche-dates{width:auto;flex:1 1 170px;text-align:right;margin-left:auto;font-size:11px}.yche-reader-bar .yche-profile-link{padding:5px}.yche-reader-bar .yche-toc-button{padding:5px 7px}}

@media(max-width:800px){.yche-page:not(.yche-home){display:block!important}.yche-page:not(.yche-home) .sidebar{position:relative!important;top:auto!important;left:auto!important;bottom:auto!important;width:100%!important;height:auto!important;max-height:180px;overflow:auto}.yche-page:not(.yche-home) .main{margin-left:0!important;width:100%!important;max-width:100%;min-width:0!important;box-sizing:border-box}.yche-page table{display:block;max-width:100%;overflow-x:auto}.yche-page p,.yche-page li,.yche-page td,.yche-page code{overflow-wrap:anywhere}.yche-page svg{max-width:100%}}

@media(max-width:800px){.yche-page:not(.yche-home) [data-yche-native-toc="pure"]{display:none!important}}
.yche-reader-bar .yche-legacy-links{display:inline-flex;align-items:center;gap:8px;max-width:100%;flex-wrap:wrap;min-width:0}
.yche-reader-bar .yche-legacy-links a{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.yche-reader-bar .yche-legacy-links a[aria-current="page"]{color:#334155;background:#f1f5f9}
.yche-reader-bar .yche-legacy-links a:hover{background:#eff6ff;border-color:#bfdbfe}
.yche-reader-bar .yche-legacy-links button{max-width:100%;white-space:normal;font-size:12px}
.yche-document-title{font-size:24px;line-height:1.45;margin:20px 24px;color:#1e293b}
.yche-reader-bar .yche-legacy-links :is(select,input,textarea){min-width:0;max-width:100%;box-sizing:border-box;font-size:12px}
@media(max-width:800px){.yche-page .container>.section>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yche-page .container>.section>.grid>*{min-width:0}}
@media(max-width:800px){.yche-page:not(.yche-home) [data-yche-native-toc="interactive"] [data-yche-native-chapter]{display:none!important}}

.yche-page:not(.yche-home) :is(h1,h2,h3,h4,h5,h6){overflow-wrap:anywhere}
.yche-page:not(.yche-home) pre{max-width:100%;min-width:0;box-sizing:border-box;overflow-x:auto}
@media(max-width:1100px){.yche-page:not(.yche-home) table{display:block;max-width:100%;box-sizing:border-box;overflow-x:auto}}
@media(max-width:800px){
.yche-page:not(.yche-home) .content{margin-left:0!important;max-width:100%;min-width:0;box-sizing:border-box}
.yche-page:not(.yche-home) .grid{grid-template-columns:minmax(0,1fr)}
.yche-page:not(.yche-home) .grid>*{min-width:0}
.yche-page:not(.yche-home) :is(.metric-row,.kv,.chart-row){flex-wrap:wrap}
.yche-page:not(.yche-home) .chart-row>.chart-box{min-width:0;flex-basis:100%}
}
.yche-page:not(.yche-home) main{min-width:0}
.yche-page:not(.yche-home) .wide-table{min-width:0;max-width:100%;overflow-x:auto}
@media(max-width:800px){
.yche-page:not(.yche-home) :is(.two-col,.grid3,.card-grid){grid-template-columns:minmax(0,1fr)}
.yche-page:not(.yche-home) :is(.stats,.summary-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
.yche-page:not(.yche-home) :is(.two-col,.grid3,.card-grid,.stats,.summary-grid)>*{min-width:0}
.yche-page:not(.yche-home) :is(.flow-row,.claim-header){flex-wrap:wrap}
.yche-page:not(.yche-home) :is(.claim-title,.claim-source,.stat,.stat-card){min-width:0;overflow-wrap:anywhere}
.yche-page:not(.yche-home) .layout{grid-template-columns:minmax(0,1fr)}
}
.yche-page:not(.yche-home) :is(.cmd,.timeline){display:block;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:auto}
@media(max-width:800px){
.yche-page:not(.yche-home) :is(.grid-2,.grid-3,.comparison){grid-template-columns:minmax(0,1fr)}
.yche-page:not(.yche-home) :is(.grid-2,.grid-3,.comparison)>*{min-width:0}
}
.yche-page:not(.yche-home) .mermaid{max-width:100%;box-sizing:border-box;overflow-x:auto}
@media(max-width:800px){.yche-page:not(.yche-home) .container>.section>.grid{grid-template-columns:minmax(0,1fr)}}
body:not(.yche-home) img{max-width:100%!important;height:auto}
.yche-page:not(.yche-home) .seq-body{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){
.yche-page:not(.yche-home) .main{width:auto!important}
.yche-page:not(.yche-home) .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.yche-page:not(.yche-home) .metric-grid>*{min-width:0;overflow-wrap:anywhere}
.yche-page:not(.yche-home) [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
.yche-page:not(.yche-home) [style*="grid-template-columns"]>*{min-width:0}
.yche-page:not(.yche-home) :is(.pie-row,.param-row){flex-wrap:wrap}
.yche-page:not(.yche-home) .finding>div{min-width:0;overflow-wrap:anywhere}
}
.yche-page:not(.yche-home) .file-path{max-width:100%;box-sizing:border-box;overflow-x:auto}
body:not(.yche-home){overflow-wrap:anywhere}
@media(max-width:800px){
.yche-page:not(.yche-home) :is(.chart-grid,.grid2,.sug-grid,.content){grid-template-columns:minmax(0,1fr)}
.yche-page:not(.yche-home) :is(.summary,.oom-grid,.access-pattern){grid-template-columns:repeat(2,minmax(0,1fr))}
.yche-page:not(.yche-home) :is(.chart-grid,.grid2,.sug-grid,.summary,.oom-grid,.access-pattern)>*{min-width:0}
.yche-page:not(.yche-home) .chart-grid .wide{grid-column:1/-1}
.yche-page:not(.yche-home) :is(.summary-bar,.path-step,.timeline-event){flex-wrap:wrap}
.yche-page:not(.yche-home) .summary-card{min-width:0;flex-basis:130px}
.yche-page:not(.yche-home) select{min-width:0!important;max-width:100%;box-sizing:border-box}
.yche-page:not(.yche-home) .content-area{width:auto!important;max-width:100%;min-width:0;box-sizing:border-box}
.yche-page:not(.yche-home) .finding-card{min-width:0;max-width:100%;box-sizing:border-box}
}
@media(max-width:800px){.yche-page:not(.yche-home) .charts-grid{grid-template-columns:minmax(0,1fr)}.yche-page:not(.yche-home) .charts-grid>*{min-width:0}}

@media (max-width:1100px) {
  .yche-page:not(.yche-home) table { min-width:0 !important; }
}
@media (max-width:800px) {
  .yche-page:not(.yche-home) .container:has(> .main-content) { display:block; }
  .yche-page:not(.yche-home) .main-content { margin-left:0 !important; min-width:0; width:100%; max-width:100%; box-sizing:border-box; }
  .yche-page:not(.yche-home) :is(.layout-2,.tree-layout,.evidence-grid,.grid-4,.appendix-card,.analysis-axis,.chart-row) { grid-template-columns:minmax(0,1fr) !important; }
  .yche-page:not(.yche-home) :is(.layout-2,.tree-layout,.evidence-grid,.grid-4,.appendix-card,.analysis-axis,.chart-row) > * { min-width:0; }
  .yche-page:not(.yche-home) .chart-half { min-width:0 !important; max-width:100%; box-sizing:border-box; }
  .yche-page:not(.yche-home) .chart-half > .chart { max-width:100%; box-sizing:border-box; }
  .yche-page:not(.yche-home) input { min-width:0; max-width:100%; box-sizing:border-box; }
}

@media (max-width:800px) {
  .yche-page:not(.yche-home) .container:has(> .main-content) > .sidebar { transform:none !important; height:auto !important; max-height:none !important; }
}

@media (max-width:800px) {
  .yche-page:not(.yche-home) .cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .yche-page:not(.yche-home) .cards > .card { min-width:0; }
  .yche-page:not(.yche-home) .compare2 { grid-template-columns:minmax(0,1fr); }
  .yche-page:not(.yche-home) .compare2 > * { min-width:0; }
}
