/* ═══ 移动端精修(≤768 手机浏览器) ═══ */
@media (max-width: 768px) {
    /* 开发成果图轮播 */
    .carousel { border-radius: 12px; }
    .carousel-slide img { height: 220px; }
    .carousel-cap { padding: 44px 16px 16px; }
    .carousel-cap h3 { font-size: 16px; }
    .carousel-cap p { font-size: 11px; }
    .carousel-title { top: 12px; left: 12px; font-size: 14px; padding: 5px 12px; }
    .carousel-btn { width: 34px; height: 34px; font-size: 16px; }
    .carousel-btn.prev { left: 10px; }
    .carousel-btn.next { right: 10px; }
    .carousel-dots { bottom: 10px; gap: 6px; }
    .car-counter { right: 12px; bottom: 12px; font-size: 11px; padding: 3px 9px; }
    /* 笔记列表 */
    .art-item { padding: 16px 12px 16px 14px; gap: 14px; }
    .art-date { width: 52px; }
    .art-date-day { font-size: 24px; }
    .art-title { font-size: 15.5px; }
    .art-excerpt { -webkit-line-clamp: 2; font-size: 13px; }
    .art-meta { gap: 8px; }
    /* 侧栏胶囊行不吸顶 */
    .arts-side { position: static; }
    .cat-label { padding-left: 2px; }
    /* 顶部导航: 手机端收窄防挤压 */
    .nav-in { height: 52px; padding-left: 14px; padding-right: 14px; }
    .logo { font-size: 15px; }
    .nav-l { gap: 2px; }
    .nav-l a { font-size: 14px; font-weight: 500; padding: 6px 9px; }
}
@media (max-width: 380px) {
    .carousel-slide img { height: 180px; }
    .art-date { width: 44px; }
    .art-date-day { font-size: 22px; }
}