/* ============================================================
   来源：views/tools/paipan/index.html 内联 <style> 第 1 块（原位抽离，58 行）
   说明：在原位置以 <link rel="stylesheet"> 引入，来源顺序不变，
        层叠结果与抽离前逐字一致，不会引起样式变化。
   ============================================================ */
.qigua-panel { background: #fff; border: 1px dashed #d8b36a; border-radius: 10px; padding: 14px 16px; margin: 12px 0; }
.qigua-panel .qg-title { font-weight: 700; color: #8a5a1a; margin-bottom: 8px; }
.qigua-panel .qg-result { display: none; margin-top: 10px; }
.qigua-panel .gua-card { background: #fdf8ee; border: 1px solid #f0dfbe; border-radius: 8px; padding: 10px 14px; margin-top: 8px; }
.gua-card .gua-name { font-size: 1.05rem; font-weight: 700; color: #8a5a1a; }
.gua-card .gua-meta { color: #888; font-size: .8rem; margin-top: 4px; }
.gua-card .yao-line { font-family: monospace; font-size: .95rem; color: #444; line-height: 1.6; }
.qg-actions { margin-top: 10px; display: flex; gap: 8px; align-items: center; }
.form-textarea { width: 100%; min-height: 64px; border: 1px solid #ddd; border-radius: 6px; padding: 8px 10px; font-size: .85rem; box-sizing: border-box; resize: vertical; }
.result-html { line-height: 1.9; font-size: .92rem; }
.result-html h3 { margin: 14px 0 6px; color: #8a5a1a; font-size: 1rem; }
.result-html table { border-collapse: collapse; margin: 8px 0; }
.result-html td, .result-html th { border: 1px solid #e5dcc5; padding: 4px 8px; font-size: .82rem; }
.loading-dots { color: #b5893a; }
.qg-params { background: #fbf6ea; border: 1px dashed #e3cfae; border-radius: 8px; padding: 8px 12px; margin: 8px 0; }
.qp-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.qp-label { font-size: .8rem; color: #8a5a1a; font-weight: 700; min-width: 104px; }
.qm-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; margin-top: 8px; }
.qm-cell { position: relative; border: 1px solid #dccfae; background: #fffaf0; border-radius: 8px; padding: 6px 7px; min-height: 120px; font-size: .78rem; line-height: 1.5; }
.qm-cell.c5 { background: linear-gradient(160deg, #f7ecd2, #f2e2c0); border-style: dashed; }
.qm-cell .qc-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #e5d5ae; padding-bottom: 2px; margin-bottom: 3px; font-size: .72rem; color: #8a6a35; }
.qm-cell .qc-gan { display: flex; justify-content: space-between; color: #6a7a5a; font-size: .75rem; }
.qm-cell .qc-star { color: #3f5a8f; }
.qm-cell .qc-men { font-size: .95rem; font-weight: 800; color: #7a2f0e; }
.qm-cell .qc-god { color: #7a5a2a; }
.qm-cell .qc-badge { display: inline-block; font-size: .62rem; color: #fff; border-radius: 3px; padding: 0 4px; margin-left: 3px; }
.qc-bd-ji { background: #c40e0e; } .qc-bd-xiong { background: #2e7d32; } .qc-bd-ping { background: #a0916f; }
.qc-bd-mark { background: #1a6fb5; } .qc-bd-ma { background: #b26a00; }
.qm-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; font-size: .8rem; color: #5a4a33; }
.qm-legend b { color: #8a4b1c; }
.ly-hd { font-weight: 700; color: #8a5a1a; font-size: .86rem; margin: 4px 0 6px; }
.ly-tools a { margin-left: 10px; font-size: .75rem; color: #a08966; text-decoration: none; border-bottom: 1px dashed #cbb98e; }
.ly-tools a:hover { color: #c40e0e; }
.ly-history { margin-top: 14px; border-top: 1px dashed #e0cfa4; padding-top: 10px; }
.ly-history .ly-hd { display: flex; justify-content: space-between; align-items: center; }
.ly-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; border: 1px solid #efe3c9; background: #fffdf6; border-radius: 8px; padding: 6px 10px; margin-bottom: 6px; font-size: .82rem; color: #5a4a33; }
.ly-row.active { border-color: #c40e0e; box-shadow: 0 0 0 1px rgba(196,14,14,.18); background: #fff8ef; }
/* 记录条目为可展开明细：整行为 summary，展开为六次逐掷真实记录 */
.ly-row { display: block; padding: 0; overflow: hidden; }
.ly-row > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; list-style: none; padding: 6px 10px; cursor: pointer; font-size: .82rem; color: #5a4a33; }
.ly-row > summary::-webkit-details-marker { display: none; }
.ly-row > summary .ly-gua { flex: 1 1 auto; }
.ly-tosses { border-top: 1px dashed #eadbb8; padding: 8px 12px; background: #fffaf0; font-size: .78rem; }
.ly-toss { display: flex; justify-content: space-between; gap: 12px; padding: 2px 0; color: #6a5533; }
.ly-tag { font-size: .68rem; padding: 0 6px; border-radius: 4px; color: #fff; font-weight: 700; }
.ly-tag-a { background: #8a5a1a; }
.ly-tag-m { background: #1a6fb5; }
.ly-move { color: #c40e0e; }
.ly-row .ly-time { color: #a0916f; font-size: .74rem; min-width: 76px; }
.ly-row .ly-gua { font-weight: 700; color: #6b4a1c; }
.ly-row .ly-yao { color: #9a8b78; font-size: .74rem; }
.ly-row .ly-btns { margin-left: auto; }
.ly-row .ly-btns a { margin-left: 12px; font-size: .78rem; color: #8a4b1c; text-decoration: underline; cursor: pointer; }
.ly-row .ly-btns a.ly-del { color: #b0a28c; }
.ly-coin-list { display: flex; gap: 8px; margin: 6px 0 2px; flex-wrap: wrap; }
.ly-coin { width: 40px; height: 46px; border: 1px solid #d8b36a; background: linear-gradient(150deg, #f7e7bd, #e7c98a); border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: .72rem; color: #6b4a1c; flex-direction: column; line-height: 1.2; box-shadow: 0 1px 3px rgba(200,168,124,.3); }
.ly-coin.cur { box-shadow: 0 0 0 2px rgba(196,14,14,.55); }
.ly-coin .lc-name { font-weight: 700; font-size: .82rem; }