docs: explain stylesheet ownership, responsive rules and display boundaries

app/assets/styles/FlowPacketPanel.-RJSx13z.css

@@ -1,3 +1,5 @@
+/* 流量包面板：剩余包列表、可购卡片与不可用状态。 */
+/* 导入方：app/components/instance/DcimManage.vue、app/components/instance/FlowPacketPanel.vue、app/components/instance/InstanceManage.vue、app/components/instance/InstanceNetwork.vue、app/components/instance/InstanceOverview.vue、app/components/instance/InstanceServiceInfo.vue、app/pages/servers/server.vue。 */
 .block[data-v-ca0029df] {
   flex-direction: column;
   gap: 14px;
@@ -29,6 +31,7 @@
   font-size: 1rem;
   display: grid;
 }
+/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
 .kv[data-v-ca0029df] > * {
   overflow-wrap: anywhere;
   min-width: 0;
@@ -62,6 +65,7 @@
   padding: 0;
   font-size: 1rem;
 }
+/* 视口条件 (width<=767px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=767px) {
   .kv[data-v-ca0029df] {
     grid-template-columns: 100px minmax(0, 1fr);