/* 用户卡密页主题 — classic 沿用 user.html 内联默认样式，此处仅覆盖 aurora / noir */

body[data-card-theme='aurora'] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe UI Variable', sans-serif;
    background:
        radial-gradient(ellipse 100% 80% at 10% -20%, rgba(139, 92, 246, 0.25), transparent 55%),
        radial-gradient(ellipse 70% 50% at 95% 10%, rgba(34, 211, 238, 0.2), transparent 50%),
        linear-gradient(165deg, #f0f9ff 0%, #eef2ff 35%, #ecfeff 100%);
}

body[data-card-theme='aurora'] .phone-info,
body[data-card-theme='aurora'] .sms-content,
body[data-card-theme='aurora'] .sms-records,
body[data-card-theme='aurora'] .usage-guide {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 18px;
    box-shadow:
        0 4px 24px rgba(99, 102, 241, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

body[data-card-theme='aurora'] .header h1 {
    background: linear-gradient(120deg, #4f46e5, #0ea5e9, #7c3aed);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 700;
    letter-spacing: -0.02em;
}

body[data-card-theme='aurora'] .phone-display .country,
body[data-card-theme='aurora'] .phone-stats small {
    color: #64748b;
}

body[data-card-theme='aurora'] .phone-display .number {
    color: #2563eb;
}

body[data-card-theme='aurora'] .copy-btn,
body[data-card-theme='aurora'] .change-btn {
    background: linear-gradient(135deg, #6366f1 0%, #0891b2 100%);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(79, 70, 229, 0.25);
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
}

body[data-card-theme='aurora'] .copy-btn:hover,
body[data-card-theme='aurora'] .change-btn:hover {
    filter: brightness(1.06);
}

body[data-card-theme='aurora'] .change-btn:disabled {
    opacity: 0.55;
    filter: grayscale(0.3);
}

body[data-card-theme='aurora'] .sms-content.waiting {
    color: #475569;
}

body[data-card-theme='aurora'] .waiting-status .waiting-text {
    color: #64748b;
}

body[data-card-theme='aurora'] .sms-content.received {
    color: #047857 !important;
    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
}

body[data-card-theme='aurora'] .waiting-status .elapsed-time,
body[data-card-theme='aurora'] .waiting-status .elapsed-time .bi-stopwatch {
    color: #c026d3;
}

body[data-card-theme='aurora'] .sms-records h6,
body[data-card-theme='aurora'] .usage-guide h6 {
    color: #3730a3;
}

body[data-card-theme='aurora'] .record-content {
    color: #1e293b;
}

body[data-card-theme='aurora'] .record-time {
    color: #94a3b8;
}

body[data-card-theme='aurora'] .usage-steps li,
body[data-card-theme='aurora'] #usage-guide-content {
    color: #64748b;
}

body[data-card-theme='aurora'] .usage-steps li:before,
body[data-card-theme='aurora'] #usage-guide-content ul li:before {
    color: #6366f1;
}

body[data-card-theme='aurora'] .quick-actions .btn-primary {
    background: linear-gradient(135deg, #6366f1, #3b82f6);
    border: none;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(59, 130, 246, 0.25);
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
}

body[data-card-theme='aurora'] .quick-actions .btn-success {
    background: linear-gradient(135deg, #059669, #14b8a6);
    border: none;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(5, 150, 105, 0.22);
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
}

body[data-card-theme='aurora'] #loading-section {
    color: #475569;
}

body[data-card-theme='aurora'] #loading-section .text-primary {
    color: #6366f1 !important;
}

body[data-card-theme='aurora'] .error-message {
    background: rgba(254, 242, 242, 0.95);
    color: #9f1239;
    border: 1px solid rgba(251, 113, 133, 0.4);
}

body[data-card-theme='aurora'] .modal-content {
    border-radius: 18px;
    border: none;
    box-shadow: 0 24px 48px rgba(79, 70, 229, 0.15);
}

body[data-card-theme='aurora'] .modal-header {
    background: linear-gradient(90deg, #eef2ff, #f8fafc);
    border-bottom: 1px solid #e2e8f0;
}

/* ---- Noir ---- */
body[data-card-theme='noir'] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe UI Variable', sans-serif;
    background:
        radial-gradient(ellipse at 80% 0%, rgba(0, 255, 200, 0.08), transparent 50%),
        radial-gradient(ellipse at 0% 100%, rgba(255, 0, 204, 0.06), transparent 45%),
        #0c0e12;
    color: #e2e8f0;
}

body[data-card-theme='noir'] .header h1 {
    color: #f1f5f9;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-shadow: 0 0 40px rgba(34, 211, 238, 0.25);
}

body[data-card-theme='noir'] .phone-info,
body[data-card-theme='noir'] .sms-content,
body[data-card-theme='noir'] .sms-records,
body[data-card-theme='noir'] .usage-guide {
    background: linear-gradient(145deg, rgba(24, 28, 36, 0.98), rgba(15, 18, 26, 0.95));
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 16px;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.5),
        0 20px 50px rgba(0, 0, 0, 0.45),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body[data-card-theme='noir'] .phone-display .country {
    color: #94a3b8;
}

/* 接码次数 / 到期时间：覆盖 Bootstrap .text-muted */
body[data-card-theme='noir'] .phone-stats small,
body[data-card-theme='noir'] .phone-stats small.text-muted {
    color: #f8fafc !important;
}

body[data-card-theme='noir'] .phone-display .number {
    color: #22d3ee;
    text-shadow: 0 0 24px rgba(34, 211, 238, 0.35);
}

body[data-card-theme='noir'] .copy-btn,
body[data-card-theme='noir'] .change-btn {
    background: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);
    border: none;
    border-radius: 8px;
    box-shadow: 0 8px 28px rgba(6, 182, 212, 0.25);
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
}

body[data-card-theme='noir'] .copy-btn:hover,
body[data-card-theme='noir'] .change-btn:hover {
    filter: brightness(1.08);
}

body[data-card-theme='noir'] .change-btn:disabled {
    background: #334155;
    box-shadow: none;
}

body[data-card-theme='noir'] .sms-content.waiting {
    color: #94a3b8;
}

body[data-card-theme='noir'] .waiting-status .waiting-text {
    color: #cbd5e1;
}

body[data-card-theme='noir'] .sms-content.received {
    color: #4ade80 !important;
    font-family: ui-monospace, 'Cascadia Code', Consolas, monospace;
    text-shadow: 0 0 20px rgba(74, 222, 128, 0.35);
}

body[data-card-theme='noir'] .waiting-status .elapsed-time,
body[data-card-theme='noir'] .waiting-status .elapsed-time .bi-stopwatch {
    color: #f472b6;
}

body[data-card-theme='noir'] .sms-records h6,
body[data-card-theme='noir'] .usage-guide h6 {
    color: #e2e8f0;
}

body[data-card-theme='noir'] .sms-records h6 i,
body[data-card-theme='noir'] .usage-guide h6 i {
    color: #22d3ee;
}

body[data-card-theme='noir'] .record-content {
    color: #f1f5f9;
}

body[data-card-theme='noir'] .record-time {
    color: #64748b;
}

body[data-card-theme='noir'] .record-item {
    border-bottom-color: rgba(148, 163, 184, 0.12);
}

body[data-card-theme='noir'] .usage-steps li,
body[data-card-theme='noir'] #usage-guide-content {
    color: #94a3b8;
}

body[data-card-theme='noir'] .usage-steps li:before,
body[data-card-theme='noir'] #usage-guide-content ul li:before {
    color: #a78bfa;
}

body[data-card-theme='noir'] .quick-actions .btn-primary {
    background: linear-gradient(135deg, #0891b2, #6366f1);
    border: none;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(99, 102, 241, 0.3);
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
}

body[data-card-theme='noir'] .quick-actions .btn-success {
    background: linear-gradient(135deg, #059669, #14b8a6);
    border: none;
    border-radius: 8px;
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
}

body[data-card-theme='noir'] #loading-section {
    color: #94a3b8;
}

body[data-card-theme='noir'] #loading-section .text-primary {
    color: #22d3ee !important;
}

body[data-card-theme='noir'] .error-message {
    background: rgba(127, 29, 29, 0.45);
    color: #fecaca;
    border: 1px solid rgba(248, 113, 113, 0.35);
}

body[data-card-theme='noir'] .modal-content {
    background: #141820;
    color: #e2e8f0;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 16px;
}

body[data-card-theme='noir'] .modal-header {
    border-bottom-color: rgba(148, 163, 184, 0.15);
}

body[data-card-theme='noir'] .modal-title {
    color: #f1f5f9;
}

body[data-card-theme='noir'] .form-select,
body[data-card-theme='noir'] .form-label {
    color: #e2e8f0;
}

body[data-card-theme='noir'] .form-select {
    background-color: #0f1419;
    border-color: rgba(148, 163, 184, 0.25);
    color: #f1f5f9;
}

body[data-card-theme='noir'] .alert-warning {
    background: rgba(234, 179, 8, 0.12);
    border-color: rgba(250, 204, 21, 0.25);
    color: #fef08a;
}

body[data-card-theme='noir'] .btn-close {
    filter: invert(1);
    opacity: 0.6;
}