fix(css): 修复黑夜模式下插件面板和评论计数的样式问题

- 修复黑夜模式下插件面板背景色和文字颜色显示异常
- 调整插件面板边框、圆角和阴影效果
- 优化评论计数文字颜色、粗细和阴影效果
- 修复下拉菜单背景、边框和悬停状态样式
- 调整下拉菜单项的激活状态背景色
- 修复箭头图标在黑夜模式下的亮度问题

css/artalk.css

@@ -653,6 +653,25 @@
     border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
 }
 
+/* 修复黑夜模式下插件面板的背景色问题 */
+[data-theme="night"] .atk-editor-plug-wrap,
+[data-theme="night"] .atk-plug-panel-wrap,
+[data-theme="night"] .atk-editor-plug-emoticons,
+[data-theme="night"] .atk-editor-plug-preview {
+    background: rgba(30, 30, 35, 0.95) !important;
+    color: #ffffff !important;
+}
+
+[data-theme="night"] .atk-plug-panel-wrap {
+    border: 1px solid rgba(255, 255, 255, 0.15) !important;
+    border-radius: 12px !important;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
+}
+
+[data-theme="night"] .atk-editor-plug-emoticons {
+    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
+}
+
 /* 优化评论底部工具栏在黑夜模式下的样式 */
 [data-theme="night"] .atk-editor-bottom {
     background: rgba(40, 40, 45, 0.7) !important;
@@ -719,3 +738,35 @@
 [data-theme="night"] .atk-actions .atk-action:hover {
     color: #00cec9 !important;
 }
+
+/* 修复黑夜模式下评论计数和下拉菜单的可见性 */
+[data-theme="night"] .atk-comment-count {
+    color: #ffffff !important;
+    font-weight: 600 !important;
+    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
+}
+
+[data-theme="night"] .atk-dropdown-wrap {
+    background: rgba(30, 30, 35, 0.95) !important;
+    border: 1px solid rgba(255, 255, 255, 0.15) !important;
+    border-radius: 20px !important;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
+}
+
+[data-theme="night"] .atk-dropdown-item {
+    color: #ffffff !important;
+}
+
+[data-theme="night"] .atk-dropdown-item:hover {
+    background: rgba(0, 206, 201, 0.2) !important;
+    color: #00cec9 !important;
+}
+
+[data-theme="night"] .atk-dropdown-item.active {
+    background: rgba(0, 206, 201, 0.3) !important;
+    color: #00cec9 !important;
+}
+
+[data-theme="night"] .atk-arrow-down-icon {
+    filter: brightness(2) !important;
+}