2026Technology-Competition/data/demo-stylelint/reports/common-review.md

代码审查报告

文件: data\demo-stylelint\src\common.css 语言: css 耗时: 218.1s 分析工具: stylelint

---

总计: 150 | 错误: 145 | 警告: 4 | 建议: 1

静态分析 · 144 个问题

• 🔴 stylelint:import-notation L6 应使用字符串形式导入，而不是 url()。 建议: 将 @import url("/x.css") 改为 @import "/x.css";。
• 🔴 stylelint:color-named L9 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:no-invalid-position-at-import-rule L13 @import 规则位置非法（位于其他规则之后）。 建议: 将所有 @import 规则移到其他样式规则之前。如果使用构建工具，应改用 link 标签或合并导入文件。
• 🔴 stylelint:at-rule-descriptor-no-unknown L18 @font-face 中使用了未知描述符“unknown-descriptor”。 建议: 删除 unknown-descriptor，或将其替换为合法的 @font-face 描述符，例如 font-family、src、font-weight。
• 🔴 stylelint:at-rule-descriptor-value-no-unknown L23 字体描述符 font-display 的取值“invalid-display-value”非法。 建议: 使用合法的 font-display 值，如 auto、block、swap、fallback、optional。建议改为 font-display: swap;。
• 🔴 stylelint:at-rule-no-deprecated L27 已废弃的 @ 规则“@viewport”。 建议: 不要再使用 @viewport，改用 viewport meta 标签或现代 CSS 视口单位方案；直接删除该规则。
• 🔴 stylelint:at-rule-no-unknown L32 未知的 @ 规则“@unknown-rule”。 建议: 删除该未知规则，或改为有意义的规则，例如 @media 或 @supports。
• 🔴 stylelint:block-no-empty L32 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:at-rule-prelude-no-invalid L36 @layer 规则的 prelude“foo.bar.”无效。 建议: 层名称不能以点结尾，应改为合法的层名称，如 foo.bar。
• 🔴 stylelint:block-no-empty L36 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:at-rule-no-vendor-prefix L40 使用了带厂商前缀的 @ 规则“@-webkit-keyframes”。 建议: 去掉厂商前缀，并使用标准 @keyframes；若需兼容旧浏览器，可在标准规则旁保留前缀版本。
• 🔴 stylelint:block-no-empty L40 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:block-no-empty L45 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:media-feature-name-no-unknown L45 未知媒体特性“unknown-feature”。 建议: 使用有效的媒体特性，如 min-width、max-width、orientation。
• 🔴 stylelint:block-no-empty L49 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:media-feature-name-value-no-unknown L49 媒体特性 width 的值“10”未知。 建议: 媒体查询中的长度值需要单位，改为 10px。
• 🔴 stylelint:block-no-empty L53 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:media-query-no-invalid L53 无效的媒体查询“(min-width: )”。 建议: 补全媒体特性的值，如 min-width: 100px。
• 🔴 stylelint:block-no-empty L57 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:media-type-no-deprecated L57 已废弃的媒体类型“tv”。 建议: 改为 screen 或移除该媒体查询。
• 🔴 stylelint:block-no-empty L61 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:media-feature-name-no-vendor-prefix L61 带厂商前缀的媒体特性名。 建议: 使用标准 min-resolution 替代 -webkit-min-device-pixel-ratio。
• 🔴 stylelint:block-no-empty L65 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:no-unknown-custom-media L65 使用了未定义的自定义媒体查询“--my-custom-media”。 建议: 先用 @custom-media 定义，或改用标准媒体查询替代。
• 🔴 stylelint:no-duplicate-selectors L70 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:annotation-no-unknown L71 未知注解“!foo”。 建议: 删除 !foo，只保留 color: red。
• 🔴 stylelint:color-named L71 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:declaration-property-value-no-unknown L71 无法解析属性 color 的值“red !foo”。 建议: 删除 !foo，color 的值应为合法颜色。
• 🔴 stylelint:no-duplicate-selectors L75 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:color-no-invalid-hex L77 非法十六进制颜色“#12345”。 建议: 十六进制颜色必须是 3、4、6 或 8 位，改为 #123456 或 #123。
• 🔴 stylelint:declaration-block-no-duplicate-properties L77 重复的属性“color”。 建议: 同一规则块中只能有一个 color 声明，删除多余声明。
• 🔴 stylelint:declaration-property-value-no-unknown L77 属性 color 的值“#12345”未知。 建议: 使用合法的十六进制颜色，如 #123456。
• 🔴 stylelint:color-hex-length L80 十六进制颜色过长，应缩短。 建议: 将 #ffffff 缩写为 #fff。
• 🔴 stylelint:color-function-notation L83 应使用现代颜色函数记号。 建议: 使用空格分隔的现代语法，例如 rgb(255 0 0)。
• 🔴 stylelint:alpha-value-notation L86 预计将“50%”改为“0.5”。 建议: alpha 通道值应使用 0~1 的数字，将 rgba(0, 0, 0, 50%) 改为 rgba(0, 0, 0, 0.5)。
• 🔴 stylelint:color-function-notation L86 应使用现代颜色函数记号。 建议: 使用空格分隔的现代语法，例如 rgba(0 0 0 / 0.5)。
• 🔴 stylelint:color-function-notation L89 应使用现代颜色函数记号。 建议: 使用空格分隔的现代语法，例如 hsl(120deg 50% 50%)。
• 🔴 stylelint:hue-degree-notation L89 色相值“120”应使用角度表示“120deg”。 建议: 在 hsl/hwb 等颜色函数的色相值后添加 deg。
• 🔴 stylelint:no-duplicate-selectors L93 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:color-named L95 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:comment-no-empty L100 空注释。 建议: 删除空注释，或在注释内添加说明文字。
• 🔴 stylelint:comment-whitespace-inside L100 注释内“/”后应有空格。 建议: 在注释内部加上空格，例如 / comment */。
• 🔴 stylelint:comment-whitespace-inside L100 注释内“/”前应有空格。 建议: 在注释内部加上空格，例如 / comment */。
• 🔴 stylelint:comment-whitespace-inside L103 注释内“/”后应有空格。 建议: 在注释内容两侧加空格，例如 / comment */。
• 🔴 stylelint:comment-whitespace-inside L103 注释内“/”前应有空格。 建议: 在注释内容两侧加空格，例如 / comment */。
• 🔴 stylelint:no-invalid-double-slash-comments L106 非法的双斜杠 CSS 注释。 建议: CSS 不支持 // 注释，改为 /* */ 注释或删除该行。
• 🔴 stylelint:color-named L109 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:color-named L114 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:no-duplicate-selectors L117 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:custom-property-no-missing-var-function L119 自定义属性“--my-color”缺少 var() 函数。 建议: 使用 var() 包裹自定义属性，如 color: var(--my-color);。
• 🔴 stylelint:declaration-property-value-no-unknown L119 属性 color 的值“--my-color”未知。 建议: 应该使用 var(--my-color) 取自定义属性值。
• 🔴 stylelint:declaration-block-no-duplicate-custom-properties L123 重复的自定义属性“--dup”。 建议: 删除重复的自定义属性声明，只保留一个 --dup。
• 🔴 stylelint:no-unknown-custom-properties L126 使用了未定义的自定义属性“--unknown-prop”。 建议: 先在根或作用域内定义 --unknown-prop，或使用其他已定义的自定义属性。
• 🔴 stylelint:import-notation L131 应使用字符串形式导入，而不是 url()。 建议: 将 @import url("/a.css") 改为 @import "/a.css";。
• 🔴 stylelint:no-invalid-position-at-import-rule L131 @import 规则位置非法（位于其他规则之后）。 建议: 将所有 @import 规则移到其他样式规则之前。如果使用构建工具，应改用 link 标签或合并导入文件。
• 🔴 stylelint:import-notation L132 应使用字符串形式导入，而不是 url()。 建议: 将 @import url("/a.css") 改为 @import "/a.css";。
• 🔴 stylelint:no-duplicate-at-import-rules L132 重复的 @import 规则“/a.css”。 建议: 删除重复的 @import。
• 🔴 stylelint:no-invalid-position-at-import-rule L132 @import 规则位置非法（位于其他规则之后）。 建议: 将所有 @import 规则移到其他样式规则之前。如果使用构建工具，应改用 link 标签或合并导入文件。
• 🔴 stylelint:color-named L136 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:no-descending-specificity L138 低特异性选择器“.bar .foo”应放在高特异性选择器“#high .foo”之前。 建议: 将 .bar .foo 规则移到 #high .foo 规则之前，避免特异性顺序混乱。
• 🔴 stylelint:color-named L139 不允许使用命名颜色“blue”。 建议: 改用十六进制或颜色函数，如 #00f。
• 🔴 stylelint:color-named L144 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:no-duplicate-selectors L146 重复的选择器“.dup”，首次使用在第 143 行。 建议: 合并两个 .dup 规则块。
• 🔴 stylelint:color-named L147 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:color-named L152 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:declaration-block-no-duplicate-properties L152 重复的属性“color”。 建议: 删除其中的一个 color 声明，避免覆盖。
• 🔴 stylelint:color-named L153 不允许使用命名颜色“blue”。 建议: 改用十六进制或颜色函数，如 #00f。
• 🔴 stylelint:color-named L158 不允许使用命名颜色“blue”。 建议: 改用十六进制或颜色函数，如 #00f。
• 🔴 stylelint:color-named L159 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:declaration-block-no-shorthand-property-overrides L159 简写属性“background”覆盖了“background-color”。 建议: 避免被覆盖，删除 background-color 或调整顺序。
• 🔴 stylelint:no-duplicate-selectors L163 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:font-family-no-duplicate-names L165 字体族名“Arial”重复。 建议: 删除重复的 Arial，或换成其他字体族名。
• 🔴 stylelint:font-family-no-missing-generic-family-keyword L165 缺少通用字体族关键字。 建议: 在字体族列表末尾添加通用族，如 sans-serif、serif、monospace。
• 🔴 stylelint:font-family-no-missing-generic-family-keyword L168 缺少通用字体族关键字。 建议: 添加通用族，如 font-family: Arial, sans-serif;。
• 🔴 stylelint:declaration-property-value-no-unknown L173 属性 font-family 的值“2Fancy”未知。 建议: 给字体名加引号，例如 font-family: "2Fancy";。
• 🔴 stylelint:font-family-name-quotes L173 字体名“2Fancy”应加引号。 建议: 以数字开头的字体名必须用引号包裹："2Fancy"。
• 🔴 stylelint:font-family-no-missing-generic-family-keyword L173 缺少通用字体族关键字。 建议: 添加通用族，如 font-family: "2Fancy", sans-serif;。
• 🔴 stylelint:unit-no-unknown L173 未知单位“Fancy”。 建议: 这实际上是字体名 2Fancy 被误解析为数字+单位；应该用引号包裹："2Fancy"。
• 🔴 stylelint:no-duplicate-selectors L177 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:declaration-property-value-no-unknown L179 属性 color 的值“unknown-func()”未知。 建议: 使用合法的颜色函数，如 rgb()、hsl()，或定义自定义函数不是 CSS 标准。
• 🔴 stylelint:function-no-unknown L179 未知函数“unknown-func”。 建议: 使用 CSS 标准函数替换，或移除该声明。
• 🔴 stylelint:function-calc-no-unspaced-operator L182 calc 表达式中的“+”运算符前应有空格。 建议: 在 + 两侧添加空格：calc(1px + 2px)。
• 🔴 stylelint:function-calc-no-unspaced-operator L182 calc 表达式中的“+”运算符后应有空格。 建议: 在 + 两侧添加空格：calc(1px + 2px)。
• 🔴 stylelint:color-named L185 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:color-named L185 不允许使用命名颜色“blue”。 建议: 改用十六进制或颜色函数，如 #00f。
• 🔴 stylelint:declaration-property-value-no-unknown L185 属性 background 的值“linear-gradient(top, red, blue)”未知。 建议: 方向应使用 to bottom 语法，并避免命名颜色：linear-gradient(to bottom, #f00, #00f)。
• 🔴 stylelint:function-linear-gradient-no-nonstandard-direction L185 线性渐变使用了非标准方向。 建议: 使用 to bottom 替代 top，表示从顶部到底部。
• 🔴 stylelint:no-unknown-animations L188 未知动画“my-anim”。 建议: 为 my-anim 添加 @keyframes 定义，或修改 animation 名称。
• 🔴 stylelint:no-duplicate-selectors L193 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:named-grid-areas-no-invalid L196 命名网格区域每个字符串的单元格数量不一致。 建议: 调整网格区域字符串，使每行单元格数量相同。
• 🔴 stylelint:keyframe-selector-notation L202 应使用百分比选择器“0%”替代“from”。 建议: 将 from 改为 0%。
• 🔴 stylelint:keyframe-block-no-duplicate-selectors L205 关键帧块内重复的选择器“from”。 建议: 合并两个 from 块，保留一个。
• 🔴 stylelint:keyframe-selector-notation L205 应使用百分比选择器“0%”替代“from”。 建议: 将 from 改为 0%。
• 🔴 stylelint:keyframe-selector-notation L212 应使用百分比选择器“0%”替代“from”。 建议: 将 from 改为 0%。
• 🔴 stylelint:keyframe-declaration-no-important L213 关键帧声明中不允许使用 !important。 建议: 删除 !important。
• 🔴 stylelint:keyframe-selector-notation L219 应使用百分比选择器“0%”替代“from”。 建议: 将 from 改为 0%。
• 🔴 stylelint:no-duplicate-selectors L225 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:length-zero-no-unit L227 长度为 0 时不应带单位。 建议: 将 0px 改为 0。
• 🔴 stylelint:number-max-precision L230 数值精度超过 4 位，期望“1.1235”。 建议: 将 1.123456 四舍五入为 1.1235。
• 🔴 stylelint:no-duplicate-selectors L233 重复的选择器“b”，首次使用在第 171 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:declaration-property-value-no-unknown L235 属性 width 的值“10unknown”未知。 建议: 10unknown 不是合法长度，请改为 10px、10rem 等有效值。
• 🔴 stylelint:unit-no-unknown L235 未知单位“unknown”。 建议: 10unknown 不是合法长度，改为 10px 或 10rem 等。
• 🔴 stylelint:no-duplicate-selectors L239 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:color-named L240 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:block-no-redundant-nested-style-rules L242 冗余嵌套样式规则。 建议: 删除无意义的嵌套 & 块，因为外层 a 已经设置了相同样式。
• 🔴 stylelint:no-duplicate-selectors L242 重复的选择器“&”，首次使用在第 8 行。 建议: 嵌套选择器 & 不能视为独立选择器，应删除冗余嵌套块。
• 🔴 stylelint:color-named L243 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:nesting-selector-no-missing-scoping-root L249 缺少嵌套作用域根，顶层出现了嵌套选择器“&”。 建议: 将 &:hover 放入某个选择器内部，或改为普通选择器 a:hover。
• 🔴 stylelint:color-named L250 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:color-named L255 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:no-invalid-position-declaration L255 声明位置非法（位于 @media 块内但没有选择器）。 建议: 将 color: red; 放入一个选择器内部，或删除该声明。
• 🔴 stylelint:no-duplicate-selectors L259 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:color-named L261 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:property-no-unknown L261 未知属性“colour”。 建议: CSS 中没有 colour，应改为 color。
• 🔴 stylelint:property-no-deprecated L264 已废弃的属性“word-wrap”。 建议: 改用标准属性 overflow-wrap。
• 🔴 stylelint:property-no-vendor-prefix L267 带厂商前缀的属性“-webkit-transform”。 建议: 使用标准 transform 属性，无需前缀。
• 🔴 stylelint:declaration-property-value-no-unknown L270 属性 width 的值“unknownvalue”未知。 建议: width 不接受未定义关键字，请改用 auto、百分比、长度等。
• 🔴 stylelint:no-duplicate-selectors L273 重复的选择器“b”，首次使用在第 171 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:declaration-property-value-keyword-no-deprecated L275 废弃的颜色关键字“activeborder”应替换为“ButtonBorder”。 建议: 使用系统颜色关键字 ButtonBorder，替换 activeborder。
• 🔴 stylelint:no-duplicate-selectors L279 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:declaration-block-no-redundant-longhand-properties L282 冗余的长手写属性“margin-top”位于简写属性“margin”之后。 建议: 删除冗余的 margin-top，因为 margin: 1px; 已设置所有边距。
• 🔴 stylelint:no-duplicate-selectors L285 重复的选择器“b”，首次使用在第 171 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:shorthand-property-no-redundant-values L287 简写值冗余，期望“1px”。 建议: margin: 1px 1px 1px 1px 可以简写为 margin: 1px;。
• 🔴 stylelint:block-no-empty L292 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:selector-pseudo-class-no-unknown L292 未知伪类选择器“:unknown-pseudo”。 建议: 使用合法的伪类，如 :hover、:focus、:first-child，或删除该规则。
• 🔴 stylelint:block-no-empty L296 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:selector-pseudo-element-no-unknown L296 未知伪元素“::unknown-element”。 建议: 使用合法的伪元素，如 ::before、::after、::placeholder，或删除该规则。
• 🔴 stylelint:block-no-empty L300 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:selector-pseudo-element-colon-notation L300 伪元素应使用双冒号写法。 建议: 将 :before 改为 ::before。
• 🔴 stylelint:block-no-empty L304 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:selector-type-no-unknown L304 未知元素类型“unknowntag”。 建议: 使用合法的 HTML 标签，或为自定义元素添加连字符（如 unknown-tag）并确保已在 HTML 中注册。
• 🔴 stylelint:block-no-empty L308 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:selector-no-vendor-prefix L308 带厂商前缀的选择器“::-webkit-input-placeholder”。 建议: 使用标准伪元素 ::placeholder，并最好为旧浏览器保留前缀版本（如同时提供 ::-webkit-input-placeholder 和 ::placeholder）。
• 🔴 stylelint:block-no-empty L312 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:selector-anb-no-unmatchable L312 无法匹配任何元素的 An+B 选择器“:nth-child(0n)”。 建议: 删除该规则，或改用能匹配元素的表达式，如 nth-child(n)。
• 🔴 stylelint:block-no-empty L316 空规则块。 建议: 删除空块，或在其中添加实际样式声明。
• 🔴 stylelint:string-no-newline L321 字符串包含换行。 建议: 属性选择器中的字符串不能跨行，应使用转义（如 \a）或调整属性值。
• 🔴 stylelint:color-named L323 不允许使用命名颜色“red”。 建议: 改用十六进制或颜色函数，如 #f00。
• 🔴 stylelint:syntax-string-no-invalid L328 非法的语法字符串“”。 建议: @property 的 syntax 必须使用合法的 CSS 语法关键字，如 、、。
• 🔴 stylelint:no-duplicate-selectors L333 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:value-no-vendor-prefix L335 带厂商前缀的值“-webkit-flex”。 建议: 使用标准值 flex。
• 🔴 stylelint:no-duplicate-selectors L340 重复的选择器“a”，首次使用在第 8 行。 建议: 合并相同选择器的规则，避免重复。
• 🔴 stylelint:declaration-property-value-no-unknown L341 属性 margin 的值“0 ”未知（包含不间断空格）。 建议: 删除 margin 值中的不可见空格，改为 margin: 0;。
• 🔴 stylelint:no-irregular-whitespace L341 发现不规则空白字符（通常为不换行空格）。 建议: 删除 0 后面的不换行空格，保留普通空格。

AI 审查 · 6 条建议

• 🔴 [AI] [bug] font-face-required-descriptors L17 @font-face 缺少必需的 font-family 和 src 描述符 文件中的两个 @font-face 规则都没有定义 font-family 和 src。根据 CSS Fonts 规范，@font-face 必须包含这两个描述符，否则整个规则无效，浏览器不会加载任何自定义字体。当前示例中还包含未知描述符/非法值，更加重了问题。 建议: 为每个 @font-face 补齐 font-family（自定义字体名称）和 src（字体资源路径与格式），例如：@font-face { font-family: "MyFont"; src: url("/fonts/myfont.woff2") format("woff2"); font-display: swap; }
• 🟡 [AI] [performance] uncompressed-merged-output L2 声称是合并压缩文件，但实际未压缩，存在大量冗余 文件注释说明“由 22 个 CSS 文件合并压缩而来”，但内容保留了所有源文件注释、空行、重复选择器和重复声明。这种“压缩”并未减小体积，仍会产生大量冗余下载流量，且重复规则会增加层叠冲突和样式表解析时间。 建议: 使用 CSS 压缩工具（如 cssnano、clean-css、csso）对合并产物进行压缩，并在构建流程中剥离开发注释、合并重复选择器。
• 🟡 [AI] [performance] import-performance L6 @import 引入额外样式会阻塞渲染，应避免 文件中存在多个 @import 规则（包括第 6、13、131、132 行），即使将位置移到顶部，@import 也会使浏览器必须串行下载依赖样式，延迟页面渲染。更严重的是一部分 @import 位于非法位置，会被浏览器忽略，导致依赖样式缺失。 建议: 改用 在 HTML 中引用样式，或在构建阶段将 @import 的文件直接合并进当前文件。
• 🟡 [AI] [bug] dead-color-declarations L89 同一规则块内多条 color 声明相互覆盖，形成死代码 从第 75 行开始的 a 规则块中依次声明了 #12345、#ffffff、rgb(255, 0, 0)、rgba(0, 0, 0, 50%) 和 hsl(120, 50%, 50%)，但同一属性在同一个块中只有最后一个会生效，前面的颜色值全部被覆盖，属于无效代码。这也导致该块变得难以理解。 建议: 删除被覆盖的 color 声明，只保留最终需要生效的 hsl(120deg 50% 50%)（并根据 color-function-notation 的规则写为现代空格式）。
• 🟡 [AI] [design] missing-standard-prefix-fallback L267 仅使用带厂商前缀的语法，缺少标准无前缀写法 代码中只出现了 -webkit-transform、-webkit-keyframes、-webkit-min-device-pixel-ratio、-webkit-flex、::-webkit-input-placeholder 等带前缀的写法，但没有对应的标准写法。现代浏览器可能不再支持旧前缀语法，导致这些样式在主流环境中失效；同时也忽略了其他需要前缀的浏览器。 建议: 同时提供标准属性和前缀属性（通常标准写法靠后），例如 transform 和 -webkit-transform 都写，或者直接使用标准属性并配合 Autoprefixer 等工具自动添加前缀。
• 🔵 [AI] [design] missing-charset-declaration L1 文件包含非 ASCII 字符但未声明 @charset 该 CSS 文件中包含大量中文注释，但在文件开头没有 @charset "UTF-8"; 声明。如果通过 file:// 协议打开或 HTTP 头未指定编码，中文注释可能被错误解码，导致注释边界解析错误。 建议: 在文件第一行添加 @charset "UTF-8";，并确保文件保存为 UTF-8 编码。