/* 阿莫比 — 物品頁的「拍賣場價格」卡片（src/auction.js 組的 HTML；錢幣圖示用 items.css 的 .coin）
 * 走勢圖兩條線：中位數（金）、每日最低一口價（藍）。兩個顏色在暗底和色盲模擬下都分得開（dataviz 驗色程式驗過）。
 */
.ah-card{--ah-med:#b08840;--ah-low:#3f8fc4}
.ah-card .card-h .note{font-size:12px;color:var(--faint);border:1px solid var(--line);border-radius:999px;padding:0 8px;line-height:20px}

/* 最近一次的價格 */
.ah-now{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}
.ah-now > div{display:flex;flex-direction:column;gap:2px;min-width:0;padding:4px 0 8px;border-bottom:1px solid var(--line-soft)}
.ah-now > div > span{font-size:12.5px;color:var(--faint)}
.ah-now b{display:flex;flex-wrap:wrap;align-items:center;gap:0 4px;font-size:17px;font-weight:700;line-height:1.35;color:var(--text)}
.ah-now b .coin{color:var(--text)}
.ah-now b .coin i{width:11px;height:11px}
.ah-now small{font-size:12px;color:var(--muted)}
.ah-na{color:var(--faint)}
.ah-src{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.ah-gone{margin:6px 0 0;padding:6px 10px;border-left:2px solid var(--gold-deep);background:rgba(201,163,91,.06);font-size:12.5px;color:var(--muted)}
.ah-empty{margin:2px 0 0;font-size:15px;color:var(--text)}
.ah-wait{margin:10px 0 0;font-size:12.5px;color:var(--faint)}
.ah-note{margin:10px 0 0;font-size:12px;line-height:1.6;color:var(--faint)}

/* 走勢圖 */
.ah-chart{margin:12px 0 0}
.ah-legend{display:flex;flex-wrap:wrap;gap:2px 16px;margin:0 0 6px;font-size:12.5px;color:var(--muted)}
.ah-legend span{display:inline-flex;align-items:center;gap:6px}
.ah-legend b{font-weight:500;color:var(--text)}
.ah-legend .k{display:inline-block;width:14px;height:2px;border-radius:2px}
.k.med{background:var(--ah-med)}.k.low{background:var(--ah-low)}
.ah-plot,.ah-xt{display:grid;grid-template-columns:48px minmax(0,1fr)}
.ah-plot{height:140px}
.ah-yt{position:relative}
.ah-yt span{position:absolute;right:8px;transform:translateY(-50%);font-size:11px;line-height:1;color:var(--faint);white-space:nowrap}
.ah-area{position:relative;min-width:0;touch-action:pan-y}
.ah-area svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ah-grid line{stroke:var(--line-soft);stroke-width:1;vector-effect:non-scaling-stroke}
.ah-area polyline{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ah-area polyline.med{stroke:var(--ah-med)}
.ah-area polyline.low{stroke:var(--ah-low)}
.ah-dot{position:absolute;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;box-shadow:0 0 0 2px var(--panel-solid);pointer-events:none}
.ah-dot.med{background:var(--ah-med)}.ah-dot.low{background:var(--ah-low)}
.ah-xt{height:20px;margin-top:4px}
.ah-xt > div{position:relative}
.ah-xt div span{position:absolute;top:0;transform:translateX(-50%);font-size:11px;color:var(--faint);white-space:nowrap}
.ah-xt div span.first{transform:none}
.ah-xt div span.last{transform:translateX(-100%)}
/* 滑過去：直線跟著最近的那一天，旁邊一個小框（/assets/auction.js） */
.ah-cross{position:absolute;top:0;bottom:0;width:1px;background:var(--line-gold);pointer-events:none}
.ah-tip{position:absolute;top:0;z-index:2;min-width:132px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel-solid);
  box-shadow:0 6px 18px rgba(0,0,0,.45);font-size:12px;line-height:1.55;color:var(--muted);pointer-events:none;white-space:nowrap}
.ah-tip b{display:block;color:var(--text);font-weight:700}
.ah-tip i{display:inline-block;width:10px;height:2px;margin:0 6px 3px 0;border-radius:2px;vertical-align:middle}
.ah-tip em{font-style:normal;color:var(--text)}

/* 每日數字（給看不到圖、或要看確切數字的人） */
.ah-days{margin:10px 0 0;font-size:12.5px}
.ah-days summary{cursor:pointer;color:var(--gold);width:max-content}
.ah-days summary:hover{color:var(--gold-hi)}
.ah-days table{width:100%;margin:6px 0 0;border-collapse:collapse}
.ah-days th,.ah-days td{padding:4px 6px;border-bottom:1px solid var(--line-soft);text-align:right;white-space:nowrap}
.ah-days th{font-weight:500;color:var(--faint)}
.ah-days th:first-child,.ah-days td:first-child{text-align:left}
.ah-days td{color:var(--text)}

/* 其他伺服器 */
.ah-others{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line-soft)}
.ah-others h3{margin:0 0 4px;font-size:12.5px;font-weight:500;color:var(--faint)}
.ah-others ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ah-others li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:3px 0;font-size:13px}
.ah-others li > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.ah-op{display:flex;align-items:center}
.ah-others small{font-size:11.5px;color:var(--faint)}

@media (max-width:640px){
  .ah-now{gap:0 10px}
  .ah-now b{font-size:15.5px}
  .ah-plot{height:120px}
  .ah-plot,.ah-xt{grid-template-columns:42px minmax(0,1fr)}
}