/* ============================================
   子主题页面模板 — 移动端卡片样式优化
   ============================================

   问题：父主题 .child-page__main 用内联样式设置了卡片背景、圆角和内边距
   (background: var(--bg-card); border-radius: var(--border-radius); padding: 24px 32px)
   在手机端，32px×2 的内边距严重挤占内容宽度（375px 屏幕仅剩约 279px），
   且圆角 + 阴影在小屏幕上显得局促。

   优化：保留卡片背景（视觉层次感），但
   - 去掉圆角 → 全宽铺满，手机端更干净
   - 去掉阴影 → 减少视觉噪音
   - 缩小内边距 24px 32px → 16px → 释放屏幕宽度
   - 去掉 .child-page 的横向 padding → 卡片贴边显示

   匹配规则：body[class*="page-template-aerocore_child_page_"]
   仅对使用子主题页面模板的页面生效，不影响其他 WordPress 页面。
   ============================================ */

@media (max-width: 768px) {
    body[class*="page-template-aerocore_child_page_"] .child-page {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body[class*="page-template-aerocore_child_page_"] .child-page__main {
        padding: 16px !important;
        background: var(--bg-card) !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        margin-bottom: 0 !important;
    }
}