/* ==========================================================================
   Steam 方角 UI 覆盖层（全站生效，小游戏页 / 写真内页除外）
   目标：圆角 UI → Steam 式方角；按钮 hover 提亮 / active 压暗，无缩放弹跳；
   图标容器一并方角化（tabler / lucide 线性图标本身即为 Steam 风格，无需替换）
   ========================================================================== */

/* 1. 设计变量压平：所有引用 var(--pcgh-radius*) 的组件自动变方角 */
:root {
    --pcgh-radius: 2px !important;
    --pcgh-radius-lg: 2px !important;
    --pcgh-module-radius: 2px !important;
}

/* 2. 全局圆角压平（含卡片、面板、按钮、输入框、徽章、头像、轮播指示点等）
   Steam 头像为方形、指示器为小方块，故一并压平；伪元素(::before/::after)同步压平 */
body *,
body *::before,
body *::after {
    border-radius: 2px !important;
}

/* 功能性圆形保持：加载圈、进度环、金币、单选框等压方会破坏形态的元素 */
body [class*="spinner"],
body [class*="Spinner"],
body [class*="loader"],
body [class*="Loader"],
body [class*="-ring"],
body [class*="ring-"],
body [class*="donut"],
body [class*="Donut"],
body [class*="coin"],
body [class*="Coin"],
body input[type="radio"],
    body .pcgh-steam__loading span,
body [class*="spinner"]::before,
body [class*="spinner"]::after,
body [class*="Spinner"]::before,
body [class*="Spinner"]::after,
body [class*="loader"]::before,
body [class*="loader"]::after,
body [class*="Loader"]::before,
body [class*="Loader"]::after,
body [class*="-ring"]::before,
body [class*="-ring"]::after,
body [class*="donut"]::before,
body [class*="donut"]::after,
body [class*="coin"]::before,
body [class*="coin"]::after {
    border-radius: 50% !important;
}

/* 3. Steam 式按钮点击感：hover 整体提亮，active 压暗；取消缩放弹跳 */
body :is(button, .btn, [class*="btn"], [class*="Btn"], [type="button"], [type="submit"], [role="button"]):active {
    transform: none !important;
    filter: brightness(.85);
}

@media (hover:hover) {
    body :is(button, .btn, [class*="btn"], [class*="Btn"], [type="button"], [type="submit"], [role="button"]):hover {
        filter: brightness(1.1);
    }
}

/* 4. 卡片 / 列表项等可点击块的按压反馈（Steam 无弹跳，仅轻微压暗） */
body :is(.pcgh-special-carousel__slide, .pcgh-home-game-v2, .pcgh-game-card, .pcgh-post-card, .pcgh-cat-card, .pcgh-rank-item):active {
    transform: none !important;
    filter: brightness(.9);
}