/* OneTwix 共享样式：设计令牌 + 全局重置 + 可访问性 + markdown 渲染（全站 6 页复用）
 * 用法：各页 <head> 引入 <link rel="stylesheet" href="/common.css">（置于页面自有 <style> 之前）
 * 说明：只放「全站一致」的东西；各页背景氛围、组件布局仍由各页 <style> 维护。
 */
:root{
  /* 象牙浅金 · 品牌设计系统（统一令牌，全站唯一真源） */
  --bg:#F6F1E8; --surface:#FFFDFA; --text:#1A1612;
  --text2:rgba(26,22,18,.76); --text3:rgba(26,22,18,.66);
  --line:rgba(26,22,18,.2); --line2:rgba(26,22,18,.3); --border:rgba(26,22,18,.14);
  --gold:#9A6B2F; --gold-soft:#B98A45; --gold-deep:#7C5423; --gold-rgb:154,107,47;
  --brand:#9A6B2F; --brand-dark:#7C5423; --brand-light:#F4EADC; --brand-border:rgba(154,107,47,.22);
  --btn-text:#FBF6EC;
  --card-border:rgba(154,107,47,.22);
  --drop-bg-a:rgba(255,255,255,.45);
  --file-bg:rgba(154,107,47,.07);
  /* 语义色：统一一套 danger / success / warn / info（各含 -bg 浅底变体） */
  --danger:#C0392B; --danger-bg:#FBE9E6;
  --success:#0F6E4F; --success-bg:#E1F5EE;
  --warn:#8A5A2B; --warn-bg:#FAF1E2;
  --info:#185FA5; --info-bg:#EEF1FB;
  /* 兼容旧命名（别名映射到语义色，避免全量替换历史调用点） */
  --support:var(--success); --support-bg:var(--success-bg);
  --ok:var(--success);
  --confirm:var(--info); --confirm-bg:var(--info-bg);
  /* 尺寸与字体 */
  --r-lg:22px; --r-md:14px; --r-sm:8px; --container:1000px;
  --font:system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100vh}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto!important}
}
/* markdown 渲染（mdToHtml 输出，index / sleep 共用） */
.m-h2{font-size:14px;font-weight:600;color:var(--text);margin:10px 0 4px}
.m-h4{font-size:13.5px;font-weight:600;color:var(--gold-deep);margin:8px 0 4px}
.m-p{font-size:14px;line-height:1.9;margin:4px 0}
.m-li{font-size:14px;line-height:1.85;margin:4px 0;padding-left:16px;position:relative}
.m-li::before{content:'';position:absolute;left:4px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--gold-soft)}
.m-li b,.m-p b,.m-h4 b{color:var(--gold-deep);font-weight:600}
.m-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13.5px;background:var(--surface)}
.m-table th,.m-table td{border:1px solid var(--border);padding:7px 12px;text-align:left;vertical-align:top;line-height:1.6}
.m-table th{background:var(--brand-light);color:var(--gold-deep);font-weight:600;white-space:nowrap}
.m-table tr:nth-child(even) td{background:rgba(154,107,47,.035)}
