/* ============================================================
   FutureBuddy「应用正在建设中」提示页 · 样式（单一来源）
   ------------------------------------------------------------
   引用方有两处，共用本文件以避免设计漂移：
     1) index.html —— 独立提示页（由 server.js 直接返回）
     2) app/views/coming-soon.js —— 挂到平台侧缓存旧壳页上的提示

   注意：旧壳页会额外加载 styles.css，其中 `html, body` 与 `.card`
   等规则会冲突，故这里：
     - 全部选择器以 .fb-notice / body.fb-notice-mode 为前缀
     - 不使用 :root 变量，颜色全部写死，保证脱离 styles.css 也成立
   ============================================================ */

body.fb-notice-mode {
  margin: 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: radial-gradient(1200px 600px at 50% -10%, #182233 0%, #0f1419 60%) #0f1419;
  color: #e6edf3;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
}
body.fb-notice-mode * { box-sizing: border-box; }

.fb-notice {
  max-width: 560px;
  width: 100%;
  text-align: center;
  background: #1b232e;
  border: 1px solid #2a3543;
  border-radius: 16px;
  padding: 44px 32px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .40);
}

.fb-notice .fb-badge {
  display: inline-block;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #4c8dff;
  border: 1px solid rgba(76, 141, 255, .40);
  border-radius: 999px;
  padding: 4px 12px;
  margin-bottom: 22px;
}

.fb-notice h1 {
  margin: 0 0 16px;
  font-size: 26px;
  line-height: 1.4;
  font-weight: 700;
}

.fb-notice .fb-brand { color: #4c8dff; }

.fb-notice p { margin: 0; font-size: 16px; }

.fb-notice .fb-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f5a623;
  margin-right: 8px;
  vertical-align: middle;
  animation: fb-notice-pulse 1.6s ease-in-out infinite;
}

@keyframes fb-notice-pulse {
  0%, 100% { opacity: .35; }
  50%      { opacity: 1; }
}

.fb-notice a.fb-mail {
  color: #4c8dff;
  text-decoration: none;
  font-weight: 600;
  word-break: break-all;
}
.fb-notice a.fb-mail:hover { text-decoration: underline; }