初始版本

app/assets/css/admin-common.css

@@ -0,0 +1,100 @@
+/**
+ * Admin 平台管理公共样式
+ * 所有 /admin/* 页面共用
+ */
+
+/* -------- 页面头部 -------- */
+.page-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20px;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.page-title {
+  font-size: 18px;
+  font-weight: 700;
+  color: #1f2937;
+  margin: 0;
+}
+.page-desc {
+  font-size: 13px;
+  color: #9ca3af;
+  margin: 2px 0 0;
+}
+
+/* -------- 统计卡片 -------- */
+.stat-card {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 16px;
+  border-radius: 12px;
+  border: 2px solid transparent;
+  transition: all 0.2s;
+}
+.stat-card[class*="cursor"], .stat-card.clickable { cursor: pointer; }
+.stat-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }
+.stat-card.active { box-shadow: 0 4px 12px rgba(0,0,0,0.12); }
+
+.stat-card.blue   { background: #eff6ff; border-color: #dbeafe; }
+.stat-card.green  { background: #f0fdf4; border-color: #bbf7d0; }
+.stat-card.orange { background: #fff7ed; border-color: #fed7aa; }
+.stat-card.red    { background: #fff1f2; border-color: #fecdd3; }
+.stat-card.purple { background: #faf5ff; border-color: #e9d5ff; }
+.stat-card.gold   { background: #fffbeb; border-color: #fde68a; }
+.stat-card.gray   { background: #f9fafb; border-color: #e5e7eb; }
+
+.stat-card.active.blue   { border-color: #3b82f6; }
+.stat-card.active.green  { border-color: #22c55e; }
+.stat-card.active.orange { border-color: #f97316; }
+.stat-card.active.red    { border-color: #ef4444; }
+.stat-card.active.purple { border-color: #a855f7; }
+
+.stat-icon  { font-size: 28px; flex-shrink: 0; }
+.stat-value { font-size: 22px; font-weight: 700; color: rgba(0,0,0,0.85); line-height: 1.2; }
+.stat-label { font-size: 12px; color: rgba(0,0,0,0.45); margin-top: 2px; }
+
+/* -------- Panel 面板 -------- */
+.panel {
+  background: #fff;
+  border: 1px solid #f0f0f0;
+  border-radius: 12px;
+  overflow: hidden;
+}
+.panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 18px;
+  border-bottom: 1px solid #f5f5f5;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+.panel-title {
+  font-size: 14px;
+  font-weight: 600;
+  color: rgba(0,0,0,0.85);
+}
+
+/* -------- 通用间距 -------- */
+.mb-4 { margin-bottom: 16px; }
+.mb-6 { margin-bottom: 24px; }
+
+/* -------- 通用文字 -------- */
+.text-sm    { font-size: 12px; }
+.text-gray  { color: rgba(0,0,0,0.45); }
+.text-gray-400 { color: #9ca3af; }
+
+/* -------- 危险操作按钮 -------- */
+.danger-item { color: #ff4d4f !important; }
+
+/* -------- 域名链接 -------- */
+.domain-link { font-size: 13px; color: #4f46e5; text-decoration: none; }
+.domain-link:hover { text-decoration: underline; }
+
+/* -------- Ant Design 覆盖 -------- */
+.ant-btn.ant-btn-sm.ant-btn-icon-only {
+  width: 32px;
+}

app/assets/css/tailwind.css

@@ -0,0 +1,12 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* 阿里妈妈数黑体 */
+@font-face {
+  font-family: 'Alimama ShuHeiTi';
+  src: url('/fonts/AlimamaShuHeiTi-Bold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}