fix(admin): align special training header actions at top right

projects/xiaoshu-admin/src/app/pages/operations-special-training.component.scss

@@ -1,4 +1,15 @@
 :host { display: block; }
+.page-header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 16px 24px; margin-bottom: 18px; }
+.page-header > div:first-child { min-width: 0; }
+.page-header p { margin: 0 0 8px; color: var(--ink-soft); font-size: 11px; letter-spacing: .14em; }
+.page-header h1 { margin: 0 0 8px; font-size: 28px; line-height: 1.25; }
+.page-header > div > span { display: block; color: var(--ink-soft); font-size: 13px; line-height: 1.6; }
+.page-header .header-actions { display: flex; flex-wrap: nowrap; justify-content: flex-end; gap: 8px; padding-top: 22px; }
+.header-actions .ui-button { min-height: 40px; padding: 9px 14px; white-space: nowrap; }
+@media (max-width: 600px) {
+  .page-header { grid-template-columns: 1fr; gap: 12px; }
+  .page-header .header-actions { padding-top: 0; }
+}
 .summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .sync-status { display: flex; align-items: center; gap: 9px; margin: -8px 0 16px; padding: 11px 14px; border: 1px solid #cce6dc; border-radius: 12px; color: #176c55; background: #eff9f5; font-size: 13px; }
 .sync-status span { width: 8px; height: 8px; border-radius: 50%; background: #2d9b75; box-shadow: 0 0 0 4px rgba(45, 155, 117, .12); }