feat(widget, admin): 改进评论头部和作者布局的响应式设计

- 在评论头部和作者容器中添加 flex-wrap 属性，确保在小屏幕下正确换行
- 为回复作者文本添加次要颜色，提升视觉层次
- 为主题变量添加主色定义，增强样式一致性

cwd-admin/src/assets/theme.css

@@ -9,6 +9,8 @@
   --bg-active: #d0ebff;
   --bg-select: #24292f; /* Header select bg */
   
+  --primary-color: #0969da;
+
   --text-primary: #24292f;
   --text-secondary: #57606a;
   --text-inverse: #ffffff;
@@ -41,6 +43,8 @@
   --bg-active: #1f6feb33; /* Semi-transparent blue */
   --bg-select: #161b22;
 
+  --primary-color: #58a6ff;
+
   --text-primary: #c9d1d9;
   --text-secondary: #8b949e;
   --text-inverse: #f0f6fc;

docs/widget/src/styles/main.css

@@ -332,6 +332,7 @@
 
 .cwd-comment-header {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
@@ -356,6 +357,7 @@
 
 .cwd-comment-author {
   display: inline-flex;
+  flex-wrap: wrap;
   align-items: center;
 }
 
@@ -384,6 +386,7 @@
 
 .cwd-reply-to-author {
   font-style: italic;
+  color: var(--cwd-text-secondary, #6e7781);
 }
 
 .cwd-comment-time {