/* ========================================
   搞钱 (gao-qian.com) — 响应式媒体查询
   Bootstrap 5 断点: xs<576, sm≥576, md≥768, lg≥992, xl≥1200, xxl≥1400
   ======================================== */

/* --- 超小屏 (手机竖屏 <576px) --- */
@media (max-width: 575.98px) {
    .page-title {
        font-size: 1.2rem;
    }
    .page-title::after {
        width: 30px;
    }
    .project-card .card-body {
        padding: 0.75rem;
    }
    .project-card .card-title {
        font-size: 0.9rem;
    }
    /* 小屏禁用卡片悬停动效（触摸设备） */
    .project-card:hover {
        transform: none;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    }
    .user-stat-card:hover {
        transform: none;
    }
    .recharge-card:hover {
        transform: none;
    }
    .recharge-card {
        padding: 1rem;
    }
    .recharge-card .points-amount {
        font-size: 1.5rem;
    }
    .filter-tabs {
        gap: 0.35rem;
    }
    .filter-tabs .filter-tab {
        padding: 0.3rem 0.75rem;
        font-size: 0.8rem;
    }
    .filter-tabs .filter-tab:hover {
        transform: none;
    }
    /* 详情页封面图 - 使用 aspect-ratio 自动缩放 */
    .cover-detail {
        aspect-ratio: 4 / 3;
    }
    .cover-detail-placeholder {
        aspect-ratio: 4 / 3;
    }
    .user-stat-card {
        padding: 0.75rem;
    }
    .user-stat-card .stat-value {
        font-size: 1.25rem;
    }
    .table-responsive {
        font-size: 0.8rem;
    }
    .site-footer {
        text-align: center;
        padding: 1.5rem 0;
    }
    .site-footer .col-4 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .site-footer .col-4 ul {
        font-size: 0.75rem;
    }
    .site-footer .col-4 ul li {
        margin-bottom: 0.15rem;
    }
    .footer-col-title {
        font-size: 0.78rem;
        margin-bottom: 0.4rem;
    }
    /* 后台侧边栏在小屏隐藏，用offcanvas替代 */
    .admin-sidebar {
        display: none;
    }
    .admin-sidebar.show {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 250px;
        height: 100vh;
        z-index: 1050;
    }
    /* 登录页卡片在小屏缩小内边距 */
    .login-card .card-body {
        padding: 2rem 1.5rem;
    }
}

/* --- 小屏 (手机横屏 ≥576px) --- */
@media (min-width: 576px) and (max-width: 767.98px) {
    .admin-sidebar {
        display: none;
    }
    .admin-sidebar.show {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 250px;
        height: 100vh;
        z-index: 1050;
    }
}

/* --- 中屏 (平板 ≥768px) --- */
@media (min-width: 768px) and (max-width: 991.98px) {
    .cover-detail {
        aspect-ratio: 4 / 3;
    }
    .cover-detail-placeholder {
        aspect-ratio: 4 / 3;
    }
    /* 后台侧边栏变窄 */
    .admin-sidebar {
        min-width: 180px;
        max-width: 180px;
    }
}

/* --- 大屏 (桌面 ≥992px) --- */

/* --- 超大屏 (≥1200px) --- */
@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

/* --- 超宽屏 (≥1400px) --- */
@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}

/* --- 通用小屏优化 --- */
@media (max-width: 767.98px) {
    .page-title {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    .breadcrumb-gq {
        font-size: 0.75rem;
    }
    .card-gq {
        border-radius: var(--gq-radius);
    }
    /* 表格紧凑 */
    .table th,
    .table td {
        padding: 0.4rem 0.5rem;
        font-size: 0.8rem;
    }
    /* 充值档位两列 */
    .recharge-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.75rem;
    }
    /* 用户中心统计两列 */
    .user-stats-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }
}

/* --- 横屏手机优化 --- */
/* 卡片图片使用 aspect-ratio 自动缩放，不再覆盖 */
@media (max-width: 991.98px) and (orientation: landscape) {
    .navbar-gq {
        padding: 0.25rem 1rem;
    }
}

/* --- 打印样式 --- */
@media print {
    .navbar-gq,
    .site-footer,
    .admin-sidebar,
    .btn-favorite,
    .filter-tabs,
    .pagination {
        display: none;
    }
    body {
        background: #fff;
        color: #000;
    }
    .project-card {
        border: 1px solid #ccc;
        box-shadow: none;
    }
}

/* --- 高对比度/暗色模式支持预留 --- */
@media (prefers-color-scheme: dark) {
    /* 未来可扩展暗色模式 */
}

/* --- 减少动画（无障碍） --- */
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
    .project-card:hover,
    .user-stat-card:hover,
    .recharge-card:hover,
    .filter-tabs .filter-tab:hover,
    .btn-primary-gq:hover,
    .btn-gradient:hover,
    .btn-login-wechat:hover,
    .btn-login-qq:hover,
    .btn-login-weibo:hover,
    .btn-login-alipay:hover,
    .btn-login-email:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}