/* ==========================================================================
   soon.css  —  WEB3 / DEX「服務搭建中」頁共用樣式
   疊加於 common.css + index.css 之上，沿用首頁視覺（.hero / .p-card / .cta）。
   僅補上「施工中徽章」與「用途說明區塊」兩個小元件。
   ========================================================================== */

/* 內容較少時，hero 仍留足呼吸空間（沿用首頁 .hero，只降一點高度讓下一段露出） */
.soon-hero { min-height: 88vh; }

/* ---------- 施工狀態徽章（包浩斯細框膠囊 + 閃動小方塊） ---------- */
.soon-badge {
    display: inline-flex; align-items: center; gap: 10px;
    margin-bottom: 26px; padding: 8px 16px;
    border: 1px solid var(--c-ink); border-radius: 980px;
    font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
}
.soon-badge__dot {
    width: 9px; height: 9px; flex-shrink: 0;
    background: var(--c-ink);
    animation: soonPulse 1.4s var(--ease) infinite;
}
@keyframes soonPulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } }

/* ---------- 用途說明區塊（左側粗線引導） ---------- */
.soon-note {
    margin-top: 40px; max-width: 640px;
    padding: 18px 24px;
    border-left: 3px solid var(--c-ink);
    color: var(--muted); font-size: 15px; line-height: 1.7;
}
.soon-note strong { color: var(--fg); font-weight: 700; }