/* ============================================================
   资产管理页浅色化覆盖层（asset-light-theme.css）
   作用：在 asset-platform.css 之后加载，把原深蓝夜色主题
   覆盖为与首页一致的浅色纸面风格（暖白底 + 墨色 + 深青强调，无渐变）
   注意：只做覆盖，不修改原文件；如需回深色，移除此文件引用即可
   ============================================================ */

/* ============ 1. 变量覆盖：深蓝夜色 → 浅色纸面 ============ */
:root {
    --bg-deep: #FAF9F6;                        /* 页面底色：暖白 */
    --bg-section: #F3F1EC;                     /* 区块底色：次级暖白 */
    --bg-card: #FFFFFF;                        /* 卡片底：纯白 */
    --cyan: #0E7490;                           /* 强调色统一为深青（实色） */
    --purple: #6D5A9E;                         /* 紫色降为浅色可读的哑紫 */
    --green: #0F766E;                          /* 绿色降为深青绿 */
    --orange: #B45309;                         /* 橙色降为深琥珀（浅底可读） */
    --red: #B91C1C;                            /* 红色降为深红 */
    --text: #16181D;                           /* 主文字：墨色 */
    --text-muted: #8A8F98;                     /* 弱化文字 */
    --border: #E4E1DA;                         /* 边框细线 */
}

/* ============ 2. 全局背景与文字 ============ */
body { background: var(--bg-deep); color: var(--text); }

/* 粒子画布：浅色下改为极淡墨点，保留动感不抢眼 */
#asset-particle-canvas { opacity: 0.35; }

/* ============ 3. 原导航/移动菜单已由公共 site-nav.jsp 替代，
   此处仅兜底隐藏残留的旧导航样式（避免 JS 引用报错时露出深色块） ============ */
.asset-topbar, .asset-navbar, .asset-mobile-menu { display: none !important; }

/* ============ 4. Hero 区 ============ */
.asset-hero-badge {
    background: rgba(180,83,9,0.08);
    border-color: rgba(180,83,9,0.3);
}
/* 主标题：去渐变，改为墨色实色 + 衬线字体（对齐首页调性） */
.asset-hero h1 {
    background: none;
    -webkit-text-fill-color: var(--text);
    font-family: "Noto Serif SC", "Source Han Serif SC", "SimSun", serif;
    letter-spacing: 1px;
}

/* ============ 5. 各类卡片：深色半透明 → 白卡 + 细边线 ============ */
.arch-layer,
.module-card,
.penetration-card,
.risk-card,
.ai-card,
.scenario-card,
.tech-card,
.related-card {
    background: var(--bg-card);
    border-color: var(--border);
    box-shadow: 0 1px 0 rgba(22,24,29,0.02);
}
/* 卡片悬浮：浅色轻投影，去掉深色发光 */
.arch-layer:hover,
.module-card:hover,
.penetration-card:hover,
.risk-card:hover,
.ai-card:hover,
.scenario-card:hover,
.tech-card:hover {
    border-color: rgba(14,116,144,0.35);
    box-shadow: 0 12px 32px -14px rgba(22,24,29,0.14);
}

/* 半透明色块图标底 → 浅色色底 */
.mod-icon, .pi-icon, .tech-icon {
    background: rgba(14,116,144,0.08) !important;
    color: var(--cyan) !important;
}

/* ============ 6. 白色文字全部换墨色 ============ */
.asset-hero-stats .stat-num { color: var(--cyan); }
.arch-layer-num,
.penetration-num,
.tech-num {
    color: #fff;
    background: var(--ink, #16181D);
}
/* 渐变编号圆改为实色深青（无渐变） */
.arch-layer-num.c4,
.pi-4,
.sc-park,
.tech-gis {
    background: var(--cyan) !important;
}

/* ============ 7. 咨询弹窗：深色玻璃 → 浅色纸面 ============ */
.asset-modal {
    background: #FFFFFF;
    box-shadow: 0 24px 80px rgba(22,24,29,0.22);
    color: var(--text);
}
.asset-modal-close { color: var(--text-muted); }
.asset-modal-close:hover { color: var(--text); }
.asset-modal h3,
.asset-modal .asset-form-group label,
.asset-checkbox-item { color: var(--text); }
.asset-form-group input,
.asset-form-group select,
.asset-form-group textarea {
    border-color: var(--border);
    background: var(--bg-soft, #F3F1EC);
    color: var(--text);
}
.asset-form-group input:focus,
.asset-form-group select:focus,
.asset-form-group textarea:focus {
    border-color: var(--cyan);
}
.asset-form-group input::placeholder,
.asset-form-group textarea::placeholder { color: #B3B7BE; }
.asset-form-group select option { background: #fff; color: var(--text); }
/* 提交按钮：去渐变，实色深青 */
.asset-submit-btn {
    background: var(--cyan) !important;
    color: #fff;
}
.asset-submit-btn:hover { background: #0B5C73 !important; }
.asset-modal-footer-info,
.asset-modal-footer-info a { color: var(--text-muted); }
.asset-modal-overlay { background: rgba(22,24,29,0.4); }

/* ============ 8. 其他深色残留修补 ============ */
/* 表单勾选强调色 */
input[type="checkbox"] { accent-color: var(--cyan); }
/* 关联文章/产品卡片悬浮 */
.asset-related-card:hover {
    border-color: var(--cyan) !important;
    background: rgba(14,116,144,0.05) !important;
    box-shadow: 0 8px 24px rgba(22,24,29,0.1);
}
/* 区块标题图标颜色跟随新变量（橙/紫已降为深色系） */
.asset-section-title h2 i { filter: none; }
/* 分隔发光线 → 细实线 */
.asset-divider, .asset-glow-line {
    background: var(--border) !important;
    box-shadow: none !important;
}
/* 页面顶部大标题下的渐变光带（如有） */
.asset-hero::after { display: none; }

/* ============ 9. 手机端适配补强（在原 768px 断点之上细化） ============ */
@media (max-width: 768px) {
    /* Hero：标题/正文/徽标缩放 */
    .asset-hero h1 { font-size: clamp(26px, 7vw, 34px); }
    .asset-hero p { font-size: 15px; line-height: 1.8; margin-bottom: 28px; }
    .asset-hero-badge { font-size: 12px; padding: 5px 14px; margin-bottom: 18px; }
    .asset-hero-stats { gap: 20px; }
    .asset-hero-stats .stat-num { font-size: 26px; }
    .asset-hero-stats .stat-label { font-size: 12px; }
    /* 区块标题与描述 */
    .asset-section { padding: 64px 18px; }
    .asset-section-title { margin-bottom: 36px; }
    .asset-section-title h2 { font-size: 22px; }
    .asset-section-title p { font-size: 14px; }
    /* 卡片内边距收紧 */
    .arch-layer, .module-card, .penetration-card, .risk-card, .ai-card,
    .scenario-card, .tech-card { padding: 18px 16px !important; }
    /* 咨询弹窗：手机上全宽且可滚动 */
    .asset-modal-content { width: 100vw; max-height: 92vh; overflow-y: auto; border-radius: 0; }
}
/* 极窄屏（<420px）再压一档 */
@media (max-width: 420px) {
    .asset-hero h1 { font-size: 24px; }
    .asset-hero-stats .stat-num { font-size: 22px; }
}