/* 响应式布局 */

/* 移动设备 */
@media (max-width: 640px) {
    .hide-sm {
        display: none !important;
    }
    
    h1 {
        font-size: var(--font-size-2xl);
    }
    
    h2 {
        font-size: var(--font-size-xl);
    }
}

/* 平板设备 */
@media (min-width: 641px) and (max-width: 1024px) {
    .hide-md {
        display: none !important;
    }
}

/* 桌面设备 */
@media (min-width: 1025px) {
    .hide-lg {
        display: none !important;
    }
}

/* 打印样式 */
@media print {
    .no-print {
        display: none !important;
    }
    
    a[href]:after {
        content: " (" attr(href) ")";
    }
}