/* 遊戲比價與降價通知（Steam 台灣區價格）：遊戲 Hub 價格走勢、特價卡片史低、會員降價通知 */

.price-box { border: 1px solid var(--gq-border); border-radius: 16px; padding: .8rem .9rem; margin-bottom: .75rem; background: var(--gq-surface); }
.price-box .pb-now { font-size: 1.35rem; font-weight: 800; color: var(--gq-text); letter-spacing: -.01em; }
.price-box .pb-now.is-sale { color: var(--gq-danger); }
.price-box .price-old { text-decoration: line-through; color: var(--gq-muted); font-size: .8125rem; }
.price-box .discount-tag { font-size: .75rem; padding: .1rem .45rem; }
.pb-low-badge, .low-badge { display: inline-flex; align-items: center; gap: .2rem; flex: none; font-size: .72rem; font-weight: 800; padding: .15rem .5rem; border-radius: 999px;
  color: #8a5a00; background: #fff1c7; white-space: nowrap; }
[data-bs-theme="dark"] .pb-low-badge, [data-bs-theme="dark"] .low-badge { color: #ffd76a; background: rgba(255, 199, 90, .16); }

.pb-chart { margin: .55rem 0 .15rem; height: 64px; }
.price-spark { display: block; width: 100%; height: 100%; overflow: visible; }
.price-spark .ps-line { fill: none; stroke: var(--gq-primary); stroke-width: 2; stroke-linejoin: round; }
.price-spark .ps-area { fill: var(--gq-primary); opacity: .1; stroke: none; }
.price-spark .ps-low { stroke: var(--gq-muted); stroke-width: 1; stroke-dasharray: 3 3; opacity: .55; vector-effect: non-scaling-stroke; }
.price-spark .ps-dot { fill: var(--gq-primary); stroke: var(--gq-surface); stroke-width: 2; }

.pb-stats { display: flex; flex-wrap: wrap; gap: .25rem 1.1rem; margin: .55rem 0 0; font-size: .8125rem; }
.pb-stats div { display: flex; gap: .35rem; align-items: baseline; }
.pb-stats dt { color: var(--gq-muted); font-weight: 600; }
.pb-stats dd { margin: 0; font-weight: 700; }
.pb-any { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin-top: .6rem; }

/* /deals 卡片：史低 */
.deal-low { font-size: .72rem; color: var(--gq-muted); font-weight: 600; margin-top: .15rem; white-space: nowrap; }

/* /me/price-alerts */
.pa-row { display: flex; align-items: center; gap: .85rem; flex-wrap: wrap; }
.pa-main { flex: 1 1 200px; min-width: 0; }
.pa-prices { display: flex; flex-wrap: wrap; gap: .15rem .8rem; font-size: .8125rem; color: var(--bs-secondary-color); }
.pa-prices strong { color: var(--bs-body-color); }
.pa-prices .is-sale { color: var(--bs-danger); }
.pa-form { display: flex; align-items: center; gap: .4rem; flex: 0 1 auto; flex-wrap: wrap; }
.pa-form .input-group { width: 150px; }
.pa-hit { font-size: .72rem; font-weight: 700; padding: .12rem .5rem; border-radius: 999px; background: rgba(76, 154, 42, .14); color: #3c7d20; white-space: nowrap; }
[data-bs-theme="dark"] .pa-hit { color: #8ee06a; }
.pa-add { position: relative; }
.pa-add .me-suggest { max-height: 320px; overflow-y: auto; }
@media (max-width: 575.98px) {
  .pa-form { width: 100%; }
  .pa-form .input-group { flex: 1 1 auto; width: auto; }
}