/*!
 * 保哥笔记工具站 · 通用增强样式 v1（2026-07-25）
 * 跳转链接 / 输入恢复提示 / 打印样式 / 深色模式
 */

/* ── 跳到主要内容 ── */
.bg-skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--accent,#C8362F);color:#fff;
  padding:10px 18px;border-radius:0 0 8px 0;font-size:14px;font-weight:700;text-decoration:none}
.bg-skip-link:focus{left:0}

/* ── 输入恢复提示条 ── */
.bg-restore-bar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9998;
  display:flex;align-items:center;gap:12px;background:var(--surface,#fff);color:var(--text,#1a1816);
  border:1.5px solid var(--border,#e2ded8);border-radius:12px;padding:10px 14px;font-size:13.5px;
  box-shadow:0 6px 24px rgba(0,0,0,.12);max-width:92vw}
.bg-restore-bar button{border:0;background:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;
  color:var(--accent,#C8362F);padding:2px 4px}
.bg-restore-bar .bg-restore-close{color:var(--text-muted,#9e978f);font-size:17px;line-height:1}
.bg-restore-bar button:focus-visible{outline:2px solid var(--accent,#C8362F);outline-offset:2px}

/* ── 主按钮滚出视口时的浮动操作条 ── */
.bg-sticky-run{position:fixed;left:50%;bottom:20px;transform:translate(-50%,140%);z-index:9997;
  display:flex;align-items:center;gap:10px;background:var(--surface,#fff);border:1.5px solid var(--border,#e2ded8);
  border-radius:999px;padding:7px 8px 7px 16px;box-shadow:0 6px 22px rgba(0,0,0,.14);
  transition:transform .22s ease;pointer-events:none}
.bg-sticky-run.show{transform:translate(-50%,0);pointer-events:auto}
.bg-sticky-run button{border:0;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:#fff;
  background:var(--indigo,#4f46e5);border-radius:999px;padding:9px 20px}
.bg-sticky-run button:hover{opacity:.92}
.bg-sticky-run .bg-sticky-kbd{font-size:11.5px;color:var(--text-muted,#9e978f);padding-right:8px;white-space:nowrap}
@media(max-width:640px){.bg-sticky-run .bg-sticky-kbd{display:none}}
@media(prefers-reduced-motion:reduce){.bg-sticky-run{transition:none}}

/* ── 键盘焦点可见（部分页面自定义控件把 outline 关掉了）── */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,
[tabindex]:focus-visible{outline:2px solid var(--accent,#C8362F);outline-offset:2px}

/* ── 结构化数据可见化：操作步骤 + 常见问题 ── */
.bg-sd-wrap{padding:0 32px;margin:26px 0 0;display:grid;gap:16px}
.bg-sd-box{background:var(--surface,#fff);border:1px solid var(--border,#e2ded8);border-radius:14px;padding:24px 26px}
.bg-sd-box h2{font-size:18px;font-weight:800;margin:0 0 16px;padding-bottom:10px;
  border-bottom:2px solid var(--accent-mid,rgba(200,54,47,.19));color:var(--text,#1a1816)}
.bg-sd-steps{margin:0;padding-left:22px;display:grid;gap:10px}
.bg-sd-steps li{color:var(--text-sec,#5c5650);font-size:14px;line-height:1.75}
.bg-sd-steps li b{display:block;color:var(--text,#1a1816);font-size:14.5px;font-weight:700;margin-bottom:2px}
.bg-sd-faq{display:grid;gap:8px}
.bg-sd-q{border:1px solid var(--border,#e2ded8);border-radius:10px;background:var(--surface-alt,#FBFAF6)}
.bg-sd-q summary{cursor:pointer;padding:12px 16px;font-size:14.5px;font-weight:700;color:var(--text,#1a1816);
  list-style:none;position:relative;padding-right:38px}
.bg-sd-q summary::-webkit-details-marker{display:none}
.bg-sd-q summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);
  font-size:18px;font-weight:400;color:var(--text-muted,#9e978f)}
.bg-sd-q[open] summary::after{content:'−'}
.bg-sd-q summary:hover{color:var(--accent,#C8362F)}
.bg-sd-q p{margin:0;padding:0 16px 14px;font-size:14px;line-height:1.8;color:var(--text-sec,#5c5650)}
@media(max-width:768px){.bg-sd-wrap{padding:0 10px}.bg-sd-box{padding:18px 16px}}

/* ── 打印：只留标题与结果，去掉导航、说明长文与交叉链接 ── */
@media print{
  .header,.crumbs,.footer,.xlink-wrap,.tool-search-wrap,.tool-search-empty,
  .tabs,.btn,.btn-outline,.btn-row,.bg-skip-link,.bg-restore-bar,.guide{display:none!important}
  body{background:#fff!important;color:#000!important;font-size:11pt}
  .container{padding:0!important}
  .panel{border:1px solid #999!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}
  table{break-inside:auto}
  tr{break-inside:avoid;page-break-inside:avoid}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
}

/* ── 深色模式：全站 CSS 变量整体换档 ── */
@media (prefers-color-scheme: dark){
  :root{
    --bg:#14161c;
    --surface:#1b1e26;
    --surface-alt:#232732;
    --border:#333846;
    --text:#e7e5e1;
    --text-sec:#b3afa8;
    --text-muted:#8b8780;
    --accent:#e4726a;
    --accent-light:rgba(228,114,106,.14);
    --accent-mid:rgba(228,114,106,.30);
    --indigo:#8f8bf7;
    --indigo-light:#262a4d;
    --blue:#6fa8dc;
    --green:#5fba8b;
    --orange:#dda85a;
    --purple:#a98bf0;
    --teal:#5fb3b3;
    --red:#e8796f;
  }
  html{color-scheme:dark}
  body{background:var(--bg)}
  .header{background:rgba(27,30,38,.92)!important}
  input,textarea,select{background:var(--surface-alt)!important;color:var(--text)!important;
    border-color:var(--border)!important}
  input::placeholder,textarea::placeholder{color:var(--text-muted)!important}
  code,pre{background:var(--surface-alt)!important;color:var(--text)!important}
  .tool-card,.panel,.guide,.stat-card,.xlink-box{background:var(--surface)!important;border-color:var(--border)!important}
  .tip-card,.iso-box{background:var(--surface-alt)!important}
  table th{background:var(--surface-alt)!important;color:var(--text-sec)!important}
  table td,table th{border-color:var(--border)!important}
  img[src*="picsum"],svg{opacity:.92}
}

/* patch-2026-07-25c 说明区列表与正文统一（对齐 64 个老工具的既有写法） */
.guide ul,.guide ol{margin:6px 0 12px 20px;padding-left:0}
.guide li{font-size:14.5px;color:var(--text-sec);line-height:1.8;margin-bottom:4px}
.guide li:last-child{margin-bottom:0}
.guide li>ul,.guide li>ol{margin:4px 0 4px 18px}
.guide li strong,.guide li b{font-weight:700}
.guide li code{background:var(--surface-alt);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:13px;font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:640px){.guide ul,.guide ol{margin-left:18px}}