/* screens/announcement.css — 公告弹窗的正文排版（弹窗本体复用 components.css 的 modal 组件）。
   本地增量：只在 index.html 里多挂一个 <link>，不影响任何现有样式。 */

.modal__title-hint {
  font-size: calc(.15 * var(--t, 1rem));
  color: var(--text-lo, #8d9894);
  letter-spacing: .02em;
}

.announcement > * + * { margin-top: .12rem; }

.announcement__pinned {
  margin: 0;
  padding: .12rem .16rem;
  border-left: 2px solid var(--mint-500, #4ed8af);
  background: linear-gradient(90deg, rgba(23, 249, 183, .09), rgba(23, 249, 183, 0));
  color: var(--text-hi, #eef4f1);
  font-size: calc(.19 * var(--t, 1rem));
  line-height: 1.6;
}

.announcement__h {
  margin: .18rem 0 0;
  font-size: calc(.17 * var(--t, 1rem));
  font-weight: 700;
  letter-spacing: .06em;
  color: var(--mint-400, #7ff0cf);
}

.announcement__h::before {
  content: '// ';
  color: var(--mint-700, #2f8f74);
}

.announcement__list {
  margin: .06rem 0 0;
  padding: 0;
  list-style: none;
}

.announcement__list li {
  position: relative;
  padding-left: .16rem;
  margin-top: .06rem;
  line-height: 1.65;
}

.announcement__list li::before {
  content: '';
  position: absolute;
  left: .02rem;
  top: .58em;
  width: .05rem;
  height: .05rem;
  background: var(--mint-500, #4ed8af);
  transform: rotate(45deg);
}

.announcement__p {
  margin: .1rem 0 0;
  color: var(--text-lo, #8d9894);
  font-size: calc(.16 * var(--t, 1rem));
  line-height: 1.65;
}