feat(M08-D): 补加盟申请与跟进运营

admin/src/styles.css

@@ -233,6 +233,111 @@
   }
 }
 
+.franchise-page,
+.franchise-detail {
+  display: grid;
+  gap: 16px;
+}
+
+.franchise-metrics {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.franchise-metrics > span {
+  display: grid;
+  gap: 6px;
+  padding: 16px 18px;
+  border: 1px solid #dbe3ec;
+  border-radius: 14px;
+  background: #fff;
+  box-shadow: 0 8px 24px rgba(31, 49, 72, .06);
+}
+
+.franchise-metrics small {
+  color: #66758a;
+}
+
+.franchise-metrics strong {
+  font-size: 26px;
+}
+
+.franchise-filters {
+  display: grid;
+  grid-template-columns: minmax(220px, 1fr) 150px 180px auto;
+  gap: 10px;
+  padding: 0 18px 16px;
+}
+
+.franchise-assignment {
+  display: grid;
+  grid-template-columns: 90px minmax(0, 1fr);
+  align-items: center;
+  gap: 12px;
+  padding: 14px;
+  border: 1px solid #dbe3ec;
+  border-radius: 10px;
+}
+
+.follow-up-form {
+  padding: 16px;
+  border-radius: 12px;
+  background: #f5f7fa;
+}
+
+.follow-up-form h4,
+.franchise-detail h4,
+.follow-up-card p {
+  margin-top: 0;
+}
+
+.follow-up-form .el-form {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.follow-up-form .el-form-item:last-child {
+  grid-column: 1 / -1;
+}
+
+.follow-up-card {
+  padding: 12px;
+  border: 1px solid #dbe3ec;
+  border-radius: 9px;
+  background: #fff;
+}
+
+.follow-up-card p {
+  margin: 8px 0;
+  white-space: pre-wrap;
+}
+
+.follow-up-card small,
+.overdue {
+  color: #c73535;
+}
+
+@media (max-width: 980px) {
+  .franchise-metrics,
+  .franchise-filters {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+
+@media (max-width: 560px) {
+  .franchise-metrics,
+  .franchise-filters,
+  .follow-up-form .el-form {
+    grid-template-columns: 1fr;
+  }
+
+  .follow-up-form .el-form-item:last-child {
+    grid-column: auto;
+  }
+}
+
 * {
   box-sizing: border-box;
 }