/* ══════════════════════════════════════════════════════════════════════════
   跨引用悬浮卡（xref）· 抽屉样式 —— 唯一定义

   两份实现共用这一份：
     · Node 侧  D:\学习站\generator\xref.mjs        （md 页面）
     · Python 侧 D:\books\.scratch\site-xref\xref.py（工具包 HTML）
   改这里，两边同时生效。改完跑 `python D:\books\.scratch\site-xref\check_xref_parity.py`。

   ⚠️ 下游有几个工具包借「拒学工具包」的产出当外壳，它们按 `==XREF==` 这个标记
      切掉这段再自加。**这个标记别删**（在 ==XREF== 这个词上做匹配，不是整行注释）。
   ══════════════════════════════════════════════════════════════════════════ */

/* ==XREF== 下游工具包借外壳时按这个词切掉本段，别删。 */

/* ⚠️ display:flex 会压掉 UA 的 [hidden]{display:none}，所以「藏起来」不能靠 hidden 属性，
   靠 transform 移出屏外 + visibility（否则屏幕阅读器还能念到抽屉内容）。 */
#xref-drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,92vw);background:#fff;
 border-left:1px solid #d1d5db;box-shadow:-8px 0 28px rgba(0,0,0,.10);transform:translateX(102%);
 visibility:hidden;transition:transform .18s ease,visibility 0s .18s;
 z-index:70;display:flex;flex-direction:column}
#xref-drawer.on{transform:none;visibility:visible;transition:transform .18s ease,visibility 0s 0s}
#xref-drawer .xd-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;
 border-bottom:1px solid #e5e7eb;background:#f9fafb;flex:0 0 auto}
#xref-drawer .xd-t{font-size:14px;font-weight:600;flex:1;min-width:0;color:#1f2937}
#xref-drawer .xd-kind{font-size:11px;padding:1px 7px;border:1px solid #d1d5db;border-radius:99px;color:#6b7280;white-space:nowrap}
#xref-drawer .xd-kind[hidden]{display:none}
#xref-drawer .xd-x{border:none;background:none;font-size:17px;line-height:1;cursor:pointer;color:#6b7280;padding:4px 6px}
#xref-drawer .xd-x:hover{color:#1f2937}
#xref-drawer .xd-body{overflow:auto;padding:16px 20px 40px;font-size:14px;line-height:1.75;color:#1f2937}
#xref-drawer .xd-body h1,#xref-drawer .xd-body h2,#xref-drawer .xd-body h3,
#xref-drawer .xd-body h4{margin:18px 0 8px;font-size:15px;font-weight:600;border-bottom:1px solid #e5e7eb;padding-bottom:4px}
#xref-drawer .xd-body h1:first-child,#xref-drawer .xd-body h2:first-child,
#xref-drawer .xd-body h3:first-child{margin-top:0}
#xref-drawer .xd-body table{border-collapse:collapse;font-size:13px;margin:10px 0;width:100%}
#xref-drawer .xd-body th,#xref-drawer .xd-body td{border:1px solid #e5e7eb;padding:6px 9px;text-align:left;vertical-align:top}
#xref-drawer .xd-body th{background:#f9fafb;font-weight:600}
#xref-drawer .xd-body blockquote{margin:10px 0;padding:6px 0 6px 12px;border-left:3px solid #d1d5db;color:#4b5563}
#xref-drawer .xd-body code{background:#f3f4f6;padding:1px 5px;border-radius:3px;font-size:12.5px}
#xref-drawer .xd-body ul,#xref-drawer .xd-body ol{padding-left:20px}
#xref-drawer .xd-note{font-size:12.5px;color:#6b7280;background:#fffbeb;border:1px solid #fde68a;
 border-radius:6px;padding:8px 11px;margin:0 0 10px}
#xref-drawer .xd-path{font-size:12px;color:#6b7280;font-family:ui-monospace,Consolas,monospace}
#xref-drawer .xd-more{margin-top:18px;padding-top:10px;border-top:1px dashed #e5e7eb;font-size:12px;color:#6b7280}
#xref-drawer .xd-body .xref-go{margin:12px 0 6px}
#xref-drawer .xd-body .xref-go a{display:inline-block;padding:7px 13px;border:1px solid #0f766e;
 border-radius:6px;color:#0f766e;background:#f0fdfa;text-decoration:none;font-size:13px;font-weight:600}
#xref-drawer .xd-body .xref-go a:hover{background:#0f766e;color:#fff}
#xref-scrim{position:fixed;inset:0;background:rgba(15,20,25,.12);opacity:0;pointer-events:none;
 transition:opacity .18s ease;z-index:65}
#xref-scrim.on{opacity:1;pointer-events:auto}

/* 正文里的引用：原来是 <code>，现在换成可点的 <a class="xref"> */
a.xref{color:#0f766e;border-bottom:1px dashed #0f766e66;cursor:pointer;text-decoration:none;
 font-family:inherit;font-size:inherit;background:none;padding:0}
a.xref:hover{background:#f0fdfa}
a.xref:focus-visible{outline:2px solid #0f766e;outline-offset:2px}

@media (prefers-color-scheme:dark){
 #xref-drawer{background:#0f1419;border-left-color:#30363d}
 #xref-drawer .xd-bar{background:#161b22;border-bottom-color:#30363d}
 #xref-drawer .xd-t{color:#e5e7eb}
 #xref-drawer .xd-body{color:#e5e7eb}
 #xref-drawer .xd-body th{background:#161b22}
 #xref-drawer .xd-body th,#xref-drawer .xd-body td{border-color:#30363d}
 #xref-drawer .xd-body code{background:#161b22}
 #xref-drawer .xd-body h1,#xref-drawer .xd-body h2,#xref-drawer .xd-body h3,#xref-drawer .xd-body h4{border-bottom-color:#30363d}
 #xref-drawer .xd-note{background:#2a2410;border-color:#5c4a12;color:#e3b341}
 #xref-drawer .xd-more{border-top-color:#30363d}
 a.xref{color:#2dd4bf;border-bottom-color:#2dd4bf66}
 a.xref:hover{background:#0d3b36}
}

/* 打印时抽屉整个消失，链接退成普通文字（工具包要能打成 A5 卡） */
@media print{
 #xref-drawer,#xref-scrim{display:none !important}
 a.xref{color:inherit;border-bottom:none}
}