/* ==========================================================
 * 移动端响应式适配
 * 针对手机屏幕优化后台布局
 * ========================================================== */

/* 移动端侧边栏打开时防止body滚动 */
body.zjxc_sidebar_open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

/* 移动端断点: 768px 以下 */
@media (max-width: 768px) {
    /* ============ 布局调整 ============ */
    .zjxc_layout {
        flex-direction: column;
    }

    /* 侧边栏改为顶部汉堡菜单模式 */
    .zjxc_sidebar {
        position: fixed !important;
        top: 0 !important;
        left: -280px !important;
        width: 280px !important;
        height: 100vh !important;
        z-index: 1000 !important;
        transition: left 0.3s ease !important;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
    }

    .zjxc_sidebar.zjxc_mobile_open {
        left: 0 !important;
    }

    /* 侧边栏内容完全重置为正常布局 */
    .zjxc_sidebar .zjxc_sidebar_logo {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 18px 20px !important;
    }

    .zjxc_sidebar .zjxc_sidebar_logo_icon {
        width: 32px !important;
        height: 32px !important;
        flex-shrink: 0 !important;
    }

    .zjxc_sidebar .zjxc_sidebar_logo_text {
        display: block !important;
        font-size: 16px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    .zjxc_sidebar .zjxc_sidebar_group_title {
        display: block !important;
        padding: 12px 12px 6px !important;
        font-size: 11px !important;
    }

    .zjxc_sidebar .zjxc_sidebar_item {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        padding: 10px 12px !important;
    }

    .zjxc_sidebar .zjxc_sidebar_item_icon {
        font-size: 16px !important;
        width: 20px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
    }

    .zjxc_sidebar .zjxc_sidebar_item_text {
        display: block !important;
        flex: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        font-size: 14px !important;
    }

    /* 遮罩层 */
    .zjxc_sidebar_mask {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 999;
    }

    .zjxc_sidebar_mask.zjxc_show {
        display: block;
    }

    /* 主内容区占满 */
    .zjxc_main {
        width: 100%;
        min-width: 0;
    }

    /* 顶栏调整 */
    .zjxc_header {
        padding: 0 12px;
        height: 56px;
    }

    .zjxc_header_left {
        gap: 8px;
    }

    /* 显示汉堡菜单按钮 */
    .zjxc_sidebar_toggle,
    #zjxc_sidebar_toggle {
        display: flex !important;
    }

    /* 面包屑在移动端隐藏 */
    .zjxc_breadcrumb {
        display: none;
    }

    /* 顶栏搜索框缩小 */
    .zjxc_header_search {
        width: 140px;
        margin-right: 4px;
    }

    .zjxc_header_search input {
        font-size: 12px;
        padding: 0 8px 0 28px;
    }

    /* 顶栏图标按钮缩小 */
    .zjxc_header_icon {
        width: 32px;
        height: 32px;
        font-size: 14px;
    }

    /* 用户头像信息简化 */
    .zjxc_header_user_name {
        display: none;
    }

    .zjxc_avatar {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }

    /* ============ 内容区调整 ============ */
    .zjxc_content {
        padding: 16px 12px;
    }

    /* 页面头部 */
    .zjxc_page_header {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 16px;
    }

    .zjxc_page_title {
        font-size: 18px;
    }

    .zjxc_page_actions {
        width: 100%;
        justify-content: stretch;
    }

    .zjxc_page_actions .zjxc_btn {
        flex: 1;
    }

    /* ============ 统计卡片 ============ */
    .zjxc_stat_grid,
    .zjxc_order_stats,
    .zjxc_fin_stats {
        grid-template-columns: 1fr !important;
        gap: 10px;
    }

    .zjxc_stat_card,
    .zjxc_fin_stat {
        padding: 12px 14px;
    }

    .zjxc_stat_icon,
    .zjxc_fin_stat_icon {
        width: 36px;
        height: 36px;
        font-size: 16px;
    }

    .zjxc_stat_value,
    .zjxc_fin_stat_value {
        font-size: 18px;
    }

    /* ============ 筛选栏 ============ */
    .zjxc_filter_bar {
        padding: 12px;
        gap: 10px;
    }

    .zjxc_filter_row {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    .zjxc_filter_item {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }

    .zjxc_filter_item .zjxc_input,
    .zjxc_filter_item .zjxc_select {
        width: 100%;
    }

    .zjxc_filter_actions {
        margin-left: 0;
        width: 100%;
    }

    .zjxc_filter_actions .zjxc_btn {
        flex: 1;
    }

    /* ============ 表格 ============ */
    .zjxc_table_card {
        margin: 0 -12px;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }

    .zjxc_table_toolbar {
        padding: 10px 12px;
        flex-direction: column;
        align-items: stretch;
    }

    .zjxc_table_toolbar_left,
    .zjxc_table_toolbar_right {
        width: 100%;
        justify-content: space-between;
    }

    .zjxc_table_wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .zjxc_table {
        min-width: 600px;
        font-size: 12px;
    }

    .zjxc_table thead th {
        padding: 8px 10px;
        font-size: 11px;
    }

    .zjxc_table tbody td {
        padding: 10px;
        font-size: 12px;
    }

    /* 表格操作按钮 */
    .zjxc_td_actions {
        flex-wrap: wrap;
        gap: 4px;
    }

    .zjxc_td_actions .zjxc_btn {
        font-size: 11px;
        padding: 0 8px;
        height: 26px;
    }

    /* ============ 分页 ============ */
    .zjxc_pagination {
        padding: 10px 12px;
        flex-direction: column;
        gap: 10px;
    }

    .zjxc_pagination_info {
        font-size: 12px;
        width: 100%;
        text-align: center;
    }

    .zjxc_pagination_list {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .zjxc_page_btn {
        min-width: 28px;
        height: 28px;
        font-size: 12px;
    }

    /* ============ 卡片 ============ */
    .zjxc_card {
        border-radius: 8px;
    }

    .zjxc_card_header,
    .zjxc_card_body {
        padding: 12px 14px;
    }

    /* ============ 表单 ============ */
    .zjxc_form_row,
    .zjxc_form_grid_2,
    .zjxc_prod_price_row {
        grid-template-columns: 1fr !important;
        gap: 12px;
    }

    .zjxc_input,
    .zjxc_textarea,
    .zjxc_select {
        font-size: 14px;
    }

    /* ============ 按钮 ============ */
    .zjxc_btn {
        height: 38px;
        font-size: 13px;
    }

    .zjxc_btn_sm {
        height: 30px;
        font-size: 12px;
    }

    /* ============ Tabs ============ */
    .zjxc_tabs,
    .zjxc_finance_tab_wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        margin: 0 -12px 16px;
        padding: 0 12px;
    }

    .zjxc_tab,
    .zjxc_finance_tab {
        padding: 8px 14px;
        font-size: 13px;
        white-space: nowrap;
    }

    /* ============ 财务中心特殊调整 ============ */
    .zjxc_fd_head {
        grid-template-columns: 1fr !important;
        padding: 14px;
    }

    .zjxc_fd_head_right {
        border-left: none;
        border-top: 1px solid var(--zjxc-border-light);
        padding-left: 0;
        padding-top: 12px;
        text-align: left;
    }

    .zjxc_fd_summary,
    .zjxc_fd_stat {
        grid-template-columns: 1fr 1fr !important;
        gap: 8px;
    }

    .zjxc_fd_table,
    .zjxc_fd_tbl {
        font-size: 11px;
    }

    .zjxc_fd_table th,
    .zjxc_fd_tbl th {
        padding: 8px 10px;
        font-size: 10px;
    }

    .zjxc_fd_table td,
    .zjxc_fd_tbl td {
        padding: 8px 10px;
        font-size: 11px;
    }

    /* 系统账户卡片网格 - 移动端单列 */
    .zjxc_sys_accounts_grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    /* 系统账户卡片 - 移动端优化 */
    .zjxc_sys_account_card {
        padding: 16px !important;
    }

    .zjxc_sys_account_card > div {
        flex-wrap: wrap;
    }

    .zjxc_sys_account_card .zjxc_sys_account_btn {
        width: 100%;
        margin-top: 4px;
    }

    /* Tab 导航移动端横向滚动 */
    .zjxc_finance_tab_wrapper {
        margin: 0 -12px 16px !important;
        padding: 0 12px !important;
    }

    /* ============ 商品管理 ============ */
    .zjxc_products_wrap {
        grid-template-columns: 1fr !important;
    }

    .zjxc_category_panel {
        position: static;
        margin-bottom: 16px;
    }

    .zjxc_category_list {
        max-height: 200px;
    }

    .zjxc_products_grid {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
        gap: 10px;
        padding: 10px;
    }

    .zjxc_product_card {
        border-radius: 6px;
    }

    .zjxc_product_cover {
        height: 140px;
    }

    .zjxc_product_body {
        padding: 10px 12px;
    }

    .zjxc_product_name {
        font-size: 13px;
    }

    .zjxc_product_price_main {
        font-size: 16px;
    }

    .zjxc_product_actions {
        padding: 8px 12px;
        flex-direction: column;
    }

    .zjxc_product_actions button {
        width: 100%;
    }

    /* ============ 用户关系弹窗 ============ */
    .zjxc_rl_hero {
        grid-template-columns: 1fr !important;
        padding: 14px 16px;
    }

    .zjxc_rl_hero_stats {
        grid-column: 1 / -1;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        padding-top: 12px;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px;
    }

    .zjxc_rl_parents,
    .zjxc_rl_children {
        grid-template-columns: 1fr !important;
    }

    .zjxc_rl_up_grid {
        grid-template-columns: 1fr !important;
    }

    .zjxc_rl_team_list {
        grid-template-columns: 1fr !important;
    }

    /* ============ 管理员管理 ============ */
    .zjxc_admin_toolbar {
        flex-direction: column;
        padding: 12px;
    }

    .zjxc_admin_toolbar .zjxc_admin_search {
        width: 100%;
    }

    .zjxc_admin_stats {
        grid-template-columns: 1fr 1fr !important;
        width: 100%;
    }

    .zjxc_perm_list {
        grid-template-columns: 1fr !important;
    }

    /* ============ 轮播管理 ============ */
    .zjxc_carousel_card {
        flex-wrap: wrap;
        padding: 10px;
    }

    .zjxc_carousel_thumb {
        width: 100%;
        height: 160px;
    }

    .zjxc_carousel_actions {
        width: 100%;
        justify-content: stretch;
    }

    .zjxc_carousel_actions button {
        flex: 1;
    }

    /* ============ 仪表盘 ============ */
    .zjxc_chart_grid,
    .zjxc_dash_grid_2,
    .zjxc_dash_grid_row {
        grid-template-columns: 1fr !important;
    }

    /* ============ 模态框适配 ============ */
    .zjxc_dialog {
        width: calc(100vw - 24px) !important;
        max-width: 100%;
        margin: 12px;
        max-height: calc(100vh - 24px);
        overflow-y: auto;
    }

    .zjxc_dialog_body {
        max-height: calc(100vh - 180px);
        overflow-y: auto;
    }

    .zjxc_dialog_header {
        padding: 14px 16px;
    }

    .zjxc_dialog_footer {
        padding: 12px 16px;
        flex-wrap: wrap;
    }

    .zjxc_dialog_footer .zjxc_btn {
        flex: 1;
        min-width: 0;
    }

    /* 商品编辑弹窗 */
    .zjxc_prod_top {
        grid-template-columns: 1fr !important;
    }

    .zjxc_prod_upload,
    .zjxc_prod_upload_wrap {
        width: 100%;
    }

    .zjxc_prod_upload {
        height: 200px;
    }

    .zjxc_share_two_col {
        grid-template-columns: 1fr !important;
    }

    /* ============ Toast 适配 ============ */
    .zjxc_toast_container {
        left: 50%;
        right: auto;
        top: 70px;
        transform: translateX(-50%);
        width: calc(100% - 24px);
        max-width: 400px;
    }

    .zjxc_toast {
        max-width: 100%;
        width: 100%;
    }

    /* ============ 下拉菜单 ============ */
    .zjxc_dropdown_menu,
    .zjxc_user_dropdown {
        left: auto;
        right: 0;
        min-width: 160px;
    }
}

/* 超小屏幕额外优化: 375px 以下 */
@media (max-width: 375px) {
    .zjxc_content {
        padding: 12px 8px;
    }

    .zjxc_header {
        padding: 0 8px;
    }

    .zjxc_stat_value,
    .zjxc_fin_stat_value {
        font-size: 16px;
    }

    .zjxc_fd_summary,
    .zjxc_fd_stat {
        grid-template-columns: 1fr !important;
    }

    .zjxc_admin_stats {
        grid-template-columns: 1fr !important;
    }

    .zjxc_products_grid {
        grid-template-columns: 1fr !important;
    }
}

/* 横屏模式优化 */
@media (max-width: 768px) and (orientation: landscape) {
    .zjxc_sidebar {
        width: 240px;
    }

    .zjxc_dialog {
        max-height: calc(100vh - 40px);
    }

    .zjxc_dialog_body {
        max-height: calc(100vh - 160px);
    }
}