/* ===== AI 会员购买页：黑色调背景与前景，与 AI 学院其他页面统一 ===== */
.ai-studio-wrapper:has(.ai_member_ordering_container) {
    --ws-bg: #1a1a1a;
    --ws-surface: #222222;
    --ws-surface-light: #2e2e2e;
    --ws-text: #e0e0e0;
    --ws-text-muted: #999999;
    --ws-border: rgba(255, 255, 255, 0.08);
    --ws-accent: #5cb85c;
    --ws-accent-hover: #4cae4c;
    --ws-danger: #ef5350;
    --ws-success: #4caf50;
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-main-content {
    background: var(--ws-bg);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner {
    background: var(--ws-surface);
    color: var(--ws-text);
    min-height: calc(100vh - 56px);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-mobile-header {
    background: var(--ws-surface);
    border-bottom: 1px solid var(--ws-border);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-mobile-toggle,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-mobile-title {
    color: var(--ws-text);
}

/* 正文、标题、次要文字 */
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner p,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner small {
    color: var(--ws-text);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .text-secondary,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .text-muted {
    color: var(--ws-text-muted) !important;
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .text-info {
    color: #7dd3fc !important;
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .text-success {
    color: var(--ws-success) !important;
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .text-danger {
    color: var(--ws-danger) !important;
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner b {
    color: var(--ws-text);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .card-title {
    color: var(--ws-text);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .card-text {
    color: var(--ws-text);
}

/* 容器内边距 */
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .container {
    padding-top: 24px;
    padding-bottom: 24px;
}

/* 卡片：覆盖 bg-light、bg-white */
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .card,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .card.bg-light,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .card.bg-white {
    background: var(--ws-surface-light) !important;
    border: 1px solid var(--ws-border);
    color: var(--ws-text);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .card-body {
    background: var(--ws-surface-light) !important;
    border-color: var(--ws-border);
    color: var(--ws-text);
}

/* 支付方式按钮：原 btn-light */
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .btn-light,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .go_payment_btn {
    background: var(--ws-surface-light) !important;
    border: 1px solid var(--ws-border);
    color: var(--ws-text);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .btn-light:hover,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container .go_payment_btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--ws-border);
    color: #fff;
}

/* 单选 label 样式 */
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container label.btn.btn-light {
    background: var(--ws-surface-light) !important;
    border: 1px solid var(--ws-border);
    color: var(--ws-text);
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container label.btn.btn-light:hover,
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai_member_ordering_container label.btn.btn-light:focus {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--ws-border);
    color: #fff;
}

/* 警示框 */
.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .alert-danger {
    background: rgba(239, 83, 80, 0.15);
    border-color: var(--ws-danger);
    color: #f5b0ae;
}

.ai-studio-wrapper:has(.ai_member_ordering_container) .ai-content-inner .alert-danger ul {
    margin-bottom: 0;
}