/* 魂器教學頁，只作用在 .soul-guide */
.soul-guide{color:#ded8ca;font-size:15px;line-height:1.85}
.soul-intro{padding:2px 0 18px;border-bottom:1px solid #6b522b;margin-bottom:20px}
.soul-intro strong{display:block;color:#f3ddb1;font-size:26px;font-weight:500}
.soul-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 20px}
.soul-figure{display:flex;align-items:center;gap:16px;margin:0;padding:12px;border:1px solid #4d422f;border-radius:4px;background:#17191a}
.soul-figure img{flex:0 0 auto;width:auto;max-width:min(240px,100%)!important;max-height:300px;height:auto;border-radius:3px}
.soul-figure figcaption{color:#c9bda5;font-size:14px;line-height:1.75}
.soul-flow{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0 0 30px;padding:0}
.soul-flow li{position:relative;margin:0}
.soul-flow li:not(:last-child)::after{content:"›";position:absolute;right:-14px;top:50%;transform:translateY(-52%);color:#c19951;font-size:21px}
.soul-flow a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:74px;padding:9px 4px;border:1px solid #6e5730;border-radius:4px;background:linear-gradient(145deg,#2c2418,#191c1d);color:#f0d9a8;text-decoration:none;text-align:center}
.soul-flow a:hover{border-color:#d3aa5e;color:#ffe9b8}
.soul-flow a:focus-visible{outline:2px solid #f0cd82;outline-offset:2px}
.soul-flow-no{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#5c4522;color:#ffe3a3;font-size:13px;line-height:1}
.soul-flow-name{font-size:15px;font-weight:600;line-height:1.5}
.soul-section{margin:0 0 34px;scroll-margin-top:60px}
.post-body .soul-heading{margin:0 0 14px;padding:0 0 9px;border:0;border-bottom:1px solid #70572c;background:none;color:#eed19a;font-size:22px;font-weight:500;line-height:1.5}
.soul-body{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:22px;align-items:start}
.soul-body-full{grid-template-columns:minmax(0,1fr)}
.soul-main{min-width:0}
.soul-side{display:grid;gap:14px}
.soul-table{margin:10px 0 12px;border:1px solid #534832;border-radius:4px;overflow-x:auto}
.soul-table .data-table{width:100%;margin:0;font-size:15px;line-height:1.6}
.soul-table .data-table th{padding:10px 8px;background:#27251e;color:#ae9e7c;font-size:13px;font-weight:500;text-align:center;white-space:nowrap}
.soul-table .data-table th:first-child,.soul-table .data-table td:first-child{text-align:left}
.soul-table .data-table td{text-align:center}
.soul-table .data-table td{padding:10px 8px;border-bottom:1px solid #71613f28;vertical-align:middle}
.soul-table .data-table tr:nth-child(even){background:#1c2020}.soul-table .data-table tr:nth-child(odd){background:#141a1c}
.soul-table .data-table tbody tr:last-child td{border-bottom:0}
.soul-item{display:inline-flex;align-items:center;gap:7px;color:#f2d5a0;font-weight:600;white-space:nowrap}
.soul-item img{width:30px;height:30px;object-fit:contain;image-rendering:pixelated}
.soul-callout{margin:12px 0;padding:11px 15px 11px 14px;border:1px solid #6e5730;border-left-width:4px;border-radius:4px;background:#211d15}
.soul-callout-title{display:block;margin-bottom:3px;color:#f0cd82;font-size:15px;font-weight:600}
.soul-callout ul{margin:0;padding:0 0 0 18px}
.soul-callout li{margin:1px 0}
.soul-callout-red{border-color:#a8473b;background:#2e1a17}
.soul-callout-red .soul-callout-title{color:#ff9d8c;font-size:17px}
.soul-callout-red li{color:#f4d0c8}
.soul-dialog{margin:0;border:1px solid #80683a;border-radius:3px;background:linear-gradient(180deg,#20201f,#141413);box-shadow:inset 0 0 0 2px #0d0d0c,inset 0 0 0 3px #4d4029}
.soul-dialog-title{padding:7px 10px 0;color:#9c8c6c;font-size:12px;text-align:center}
.soul-dialog-body{padding:6px 12px 13px;font-size:14px;line-height:1.7;text-align:center;color:#e8e0cc}
.soul-dialog-line{min-height:1.7em}
.soul-dialog-gap{min-height:.7em}
.soul-dialog-gold{color:#fbdc06}
.soul-dialog-red{color:#ff6b5c}
.soul-dialog-button{color:#ffd24d}
.soul-picker{display:grid;gap:9px}
.soul-picker-group{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:start}
.soul-picker-group-name{padding-top:6px;color:#b99a60;font-size:14px}
.soul-picker-grid{display:flex;flex-wrap:wrap;gap:6px}
.soul-stone-button{min-height:36px;padding:4px 12px;border:1px solid #4d422f;border-radius:4px;background:#1b1e1f;color:#c6bba4;font:inherit;font-size:14px;cursor:pointer}
.soul-stone-button:hover{border-color:#a78243;color:#ffe3a3}
.soul-stone-button[aria-selected=true]{border-color:#c19951;background:linear-gradient(135deg,#594022,#29241a);color:#ffe2a1}
.soul-stone-button:focus-visible{outline:2px solid #f0cd82;outline-offset:2px}
.soul-picker-panel{margin-top:6px;border:1px solid #534832;border-radius:4px;background:#141a1c}
.soul-picker-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 14px;border-bottom:1px solid #65532e;background:#27251e}
.soul-picker-heading strong{color:#f2d5a0;font-size:18px;font-weight:600}
.soul-picker-heading span{color:#a99d86;font-size:13.5px}
.soul-level{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid #71613f28}
.soul-level:last-child{border-bottom:0}
.soul-level-badge{flex:0 0 46px;padding:2px 0;border:1px solid #80683a;border-radius:3px;background:#2c2418;color:#f0cd82;font-size:14px;text-align:center}
.soul-level-chips{min-width:0}
@media(max-width:860px){
  .soul-body{grid-template-columns:minmax(0,1fr)}
  .soul-side{max-width:320px;width:100%;margin:0 auto}
}
@media(max-width:640px){
  .soul-figures{grid-template-columns:minmax(0,1fr)}
  .soul-figure{flex-direction:column;align-items:center;text-align:center;gap:8px}
  .soul-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .soul-flow li::after{display:none}
  .soul-picker-group{grid-template-columns:minmax(0,1fr);gap:2px}
  .soul-picker-group-name{padding-top:0}
  .soul-table .data-table{font-size:14px}
  .soul-table .data-table td,.soul-table .data-table th{padding:8px 6px}
  .soul-level{gap:9px;padding:8px 10px}
}