/* =====================================================
 * 通用组件（card / btn / back-link / subtitle / status-tag / 脉轮色板）
 * 新页面直接复用；已有 feature CSS 中的同类定义后续再做去重
 * ===================================================== */

/* ---- 白卡 ---- */
.card {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    padding: 36px 32px;
    box-shadow: var(--card-shadow);
    margin-bottom: 24px;
}

/* ---- 按钮（默认紫色） ---- */
.btn {
    display: inline-block;
    background: var(--purple-gradient);
    color: #fff;
    border: none;
    padding: 14px 48px;
    font-size: 1.1rem;
    border-radius: 50px;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s, transform 0.2s;
}
.btn:hover { opacity: 0.9; transform: translateY(-1px); }
.btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

/* 主色（橙红）按钮 */
.btn-primary {
    background: var(--brand-gradient);
}

/* ---- 返回链接 ---- */
.back-link,
.back-link a {
    color: var(--purple);
    text-decoration: none;
    font-size: 0.9rem;
}

/* ---- 副标题 ---- */
.subtitle {
    color: #6b7280;
    font-size: 0.95rem;
    margin-bottom: 24px;
}

/* ---- 状态标签（统一 .st-* 与 .status-*） ---- */
.status-tag {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
}
.status-under, .st-under { background: #dbeafe; color: #1e40af; }
.status-open,  .st-open  { background: #d1fae5; color: #065f46; }
.status-over,  .st-over  { background: #fee2e2; color: #991b1b; }

/* ---- 脉轮色板 ---- */
.c-root .chakra-dot   { background: #FC0E0C; }
.c-root h2            { color: #FC0E0C; }
.c-sacral .chakra-dot { background: #FC9E0B; }
.c-sacral h2          { color: #FC9E0B; }
.c-navel .chakra-dot  { background: #FCF64C; color: #333; }
.c-navel h2           { color: #b89700; }
.c-heart .chakra-dot  { background: #13A643; }
.c-heart h2           { color: #13A643; }
.c-throat .chakra-dot { background: #1C86FC; }
.c-throat h2          { color: #1C86FC; }
.c-eye .chakra-dot    { background: #5C3E94; }
.c-eye h2             { color: #5C3E94; }
.c-crown .chakra-dot  { background: #9D6BAD; }
.c-crown h2           { color: #9D6BAD; }