/* =====================================================================
   甄文 · 全局主题覆盖（统一为商务蓝白风格，对齐 index.html / paper.html）
   主色：#1677FF  深蓝：#003880  极淡蓝：#E6F4FF  草绿：#22A747
   圆角：卡片/按钮 6px   阴影：极弱   背景：#F5F7FA
   本文件由 deai 下所有页面在 </head> 前加载（位于各页内联样式之后，
   同优先级下后声明生效，从而统一覆盖内联旧主题色）。
   ===================================================================== */

/* ---------- 页面基础 ---------- */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
    background: #F5F7FA;
    color: #1A1A1A;
}

/* ---------- 通用共享组件（来自 style.css） ---------- */
.section-title {
    font-size: 24px;
    color: #1A1A1A;
}
.card {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.cs-card {
    border-color: #E5E7EB;
}
.btn {
    border-radius: 6px;
}
.btn-primary {
    background: #1677FF;
    border-color: #1677FF;
}
.btn-primary:hover {
    background: #0958D9;
    opacity: 1;
}
.btn-secondary {
    background: #F5F7FA;
    color: #3D4359;
    border: 1px solid #E5E7EB;
}
.btn-secondary:hover {
    background: #E5E7EB;
    color: #3D4359;
}
.btn-success {
    background: linear-gradient(135deg, #22A747, #1B8A3D);
}
.text-input {
    border: 1px solid #E5E7EB;
    border-radius: 6px;
}
.text-input:focus {
    border-color: #1677FF;
    box-shadow: 0 0 0 3px rgba(22, 119, 255, .12);
}
.progress-fill {
    background: #1677FF;
}
.spinner {
    border-top-color: #1677FF;
}
.modal {
    border-radius: 6px;
}
.toast {
    border-radius: 6px;
}
.footer-brand {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: #1677FF;
    color: #1677FF;
}
/* 金色渐变文字（media2 等页面统计数字）统一为品牌蓝 */
.gold-text,
.hero-subtitle-highlight,
.hero-subtitle-promo {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: #1677FF;
}

/* ---------- 渐变文字 → 纯色品牌蓝 ---------- */
.history-title,
.stat-value,
.after-sales-title,
.cs-title,
.stat-box-value {
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: currentColor;
    color: #1677FF;
}

/* ---------- 蓝色渐变背景 → 品牌蓝 ---------- */
.section-number,
.comparison-table th,
.step-list li::before,
.detect-btn,
.file-icon,
.modal-result-header,
.submit-btn,
.feedback-download-btn,
.cs-icon-wechat,
.success-icon-wrapper,
.success-btn,
.toast-icon,
.toast-btn-primary,
.toast-box::before,
.tool-card::before,
.tool-link,
.package-card .tag-recommend,
.sign-in-btn.available,
.invite-copy-btn,
.comment-card::before,
.redeem-btn,
.screenshot-submit-btn,
.success-download-btn,
.action-btn.reprocess:hover,
.copy-btn {
    background: #1677FF;
}
/* ai-detection 页激活标签：蓝底白字 */
.tab-btn.active {
    background: #1677FF;
    color: #fff;
    border-color: transparent;
}
/* after-sales 页激活标签：极淡蓝底 + 品牌蓝字 */
.after-sales-container .tab-btn.active {
    background: #E6F4FF;
    color: #1677FF;
}
.copy-btn:hover {
    background: #0958D9;
}
/* 大主卡（余额卡）用白色中性风格，不再使用深蓝渐变 */
.balance-card {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(17, 24, 39, 0.06);
}
/* 浅蓝底（选中态/浅色卡片）统一为极淡蓝 */
.stat-card.primary,
.package-card.selected,
.invite-code-wrap,
.comment-submit-area {
    background: #E6F4FF;
}
.coupon-item.used,
.type-login,
.status-1,
.detail-icon.recharge,
.amount-100,
.template-platform.zhihu {
    background: #E6F4FF;
    color: #1677FF;
}
/* admin-tts / admin-asr 品牌色（靛紫/翠绿）整体转蓝 */
.page-header-icon,
.speaker-cat.active,
.utterance-index,
.param-slider input[type="range"]::-webkit-slider-thumb {
    background: linear-gradient(135deg, #1677FF, #0958D9);
}
.admin-tts-page .btn-primary,
.admin-asr-page .btn-primary,
.speaker-option.selected {
    background: #1677FF;
}
/* admin-invite-code 紫色派发弹窗转蓝 */
.dispatch-confirm-modal::before {
    background: #1677FF;
}
.dispatch-confirm-icon {
    background: linear-gradient(135deg, #1677FF, #0958D9);
}
.btn-dispatch {
    background: linear-gradient(135deg, #1677FF, #0958D9);
    border-color: #1677FF;
}
.dispatch-confirm-count,
.dispatch-confirm-tip,
.btn-dispatch:hover {
    color: #1677FF;
}
.dispatch-confirm-tip {
    border-color: #BFDBFE;
    background: #E6F4FF;
}
/* 蓝色纯色按钮（后台管理页） */
.filter-btn.active,
.search-btn,
.action-btn-primary,
.modal-btn-primary,
.page-btn.active,
.filter-btn-primary,
.pagination button.active,
.toast-box.toast-info,
.coupon-status.used {
    background: #1677FF;
    border-color: #1677FF;
}
.action-btn-primary:hover,
.modal-btn-primary:hover,
.filter-btn-primary:hover,
.btn-primary:hover {
    background: #0958D9;
    border-color: #0958D9;
}

/* ---------- 主色引用（边框/文字/hover） → 品牌蓝 ---------- */
.filter-btn:hover,
.page-btn:hover,
.sub-nav a:hover,
.tab-btn:hover,
.file-upload-area:hover,
.cs-qrcode-box:hover,
.tool-card:hover,
.package-card:hover,
.package-card.selected,
.streak-day.active,
.carousel-btn:hover,
.records-more-btn:hover,
.filter-tab:hover,
.speaker-display:hover,
.speaker-display.open,
.utterance-item:hover,
.sms-btn {
    border-color: #1677FF;
}
.filter-btn:hover,
.page-btn:hover,
.sub-nav a:hover,
.tab-btn:hover,
.feedback-item-reply-label,
.guide-toc h2,
.guide-toc a:hover,
.guide-toc a.active,
.highlight,
.platform-card .arrow,
.case-box .case-title,
.card-title svg,
.char-count span,
.pkg-points,
.pkg-unit-price,
.pay-info-row .value.highlight,
.detail-section-title,
.coupon-item.used .coupon-amount,
.tips-list li::before,
.redeem-tips li::before,
.redeem-card-title svg,
.empty-state a,
.param-value,
.upload-icon,
.tab-item.active,
.action-btn:hover svg,
.action-btn.reprocess,
.invite-code-value,
.comment-submit-area-header,
.case-box .case-lesson,
.agreement a,
.login-footer a,
.accordion-title,
.pay-tag.paid,
.result-label {
    color: #1677FF;
}
.streak-day.active,
.invite-code-wrap,
.comment-card,
.upload-area.dragover,
.screenshot-upload-area.dragover,
.file-upload-area:hover,
.speaker-option.selected,
.dispatch-bar {
    border-color: #1677FF;
}
.streak-day.active,
.invite-code-wrap,
.upload-area.dragover,
.screenshot-upload-area.dragover,
.file-upload-area:hover,
.speaker-option.selected,
.dispatch-bar,
.template-platform.zhihu,
.status-1,
.type-login,
.coupon-item.used,
.detail-icon.recharge {
    background: #E6F4FF;
}
.invite-code-value,
.comment-submit-area-header,
.case-box .case-lesson,
.amount-100,
.type-login,
.status-1,
.dispatch-bar,
.pkg-unit-price {
    color: #0958D9;
}
.comment-submit-area {
    border-color: #BFDBFE;
}
.comment-submit-area .my-records-section,
.comment-submit-area .screenshot-upload-section {
    border-color: #D6E9FF;
}
.feature-tag {
    background: #E6F4FF;
    color: #1677FF;
}

/* ---------- hover 阴影蓝色调统一 ---------- */
.stat-card:hover,
.tool-card:hover,
.stat-box:hover,
.success-download-btn:hover,
.submit-btn:hover,
.success-btn:hover,
.toast-btn-primary:hover,
.toast-icon,
.success-icon-wrapper,
.btn-primary:hover,
.tool-link:hover {
    box-shadow: 0 8px 20px rgba(22, 119, 255, .15);
}

/* ---------- 大圆角 → 6px ---------- */
.stat-card,
.history-filters,
.history-list,
.detail-content,
.loading-modal,
.success-content,
.success-modal,
.history-select-list,
.file-upload-area,
.screenshot-item,
.feedback-item,
.cs-card,
.cs-qrcode-box,
.cs-info-icon,
.toast-box,
.card,
.text-input-area,
.upload-area,
.file-info,
.stat-box,
.screenshot-table,
.modal,
.reply-textarea,
.coupon-option,
.filter-bar,
.log-table,
.detail-reply-box,
.wechat-qrcode-modal,
.wechat-qrcode-img-wrapper,
.page-header,
.page-header-icon,
.audio-player-wrap,
.speaker-dropdown,
.tab-bar,
.upload-zone,
.utterance-item,
.result-text-box,
.dispatch-bar,
.dispatch-confirm-modal,
.dispatch-confirm-tip,
.dispatch-confirm-actions .btn,
.result-list,
.code-table,
.guide-toc,
.guide-section,
.section-number,
.comparison-table,
.platform-card,
.case-box,
.sub-nav a,
.comment-earn-card,
.package-card,
.pay-card,
.qr-content,
.qr-img,
.qr-close,
.detail-icon,
.sign-in-card,
.streak-day,
.invite-link-wrap,
.comment-box .template-carousel,
.comment-submit-area .my-records-section,
.comment-submit-area .screenshot-upload-section,
.comment-box .comment-desc,
.carousel-container,
.template-card,
.redeem-input,
.screenshot-upload-area,
.record-item,
.tool-card,
.tool-icon,
.footer-tip,
.modal-content,
.modal-error-btn,
.modal-download-btn,
.detect-btn,
.submit-btn,
.feedback-download-btn,
.success-btn,
.toast-btn,
.toast-icon,
.toast-btn-primary,
.tab-btn,
.sms-btn,
.login-card,
.form-input,
.input-group input,
.coupon-item,
.tips,
.redeem-card,
.pay-btn,
.comment-earn-btn,
.paragraph-item,
.file-info,
.speaker-option,
.audio-player-wrap,
.detail-text,
.result-panel,
.rc-redeem-btn,
.rc-redeem input,
.filter-tab,
.page-btn,
.detail-card,
.rc-header {
    border-radius: 6px;
}
/* 输入框焦点统一 */
.search-input:focus,
.reply-textarea:focus,
.text-input-area:focus,
.upload-area:focus,
.input-group input:focus,
.form-input:focus,
.redeem-input:focus,
.filter-group input:focus,
.filter-group select:focus,
.form-select:focus,
.form-textarea:focus,
.speaker-search input:focus,
.sms-btn:focus {
    border-color: #1677FF;
    box-shadow: 0 0 0 3px rgba(22, 119, 255, .12);
}
/* 上传区 hover/dragover 统一 */
.upload-area:hover,
.upload-area.dragover,
.screenshot-upload-area:hover,
.screenshot-upload-area.dragover,
.upload-zone:hover,
.upload-zone.dragover {
    border-color: #1677FF;
    background: #E6F4FF;
}

/* ---------- media2（自媒体去AI首页） ---------- */
.hero {
    background: linear-gradient(135deg, #003880 0%, #1677FF 100%);
}
.hero-subtitle-highlight,
.hero-subtitle-promo {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}
.hero-btn {
    background: #1677FF;
    border-radius: 6px;
}
.hero-btn:hover {
    background: #0958D9;
}
.stat-card {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}
.stat-card.highlight-wide {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
}
.stat-card.highlight-wide .stat-value {
    color: #1677FF;
}

/* ---------- login（登录页对齐浅灰底 + 白卡） ---------- */
.login-container {
    background: #F5F7FA;
}
.login-card {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    box-shadow: 0 8px 30px rgba(15, 23, 42, .06);
}
.login-logo {
    background: #1677FF;
    border-radius: 8px;
}
.sms-btn {
    border: 2px solid #1677FF;
    color: #1677FF;
    background: rgba(22, 119, 255, .06);
}
.sms-btn:hover:not(:disabled) {
    background: #1677FF;
    color: #fff;
}
.submit-btn {
    background: #1677FF;
    border-radius: 6px;
}
.submit-btn:hover {
    background: #0958D9;
}
.back-home {
    background: rgba(255, 255, 255, .9);
    border: 1px solid #E5E7EB;
    color: #1677FF;
}
.back-home:hover {
    color: #0958D9;
}

/* ---------- admin-tts（靛紫 → 蓝） ---------- */
.param-slider input[type="range"]::-webkit-slider-thumb {
    background: #1677FF;
}
.speaker-option.selected {
    background: #E6F4FF;
    border-color: #1677FF;
}
.download-btn {
    color: #1677FF;
    border-color: #91CAFF;
    box-shadow: 0 2px 8px rgba(22, 119, 255, .12);
}
.download-btn:hover {
    background: #E6F4FF;
    border-color: #1677FF;
    color: #1677FF;
}

/* ---------- admin-asr（翠绿 → 蓝） ---------- */
.result-text-box {
    background: #E6F4FF;
    border-color: #BFDBFE;
}
.result-text-label {
    color: #0958D9;
}

/* ---------- history 搜索/操作按钮等行内渐变（无法覆盖的保持蓝色系） ---------- */
/* JS 动态生成的按钮渐变 #3b82f6→#60a5fa 属蓝色系，保持原样即可 */