feat(admin-frontend): 完成订阅与系统管理真实工作台

补齐订单、优惠券、主题、插件、公告与支付管理页面，接入对应后台接口、路由入口与工具层类型定义。同时修复套餐页开关初始化误写问题，避免浏览即触发写操作。在订阅协议侧为 Stash 导出增加 AnyTLS 版本守卫，未知版本或低于 3.3.0 时不再导出该协议，并补充回归测试与知识记录。
2026-04-24 16:52:41 +08:00
parent 16203b14f6
commit f7cef30b9c
89 changed files with 11122 additions and 92 deletions
@@ -0,0 +1,185 @@
+.dialog-shell,
+.dialog-form {
+  display: grid;
+  gap: 20px;
+}
+
+.dialog-copy {
+  display: grid;
+  gap: 6px;
+}
+
+.dialog-copy p {
+  font-size: 12px;
+  color: var(--xboard-text-muted);
+  letter-spacing: 0.18em;
+  text-transform: uppercase;
+}
+
+.dialog-copy h2 {
+  font-size: 30px;
+  line-height: 1.08;
+  color: var(--xboard-text-strong);
+}
+
+.dialog-copy span {
+  color: var(--xboard-text-secondary);
+  line-height: 1.6;
+}
+
+.dialog-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px 16px;
+}
+
+.is-full {
+  grid-column: 1 / -1;
+}
+
+.visibility-panel,
+.editor-panel {
+  display: grid;
+  gap: 12px;
+}
+
+.visibility-panel {
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  padding: 16px 18px;
+  border-radius: 18px;
+  background: #fbfbfd;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.visibility-copy {
+  display: grid;
+  gap: 4px;
+}
+
+.visibility-copy strong {
+  color: var(--xboard-text-strong);
+}
+
+.visibility-copy span {
+  color: var(--xboard-text-muted);
+  line-height: 1.5;
+}
+
+.editor-panel {
+  padding: 18px;
+  border-radius: 22px;
+  background: #fbfbfd;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.editor-header,
+.editor-actions,
+.dialog-footer {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.editor-header,
+.dialog-footer {
+  justify-content: space-between;
+}
+
+.editor-header h3 {
+  font-size: 18px;
+  color: var(--xboard-text-strong);
+}
+
+.editor-header span {
+  color: var(--xboard-text-muted);
+  line-height: 1.5;
+}
+
+.editor-counter {
+  color: var(--xboard-text-muted);
+  font-size: 12px;
+}
+
+.editor-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.editor-toolbar button {
+  min-width: 42px;
+  height: 34px;
+  padding: 0 12px;
+  border-radius: 10px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  background: #ffffff;
+  color: var(--xboard-text-secondary);
+  cursor: pointer;
+  transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
+}
+
+.editor-toolbar button:hover {
+  color: #0071e3;
+  border-color: rgba(0, 113, 227, 0.24);
+  transform: translateY(-1px);
+}
+
+.editor-textarea,
+.editor-preview {
+  min-height: 320px;
+  border-radius: 18px;
+  border: 1px solid rgba(0, 0, 0, 0.08);
+  background: #ffffff;
+}
+
+.editor-textarea {
+  width: 100%;
+  padding: 18px;
+  resize: vertical;
+  outline: none;
+  color: var(--xboard-text-strong);
+  font: inherit;
+  line-height: 1.68;
+}
+
+.editor-preview {
+  padding: 18px;
+  overflow: auto;
+  color: var(--xboard-text-secondary);
+}
+
+.markdown-body :deep(h1),
+.markdown-body :deep(h2),
+.markdown-body :deep(h3) {
+  margin: 0 0 12px;
+  color: var(--xboard-text-strong);
+}
+
+.markdown-body :deep(p),
+.markdown-body :deep(ul),
+.markdown-body :deep(ol),
+.markdown-body :deep(blockquote) {
+  margin-bottom: 12px;
+}
+
+.markdown-body :deep(blockquote) {
+  padding-left: 14px;
+  border-left: 3px solid rgba(0, 113, 227, 0.18);
+  color: var(--xboard-text-muted);
+}
+
+@media (max-width: 767px) {
+  .dialog-grid,
+  .visibility-panel,
+  .editor-header,
+  .dialog-footer {
+    grid-template-columns: 1fr;
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .editor-actions {
+    justify-content: space-between;
+  }
+}