/* ====== 1. 全局背景與卡片化基礎 ====== */
body, .main-box, .box {
    background-color: #f4f6f8 !important; /* 全局淺灰背景 */
}

/* ====== 2. CSS 變數（與 review-core.css 共享） ====== */
:root {
    --avatar-size: 40px;
    --layout-gap: 12px;
    --breakout-offset: calc(var(--avatar-size) + var(--layout-gap));
}

/* ====== 3. Sticky 評論分類 Bar (手機版) - 頁面特定 ====== */
@media screen and (max-width: 767px) {
    .review-top.is-sticky {
        position: fixed;
        top: 0px;
        left: 0;
        right: 0;
        width: 100%;
        background-color: #f4f6f8;
        z-index: 990;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        padding-top: 10px;
        padding-bottom: 10px;
        transition: top 0.3s ease;
    }
    .review-top.is-sticky .swiper-index-reviews-hot {
        padding-left: 0px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}