新增后台Dashboard并修正画板规范图选择

新增后台 Dashboard 默认入口、日周月筛选和运营汇总页签

补充后台 Dashboard 数据契约、接口统计和文档

修正画板角色与图标规范图选择、缓存和提示状态

修复创作页桌面导航类型收窄错误

更新 Codex 环境初始化脚本和相关回归测试记录

apps/admin-web/src/styles/admin.css

@@ -271,6 +271,216 @@ button:disabled {
   gap: 16px;
 }
 
+.admin-dashboard-heading {
+  align-items: flex-start;
+}
+
+.admin-dashboard-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: end;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+.admin-dashboard-granularity {
+  width: 188px;
+  flex: 0 0 auto;
+}
+
+.admin-dashboard-date-field {
+  width: 170px;
+}
+
+.admin-dashboard-tabs {
+  display: inline-grid;
+  width: fit-content;
+  grid-template-columns: repeat(2, minmax(96px, 1fr));
+  gap: 6px;
+  border: 1px solid #e1ccbb;
+  border-radius: 8px;
+  background: #ffffff;
+  padding: 4px;
+}
+
+.admin-dashboard-tabs button {
+  min-height: 38px;
+  border: 0;
+  border-radius: 6px;
+  color: #755a49;
+  background: transparent;
+  font-weight: 800;
+}
+
+.admin-dashboard-tabs button[data-active="true"] {
+  color: #8f3f27;
+  background: #f4e5d7;
+}
+
+.admin-dashboard-metric-grid,
+.admin-dashboard-chart-grid,
+.admin-dashboard-operation-grid {
+  display: grid;
+  gap: 14px;
+}
+
+.admin-dashboard-metric-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.admin-dashboard-operation-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
+.admin-dashboard-chart-grid,
+.admin-dashboard-operations {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.admin-dashboard-operations {
+  display: grid;
+  gap: 16px;
+  align-items: start;
+}
+
+.admin-dashboard-operations > .admin-panel:first-child {
+  grid-column: 1 / -1;
+}
+
+.admin-dashboard-metric-card {
+  gap: 8px;
+  min-height: 132px;
+}
+
+.admin-dashboard-metric-card[data-compact="true"] {
+  min-height: 112px;
+}
+
+.admin-dashboard-metric-card span {
+  color: #8f7868;
+  font-size: 13px;
+  font-weight: 750;
+  line-height: 1.35;
+}
+
+.admin-dashboard-metric-card strong {
+  color: #3d1f10;
+  font-size: 30px;
+  line-height: 1.1;
+  overflow-wrap: anywhere;
+}
+
+.admin-dashboard-metric-card small {
+  color: #a38f80;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.admin-dashboard-chart-card {
+  min-height: 286px;
+}
+
+.admin-dashboard-bars {
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: minmax(18px, 1fr);
+  align-items: end;
+  gap: 8px;
+  min-height: 196px;
+  overflow-x: auto;
+  padding: 4px 2px 0;
+}
+
+.admin-dashboard-bar-item {
+  display: grid;
+  min-width: 18px;
+  gap: 7px;
+  align-items: end;
+  justify-items: center;
+}
+
+.admin-dashboard-bar-track {
+  position: relative;
+  display: flex;
+  width: 100%;
+  min-width: 18px;
+  height: 160px;
+  align-items: flex-end;
+  overflow: hidden;
+  border-radius: 7px;
+  background: #f4e5d7;
+}
+
+.admin-dashboard-bar-track span {
+  display: block;
+  width: 100%;
+  border-radius: 7px 7px 0 0;
+  background: linear-gradient(180deg, #c87955, #8f3f27);
+}
+
+.admin-dashboard-bar-item small {
+  max-width: 48px;
+  overflow: hidden;
+  color: #8f7868;
+  font-size: 11px;
+  font-weight: 700;
+  text-align: center;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.admin-dashboard-breakdown-panel {
+  min-height: 300px;
+}
+
+.admin-dashboard-breakdown-list {
+  display: grid;
+  gap: 12px;
+}
+
+.admin-dashboard-breakdown-row {
+  display: grid;
+  gap: 7px;
+}
+
+.admin-dashboard-breakdown-row > div:first-child {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.admin-dashboard-breakdown-row strong,
+.admin-dashboard-breakdown-row span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.admin-dashboard-breakdown-row strong {
+  color: #3d1f10;
+  font-size: 13px;
+}
+
+.admin-dashboard-breakdown-row span {
+  color: #8f7868;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.admin-dashboard-breakdown-track {
+  height: 8px;
+  overflow: hidden;
+  border-radius: 999px;
+  background: #f4e5d7;
+}
+
+.admin-dashboard-breakdown-track span {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: #8f3f27;
+}
+
 .admin-two-column {
   display: grid;
   grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr);
@@ -1048,6 +1258,8 @@ button:disabled {
   }
 
   .admin-overview-grid,
+  .admin-dashboard-chart-grid,
+  .admin-dashboard-operations,
   .admin-two-column,
   .admin-two-column-wide,
   .admin-pricing-grid,
@@ -1058,6 +1270,25 @@ button:disabled {
     grid-template-columns: 1fr;
   }
 
+  .admin-dashboard-heading {
+    display: grid;
+  }
+
+  .admin-dashboard-actions {
+    justify-content: stretch;
+  }
+
+  .admin-dashboard-granularity,
+  .admin-dashboard-date-field,
+  .admin-dashboard-actions .admin-secondary-button {
+    width: 100%;
+  }
+
+  .admin-dashboard-metric-grid,
+  .admin-dashboard-operation-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
   .admin-field-compact {
     max-width: none;
   }
@@ -1116,6 +1347,23 @@ button:disabled {
     gap: 3px;
   }
 
+  .admin-dashboard-tabs {
+    width: 100%;
+  }
+
+  .admin-dashboard-metric-grid,
+  .admin-dashboard-operation-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .admin-dashboard-metric-card {
+    min-height: 112px;
+  }
+
+  .admin-dashboard-chart-card {
+    min-height: 250px;
+  }
+
   .admin-header-row {
     grid-template-columns: 1fr;
   }