/* ============================================================
   cambodiafang.com 响应式适配 (2026-08-25)
   Plan A: 保持桌面端样式/结构/功能不变，仅在窄屏下做流式适配
   ============================================================ */

/* ---------- 平板/小桌面 ≤1280px ---------- */
@media (max-width: 1280px) {
    .wp { width: auto; margin-left: 10px; margin-right: 10px; }
    .w1180 { width: auto; margin-left: 10px; margin-right: 10px; }
}

/* ---------- ≤1180px：解除 min-width 锁死，开始流式 ---------- */
@media (max-width: 1180px) {
    html, body, .deanheaderbg, .deanheadertops, .deanfooter { min-width: 0; }
    .deanheaderbg { width: 100%; }
    .wp { width: auto; margin-left: 8px; margin-right: 8px; }
    .w1180 { width: auto; margin-left: 8px; margin-right: 8px; }
}

/* ---------- 手机/小屏 ≤900px：头部堆叠 + 列堆叠 + 图片自适应 ---------- */
@media (max-width: 900px) {
    /* 通用 */
    img { max-width: 100%; height: auto; }

    /* 头部：logo 居中、搜索栏占满 */
    .deanheaderbg { height: auto; min-height: 110px; }
    .deanlogo { float: none; width: 220px; margin: 0 auto; padding-top: 20px; }
    .deansearch { float: none; width: 100%; margin: 0; padding: 10px 0 15px; text-align: center; }

    /* 顶部工具条：左/右排布改居中，右栏次要信息隐藏 */
    .deanht_left, .deanht_right { float: none; width: 100%; text-align: center; }
    .deanht_right .deanhtritems { display: inline-block; float: none; }

    /* DIY 多列区块堆叠为单列 */
    .column { float: none !important; width: 100% !important; }
    .frame { overflow: hidden; }

    /* 内容区通用 */
    #ct { min-width: 0; }
}

/* ---------- 手机窄屏 ≤600px ---------- */
@media (max-width: 600px) {
    body { font-size: 13px; }
    .w1180, .wp { margin-left: 6px; margin-right: 6px; }
    /* 顶部右侧工具链接隐藏，保持整洁 */
    .deanht_right .deanhtritems { display: none; }
    /* 页脚：整宽不滚动 */
    .deanfooter { width: 100%; }
}