docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/dedicated-server.CiJfMYtk.css

@@ -1,3 +1,5 @@
+/* 独立服务器目录：筛选面板、硬件规格、线路选择与购买入口。 */
+/* 导入方：app/pages/products/dedicated-server/customize.vue、app/pages/products/dedicated-server/index.vue。 */
 .dedicated-catalog[data-v-e16eb167] {
   width: 100%;
   max-width: 1280px;
@@ -156,6 +158,7 @@ details[open] > summary > i[data-v-e16eb167] {
   color: var(--p-text-muted-color);
   font-size: 0.875rem;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .hardware-spec strong[data-v-e16eb167] {
   overflow-wrap: anywhere;
   font-size: 1rem;
@@ -303,6 +306,7 @@ details[open] > summary > i[data-v-e16eb167] {
   text-decoration: none;
   display: inline-flex;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .line-action > span[data-v-e16eb167] {
   overflow-wrap: anywhere;
   min-width: 0;
@@ -318,12 +322,14 @@ summary[data-v-e16eb167]:focus-visible {
   outline: 2px solid var(--p-primary-color);
   outline-offset: 3px;
 }
+/* 视口条件 (width>=1024px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width>=1024px) {
   .catalog-lines[data-v-e16eb167] {
     position: sticky;
     top: 76px;
   }
 }
+/* 视口条件 (width<=1199px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=1199px) {
   .catalog-layout[data-v-e16eb167] {
     grid-template-columns: 240px minmax(0, 1fr);
@@ -349,6 +355,7 @@ summary[data-v-e16eb167]:focus-visible {
     grid-row: 1 / span 2;
   }
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .catalog-head[data-v-e16eb167] {
     margin-bottom: 28px;