.ps-content .ps-overview { padding: 12px; border: 1px solid #d5e4f6; border-radius: 14px; background: linear-gradient(150deg, #fff 25%, #f5f9ff); box-shadow: 0 5px 18px #183b6b06; }
.hero-stat-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 0; }
.ps-content .ps-overview .hero-stat-card { --stat-accent: #075bc9; position: relative; min-width: 0; display: flex; flex-direction: column; gap: 13px; padding: 14px 12px 12px; border: 1px solid #dce6f2; border-radius: 10px; color: #244469; background: #fff; text-decoration: none; transition: border-color .18s, box-shadow .18s, transform .18s, background .18s; }
.ps-content .ps-overview .hero-stat-card.is-active { border-color: #6ba4ed; background: linear-gradient(155deg, #fff, #edf5ff); box-shadow: inset 0 -3px 0 #0873ed; }
.hero-stat-top, .hero-stat-bottom { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0; }
.hero-stat-icon { display: grid; place-items: center; flex: 0 0 30px; height: 30px; border-radius: 8px; color: var(--stat-accent); background: #edf5ff; }
.hero-stat-icon svg { width: 19px; height: 19px; }
.ps-content .ps-overview .hero-stat-number { min-width: 0; margin: 0; color: #153f70; font-family: 'Rajdhani', 'Noto Sans TC', sans-serif; font-size: 28px; font-weight: 700; line-height: 1; letter-spacing: -.8px; font-variant-numeric: tabular-nums; }
.ps-content .ps-overview .hero-stat-card:focus-visible { outline: 3px solid #ffb640; outline-offset: -3px; }
.ps-content .ps-overview .hero-stat-label { color: #58708b; font-size: 12px; font-weight: 600; }
.hero-stat-arrow { display: grid; place-items: center; width: 21px; height: 21px; color: #7294bc; border-radius: 50%; background: #f0f5fc; transition: transform .18s, background .18s, color .18s; }
.hero-stat-arrow svg { width: 13px; height: 13px; }
.ps-content .ps-overview .hero-stat-card[data-target=featured] { --stat-accent: #ad7308; }
.ps-content .ps-overview .hero-stat-card[data-target=featured] .hero-stat-icon { background: #fff5df; }
.ps-content .ps-overview .hero-stat-card:active { transform: translateY(1px) scale(.98); box-shadow: inset 0 2px 5px #16416f15; }
@media (hover: hover) and (pointer: fine) {
    .ps-content .ps-overview .hero-stat-card:hover { transform: translateY(-3px); border-color: #6ba4ed; background: #f7fbff; box-shadow: 0 7px 13px #1b4e8110; }
    .hero-stat-card:hover .hero-stat-arrow { transform: translateX(2px); background: #075bc9; color: #fff; }
}
.dark .ps-content .ps-overview { background: linear-gradient(145deg, #152740, #102138); border-color: #304b6e; }
.dark .ps-content .ps-overview .hero-stat-card { background: #192d47; border-color: #345071; }
.dark .ps-content .ps-overview .hero-stat-card.is-active, .dark .ps-content .ps-overview .hero-stat-card:hover { background: #1b3758; border-color: #6ba4ed; }
.dark .ps-content .ps-overview .hero-stat-number { color: #e2efff; }
.dark .ps-content .ps-overview .hero-stat-label { color: #b2c5df; }
.dark .hero-stat-icon, .dark .hero-stat-arrow { background: #253f60; color: #8dbdff; }
.dark .ps-content .ps-overview .hero-stat-card[data-target=featured] .hero-stat-icon { background: #46381f; color: #f3c86d; }
@media (max-width: 600px) {
    .ps-content .ps-overview { padding: 8px; border-radius: 12px; }
    .ps-content .ps-overview .hero-stat-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; margin: 0; }
    .ps-content .ps-overview .hero-stat-card { grid-column: span 2; padding: 7px 8px; gap: 3px; border-radius: 8px; }
    .ps-content .ps-overview .hero-stat-top { flex-direction: row; align-items: center; gap: 4px; }
    .ps-content .ps-overview .hero-stat-icon { flex-basis: 22px; width: 22px; height: 22px; border-radius: 6px; }
    .ps-content .ps-overview .hero-stat-icon svg { width: 15px; height: 15px; }
    .ps-content .ps-overview .hero-stat-number { font-size: 24px; line-height: 1.1; letter-spacing: -.4px; white-space: nowrap; }
    .ps-content .ps-overview .hero-stat-label { font-size: 13px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
    .ps-content .ps-overview .hero-stat-arrow { display: none; }
    .ps-content .ps-overview .hero-stat-card[data-target=recent], .ps-content .ps-overview .hero-stat-card[data-target=total] { grid-column: span 3; }
}
@media (prefers-reduced-motion: reduce) { .ps-overview *, .ps-overview *::after { transition: none !important; animation: none !important; } .ps-content .ps-overview .hero-stat-card:hover { transform: none; } }