/**
 * 统一主题样式
 * 通过 body.theme-default / body.theme-dark / body.theme-glass 切换
 * 每个属性先写固定值降级，再写 var() 覆盖，兼容不支持 CSS 变量的浏览器
 */

/* ============================================================
   DEFAULT 主题（浅色）
   ============================================================ */
.theme-default {
    --bg-body: #f5f7fa;
    --bg-container: #fff;
    --bg-section: #f8f9fc;
    --bg-price: #fff8e6;
    --bg-tips: #f6ffed;
    --bg-unpaid: #fffbe6;
    --bg-qrcode: #fafafa;
    --text-primary: #333;
    --text-secondary: #666;
    --text-muted: #999;
    --accent-color: #1e9fff;
    --accent-hover: #0d8de8;
    --price-color: #fa8c16;
    --success-color: #52c41a;
    --error-color: #ff5722;
    --warning-color: #d48806;
    --border-color: #e8e8e8;
    --border-light: #f0f0f0;
    --border-price: #ffe58f;
    --border-tips: #b7eb8f;
    --border-unpaid: #ffe58f;
    --shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    --remark-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --remark-text: #ffeb3b;
}

/* 降级：固定值 + var() 覆盖 */
.theme-default { background-color: #f5f7fa; background-color: var(--bg-body); }
.theme-default .container { background: #fff; background: var(--bg-container); box-shadow: 0 2px 12px rgba(0,0,0,0.08); box-shadow: var(--shadow); }
.theme-default .page-title { color: #333; color: var(--text-primary); }
.theme-default .step-guide { background: #f8f9fc; background: var(--bg-section); }
.theme-default .step-guide-title { color: #666; color: var(--text-secondary); }
.theme-default .step-list li { color: #666; color: var(--text-secondary); }
.theme-default .step-list li::before { background: #1e9fff; background: var(--accent-color); color: #fff; }
.theme-default .form-label { color: #333; color: var(--text-primary); }
.theme-default .required-mark { color: #ff5722; color: var(--error-color); font-size: 12px; }

.theme-default .price-display { background: #fff8e6; background: var(--bg-price); border: 1px solid #ffe58f; border-color: var(--border-price); }
.theme-default .price-label { color: #666; color: var(--text-secondary); }
.theme-default .price-value { color: #fa8c16; color: var(--price-color); }
.theme-default .captcha-img { border: 1px solid #e8e8e8; border-color: var(--border-color); }
.theme-default .captcha-refresh { color: #1e9fff; color: var(--accent-color); }
.theme-default .custom-display-text { background: #e6f7ff; border: 1px solid #91d5ff; color: #1890ff; }
.theme-default .remark-code-box { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: var(--remark-bg); }
.theme-default .remark-code-label { color: rgba(255, 255, 255, 0.9); }
.theme-default .remark-code-value { color: #ffeb3b; color: var(--remark-text); text-shadow: 0 0 20px rgba(255, 235, 59, 0.6), 0 0 40px rgba(255, 235, 59, 0.3); }
.theme-default .remark-code-tip { color: rgba(255, 255, 255, 0.8); }
.theme-default .qrcode-wrapper { border: 1px solid #e8e8e8; border-color: var(--border-color); }
.theme-default .qrcode-tabs { border-bottom: 1px solid #e8e8e8; border-bottom-color: var(--border-color); }
.theme-default .qrcode-tab { color: #666; color: var(--text-secondary); }
.theme-default .qrcode-tab.active { color: #1e9fff; color: var(--accent-color); border-bottom-color: #1e9fff; border-bottom-color: var(--accent-color); }
.theme-default .qrcode-tab:hover { color: #1e9fff; color: var(--accent-color); }
.theme-default .qrcode-content { background: #fafafa; background: var(--bg-qrcode); }
.theme-default .qrcode-placeholder { background: #f0f0f0; color: #999; color: var(--text-muted); }
.theme-default .order-summary { background: #f8f9fc; background: var(--bg-section); }
.theme-default .summary-label { color: #666; color: var(--text-secondary); }
.theme-default .summary-value { color: #333; color: var(--text-primary); }
.theme-default .summary-value.price { color: #fa8c16; color: var(--price-color); }
.theme-default .payment-notice { background: linear-gradient(135deg, #fff8e6 0%, #fffbe6 100%); border: 2px solid #ffd666; color: #d48806; color: var(--warning-color); }
.theme-default .payment-notice i { color: #fa8c16; color: var(--price-color); }
.theme-default .back-link a { color: #999; color: var(--text-muted); }
.theme-default .back-link a:hover { color: #1e9fff; color: var(--accent-color); }

/* 流程条 */
.theme-default .progress-icon { background: #e8e8e8; background: var(--border-color); }
.theme-default .progress-icon i { color: #999; color: var(--text-muted); }
.theme-default .progress-text { color: #999; color: var(--text-muted); }
.theme-default .progress-item.done .progress-icon { background: #52c41a; background: var(--success-color); }
.theme-default .progress-item.done .progress-icon i { color: #fff; }
.theme-default .progress-item.done .progress-text { color: #52c41a; color: var(--success-color); }
.theme-default .progress-item.active .progress-icon { background: #fa8c16; background: var(--price-color); animation: pulse 1.5s infinite; }
.theme-default .progress-item.active .progress-icon i { color: #fff; }
.theme-default .progress-item.active .progress-text { color: #fa8c16; color: var(--price-color); font-weight: 600; }
.theme-default .progress-line { background: #e8e8e8; background: var(--border-color); }
.theme-default .progress-line.done { background: #52c41a; background: var(--success-color); }
.theme-default .pending-title { color: #333; color: var(--text-primary); }
.theme-default .pending-tips { background: #f6ffed; background: var(--bg-tips); border: 1px solid #b7eb8f; border-color: var(--border-tips); }
.theme-default .tip-item { color: #52c41a; color: var(--success-color); }
.theme-default .order-info { background: #f8f9fc; background: var(--bg-section); }
.theme-default .order-info-label { color: #666; color: var(--text-secondary); }
.theme-default .order-info-value { color: #333; color: var(--text-primary); }
.theme-default .order-info-value.highlight { color: #fa8c16; color: var(--price-color); }
.theme-default .unpaid-notice { background: #fffbe6; background: var(--bg-unpaid); border: 1px solid #ffe58f; border-color: var(--border-unpaid); }
.theme-default .unpaid-title { color: #d48806; color: var(--warning-color); }
.theme-default .mini-tab { background: #f5f5f5; color: #666; color: var(--text-secondary); }
.theme-default .mini-tab.active { background: #e6f7ff; color: #1890ff; }
.theme-default .mini-qrcode-box { background: #fff; border: 1px solid #e8e8e8; border-color: var(--border-color); }
.theme-default .mini-qrcode-placeholder { background: #fafafa; color: #999; color: var(--text-muted); }
.theme-default .mini-remark { color: #666; color: var(--text-secondary); }
.theme-default .mini-remark-code { color: #fa8c16; color: var(--price-color); }
.theme-default .query-link { border-top: 1px solid #f0f0f0; border-top-color: var(--border-light); }
.theme-default .query-link a { color: #1e9fff; color: var(--accent-color); }
.theme-default .cancel-order-link { color: #999; border: 1px solid #ddd; border-color: var(--border-color); }

/* 壁纸模式 */
.theme-default.has-wallpaper { background-color: transparent; }
.theme-default.has-wallpaper .container { background: rgba(255, 255, 255, 0.95); }


/* ============================================================
   DARK 主题（暗色）
   ============================================================ */
.theme-dark {
    --bg-body: #1a1a2e;
    --bg-container: #252540;
    --bg-section: #2d2d4a;
    --bg-price: rgba(250, 140, 22, 0.1);
    --bg-tips: rgba(82, 196, 26, 0.1);
    --bg-unpaid: rgba(250, 140, 22, 0.1);
    --bg-qrcode: #2d2d4a;
    --text-primary: #e4e4e4;
    --text-secondary: #a0a0b0;
    --text-muted: #6a6a7a;
    --accent-color: #a78bfa;
    --accent-hover: #8b5cf6;
    --price-color: #fbbf24;
    --success-color: #34d399;
    --error-color: #f87171;
    --warning-color: #fbbf24;
    --border-color: rgba(255, 255, 255, 0.1);
    --border-light: rgba(255, 255, 255, 0.05);
    --border-price: rgba(251, 191, 36, 0.3);
    --border-tips: rgba(52, 211, 153, 0.3);
    --border-unpaid: rgba(251, 191, 36, 0.3);
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --remark-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --remark-text: #ffeb3b;
}

.theme-dark { background-color: #1a1a2e; background-color: var(--bg-body); }
.theme-dark .container { background: #252540; background: var(--bg-container); box-shadow: 0 4px 20px rgba(0,0,0,0.3); box-shadow: var(--shadow); }
.theme-dark .page-title { color: #e4e4e4; color: var(--text-primary); }
.theme-dark .step-guide { background: #2d2d4a; background: var(--bg-section); }
.theme-dark .step-guide-title { color: #a0a0b0; color: var(--text-secondary); }
.theme-dark .step-list li { color: #a0a0b0; color: var(--text-secondary); }
.theme-dark .step-list li::before { background: #a78bfa; background: var(--accent-color); color: #fff; }
.theme-dark .form-label { color: #e4e4e4; color: var(--text-primary); }
.theme-dark .required-mark { color: #f87171; color: var(--error-color); font-size: 12px; }
.theme-dark .price-display { background: rgba(250, 140, 22, 0.1); background: var(--bg-price); border: 1px solid rgba(251, 191, 36, 0.3); border-color: var(--border-price); }
.theme-dark .price-label { color: #a0a0b0; color: var(--text-secondary); }
.theme-dark .price-value { color: #fbbf24; color: var(--price-color); }

/* layui 覆盖 */
.theme-dark .layui-input,
.theme-dark .layui-select { background: #2d2d4a !important; background: var(--bg-section) !important; border-color: rgba(255,255,255,0.1) !important; color: #e4e4e4 !important; color: var(--text-primary) !important; }
.theme-dark .layui-input:focus { border-color: #a78bfa !important; border-color: var(--accent-color) !important; }
.theme-dark .layui-form-select dl { background: #2d2d4a !important; background: var(--bg-section) !important; border-color: rgba(255,255,255,0.1) !important; }
.theme-dark .layui-form-select dl dd { color: #a0a0b0 !important; color: var(--text-secondary) !important; }
.theme-dark .layui-form-select dl dd:hover { background: rgba(167, 139, 250, 0.15) !important; color: #a78bfa !important; color: var(--accent-color) !important; }
.theme-dark .layui-form-select dl dd.layui-this { background: rgba(167, 139, 250, 0.25) !important; color: #a78bfa !important; color: var(--accent-color) !important; }
.theme-dark .layui-btn-normal { background: #a78bfa !important; background: var(--accent-color) !important; }
.theme-dark .layui-btn-normal:hover { background: #8b5cf6 !important; background: var(--accent-hover) !important; }
.theme-dark .layui-btn-primary { background: transparent !important; border-color: rgba(255,255,255,0.1) !important; color: #a0a0b0 !important; }

.theme-dark .custom-display-text { background: rgba(167, 139, 250, 0.1); border: 1px solid rgba(167, 139, 250, 0.3); color: #a78bfa; color: var(--accent-color); }
.theme-dark .remark-code-box { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: var(--remark-bg); }
.theme-dark .remark-code-label { color: rgba(255, 255, 255, 0.9); }
.theme-dark .remark-code-value { color: #ffeb3b; color: var(--remark-text); text-shadow: 0 0 20px rgba(255, 235, 59, 0.6), 0 0 40px rgba(255, 235, 59, 0.3); }
.theme-dark .remark-code-tip { color: rgba(255, 255, 255, 0.8); }
.theme-dark .qrcode-wrapper { border: 1px solid rgba(255,255,255,0.1); border-color: var(--border-color); }
.theme-dark .qrcode-tabs { border-bottom: 1px solid rgba(255,255,255,0.1); border-bottom-color: var(--border-color); }
.theme-dark .qrcode-tab { color: #a0a0b0; color: var(--text-secondary); }
.theme-dark .qrcode-tab.active { color: #a78bfa; color: var(--accent-color); border-bottom-color: #a78bfa; border-bottom-color: var(--accent-color); }
.theme-dark .qrcode-tab:hover { color: #a78bfa; color: var(--accent-color); }
.theme-dark .qrcode-content { background: #2d2d4a; background: var(--bg-qrcode); }
.theme-dark .qrcode-placeholder { background: #2d2d4a; background: var(--bg-section); color: #6a6a7a; color: var(--text-muted); }
.theme-dark .order-summary { background: #2d2d4a; background: var(--bg-section); }
.theme-dark .summary-label { color: #a0a0b0; color: var(--text-secondary); }
.theme-dark .summary-value { color: #e4e4e4; color: var(--text-primary); }
.theme-dark .summary-value.price { color: #fbbf24; color: var(--price-color); }
.theme-dark .payment-notice { background: linear-gradient(135deg, rgba(250,140,22,0.15) 0%, rgba(250,140,22,0.08) 100%); border: 2px solid rgba(250,140,22,0.4); color: #fbbf24; color: var(--price-color); }
.theme-dark .payment-notice i { color: #fbbf24; color: var(--price-color); }
.theme-dark .back-link a { color: #6a6a7a; color: var(--text-muted); }
.theme-dark .back-link a:hover { color: #a78bfa; color: var(--accent-color); }

/* dark 流程条 */
.theme-dark .progress-icon { background: #2d2d4a; background: var(--bg-section); }
.theme-dark .progress-icon i { color: #6a6a7a; color: var(--text-muted); }
.theme-dark .progress-text { color: #6a6a7a; color: var(--text-muted); }
.theme-dark .progress-item.done .progress-icon { background: #34d399; background: var(--success-color); }
.theme-dark .progress-item.done .progress-icon i { color: #fff; }
.theme-dark .progress-item.done .progress-text { color: #34d399; color: var(--success-color); }
.theme-dark .progress-item.active .progress-icon { background: #fbbf24; background: var(--price-color); animation: pulse 1.5s infinite; }
.theme-dark .progress-item.active .progress-icon i { color: #1a1a2e; }
.theme-dark .progress-item.active .progress-text { color: #fbbf24; color: var(--price-color); font-weight: 600; }
.theme-dark .progress-line { background: rgba(255,255,255,0.1); background: var(--border-color); }
.theme-dark .progress-line.done { background: #34d399; background: var(--success-color); }
.theme-dark .pending-title { color: #e4e4e4; color: var(--text-primary); }
.theme-dark .pending-tips { background: rgba(82, 196, 26, 0.1); background: var(--bg-tips); border: 1px solid rgba(52, 211, 153, 0.3); border-color: var(--border-tips); }
.theme-dark .tip-item { color: #34d399; color: var(--success-color); }
.theme-dark .order-info { background: #2d2d4a; background: var(--bg-section); }
.theme-dark .order-info-label { color: #a0a0b0; color: var(--text-secondary); }
.theme-dark .order-info-value { color: #e4e4e4; color: var(--text-primary); }
.theme-dark .order-info-value.highlight { color: #fbbf24; color: var(--price-color); }
.theme-dark .unpaid-notice { background: rgba(250, 140, 22, 0.1); background: var(--bg-unpaid); border: 1px solid rgba(251, 191, 36, 0.3); border-color: var(--border-unpaid); }
.theme-dark .unpaid-title { color: #fbbf24; color: var(--warning-color); }
.theme-dark .mini-tab { background: #2d2d4a; background: var(--bg-section); color: #a0a0b0; color: var(--text-secondary); }
.theme-dark .mini-tab.active { background: rgba(167, 139, 250, 0.2); color: #a78bfa; color: var(--accent-color); }
.theme-dark .mini-qrcode-box { background: #252540; background: var(--bg-container); border: 1px solid rgba(255,255,255,0.1); border-color: var(--border-color); }
.theme-dark .mini-qrcode-placeholder { background: #2d2d4a; background: var(--bg-section); color: #6a6a7a; color: var(--text-muted); }
.theme-dark .mini-remark { color: #a0a0b0; color: var(--text-secondary); }
.theme-dark .mini-remark-code { color: #fbbf24; color: var(--price-color); }
.theme-dark .query-link { border-top: 1px solid rgba(255,255,255,0.05); border-top-color: var(--border-light); }
.theme-dark .query-link a { color: #a78bfa; color: var(--accent-color); }
.theme-dark .cancel-order-link { color: #6a6a7a; color: var(--text-muted); border: 1px solid rgba(255,255,255,0.1); border-color: var(--border-color); }
.theme-dark .cancel-order-link:hover { color: #a78bfa; color: var(--accent-color); border-color: #a78bfa; border-color: var(--accent-color); }

/* dark 邮箱提示覆盖 */
.theme-dark .email-tips { background: #2d2d4a; color: #a0a0b0; }
.theme-dark .email-tips.success { color: #34d399; background: rgba(52, 211, 153, 0.1); border: 1px solid rgba(52, 211, 153, 0.3); }
.theme-dark .email-tips.error { color: #f87171; background: rgba(248, 113, 113, 0.1); border: 1px solid rgba(248, 113, 113, 0.3); }

/* 壁纸模式 */
.theme-dark.has-wallpaper { background-color: transparent; }
.theme-dark.has-wallpaper .container { background: rgba(37, 37, 64, 0.9); }


/* ============================================================
   GLASS 主题（毛玻璃）
   ============================================================ */
.theme-glass {
    --bg-body: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    --bg-container: rgba(255, 255, 255, 0.1);
    --bg-section: rgba(255, 255, 255, 0.05);
    --bg-price: rgba(255, 107, 157, 0.1);
    --bg-tips: rgba(123, 237, 159, 0.1);
    --bg-unpaid: rgba(255, 193, 7, 0.1);
    --bg-qrcode: rgba(255, 255, 255, 0.05);
    --text-primary: #fff;
    --text-secondary: rgba(255, 255, 255, 0.7);
    --text-muted: rgba(255, 255, 255, 0.4);
    --accent-color: #ff6b9d;
    --accent-hover: #ff4081;
    --price-color: #ff6b9d;
    --success-color: #7bed9f;
    --error-color: #ff6b6b;
    --warning-color: #ffc107;
    --border-color: rgba(255, 255, 255, 0.15);
    --border-light: rgba(255, 255, 255, 0.08);
    --border-price: rgba(255, 107, 157, 0.3);
    --border-tips: rgba(123, 237, 159, 0.3);
    --border-unpaid: rgba(255, 193, 7, 0.3);
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    --remark-bg: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
    --remark-text: #fff;
}

.theme-glass { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); background: var(--bg-body); background-attachment: fixed; }
.theme-glass .container {
    background: rgba(255, 255, 255, 0.1);
    background: var(--bg-container);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    box-shadow: var(--shadow);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-color: var(--border-color);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
.theme-glass .page-title { color: #fff; color: var(--text-primary); }
.theme-glass .step-guide { background: rgba(255,255,255,0.05); background: var(--bg-section); border: 1px solid rgba(255,255,255,0.08); border-color: var(--border-light); }
.theme-glass .step-guide-title { color: rgba(255,255,255,0.7); color: var(--text-secondary); }
.theme-glass .step-list li { color: rgba(255,255,255,0.7); color: var(--text-secondary); }
.theme-glass .step-list li::before { background: #ff6b9d; background: var(--accent-color); color: #fff; }
.theme-glass .form-label { color: #fff; color: var(--text-primary); }
.theme-glass .required-mark { color: #ff6b6b; color: var(--error-color); font-size: 12px; }
.theme-glass .price-display { background: rgba(255,107,157,0.1); background: var(--bg-price); border: 1px solid rgba(255,107,157,0.3); border-color: var(--border-price); }
.theme-glass .price-label { color: rgba(255,255,255,0.7); color: var(--text-secondary); }
.theme-glass .price-value { color: #ff6b9d; color: var(--price-color); }

/* layui 覆盖 */
.theme-glass .layui-input,
.theme-glass .layui-select { background: rgba(255,255,255,0.05) !important; border-color: rgba(255,255,255,0.15) !important; color: #fff !important; color: var(--text-primary) !important; }
.theme-glass .layui-input::placeholder { color: rgba(255,255,255,0.4) !important; }
.theme-glass .layui-input:focus { border-color: #ff6b9d !important; border-color: var(--accent-color) !important; }
.theme-glass .layui-form-select dl { background: rgba(30, 30, 50, 0.95) !important; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-color: rgba(255,255,255,0.15) !important; }
.theme-glass .layui-form-select dl dd { color: rgba(255,255,255,0.7) !important; }
.theme-glass .layui-form-select dl dd:hover { background: rgba(255, 107, 157, 0.15) !important; color: #ff6b9d !important; color: var(--accent-color) !important; }
.theme-glass .layui-form-select dl dd.layui-this { background: rgba(255, 107, 157, 0.25) !important; color: #ff6b9d !important; color: var(--accent-color) !important; }
.theme-glass .layui-btn-normal { background: #ff6b9d !important; background: var(--accent-color) !important; border: none !important; }
.theme-glass .layui-btn-normal:hover { background: #ff4081 !important; background: var(--accent-hover) !important; }
.theme-glass .layui-btn-primary { background: transparent !important; border-color: rgba(255,255,255,0.15) !important; color: rgba(255,255,255,0.7) !important; }

.theme-glass .custom-display-text { background: rgba(255, 107, 157, 0.1); border: 1px solid rgba(255, 107, 157, 0.3); color: #ff6b9d; color: var(--accent-color); }
.theme-glass .remark-code-box { background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%); background: var(--remark-bg); }
.theme-glass .remark-code-label { color: rgba(255, 255, 255, 0.9); }
.theme-glass .remark-code-value { color: #fff; color: var(--remark-text); text-shadow: 0 0 20px rgba(255, 255, 255, 0.5); }
.theme-glass .remark-code-tip { color: rgba(255, 255, 255, 0.8); }
.theme-glass .qrcode-wrapper { border: 1px solid rgba(255,255,255,0.15); border-color: var(--border-color); background: rgba(255,255,255,0.05); background: var(--bg-section); }
.theme-glass .qrcode-tabs { border-bottom: 1px solid rgba(255,255,255,0.15); border-bottom-color: var(--border-color); }
.theme-glass .qrcode-tab { color: rgba(255,255,255,0.7); color: var(--text-secondary); }
.theme-glass .qrcode-tab.active { color: #ff6b9d; color: var(--accent-color); border-bottom-color: #ff6b9d; border-bottom-color: var(--accent-color); }
.theme-glass .qrcode-tab:hover { color: #ff6b9d; color: var(--accent-color); }
.theme-glass .qrcode-content { background: rgba(255,255,255,0.05); background: var(--bg-qrcode); }
.theme-glass .qrcode-placeholder { background: rgba(255,255,255,0.05); background: var(--bg-section); color: rgba(255,255,255,0.4); color: var(--text-muted); }

.theme-glass .order-summary { background: rgba(255,255,255,0.05); background: var(--bg-section); border: 1px solid rgba(255,255,255,0.08); border-color: var(--border-light); }
.theme-glass .summary-label { color: rgba(255,255,255,0.7); color: var(--text-secondary); }
.theme-glass .summary-value { color: #fff; color: var(--text-primary); }
.theme-glass .summary-value.price { color: #ff6b9d; color: var(--price-color); }
.theme-glass .payment-notice { background: linear-gradient(135deg, rgba(255,193,7,0.2) 0%, rgba(255,193,7,0.1) 100%); border: 2px solid rgba(255,193,7,0.5); color: #ffc107; color: var(--warning-color); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.theme-glass .payment-notice i { color: #ffc107; color: var(--warning-color); }
.theme-glass .back-link a { color: rgba(255,255,255,0.4); color: var(--text-muted); }
.theme-glass .back-link a:hover { color: #ff6b9d; color: var(--accent-color); }

/* glass 流程条 */
.theme-glass .progress-icon { background: rgba(255,255,255,0.05); background: var(--bg-section); border: 1px solid rgba(255,255,255,0.15); border-color: var(--border-color); }
.theme-glass .progress-icon i { color: rgba(255,255,255,0.4); color: var(--text-muted); }
.theme-glass .progress-text { color: rgba(255,255,255,0.4); color: var(--text-muted); }
.theme-glass .progress-item.done .progress-icon { background: #7bed9f; background: var(--success-color); border-color: #7bed9f; border-color: var(--success-color); }
.theme-glass .progress-item.done .progress-icon i { color: #1a1a2e; }
.theme-glass .progress-item.done .progress-text { color: #7bed9f; color: var(--success-color); }
.theme-glass .progress-item.active .progress-icon { background: #ff6b9d; background: var(--price-color); border-color: #ff6b9d; border-color: var(--price-color); animation: pulseGlass 1.5s infinite; }
.theme-glass .progress-item.active .progress-icon i { color: #fff; }
.theme-glass .progress-item.active .progress-text { color: #ff6b9d; color: var(--price-color); font-weight: 600; }
.theme-glass .progress-line { background: rgba(255,255,255,0.15); background: var(--border-color); }
.theme-glass .progress-line.done { background: #7bed9f; background: var(--success-color); }
.theme-glass .pending-title { color: #fff; color: var(--text-primary); }
.theme-glass .pending-tips { background: rgba(123, 237, 159, 0.1); background: var(--bg-tips); border: 1px solid rgba(123, 237, 159, 0.3); border-color: var(--border-tips); }
.theme-glass .tip-item { color: #7bed9f; color: var(--success-color); }
.theme-glass .order-info { background: rgba(255,255,255,0.05); background: var(--bg-section); border: 1px solid rgba(255,255,255,0.08); border-color: var(--border-light); }
.theme-glass .order-info-label { color: rgba(255,255,255,0.7); color: var(--text-secondary); }
.theme-glass .order-info-value { color: #fff; color: var(--text-primary); }
.theme-glass .order-info-value.highlight { color: #ff6b9d; color: var(--price-color); }
.theme-glass .unpaid-notice { background: rgba(255, 193, 7, 0.1); background: var(--bg-unpaid); border: 1px solid rgba(255, 193, 7, 0.3); border-color: var(--border-unpaid); }
.theme-glass .unpaid-title { color: #ffc107; color: var(--warning-color); }
.theme-glass .mini-tab { background: rgba(255,255,255,0.05); background: var(--bg-section); color: rgba(255,255,255,0.7); color: var(--text-secondary); }
.theme-glass .mini-tab.active { background: rgba(255, 107, 157, 0.2); color: #ff6b9d; color: var(--accent-color); }
.theme-glass .mini-qrcode-box { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255,255,255,0.15); border-color: var(--border-color); }
.theme-glass .mini-qrcode-placeholder { background: rgba(255,255,255,0.05); background: var(--bg-section); color: rgba(255,255,255,0.4); color: var(--text-muted); }
.theme-glass .mini-remark { color: rgba(255,255,255,0.7); color: var(--text-secondary); }
.theme-glass .mini-remark-code { color: #ff6b9d; color: var(--price-color); }
.theme-glass .query-link { border-top: 1px solid rgba(255,255,255,0.08); border-top-color: var(--border-light); }
.theme-glass .query-link a { color: #ff6b9d; color: var(--accent-color); }
.theme-glass .cancel-order-link { color: rgba(255,255,255,0.6); border: 1px solid rgba(255,255,255,0.2); border-color: var(--border-color); }
.theme-glass .cancel-order-link:hover { color: #ff6b9d; color: var(--accent-color); border-color: #ff6b9d; border-color: var(--accent-color); }

/* glass 邮箱提示覆盖 */
.theme-glass .email-tips { background: rgba(255,255,255,0.05); color: rgba(255,255,255,0.7); }
.theme-glass .email-tips.success { color: #7bed9f; background: rgba(123, 237, 159, 0.1); border: 1px solid rgba(123, 237, 159, 0.3); }
.theme-glass .email-tips.error { color: #ff6b6b; background: rgba(255, 107, 107, 0.1); border: 1px solid rgba(255, 107, 107, 0.3); }

/* glass 动画 */
@keyframes pulseGlass {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 107, 157, 0.4); }
    50% { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(255, 107, 157, 0); }
}

/* 壁纸模式 */
.theme-glass.has-wallpaper { background: transparent; }
.theme-glass.has-wallpaper .container { background: rgba(255, 255, 255, 0.08); }


/* ============================================================
   公共：取消订单按钮统一样式
   ============================================================ */
.cancel-order-wrapper {
    margin-top: 20px;
    text-align: center;
}

.cancel-order-link {
    display: inline-block;
    padding: 8px 24px;
    font-size: 13px;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.3s;
}


/* ============================================================
   支付引导区域主题样式
   ============================================================ */

/* Default */
.theme-default .pay-guide-title { color: #333; }
.theme-default .pay-guide-desc { color: #666; }

/* Dark */
.theme-dark .pay-guide-title { color: #e4e4e4; }
.theme-dark .pay-guide-desc { color: #a0a0b0; }

/* Glass */
.theme-glass .pay-guide-title { color: #fff; }
.theme-glass .pay-guide-desc { color: rgba(255,255,255,0.7); }