/* 移动端优化覆盖样式（≤768px自动加载） */

/* 基础排版与间距 */
body { font-size: 15px; line-height: 1.6; }
.container { padding-left: 12px; padding-right: 12px; }

/* 顶部浮动菜单按钮更大更易点 */
#dynamicNavBtn, .hamburger-menu { width: 48px !important; height: 48px !important; font-size: 18px !important; }
.floating-nav-menu { left: 12px !important; top: 70px !important; min-width: 200px !important; }

/* 首页 hero 区域与标题缩放 */
.hero-content h1 { font-size: 28px !important; line-height: 1.25 !important; }
.section-title, .about-section h2 { font-size: 22px !important; }

/* 首页卡片栅格纵向堆叠，留足内边距 */
.posts-grid, .featured-small-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
.post-card, .featured-card { margin: 0 !important; }
.post-thumbnail img, .card-image img { height: 180px !important; object-fit: cover; }

/* 页脚信息块压缩间距 */
.bottom-info-content { padding: 1.5rem 1rem !important; }
.site-stats { gap: 1rem !important; }

/* 画廊：单列 + 增大点击区 */
.gallery-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
.gallery-image img { height: 220px !important; }

/* 管理后台：侧边栏压缩，主要内容留白 */
.admin-layout { grid-template-columns: 70px 1fr !important; }
.admin-sidebar .nav-link span { display: none; }
.admin-sidebar .nav-link i { font-size: 18px; }
.admin-main { padding: 12px !important; }

/* 管理后台表格/卡片在手机上边距 */
.admin-stats { gap: .75rem !important; }
.stat-card { padding: 1rem !important; }

/* 可视化大屏：单列显示，防止挤压 */
.grid-visual { grid-template-columns: 1fr !important; grid-auto-rows: 360px !important; gap: 12px !important; }

/* 按钮触摸目标放大 */
.btn { padding: .65rem 1rem !important; border-radius: 10px !important; }
.pagination-number { width: 36px !important; height: 36px !important; }

/* 表单输入更易点 */
input, textarea, select { font-size: 16px !important; }

/* 隐藏落樱特效与减轻动画负担 */
#sakura-container { display: none !important; }

/* 缩小音量控制器，避免遮挡 */
.volume-controller { top: 12px !important; right: 12px !important; padding: 6px 10px !important; }
.volume-slider { width: 70px !important; }
.volume-btn { width: 30px !important; height: 30px !important; }

/* 背景视频在移动端禁用，使用静态海报/背景图 */
#hero-video, #featured-video, #posts-video { display: none !important; }
.hero { background: #000 url('/static/images/image-placeholder.png') center/cover no-repeat !important; min-height: 60vh !important; padding: 60px 16px !important; }
.featured-section { background: #000 url('/static/images/image-placeholder.png') center/cover no-repeat !important; min-height: 320px !important; position: relative !important; }
.posts-section { background: #000 url('/static/images/image-placeholder.png') center/cover no-repeat !important; padding: 24px 0 !important; }