/* ============================================================
 * skill-view.css
 * 技能文档查看容器样式 —— Markdown 查看器（蓝调阅读主题）
 * 类名前缀 skv-。宿主是 PlainView 弹层（内容自身滚动，普通文档流），
 * ‹ 返回 / × 关闭 / 全屏右滑返回由 PlainView 统一提供。
 * 配色对齐全站主色 --primary:#4a90d9（hover #3b7bc0）。
 * ============================================================ */

/* 内容区（PlainView body 内的普通文档流节点，滚动归弹层） */
.skv-body {
  padding:18px 22px calc(40px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,#f0f6fd 0%,#ffffff 220px);
  min-height:100%;box-sizing:border-box; }

/* 加载中 / 加载失败兜底 */
.skv-loading, .skv-err { padding:60px 24px;text-align:center;font-size:15px;
  font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; }
.skv-loading { color:#4a90d9; }
.skv-err { color:#dc2626; }

/* ========== Markdown 排版（蓝调阅读主题） ========== */
.skv-md { max-width:680px;margin:0 auto;color:#2d3748;font-size:15px;line-height:1.75;
  font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Segoe UI','Microsoft YaHei',sans-serif;
  word-wrap:break-word; }
.skv-md ::selection { background:rgba(74,144,217,.22); }

/* 标题：h1 渐变底条，h2 左侧色块标记，h3 蓝色 */
.skv-md h1, .skv-md h2, .skv-md h3, .skv-md h4, .skv-md h5, .skv-md h6 {
  margin:1.5em 0 .65em;font-weight:700;line-height:1.35;color:#1a202c; }
.skv-md h1 { font-size:1.65em;padding-bottom:.35em;
  border-bottom:2px solid transparent;
  border-image:linear-gradient(90deg,#4a90d9,rgba(74,144,217,.08)) 1; }
.skv-md h2 { font-size:1.35em;padding-left:.55em;position:relative; }
.skv-md h2::before { content:'';position:absolute;left:0;top:.18em;bottom:.18em;
  width:4px;border-radius:2px;background:linear-gradient(180deg,#4a90d9,#667eea); }
.skv-md h3 { font-size:1.18em;color:#2b6cb0; }
.skv-md h4 { font-size:1.05em;color:#2d3748; }
.skv-md h5 { font-size:.95em;color:#4a5568; }
.skv-md h6 { font-size:.9em;color:#718096;font-weight:600; }
.skv-md h1:first-child, .skv-md h2:first-child, .skv-md h3:first-child { margin-top:0; }

.skv-md p { margin:.85em 0; }

/* 列表：标记点用主色 */
.skv-md ul, .skv-md ol { margin:.85em 0;padding-left:1.6em; }
.skv-md li { margin:.35em 0; }
.skv-md li::marker { color:#4a90d9;font-weight:600; }
.skv-md li > ul, .skv-md li > ol { margin:.2em 0; }
.skv-md li input[type="checkbox"] { margin-right:.45em;accent-color:#4a90d9; }

/* 行内代码：浅蓝胶囊；代码块：深海军蓝底 */
.skv-md code { padding:.15em .45em;margin:0;font-size:.88em;
  background:rgba(74,144,217,.13);color:#2b6cb0;border-radius:5px;
  font-family:ui-monospace,SFMono-Regular,'SF Mono',Menlo,Consolas,monospace; }
.skv-md pre { margin:1em 0;padding:14px 16px;overflow-x:auto;
  background:#1e2a3a;border-radius:10px;line-height:1.55;
  box-shadow:0 1px 3px rgba(15,23,42,.12); }
.skv-md pre code { padding:0;background:transparent;color:#dbe7f5;
  border-radius:0;font-size:.85rem; }

/* 表格：蓝底表头 + 斑马纹 + 圆角外框 */
.skv-md table { margin:1em 0;border-collapse:separate;border-spacing:0;width:100%;
  display:block;overflow-x:auto;font-size:.92em;
  border:1px solid #d6e4f5;border-radius:10px; }
.skv-md th, .skv-md td { padding:8px 13px;text-align:left;
  border-bottom:1px solid #e3edf9; }
.skv-md th { background:linear-gradient(180deg,#e8f2fc,#dcecfb);color:#2b6cb0;
  font-weight:600;white-space:nowrap; }
.skv-md tr:last-child td { border-bottom:0; }
.skv-md tbody tr:nth-child(even) td { background:#f6fafe; }

/* 引用块：主色左边条 + 浅蓝底 */
.skv-md blockquote { margin:1em 0;padding:.55em 1em;color:#4a5568;
  border-left:4px solid #4a90d9;background:#f0f6fd;border-radius:0 8px 8px 0; }
.skv-md blockquote > :first-child { margin-top:0; }
.skv-md blockquote > :last-child { margin-bottom:0; }

/* 链接 / 分隔线 / 图片 / 其他 */
.skv-md a { color:#4a90d9;text-decoration:none;font-weight:500;
  border-bottom:1px solid rgba(74,144,217,.35);
  transition:color .15s,border-color .15s; }
.skv-md a:hover { color:#3b7bc0;border-bottom-color:#3b7bc0; }
.skv-md hr { margin:1.6em 0;border:0;height:2px;border-radius:1px;
  background:linear-gradient(90deg,transparent,#bcd9f5 20%,#bcd9f5 80%,transparent); }
.skv-md img { max-width:100%;height:auto;border-radius:8px;
  box-shadow:0 1px 4px rgba(15,23,42,.1); }
.skv-md strong { font-weight:600;color:#1a202c; }
.skv-md del { color:#718096; }
.skv-md kbd { padding:.1em .4em;font-size:.85em;color:#2b6cb0;
  background:#f0f6fd;border:1px solid #d6e4f5;border-bottom-width:2px;border-radius:5px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }