/* =========================================================================
   科米主题 Komi — 会员样式
   ========================================================================= */

/* ---- 会员专享内容拦截 ---- */
.komi-vip-gate {
    margin: 28px 0; padding: 40px 24px; text-align: center;
    border-radius: var(--komi-radius);
    border: 1px solid color-mix(in srgb, #d4a017 40%, var(--komi-border));
    background: linear-gradient(180deg, color-mix(in srgb, #f5c518 12%, transparent), var(--komi-surface));
}
.komi-vip-gate__icon { font-size: 42px; }
.komi-vip-gate__title { font-size: 19px; font-weight: 800; margin: 8px 0; }
.komi-vip-gate__text { color: var(--komi-text-muted); margin-bottom: 16px; }

/* ---- 套餐页 ---- */
.komi-vip-status {
    text-align: center; font-weight: 700; color: #b8860b;
    background: color-mix(in srgb, #f5c518 14%, var(--komi-surface));
    margin-bottom: 20px;
}
.komi-vip-plans {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--komi-gap);
}
@media (max-width: 700px) { .komi-vip-plans { grid-template-columns: 1fr; } }

.komi-vip-plan {
    background: var(--komi-surface); border: 1px solid var(--komi-border);
    border-radius: var(--komi-radius); padding: 28px 20px; text-align: center;
    box-shadow: var(--komi-shadow); transition: transform .2s ease, border-color .2s;
}
.komi-vip-plan:hover { transform: translateY(-4px); border-color: #f5c518; }
.komi-vip-plan__name { font-size: 18px; font-weight: 700; }
.komi-vip-plan__price { margin: 14px 0 4px; }
.komi-vip-plan__price span { font-size: 32px; font-weight: 800; color: var(--komi-primary); }
.komi-vip-plan__days { color: var(--komi-text-muted); margin-bottom: 18px; }
.komi-vip-page__msg { text-align: center; margin-top: 16px; color: var(--komi-text-muted); }

/* ---- 个人中心会员卡 ---- */
.komi-vip-card {
    text-align: center; padding: 28px; border-radius: var(--komi-radius);
    background: var(--komi-bg); border: 1px dashed var(--komi-border);
}
.komi-vip-card.is-active {
    background: linear-gradient(135deg, #2b2b3a, #44445c); color: #ffd700;
    border: 0;
}
.komi-vip-card__crown { font-size: 40px; }
.komi-vip-card__status { font-size: 16px; font-weight: 700; margin: 8px 0 16px; }
.komi-vip-card.is-active .btn { background: #ffd700; color: #2b2b3a; }