style(editor): 优化渲染相关样式和模板格式

- 规范 .rules.md 中高亮与定位联动描述的缩进格式
- 简化 DocNodeRenderer 组件中动态 class 的写法
- 优化多处行内样式字符串拼接，移除多余的分号
- 合并多行模板标签为单行，提升可读性
- 统一 CSS 选择器中单引号使用，保证风格一致
- 保持 TXTGRPHC 相关元素的严格等宽与中英文比例样式

src/views/editor/components/DocNodeRenderer/index.vue

@@ -457,11 +457,7 @@
             <span
                 class="inline-flex items-baseline text-color1 cursor-pointer select-none"
                 :data-node-id="node.id"
-                :class="[
-                    editorStore.selectedNodeId === node.id
-                        ? 'ring-2 ring-primary ring-offset-1 rounded-sm bg-primary/20 px-0.5'
-                        : ''
-                ]"
+                :class="[editorStore.selectedNodeId === node.id ? 'ring-2 ring-primary ring-offset-1 rounded-sm bg-primary/20 px-0.5' : '']"
                 @click.stop="editorStore.setSelectedNodeId(node.id)"
             >
                 <template v-for="(child, idx) in node.children.filter((c) => c.tagName === 'TORVALUE')" :key="child.id">
@@ -477,11 +473,7 @@
             <span
                 class="inline-flex items-center text-color1 cursor-pointer select-none font-mono underline hover:text-primary transition-all"
                 :data-node-id="node.id"
-                :class="[
-                    editorStore.selectedNodeId === node.id
-                        ? 'ring-2 ring-primary ring-offset-1 rounded-sm bg-primary/20 px-0.5'
-                        : ''
-                ]"
+                :class="[editorStore.selectedNodeId === node.id ? 'ring-2 ring-primary ring-offset-1 rounded-sm bg-primary/20 px-0.5' : '']"
                 @click.stop="editorStore.setSelectedNodeId(node.id)"
             >
                 {{ formatTorvalue(node.attributes.MIN, node.attributes.MAX, node.attributes.UNIT) }}
@@ -710,15 +702,10 @@
         <template v-else-if="node.tagName === 'TXTGRPHC'">
             <div
                 class="my-2 font-mono text-sm leading-relaxed overflow-x-auto flex flex-col space-y-0.5"
-                style="font-family: 'NSimSun', '新宋体', 'SimSun', '宋体', monospace !important; white-space: pre !important;"
+                style="font-family: 'NSimSun', '新宋体', 'SimSun', '宋体', monospace !important; white-space: pre !important"
                 @click.stop="editorStore.setSelectedNodeId(node.id)"
             >
-                <DocNodeRenderer
-                    v-for="child in node.children"
-                    :key="child.id"
-                    :node="child"
-                    :parent="node"
-                />
+                <DocNodeRenderer v-for="child in node.children" :key="child.id" :node="child" :parent="node" />
             </div>
         </template>
 
@@ -727,7 +714,7 @@
             <div
                 contenteditable="true"
                 class="focus:outline-none focus:bg-fill-3 px-1 rounded min-h-[1.5em] transition-colors"
-                style="font-family: 'NSimSun', '新宋体', 'SimSun', '宋体', monospace !important; white-space: pre !important;"
+                style="font-family: 'NSimSun', '新宋体', 'SimSun', '宋体', monospace !important; white-space: pre !important"
                 @blur="handleTextBlur"
                 v-text="node.textContent"
             ></div>
@@ -1137,10 +1124,10 @@ const {
     color: inherit;
 }
 /* 保护 TXTGRPHC 的严格等宽与中英文 2:1 比例 */
-[data-tag-name="TXTGRPHC"],
-[data-tag-name="TXTGRPHC"] *,
-[data-tag-name="TXTLINE"],
-[data-tag-name="TXTLINE"] * {
+[data-tag-name='TXTGRPHC'],
+[data-tag-name='TXTGRPHC'] *,
+[data-tag-name='TXTLINE'],
+[data-tag-name='TXTLINE'] * {
     font-family: 'NSimSun', '新宋体', 'SimSun', '宋体', monospace !important;
     white-space: pre !important;
 }