refactor: 统一了一些 css 样式，删除部分未使用的class

Author: FreecellRaid

src/assets/styles/style.css

@@ -75,6 +75,7 @@ body,
 .ide-container {
     display: flex;
     flex-direction: column;
+    width: 100%;
     height: 100vh;
     overflow: hidden;
 }

src/components/common/MessageItem.vue

@@ -307,7 +307,6 @@ watch(
     height: 14px;
 }
 
-.content-text,
 .content-editor {
     min-height: 1em;
     line-height: 1.5;

src/components/layout/SidebarRight.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="panel">
         <header class="panel-header">
-            <div class="title">
+            <div class="header-title">
                 <h3>INSPECTOR</h3>
             </div>
             <div class="count" v-if="selectedItems.length > 0">
@@ -10,9 +10,12 @@
         </header>
 
         <div class="inspector-content">
-            <div v-if="selectedMessageCount === 0" class="empty-state">
-                <p>未选中消息</p>
-                <p class="sub">在编辑器中点击消息以查看详情</p>
+            <div v-if="selectedMessageCount === 0" class="panel-empty-hint">
+                <div>
+                    未选中消息
+                    <br />
+                    在编辑器中点击消息以查看详情
+                </div>
             </div>
 
             <div v-for="chunk in allChunks" :key="chunk.chunkId">
@@ -238,30 +241,17 @@ function updateField(
 </script>
 
 <style scoped>
-.panel-header {
-    height: 35px;
-    padding: 0 12px;
-}
-
-.panel-header .title {
-    font-size: 16px;
-    font-weight: bold;
-    color: var(--text-muted);
-}
-
 .inspector-content {
-    margin-left: 10px;
     flex: 1;
     min-height: 0;
     overflow-y: auto;
     scrollbar-gutter: stable;
-    padding: 12px 0px;
 }
 
 /* 消息详情卡片 */
 .message-detail-card {
     border: 1px solid var(--border-color);
-    margin-bottom: 16px;
+    margin: 0px 10px 10px 10px;
     background-color: var(--bg-workspace);
     box-sizing: border-box;
 }
@@ -339,15 +329,4 @@ function updateField(
     font-size: 12px;
     cursor: pointer;
 }
-
-.empty-state {
-    text-align: center;
-    margin-top: 60px;
-    color: var(--text-muted);
-}
-
-.empty-state .sub {
-    font-size: 12px;
-    margin-top: 8px;
-}
 </style>

src/components/panels/ChunkListPanel.vue

@@ -179,7 +179,7 @@
                                     <ChevronsDown class="ui-icon" />
                                 </button>
                                 <button
-                                    class="action-button action-button-warning icon-interactive is-warning"
+                                    class="action-button action-button-warning"
                                     title="删除分块"
                                     @click.stop="handleDelete(chunk.chunkId)"
                                 >

src/components/panels/ExportFormatPanel.vue

@@ -330,26 +330,6 @@ function handleDelete(id: string) {
     align-items: center;
 }
 
-.form-group .action-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    background: transparent;
-    border: none;
-    padding: 4px;
-    cursor: pointer;
-    color: var(--icon-color);
-}
-
-.form-group .action-icon:hover {
-    color: var(--active-accent);
-}
-
-.form-group .action-icon .ui-icon {
-    width: 18px;
-    height: 18px;
-}
-
 .input-group input {
     flex: 1;
 }

src/components/panels/RuleEditorPanel.vue

@@ -432,16 +432,6 @@ const clearIds = (rule: ColorRule) => {
     white-space: nowrap;
 }
 
-.rule-name-input {
-    width: 100px;
-    padding: 4px;
-    background: var(--bg-primary);
-    border: 1px solid var(--active-accent);
-    color: var(--text-primary);
-    font-size: 13px;
-    font-weight: 600;
-}
-
 .toggle-button {
     background: transparent;
     border: none;
@@ -549,6 +539,11 @@ const clearIds = (rule: ColorRule) => {
     outline: none;
 }
 
+.form-group input:focus,
+.form-group select:focus {
+    border-color: var(--active-accent);
+}
+
 .filter-text-input {
     width: calc(100% - 4px);
     margin-right: 4px;