/* 支援子網域樣式 — 對齊 App 設計語彙 (2026-09-09 改版; 源自 main 剝除儲值面, 零儲值代碼紀律)
   token 鏡像 SSOT: app/.../ui/theme/PageAccent.kt + AppShapes.kt + colors.xml
   - 本站入口色 = 藍 (AiStar, 知識/說明域); 品牌雙弧維持青 + 金點
   - 形: 卡 12px / 圖示容器圓 (圓形只給圖示) / 分隔線 1px = 區塊入口色載體 */
:root {
  --bg: #F5F5F5; --surface: #FFFFFF; --ink: #333333; --ink2: #666666;
  --outline: #CCCCCC; --outline2: #E0E0E0;
  --cyan: #00838F; --gold: #B8860B;
  --blue: #2979FF; --blue-tint: rgba(41, 121, 255, 0.12);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121212; --surface: #1E1E1E; --ink: #E5E5E5; --ink2: #B0B0B0;
    --outline: #4A4A4A; --outline2: #363636;
    --cyan: #45D5DB; --gold: #FFD60A;
    --blue-tint: rgba(41, 121, 255, 0.16);
  }
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;
  color: var(--ink); background: var(--bg); line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--blue); }

/* 頭列: 大品牌圖示 = 唯一回官網途徑 (零引導文字); 底線 = 入口色 1px */
.site-header {
  display: flex; align-items: center; gap: 12px; padding: 12px 20px;
  background: var(--surface); border-bottom: 1px solid var(--blue);
}
.brand { display: flex; }
.brand-mark { width: 56px; height: 56px; }
.site-name { font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: 0.15px; }

main { max-width: 640px; margin: 0 auto; padding: 24px 20px 40px; display: flex; flex-direction: column; gap: 28px; }

/* 區塊標題 + 入口色分隔線 */
.section { display: flex; flex-direction: column; gap: 12px; }
.section-head { display: flex; flex-direction: column; gap: 6px; }
.section-head h2 { font-size: 22px; line-height: 28px; font-weight: 600; }
.section-head .rule { height: 1px; background: var(--blue); }
.placeholder { font-size: 14px; line-height: 20px; color: var(--ink2); }

/* 功能項: 圖示圓 (藍 tint 底 + 藍線稿) + 文; 非可點 → 卡框用 outline2 非身份色 */
.feature {
  display: flex; gap: 12px; padding: 14px 16px;
  background: var(--surface); border: 1px solid var(--outline2); border-radius: 12px;
}
.feature-icon {
  flex: none; width: 40px; height: 40px; border-radius: 50%;
  background: var(--blue-tint); display: flex; align-items: center; justify-content: center;
}
.feature-icon svg {
  width: 22px; height: 22px; fill: none; stroke: var(--blue);
  stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
.feature-text { display: flex; flex-direction: column; gap: 2px; }
.feature-text h3 { font-size: 16px; line-height: 24px; font-weight: 600; }
.feature-text p { font-size: 14px; line-height: 20px; color: var(--ink2); }

/* footer: 文字連結 + 聯絡信箱 (帳號類唯一接觸面) */
.site-footer {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 20px 24px 28px; border-top: 1px solid var(--outline2);
  font-size: 14px; line-height: 20px; color: var(--ink2); text-align: center;
}
.footer-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.footer-sep { color: var(--outline); }
.mail { color: var(--ink); }
.footer-note { font-size: 12px; line-height: 16px; }