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

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

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 {