/* ===== 全局响应式基础 ===== */
@media (max-width: 767px) {
  .layout-container { flex-direction: column !important; }
  .aside { display: none !important; }
  .desktop-header { display: none !important; }
  .header { display: none !important; }
  .main { padding: 10px !important; margin-top: 56px !important; }
  .el-main.main { padding: 10px !important; }
  /* 卡片自适应 */
  .stat-card { padding: 14px !important; gap: 12px !important; min-height: 70px !important; }
  .stat-icon { width: 44px !important; height: 44px !important; font-size: 20px !important; border-radius: 8px !important; }
  .stat-value { font-size: 20px !important; }
  .stat-label { font-size: 12px !important; }
  /* 卡片头部 */
  .card-header h3 { font-size: 14px !important; }
  .chart-container { height: 200px !important; }
  .geo-card { padding: 14px !important; margin-bottom: 12px !important; }
  /* el-row gutter 调整 */
  .el-row { margin-left: -6px !important; margin-right: -6px !important; }
  .el-row .el-col { padding-left: 6px !important; padding-right: 6px !important; }
  /* el-form inline 改为 column */
  .filter-card .el-form--inline .el-form-item { display: block !important; margin-bottom: 8px !important; }
  .filter-card .el-form--inline .el-form-item__label { width: 80px !important; }
  .filter-card .el-form--inline .el-form-item__content { margin-left: 80px !important; }
  .filter-card .el-form--inline .el-select { width: 100% !important; }
  /* table 横向滚动 */
  .el-table { font-size: 12px !important; }
  .el-table__header th { padding: 8px 4px !important; }
  .el-table__body td { padding: 8px 4px !important; }
  .el-table .cell { padding-left: 4px !important; padding-right: 4px !important; }
  /* dialog */
  .el-dialog { width: 95vw !important; max-width: 95vw !important; margin: 0 auto !important; }
  .el-dialog__body { padding: 16px !important; }
  /* 分页 */
  .el-pagination { font-size: 12px !important; justify-content: center !important; }
  /* 按钮尺寸 */
  .el-button { padding: 8px 12px !important; font-size: 12px !important; }
  /* action card */
  .action-card { padding: 16px 8px !important; }
  .action-card .el-icon { font-size: 24px !important; }
  /* stat row */
  .stat-row .el-col { margin-bottom: 12px !important; }
  .stat-mini { padding: 14px !important; }
  .stat-mini .value { font-size: 20px !important; }
  /* 搜索工具栏 */
  .page-header { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
  .page-header .header-actions { width: 100% !important; display: flex !important; gap: 8px !important; flex-wrap: wrap !important; }
  .page-header .el-button { flex: 1 !important; min-width: 80px !important; }
  /* 详情抽屉/弹窗 */
  .el-drawer { width: 100vw !important; }
  /* tag行 */
  .el-tag { font-size: 11px !important; padding: 0 6px !important; }
  /* score dimension grid */
  .result-section { grid-template-columns: 1fr !important; }
  .dimension-list { grid-template-columns: repeat(2, 1fr) !important; }
  /* settings page */
  .settings-page { max-width: 100% !important; }
  .setting-item { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
}

/* ===== 平板适配 ===== */
@media (min-width: 768px) and (max-width: 1024px) {
  .stat-card { padding: 16px !important; }
  .stat-value { font-size: 24px !important; }
  .chart-container { height: 240px !important; }
  .geo-card { padding: 16px !important; }
  /* el-form */
  .filter-card .el-form--inline .el-form-item { margin-bottom: 8px !important; }
}

/* ===== 大屏优化 ===== */
@media (min-width: 1920px) {
  .main { padding: 24px !important; }
  .geo-card { padding: 24px !important; }
  .stat-value { font-size: 32px !important; }
}

/* ===== 通用弹性布局 ===== */
.stat-cards .el-row,
.section .el-row,
.quick-actions .el-row,
.model-row .el-row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.stat-card, .geo-card, .action-card, .model-card {
  width: 100% !important;
  max-width: 100% !important;
}

/* table响应式 */
@media (max-width: 767px) {
  .el-table__body-wrapper { overflow-x: auto !important; }
  .el-table { min-width: 600px !important; }
  .has-footer .el-table__body { min-width: 600px !important; }
}