/* PQC-PATCH: 跨页共享补丁样式，由 externalize_css.py 生成，请勿手改 */
/* PQC-BLOCK:pqc-two-col */
/* 文章页两栏：正文 + 关联内容侧栏（模板直出） */
.wrap{display:grid;grid-template-columns:minmax(0,720px) minmax(300px,356px);column-gap:56px;justify-content:space-between;align-items:start}
.art-side{position:sticky;top:86px;max-height:calc(100vh - 108px);overflow-y:auto;overscroll-behavior:contain;
display:grid;gap:16px;align-content:start;min-width:0;padding-right:6px}
.art-side::-webkit-scrollbar{width:6px}
.art-side::-webkit-scrollbar-thumb{background:rgba(34,211,238,.35);border-radius:3px}
.art-side::-webkit-scrollbar-track{background:transparent}
.art-side .faq,.art-side .rel,.art-side .cta{margin:0}
.art-side .faq summary{padding:12px 14px;font-size:14.5px}
.art-side .faq p{padding:0 14px 14px;font-size:14px}
.art-side .rel a{padding:11px 13px;font-size:14px}
@media(max-width:1200px){.wrap{column-gap:32px}}
@media(max-width:980px){.wrap{display:block}.art-side{position:static;max-height:none;overflow:visible;margin-top:36px}}
/* PQC-BLOCK:pqc-design-fix */
/* 排版统一：横向裁剪 */
html{overflow-x:clip}
body{overflow-x:clip}
/* PQC-BLOCK:pqc-grid-v2 */
.wrap{grid-template-rows:auto 1fr}
.art-head{grid-column:1;grid-row:1;min-width:0}
.side-search{grid-column:2;grid-row:1;min-width:0;align-self:center}
.art-main{grid-column:1;grid-row:2;min-width:0}
.art-side{grid-column:2;grid-row:2}
.side-search .search{margin:4px 0 2px}
.side-search .search input{padding:11px 14px;font-size:14px}
.side-search .search button{padding:0 18px;font-size:14px}
.side-search .search-tip{font-size:12px;margin:4px 0 0}
@media(max-width:980px){
  .side-search{margin:2px 0 16px}
}
/* PQC-BLOCK:pqc-typo-zh2 */
.art-main>p,.wrap>p{text-indent:2em}
.art-main li,.wrap li,.art-main ul li,.art-main ol li{text-indent:0}
.art-main blockquote,.art-main blockquote p,.wrap blockquote,.wrap blockquote p{text-indent:0}
.art-main>h2,.art-main>h3,.art-main>h4,.wrap>h2,.wrap>h3,.wrap>h4{text-indent:0}
.art-side .faq p,.art-side .cta p,.art-main>.figure,.art-main>.toc,.art-main>.meta,
.art-main>.crumb,.art-main>.search-tip,figcaption,table,caption{text-indent:0}
/* PQC-BLOCK:pqc-side-head */
.art-side>h2{font-size:19px;line-height:1.35;margin:6px 0 2px;padding-left:11px;
border-left:3px solid rgba(34,211,238,.75);letter-spacing:.3px}
.art-side>*:first-child{margin-top:0}
.art-side>h2+*{margin-top:9px}
@media(max-width:980px){.art-side>h2{font-size:20px}}
/* PQC-BLOCK:pqc-design-fix-art */
/* 文章页：标题层级 / 阅读宽度 / 行距 / 引用块 */
h2{font-size:26px;line-height:1.45}
h3{font-size:20px;line-height:1.5}
.wrap>p,.wrap>ul,.wrap>ol,.wrap>h2,.wrap>h3,.wrap>h4,.wrap>blockquote,
.art-main>p,.art-main>ul,.art-main>ol,.art-main>h2,.art-main>h3,.art-main>h4,.art-main>blockquote{max-width:720px}
.wrap>p,.wrap>li,.art-main>p,.art-main>li{line-height:1.7}
.wrap>p,.art-main>p{margin:11px 0}
.cta .wrap>p{margin-left:auto;margin-right:auto}
blockquote{padding:10px 15px;margin:8px 0}
blockquote+blockquote{margin-top:-4px}
@media(max-width:760px){h2{font-size:22px}h3{font-size:18px}}
/* PQC-BLOCK:pqc-art-img */
/* 文章配图：统一小图（不抢正文视觉），居中或浮动环绕 */
.art-fig{position:relative;margin:14px auto 18px;background:rgba(11,18,32,.55);border:1px solid #1e2d45;
border-radius:14px;padding:9px 9px 7px;text-align:center;clear:both;text-indent:0;
width:300px;max-width:100%}
.art-fig img{width:100%;height:auto;border-radius:8px;display:block}
.art-fig figcaption{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;
clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;text-indent:0}
/* 横幅图：占满文字行宽、高度压扁（约整图 1/4），用于流程/对比类内容 */
.art-fig-b{width:100%;max-width:720px;margin:22px auto 26px;padding:8px}
.art-fig-b img{border-radius:8px}
/* 内嵌图：浮动环绕，左右交替。
   clear:both —— 每张浮动图独占一条浮动带：避免两张图垂直重叠把中间文字
   挤成窄条（曾出现中间只剩 120px 的情况），也不会同侧连续堆叠。 */
.art-fig-r,.art-fig-l{width:300px;margin:8px 0 14px;padding:9px 9px 7px;clear:both}
.art-fig-r{float:right;margin-left:26px}
.art-fig-l{float:left;margin-right:26px}
/* 环绕区域标题/引用不被文字包围，收口整洁 */
.art-main h2,.art-main h3,.art-main blockquote,.art-main pre,.art-main table{clear:both}
/* 正文末尾区块（继续阅读 / 延伸阅读 / CTA）一律另起一行，不被浮动图挤压 */
.art-main .chain,.art-main .cta,.art-main .art-cta,.art-main .rel,
.art-main .art-end,.art-main .art-share,.art-main .art-tags{clear:both}
@media(max-width:760px){
.art-fig{width:100%;max-width:250px;margin:14px auto 16px}
.art-fig-b{width:100%;max-width:100%;margin:16px auto 18px}
.art-fig-r,.art-fig-l{float:none;width:100%;max-width:250px;margin:14px auto 16px}
.art-fig figcaption{font-size:11px}
}
/* PQC-BLOCK:pqc-seo-only */
.sitemap-entry.seo-only{position:absolute!important;width:1px!important;height:1px!important;
padding:0!important;margin:-1px!important;overflow:hidden!important;
clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.pqc-perf{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums;
color:#5d6f8f;font-size:12.5px;cursor:default}
.pqc-perf b{font-weight:600;color:#7fd7e8}
.pqc-perf svg{width:11px;height:11px;flex:0 0 auto;color:#7fd7e8}
/* PQC-BLOCK:pqc-design-fix2 */
.nb,.nb-big{white-space:nowrap;vertical-align:middle;flex:0 0 auto;line-height:1.6;
padding:1px 7px;border-radius:4px;font-weight:700;letter-spacing:.5px}
.nb-big{padding:2px 9px;margin-left:9px}
.meta .nb-big{font-size:.78em;padding:.08em .45em;margin:4px 0 0 2px;align-self:flex-start;
line-height:1.6;box-shadow:0 0 8px rgba(255,77,79,.35)}
/* PQC-BLOCK:data-pqctop */
#pqcTopBtn{position:fixed;right:18px;bottom:26px;width:38px;height:38px;display:flex;align-items:center;
justify-content:center;border-radius:12px;color:#7df9ff;background:rgba(11,17,32,.72);
border:1px solid rgba(34,211,238,.35);box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 14px rgba(34,211,238,.10);
cursor:pointer;opacity:0;visibility:hidden;transform:translateY(6px);
transition:opacity .25s,transform .25s,background .2s,border-color .2s;z-index:80;
-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
#pqcTopBtn.on{opacity:1;visibility:visible;transform:none}
#pqcTopBtn:hover{background:rgba(34,211,238,.18);border-color:rgba(34,211,238,.6)}
@media(max-width:640px){#pqcTopBtn{right:12px;bottom:16px;width:34px;height:34px;border-radius:10px}}
@media(prefers-reduced-motion:reduce){#pqcTopBtn{transition:none}}