/* Saki Panel wiki — 仅覆盖 wiki 页面自身的排版，设计变量沿用 styles.css */

body.wiki-page{background:var(--paper);color:var(--ink)}

/* 当前页导航项 */
.main-nav a[aria-current="page"]{color:var(--rose);font-weight:600}

/* ---------- 主体栅格 ---------- */
.wiki-shell{display:grid;grid-template-columns:236px minmax(0,1fr);gap:64px;width:calc(100% - 160px);max-width:var(--page-width);margin-inline:auto;padding:calc(var(--nav-height) + 44px) 0 30px}

/* ---------- 目录 ---------- */
.wiki-toc{position:sticky;top:calc(var(--nav-height) + 28px);align-self:start;max-height:calc(100vh - var(--nav-height) - 56px);overflow:auto;scrollbar-width:thin}
.wiki-toc-title{font-size:10px;letter-spacing:.18em;color:var(--muted);margin:0 0 14px;text-transform:uppercase}
.wiki-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.wiki-toc li{counter-increment:toc}
.wiki-toc a{display:block;font-size:12.5px;line-height:1.5;color:var(--muted);text-decoration:none;padding:8px 12px;border-left:2px solid transparent;border-radius:0 6px 6px 0;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}
.wiki-toc a::before{content:counter(toc,decimal-leading-zero);font-size:9.5px;letter-spacing:.08em;color:#b6b0ba;margin-right:9px;font-variant-numeric:tabular-nums}
.wiki-toc a:hover{color:var(--ink);background:rgba(185,39,97,.05)}
.wiki-toc a.is-active{color:var(--rose);border-left-color:var(--rose);background:rgba(185,39,97,.06);font-weight:600}
.wiki-toc a.is-active::before{color:var(--rose)}
.wiki-toc-toggle{display:none}

/* ---------- 正文章节 ---------- */
.wiki-body{min-width:0}
.wiki-section{padding:50px 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--nav-height) + 22px)}
.wiki-section:first-child{border-top:none;padding-top:6px}
.wiki-section .eyebrow{margin-bottom:14px}
.wiki-section .chapter-number{font-variant-numeric:tabular-nums}
.wiki-section h2{font-size:clamp(25px,3vw,34px);line-height:1.3;letter-spacing:-.01em;margin:0 0 22px}
.wiki-section h3{font-size:17px;line-height:1.6;margin:34px 0 12px;letter-spacing:.01em}
.wiki-section h3:first-of-type{margin-top:6px}
.wiki-section p{font-size:14.5px;line-height:2.05;color:#3d4552;margin:0 0 16px;max-width:760px}
.wiki-section p strong{color:var(--ink);font-weight:600}
.wiki-section a:not(.button):not(.text-link):not(.wiki-shot){color:var(--rose);text-decoration:underline;text-decoration-color:rgba(185,39,97,.35);text-underline-offset:3px}
.wiki-section a:not(.button):not(.text-link):not(.wiki-shot):hover{text-decoration-color:var(--rose)}
.wiki-section ul.plain{list-style:none;margin:6px 0 20px;padding:0;max-width:760px}
.wiki-section ul.plain li{position:relative;font-size:14px;line-height:1.95;color:#3d4552;padding:5px 0 5px 22px}
.wiki-section ul.plain li::before{content:"";position:absolute;left:2px;top:15px;width:7px;height:7px;border-radius:50%;border:2px solid var(--rose);opacity:.55}
.wiki-section ul.plain li b{color:var(--ink);font-weight:600}

/* ---------- 表格 ---------- */
.wiki-table-wrap{overflow-x:auto;margin:18px 0 26px;border:1px solid var(--line);border-radius:10px;background:#fff}
.wiki-table{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.wiki-table th{text-align:left;font-size:10.5px;letter-spacing:.1em;color:var(--muted);font-weight:600;text-transform:uppercase;padding:13px 18px;border-bottom:1px solid var(--line);background:#f6f5f8;white-space:nowrap}
.wiki-table td{padding:13px 18px;border-bottom:1px solid #efedea;line-height:1.75;color:#3d4552;vertical-align:top}
.wiki-table tr:last-child td{border-bottom:none}
.wiki-table td:first-child{color:var(--ink);font-weight:500;white-space:nowrap}
.wiki-table code{font:12px/1.7 ui-monospace,"Cascadia Code",Consolas,monospace;color:#8d3b62;background:#fbeef3;border-radius:4px;padding:1px 6px;white-space:nowrap}

/* ---------- 代码块 ---------- */
.wiki-code{position:relative;background:#f6f5f8;border:1px solid #ebe7ed;border-radius:9px;margin:16px 0 24px;max-width:760px}
.wiki-code pre{margin:0;padding:16px 88px 16px 18px;overflow-x:auto;scrollbar-width:thin}
.wiki-code code{font:12.5px/2 ui-monospace,"Cascadia Code",Consolas,monospace;color:#54485c;white-space:pre}
.wiki-code .copy-button{position:absolute;top:10px;right:10px}
.wiki-code-label{font-size:10px;letter-spacing:.12em;color:#a79fab;text-transform:uppercase;padding:12px 18px 0}

/* ---------- 提示块 ---------- */
.wiki-note{border-left:2px solid var(--rose);background:rgba(185,39,97,.045);border-radius:0 9px 9px 0;padding:15px 20px;margin:20px 0 26px;max-width:760px}
.wiki-note p{font-size:13.5px;line-height:1.95;margin:0;color:#4a4152}
.wiki-note p+p{margin-top:8px}
.wiki-note .note-label{display:block;font-size:10px;letter-spacing:.14em;color:var(--rose);font-weight:600;margin-bottom:7px;text-transform:uppercase}

/* ---------- 截图 ---------- */
.wiki-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:24px 0 30px;max-width:820px}
.wiki-shot{position:relative;display:block;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden;cursor:zoom-in;text-decoration:none;box-shadow:0 1px 3px rgba(16,24,39,.05);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.wiki-shot:hover{transform:translateY(-4px);box-shadow:0 18px 40px -14px rgba(16,24,39,.18)}
.wiki-shot img{display:block;width:100%;height:auto;object-fit:cover;object-position:top center;background:#f2f0f4}
.wiki-shot figcaption{font-size:12px;color:#5a5364;padding:10px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.wiki-shot figcaption span{font-size:10px;letter-spacing:.06em;color:var(--rose);white-space:nowrap}

/* 图库：主图在左，缩略图竖排在右，点击缩略图与主图切换 */
.wiki-gallery{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:20px;margin:24px 0 30px;max-width:820px}
.wiki-gallery .wiki-shot{display:flex;flex-direction:column;margin:0}
.wiki-gallery .wiki-shot img{flex:1;min-height:0;object-fit:cover;object-position:top center}
.wiki-gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:20px;min-height:0}
.wiki-shot-tab{cursor:pointer}
.wiki-shot-tab figcaption{justify-content:flex-start}
.wiki-shot-main.flash img{animation:wiki-shot-fade .35s var(--ease)}
@keyframes wiki-shot-fade{from{opacity:.15}to{opacity:1}}

/* ---------- 章节间的行动区 ---------- */
.wiki-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:26px 0 6px}

/* ---------- 步骤（复现实验） ---------- */
.wiki-steps{counter-reset:step;list-style:none;margin:20px 0 28px;padding:0;max-width:760px}
.wiki-steps li{counter-increment:step;position:relative;padding:0 0 22px 52px}
.wiki-steps li::before{content:counter(step);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--rose);font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.wiki-steps li::after{content:"";position:absolute;left:15px;top:37px;bottom:3px;width:1px;background:var(--line)}
.wiki-steps li:last-child::after{display:none}
.wiki-steps b{display:block;font-size:14.5px;color:var(--ink);margin-bottom:5px;font-weight:600}
.wiki-steps p{font-size:13.5px;line-height:1.9;margin:0;color:#3d4552}
.wiki-steps code{font:12px/1.7 ui-monospace,"Cascadia Code",Consolas,monospace;color:#8d3b62;background:#fbeef3;border-radius:4px;padding:1px 6px}

/* ---------- 数据条（案例实测） ---------- */
.wiki-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:22px 0 28px;max-width:760px}
.wiki-stat{border:1px solid var(--line);border-radius:11px;background:#fff;padding:17px 19px}
.wiki-stat b{display:block;font-size:24px;letter-spacing:-.01em;color:var(--rose);font-variant-numeric:tabular-nums;margin-bottom:5px}
.wiki-stat span{font-size:11.5px;line-height:1.6;color:var(--muted)}

/* ---------- 文档索引 ---------- */
.wiki-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 34px;margin:14px 0 26px;max-width:820px}
.wiki-index a{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:13px 2px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13.5px;transition:color .2s var(--ease)}
.wiki-index a:hover{color:var(--rose)}
.wiki-index a code{font:12px/1.6 ui-monospace,"Cascadia Code",Consolas,monospace;color:var(--muted);white-space:nowrap}
.wiki-index a i{font-style:normal;font-size:12.5px;color:var(--muted);text-align:right;flex:1}

/* ---------- 揭示动画（渐进增强，无 JS 时内容完整可见） ---------- */
.wiki-body [data-reveal]{opacity:1;transform:none}

/* ---------- 艺术化细节 ---------- */

/* 阅读进度条 */
.wiki-progress{position:fixed;top:var(--nav-height);left:0;z-index:31;height:2px;width:0;background:linear-gradient(90deg,var(--rose),var(--pink));pointer-events:none}

/* 章节背景大号幽灵数字 */
.wiki-section{position:relative}
.wiki-ghost-num{position:absolute;top:26px;right:-4px;font-size:128px;line-height:1;font-weight:700;letter-spacing:-.05em;color:rgba(185,39,97,.055);pointer-events:none;user-select:none;font-variant-numeric:tabular-nums}
.wiki-ghost-num.is-inview{animation:wiki-ghost-in 1.1s var(--ease) both}
@keyframes wiki-ghost-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* 章节分隔线上的小装饰 */
.wiki-section:not(:first-child)::before{content:"✧";position:absolute;top:-8px;left:50%;transform:translateX(-50%);padding:0 16px;background:var(--paper);color:#d5c3cc;font-size:11px;line-height:1}

/* 滚动渐进揭示 */
.wiki-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.wiki-reveal.is-inview{opacity:1;transform:none}

/* h2 下的短横线，滚动到位时从左画出 */
.wiki-section h2::after{content:"";display:block;width:46px;height:3px;margin-top:14px;border-radius:2px;background:linear-gradient(90deg,var(--rose),var(--pink));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease) .2s}
.wiki-section h2.is-inview::after,.wiki-section h2:not(.wiki-reveal)::after{transform:scaleX(1)}

/* 表格行悬停 */
.wiki-table tbody tr{transition:background .2s var(--ease)}
.wiki-table tbody tr:hover{background:#fdf5f8}

/* 缩略图悬停微缩放 */
.wiki-gallery-side .wiki-shot img{transition:transform .4s var(--ease)}
.wiki-gallery-side .wiki-shot:hover img{transform:scale(1.045)}

/* 截图加载后淡入 */
body.wiki-js .wiki-shot img{opacity:0;transition:opacity .6s var(--ease)}
body.wiki-js .wiki-shot img.is-loaded{opacity:1}

/* 回到顶部 */
.wiki-top{position:fixed;right:26px;bottom:26px;z-index:25;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--rose);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(16,24,39,.12);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease),background .2s}
.wiki-top.is-show{opacity:1;transform:none;pointer-events:auto}
.wiki-top:hover{background:#fdf4f7}
.wiki-top .icon{width:18px;height:18px;transform:rotate(-90deg)}

/* ---------- 响应式 ---------- */
@media (max-width: 1200px){
  .wiki-shell{width:calc(100% - 96px);gap:44px;grid-template-columns:212px minmax(0,1fr)}
}
@media (max-width: 999px){
  .wiki-shell{width:calc(100% - 64px);grid-template-columns:1fr;gap:0;padding-top:calc(var(--nav-height) + 30px)}
  .wiki-toc{position:static;max-height:none;overflow:visible;margin-bottom:8px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px 8px}
  .wiki-toc-title{display:none}
  .wiki-toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
  .wiki-toc a{border-left:none;border-radius:7px;padding:9px 11px}
  .wiki-toc a.is-active{border-left:none;box-shadow:inset 2px 0 0 var(--rose)}
}
@media (max-width: 719px){
  .wiki-shell{width:calc(100% - 40px);padding-top:calc(var(--nav-height) + 26px)}
  .wiki-gallery{grid-template-columns:1fr}
  .wiki-gallery-side{grid-template-rows:none;grid-template-columns:1fr 1fr;gap:14px}
  .wiki-toc ol{grid-template-columns:1fr}
  .wiki-section{padding:38px 0}
  .wiki-section p{font-size:14px}
  .wiki-code pre{padding-right:18px;padding-top:52px}
  .wiki-code .copy-button{top:9px;right:9px}
  .wiki-steps li{padding-left:42px}
}

@media (max-width: 999px){
  .wiki-ghost-num{display:none}
  .wiki-section:not(:first-child)::before{padding:0 10px}
}
@media (max-width: 719px){
  .wiki-top{right:16px;bottom:16px;width:40px;height:40px}
}

@media (prefers-reduced-motion: reduce){
  .wiki-reveal{opacity:1;transform:none;transition:none}
  .wiki-ghost-num,.wiki-ghost-num.is-inview{animation:none}
  .wiki-section h2::after{transition:none}
  .wiki-gallery-side .wiki-shot img{transition:none}
  .wiki-progress{transition:none}
  .wiki-shot{transition:none}
  .wiki-shot:hover{transform:none}
}