/* 小六壬工具页：亮/暗两套只换自定义属性；SVG 吃 CSS 变量，主题切换不需要重绘 */
.xlr-page{
  --xlr-card:#fffdf9; --xlr-line:#e3ddd0; --xlr-ink:#0A1628; --xlr-muted:#7b8794;
  --xlr-gold:#C9B896; --xlr-palm-fill:#f0e9db; --xlr-palm-line:#ddd3c0;
  --xlr-palm-dot:#fffdf9; --xlr-hit:#0A1628; --xlr-hit-text:#FBF8F1;
  --xlr-good:#2f7a52; --xlr-bad:#a8452f;
  width:100%;box-sizing:border-box;max-width:860px;margin:0 auto;padding:clamp(28px,5vw,54px) var(--gutter) 0;
}
[data-theme="dark"] .xlr-page{
  --xlr-card:#1A1A1A; --xlr-line:rgba(251,248,241,.16); --xlr-ink:#FBF8F1; --xlr-muted:#B0A898;
  --xlr-gold:#C9B896; --xlr-palm-fill:#242424; --xlr-palm-line:#4a4a4a;
  --xlr-palm-dot:#2a2a2a; --xlr-hit:#C9B896; --xlr-hit-text:#0A1628;
  --xlr-good:#8fd0a8; --xlr-bad:#f0a090;
}
.xlr-head{text-align:center;margin-bottom:24px}
.xlr-kicker{font-family:var(--font-serif);color:var(--gold-dim);letter-spacing:.28em;font-size:.8rem;margin:0 0 8px}
.xlr-head h1{font-family:var(--font-serif);font-size:clamp(1.9rem,4.5vw,2.7rem);color:var(--ink-deep);letter-spacing:.08em;margin:0 0 8px}
.xlr-sub{color:var(--text3);font-size:.92rem;margin:0 0 8px}
.xlr-disclaimer{color:var(--text3);font-size:.8rem;line-height:1.8;margin:0 auto;max-width:620px}
.xlr-card{background:var(--xlr-card);border:1px solid var(--xlr-line);border-radius:14px;padding:24px;margin-bottom:18px;box-shadow:0 1px 2px rgba(10,22,40,.04);min-width:0}
.xlr-form{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end;min-width:0}
.xlr-field{flex:1 1 140px;min-width:0}
.xlr-field label{display:block;font-size:.75rem;color:var(--xlr-muted);margin-bottom:6px;letter-spacing:.06em}
.xlr-field select{width:100%;padding:10px 12px;border:1px solid var(--xlr-line);border-radius:9px;background:var(--xlr-card);color:var(--xlr-ink);font-size:15px;font-family:inherit;cursor:pointer}
.xlr-field select:focus{outline:none;border-color:var(--xlr-gold);box-shadow:0 0 0 3px rgba(201,169,97,.15)}
.xlr-btn{padding:11px 24px;border:0;border-radius:9px;background:var(--xlr-ink);color:var(--xlr-hit-text);font-size:15px;font-family:inherit;cursor:pointer;letter-spacing:.04em;transition:.15s}
.xlr-btn:hover{opacity:.9}
.xlr-btn:active{transform:translateY(1px)}
.xlr-btn.ghost{background:transparent;color:var(--xlr-ink);border:1px solid var(--xlr-line)}
.xlr-btn.ghost:hover{background:var(--paper-warm)}
.xlr-msg{min-height:1.2em;margin:10px 0 0;font-size:.82rem;color:var(--xlr-bad)}
.xlr-hint{font-size:.76rem;color:var(--xlr-muted);line-height:1.8;margin:8px 0 0}
.xlr-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.xlr-chip{flex:1;min-width:145px;border:1px solid var(--xlr-line);border-radius:11px;padding:13px 15px;background:var(--xlr-card)}
.xlr-chip-k{font-size:.68rem;color:var(--xlr-muted);letter-spacing:.1em;margin-bottom:4px}
.xlr-chip-v{font-size:1.3rem;font-weight:600;color:var(--xlr-ink)}
.xlr-chip-v.good{color:var(--xlr-good)} .xlr-chip-v.bad{color:var(--xlr-bad)}
.xlr-palm{display:flex;justify-content:center;margin:6px 0 22px}
.xlr-palm svg{width:100%;max-width:360px;height:auto}
.xlr-duan-block{border-top:1px dashed var(--xlr-line);padding:14px 0 4px}
.xlr-duan-block:first-child{border-top:0;padding-top:0}
.xlr-duan h3,.xlr-duan-block h3{font-family:var(--font-serif);font-size:.98rem;color:var(--vermilion);letter-spacing:.06em;margin:0 0 4px}
.xlr-meta{font-size:.74rem;color:var(--xlr-muted);margin-bottom:6px}
.xlr-duan p,.xlr-duan-block p{font-size:.92rem;color:var(--ink-soft);line-height:1.9;margin:0 0 8px}
.xlr-duan details{margin:6px 0 10px;border:1px solid var(--xlr-line);border-radius:9px;padding:8px 12px;background:var(--paper-warm)}
.xlr-duan summary{cursor:pointer;font-size:.8rem;color:var(--xlr-muted)}
.xlr-duan details p{font-size:.88rem;color:var(--ink-soft);margin:8px 0 2px}
.xlr-note{font-size:.78rem;color:var(--xlr-muted);line-height:1.9;border-top:1px dashed var(--xlr-line);padding-top:12px;margin-top:8px}
.xlr-explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 8px}
.xlr-explainer div{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--paper-warm)}
.xlr-explainer h2{font-family:var(--font-serif);font-size:.92rem;color:var(--ink-mid);margin:0 0 6px}
.xlr-explainer p{font-size:.8rem;color:var(--text3);line-height:1.8;margin:0}
.hidden{display:none}
@media(max-width:720px){
  .xlr-explainer{grid-template-columns:1fr}
  .xlr-card{padding:18px}
  .xlr-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .xlr-field{min-width:0}
  .xlr-btn{width:100%;flex:none}
  #xlr-go{grid-column:2/3}
  #xlr-today{grid-column:1/3}
}
/* bazi.html 嵌入面板：外层已有 wrap/section 间距 */
#modeXiaoliuren .xlr-page{padding:0;max-width:none}
/* ── 起课记录（V4.15.33）── */
.xlr-q-field{margin-top:12px}
.xlr-field input{width:100%;padding:10px 12px;border:1px solid var(--xlr-line);border-radius:9px;background:var(--xlr-card);color:var(--xlr-ink);font-size:15px;font-family:inherit}
.xlr-field input:focus{outline:none;border-color:var(--xlr-gold);box-shadow:0 0 0 3px rgba(201,169,97,.15)}
.xlr-log-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.xlr-log-head h2{font-family:var(--font-serif);font-size:1rem;margin:0;color:var(--xlr-ink)}
.xlr-log{list-style:none;margin:14px 0 0;padding:0}
.xlr-log-item{padding:11px 0;border-top:1px solid var(--xlr-line)}
.xlr-log-item:first-child{border-top:0;padding-top:0}
.xlr-log-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.xlr-log-q{font-size:.9rem;font-weight:600;color:var(--xlr-ink);overflow-wrap:anywhere}
.xlr-log-q.muted{font-weight:400;color:var(--xlr-muted)}
.xlr-log-top time{font-size:.74rem;color:var(--xlr-muted);white-space:nowrap}
.xlr-log-meta{font-size:.8rem;color:var(--xlr-muted);margin-top:3px}
.xlr-taken{margin:0 0 10px;font-size:.8rem;color:var(--xlr-muted)}
