/* ============================================================
 * 分站（代理站）专属主题 v1.0 —— 仅换色系，不改任何功能与布局
 * 主站主色：紫 #667eea → #764ba2 ；分站主色：海蓝 #0f6cbd → 青 #12a3a8
 * 仅当 config.php 中 SITE_ROLE === 'sub' 时由页面条件引入本文件。
 * 覆盖策略：
 *   1) 类级覆盖 style.css 中的紫色主题类；
 *   2) 属性选择器 [style*=...] 覆盖散落在各页面的内联紫渐变/紫色文字；
 *   3) !important 确保优先级高于页面内 <style> 与内联 style。
 * 功能色（成功绿 / 危险红 / 警示橙）保持不变，避免语义混乱。
 * ============================================================ */

/* ---------- 1. 全站背景（页面主背景渐变） ---------- */
body {
    background: linear-gradient(135deg, #0f6cbd 0%, #12a3a8 100%) !important;
}

/* ---------- 2. style.css 类级覆盖 ---------- */
.btn-primary {
    background: linear-gradient(135deg, #0f6cbd 0%, #12a3a8 100%) !important;
}
/* v7.3.392：不再覆盖 .badge-vip —— VIP 徽章的金色是品牌级视觉
   （且「森林能量 VIP = 绿边 + 金底」依赖它），分站若改成蓝青底，
   会变成「绿边蓝底」，与主站不一致。 */
.btn-primary:hover {
    box-shadow: 0 5px 20px rgba(15, 108, 189, 0.4) !important;
}

/* 输入框聚焦、选中态描边 */
input:focus, select:focus, textarea:focus {
    border-color: #0f6cbd !important;
}

/* ---------- 3. 内联紫渐变统一改为分站蓝青渐变 ---------- */
[style*="linear-gradient(135deg, #667eea"],
[style*="linear-gradient(135deg,#667eea"] {
    background: linear-gradient(135deg, #0f6cbd 0%, #12a3a8 100%) !important;
}
/* 流动标题渐变文字（index 欢迎页 .welcome-title 等） */
[style*="linear-gradient(120deg, #667eea"] {
    background: linear-gradient(120deg, #0f6cbd, #12a3a8, #38bdf8, #0f6cbd) !important;
    background-size: 300% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}
.welcome-title {
    background: linear-gradient(120deg, #0f6cbd, #12a3a8, #38bdf8, #0f6cbd) !important;
    background-size: 300% 100% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

/* ---------- 4. 内联紫色文字/链接 ---------- */
a[style*="color: #667eea"], span[style*="color: #667eea"],
a[style*="color:#667eea"], span[style*="color:#667eea"] {
    color: #0e7490 !important;
}

/* ---------- 5. 帮助页板块标题（紫渐变头） ---------- */
.hp-section-title {
    background: linear-gradient(135deg, #0f6cbd 0%, #12a3a8 100%) !important;
}

/* ---------- 6. 样式弹窗（sp_modal）确认按钮沿用绿色，标题条如为紫则改蓝 ---------- */
.sp-modal-title {
    color: #0f6cbd;
}

/* ---------- 7. 顶部促销卡片（售后Q群等保留项）微调为清爽蓝底 ---------- */
.mp-promo-card.mp-qq {
    background: linear-gradient(135deg, #e0f2fe, #cffafe) !important;
    color: #0e7490 !important;
}

/* ---------- 8. 分页当前页/选中标签 ---------- */
.pagination .active, .pagination a:hover {
    background: #0f6cbd !important;
    border-color: #0f6cbd !important;
    color: #fff !important;
}

/* ---------- 9. 站点标识角标（右下角 logo 水印，替代原"分站"文字，规避文字识别，仅作视觉区分） ---------- */
body::after {
    content: "";
    position: fixed;
    right: 10px;
    bottom: 8px;
    width: 22px;
    height: 22px;
    background-image: url("../../favicon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.25));
    pointer-events: none;
    z-index: 99999;
}