feat(order-service): 增加客户页自定义公告

apps/frontend/src/styles/admin.css

@@ -1843,6 +1843,34 @@
   margin-top: 6px;
 }
 
+.order-service-color-input {
+  height: 32px;
+  padding: 2px 3px;
+  cursor: pointer;
+}
+
+.order-service-announcement-preview {
+  display: grid;
+  gap: 4px;
+  padding: 12px 14px;
+  border: 1px solid rgba(138, 75, 0, 0.16);
+  border-left-width: 4px;
+  border-radius: 9px;
+}
+
+.order-service-announcement-preview-title {
+  color: inherit !important;
+  font-size: 13px;
+}
+
+.order-service-announcement-preview.is-disabled {
+  opacity: 0.55;
+}
+
+.order-service-announcement-preview > span:last-child {
+  font-size: 11px;
+}
+
 .order-service-field-list {
   display: grid;
   gap: 8px;

apps/frontend/src/styles/client.css

@@ -515,6 +515,25 @@
   gap: 12px;
 }
 
+.collect-link-announcement {
+  padding: 12px 14px;
+  border: 1px solid rgba(138, 75, 0, 0.16);
+  border-left-width: 4px;
+  border-radius: 9px;
+}
+
+.collect-link-announcement-title {
+  display: block;
+  margin-bottom: 4px;
+  font-size: 13px;
+}
+
+.collect-link-announcement-content {
+  line-height: 1.65;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
 /* 商品名与订单号放在同一个信息头里，避免标题和灰色信息块分离 */
 .collect-link-order-head {
   display: flex;