/* ============================================================
 * 萌战天下官网 · 开服表页样式
 * ============================================================ */

/* 首发日说明条 */
.open-note {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 22px 28px;
  margin-bottom: 32px;
}
.open-note .note-icon {
  width: 40px; height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(232,194,104,.12);
  border: 1px solid rgba(232,194,104,.4);
  color: var(--gold);
  font-size: 20px;
}
.open-note p { color: var(--text-sub); font-size: 15px; }
.open-note p b { color: var(--gold); font-weight: 600; }

@media (max-width: 960px) {
  .open-note { padding: 18px 20px; }
}