/* ════════════════════════════════════════════
   System Center 情報中心 (v3.41)
   ════════════════════════════════════════════ */
.system-shop { padding: 4px 0; }

.system-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 380px;
  overflow-y: auto;
}

.system-item {
  background: var(--c-surface);
  border: 1px solid var(--c-border);
  border-left: 3px solid var(--c-gold-dim);
  border-radius: var(--r-md);
  padding: 8px 11px;
}

.system-item--live {
  border-left-color: #5cd97a;
  background: linear-gradient(90deg, rgba(80,200,120,0.06), var(--c-surface));
}

.system-item-title {
  font-size: 0.8em;
  color: var(--c-text);
  line-height: 1.5;
  word-break: break-all;
  margin-bottom: 2px;
}

.system-item-time {
  font-size: 0.66em;
  color: var(--c-text-faint);
  font-family: monospace;
}

/* ════════════════════════════════════════════
   Welfare 福利補助 (v3.41)
   ════════════════════════════════════════════ */
.welfare-shop { padding: 4px 0; }

.welfare-box {
  background: linear-gradient(135deg, rgba(200,160,60,0.10), rgba(180,80,160,0.06));
  border: 1px solid rgba(200,160,60,0.4);
  border-radius: var(--r-md);
  padding: 16px 18px;
  font-size: 0.86em;
  line-height: 1.85;
  color: var(--c-text);
  text-align: center;
  white-space: pre-wrap;
  font-family: var(--font);
}