/* 首页公告:骨架、标题列表及公告详情内容。 */ /* 导入方:app/components/home/HomeNoticePanel.vue、app/pages/index.vue。 */ .home-list[data-v-a93c47c1] { padding: 0 18px; } .home-row-skeleton[data-v-a93c47c1] { box-sizing: border-box; height: calc(2.715rem + 28px); padding: 12px 4px; } .notice-row[data-v-a93c47c1] { border: none; border-bottom: 1px solid var(--p-content-border-color, #e2e8f0); cursor: pointer; text-align: left; background: 0 0; flex-direction: column; align-items: flex-start; gap: 3px; width: 100%; min-height: 64px; padding-inline: 4px; font-family: inherit; font-size: 1rem; } .notice-title[data-v-a93c47c1] { width: 100%; } .notice-row[data-v-a93c47c1]:last-child { border-bottom: none; } .notice-row:hover .notice-title[data-v-a93c47c1] { color: var(--p-primary-color); } /* 键盘操作的可见焦点:不要只保留鼠标 hover 效果而移除此反馈。 */ .notice-row[data-v-a93c47c1]:focus-visible { outline: 2px solid var(--p-primary-color); outline-offset: -2px; border-radius: var(--radius-sm); } .detail-time[data-v-a93c47c1] { color: var(--p-text-muted-color, #94a3b8); margin-bottom: 12px; font-size: 0.9375rem; } /* 允许连续长文本换行,防止IP、密钥或用户输入撑破当前容器;不会修改原始数据。 */ .detail-content[data-v-a93c47c1] { overflow-wrap: anywhere; font-size: 1rem; line-height: 1.8; } .detail-content[data-v-a93c47c1] img { max-width: 100%; height: auto; } .detail-content[data-v-a93c47c1] pre, .detail-content[data-v-a93c47c1] table { max-width: 100%; display: block; overflow-x: auto; }