/* css/responsive.css - 共用响应式断点（仅首页 + 详情页通用） */

/* 大屏手机 (≥480px) */
@media (min-width: 480px) {
    body { padding: 28px 32px 24px 32px; }
    .portal-card { max-width: 520px; padding: 36px; }
}

/* 平板 (≥600px) */
@media (min-width: 600px) {
    body { padding: 24px 40px; }
    .portal-card { max-width: 680px; padding: 40px; }
    .detail-container { padding: 40px; }
    .attr-grid { grid-template-columns: repeat(3, 1fr); }
    .info-section { padding: 32px; }
    .section-card { padding: 40px; }
    .tab-bar { gap: 6px; justify-content: center; }
}

/* 横屏手机/平板 */
@media (orientation: landscape) and (min-width: 560px) {
    body { padding-top: 12px; padding-bottom: 12px; }
    .portal-card {
        max-width: 520px;
        padding: 28px 36px;
    }
}

/* 桌面 (≥900px) */
@media (min-width: 900px) {
    body { padding: 4vh 5vw; }
    .portal-card {
        max-width: 560px;
        padding: 40px 48px;
    }
    .footer-area { margin-top: 20px; }
    .detail-container { padding: 48px; max-width: 1200px; }
    .tab-bar { gap: 8px; justify-content: center; }
}