|
|
@@ -52,17 +52,17 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
|
|
|
.kb-marker .kb-more-btn { font-size:0.75rem; font-weight:700; color:var(--m-color); cursor:pointer; opacity:0.5; transition:opacity .2s; user-select:none; margin-left:auto; }
|
|
|
.kb-marker .kb-more-btn:hover { opacity:1; }
|
|
|
.kb-marker .kb-hidden-items { display:none; position:absolute; top:0; z-index:3; background:rgba(255,255,255,0.95); backdrop-filter:blur(8px); border-radius:12px; padding:10px 14px; border:1.5px solid var(--m-color); box-shadow:0 4px 16px rgba(0,0,0,0.06); min-width:170px; max-width:220px; pointer-events:auto; }
|
|
|
- .kb-marker:hover .kb-hidden-items { display:block; }
|
|
|
- .kb-marker--right .kb-hidden-items { left:calc(100% + 8px); }
|
|
|
- .kb-marker--left .kb-hidden-items { right:calc(100% + 8px); }
|
|
|
- .kb-marker-card a { display:flex; align-items:center; gap:6px; padding:5px 0; text-decoration:none; color:var(--color-text-secondary); font-size:0.8125rem; line-height:1.3; border-bottom:1px solid var(--color-border-light); transition:color .2s; }
|
|
|
- .kb-marker-card a:last-child { border-bottom:none; }
|
|
|
- .kb-marker-card a:hover { color:var(--m-color,var(--color-primary)); }
|
|
|
- .kb-marker-card a .ma-icon { font-size:1rem; flex-shrink:0; }
|
|
|
- .kb-marker-card a .ma-title { flex:1; min-width:0; }
|
|
|
- .kb-marker-card a .ma-arrow { flex-shrink:0; font-size:0.75rem; opacity:0.3; transition:transform .2s; }
|
|
|
- .kb-marker-card a:hover .ma-arrow { transform:translateX(3px); opacity:0.7; }
|
|
|
- .kb-marker-card .ma-coming { opacity:0.5; cursor:default; pointer-events:none; font-size:0.75rem; padding:4px 0; }
|
|
|
+
|
|
|
+ .kb-marker--right .kb-hidden-items { left:100%; }
|
|
|
+ .kb-marker--left .kb-hidden-items { right:100%; }
|
|
|
+ .kb-marker-card a, .kb-hidden-items a { display:flex; align-items:center; gap:6px; padding:5px 0; text-decoration:none; color:var(--color-text-secondary); font-size:0.8125rem; line-height:1.3; border-bottom:1px solid var(--color-border-light); transition:color .2s; }
|
|
|
+ .kb-marker-card a:last-child, .kb-hidden-items a:last-child { border-bottom:none; }
|
|
|
+ .kb-marker-card a:hover, .kb-hidden-items a:hover { color:var(--m-color,var(--color-primary)); }
|
|
|
+ .kb-marker-card a .ma-icon, .kb-hidden-items a .ma-icon { font-size:1rem; flex-shrink:0; }
|
|
|
+ .kb-marker-card a .ma-title, .kb-hidden-items a .ma-title { flex:1; min-width:0; }
|
|
|
+ .kb-marker-card a .ma-arrow, .kb-hidden-items a .ma-arrow { flex-shrink:0; font-size:0.75rem; opacity:0.3; transition:transform .2s; }
|
|
|
+ .kb-marker-card a:hover .ma-arrow, .kb-hidden-items a:hover .ma-arrow { transform:translateX(3px); opacity:0.7; }
|
|
|
+ .kb-marker-card .ma-coming, .kb-hidden-items .ma-coming { opacity:0.5; cursor:default; pointer-events:none; font-size:0.75rem; padding:4px 0; }
|
|
|
|
|
|
.kb-m-pos-brain { top:13%; left:56%; }
|
|
|
.kb-m-pos-heart { top:33%; right:54%; }
|
|
|
@@ -157,17 +157,18 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
|
|
|
|
|
|
var ARTICLES = {
|
|
|
body: [
|
|
|
- { icon:'🌿', title:'孩子过敏反复不好，根源可能在肠道', desc:'从肠道菌群-免疫-过敏三角关系出发，解析儿童过敏的深层原因。', url:'geo-faq-1-allergy.html' },
|
|
|
- { icon:'🛡️', title:'儿童免疫力提升3大关键步骤', desc:'从肠道微生态、营养支持与睡眠节律三个维度系统提升自护力。', url:'geo-faq-3-immunity.html' },
|
|
|
- { icon:'🌊', title:'微塑料对家庭健康的隐形危害', desc:'揭秘微塑料如何影响肠道菌群与激素系统及家庭防护策略。', url:'plastic-health.html' },
|
|
|
- { icon:'🩺', title:'2型糖尿病：慢性炎症驱动的β细胞凋亡', desc:'从慢性炎症、肠道菌群与胰岛素抵抗角度解析2型糖尿病的发生机制与主动干预策略。', url:'diabetes.html' },
|
|
|
- { icon:'🦴', title:'骨质疏松：骨骼健康的主动管理', desc:'骨质疏松的症-病-因分析与主动健康干预五步法，从营养运动到药物管理。', url:'osteoporosis.html' },
|
|
|
- { icon:'🧬', title:'癌症预防：科学筛查与主动健康', desc:'癌症的发病机制与危险因素解析，提供主动健康五步干预策略降低患癌风险。', url:'cancer.html' },
|
|
|
- { icon:'🧠', title:'阿尔茨海默病：认识认知衰退的早期信号', desc:'从神经炎症、肠道菌群与肠-脑轴角度解析阿尔茨海默病的发生机制与主动干预策略。', url:'alzheimer.html' },
|
|
|
- { icon:'🍎', title:'精准营养：每个家庭的健康基石', desc:'基于个体代谢特征定制真正适合家人的膳食方案。', coming:true }
|
|
|
+ { icon:'🌿', title:'孩子过敏反复不好，根源可能在肠道', desc:'从肠道菌群-免疫-过敏三角关系出发，解析儿童过敏的深层原因。', url:'articles/geo-faq-1-allergy.html' },
|
|
|
+ { icon:'🛡️', title:'儿童免疫力提升3大关键步骤', desc:'从肠道微生态、营养支持与睡眠节律三个维度系统提升自护力。', url:'articles/geo-faq-3-immunity.html' },
|
|
|
+ { icon:'🌊', title:'微塑料对家庭健康的隐形危害', desc:'揭秘微塑料如何影响肠道菌群与激素系统及家庭防护策略。', url:'articles/plastic-health.html' },
|
|
|
+ { icon:'🩺', title:'2型糖尿病：慢性炎症驱动的β细胞凋亡', desc:'从慢性炎症、肠道菌群与胰岛素抵抗角度解析2型糖尿病的发生机制与主动干预策略。', url:'articles/diabetes.html' },
|
|
|
+ { icon:'🦴', title:'骨质疏松：骨骼健康的主动管理', desc:'骨质疏松的症-病-因分析与主动健康干预五步法，从营养运动到药物管理。', url:'articles/osteoporosis.html' },
|
|
|
+ { icon:'🧬', title:'癌症预防：科学筛查与主动健康', desc:'癌症的发病机制与危险因素解析，提供主动健康五步干预策略降低患癌风险。', url:'articles/cancer.html' },
|
|
|
+ { icon:'🧠', title:'阿尔茨海默病：认识认知衰退的早期信号', desc:'从神经炎症、肠道菌群与肠-脑轴角度解析阿尔茨海默病的发生机制与主动干预策略。', url:'articles/alzheimer.html' },
|
|
|
+ { icon:'🍎', title:'精准营养：每个家庭的健康基石', desc:'基于个体代谢特征定制真正适合家人的膳食方案。', coming:true },
|
|
|
+ { icon:'🚰', title:'自来水中的隐形威胁', desc:'自来水中抗生素、雌激素与内分泌干扰物污染全解析及对肠道菌群的影响。', url:'articles/tap-water-pollution.html' }
|
|
|
],
|
|
|
wisdom: [
|
|
|
- { icon:'🧠', title:'注意力不集中，先查肠道再谈训练', desc:'肠道菌群通过肠-脑轴影响注意力与认知功能，科学认知从根源入手。', url:'geo-faq-2-attention.html' },
|
|
|
+ { icon:'🧠', title:'注意力不集中，先查肠道再谈训练', desc:'肠道菌群通过肠-脑轴影响注意力与认知功能，科学认知从根源入手。', url:'articles/geo-faq-2-attention.html' },
|
|
|
{ icon:'📖', title:'成长型思维：帮助孩子拥抱挑战', desc:'从心理学研究出发，培养孩子面对困难时不放弃的核心信念。', coming:true }
|
|
|
],
|
|
|
wealth: [
|
|
|
@@ -179,7 +180,7 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
|
|
|
{ icon:'🏕️', title:'亲子户外活动：在自然中成长', desc:'走出室内，用大自然的力量滋养孩子的身体与心灵。', coming:true }
|
|
|
],
|
|
|
heart: [
|
|
|
- { icon:'❤️', title:'心脑血管疾病：从症-病-因到主动健康干预', desc:'心脑血管疾病的症状识别、发病机制与主动健康五步干预，科学守护心血管健康。', url:'cardio-cerebro.html' },
|
|
|
+ { icon:'❤️', title:'心脑血管疾病：从症-病-因到主动健康干预', desc:'心脑血管疾病的症状识别、发病机制与主动健康五步干预，科学守护心血管健康。', url:'articles/cardio-cerebro.html' },
|
|
|
{ icon:'💛', title:'亲子沟通：如何听懂孩子的心', desc:'从共情力到非暴力沟通，帮助家长走进孩子的内心世界。', coming:true },
|
|
|
{ icon:'🕊️', title:'儿童情绪管理：从认知到调节', desc:'理解各年龄段情绪发展规律，掌握实用的情绪疏导方法。', coming:true }
|
|
|
]
|
|
|
@@ -201,6 +202,7 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
|
|
|
var m = document.createElement('div');
|
|
|
m.className = 'kb-marker ' + sideCls;
|
|
|
m.style.cssText = 'top:'+pos.top+';'+(pos.side==='left'?'left:'+pos.offset:'right:'+pos.offset);
|
|
|
+ m.style.setProperty('--m-color', d.color);
|
|
|
var card = document.createElement('div');
|
|
|
card.className = 'kb-marker-card';
|
|
|
card.style.setProperty('--m-color', d.color);
|
|
|
@@ -216,6 +218,7 @@ html.kb-page, .kb-page body { height: 100vh; overflow: hidden; }
|
|
|
hiddenDiv = document.createElement('div');
|
|
|
hiddenDiv.className = 'kb-hidden-items';
|
|
|
m.appendChild(hiddenDiv);
|
|
|
+ (function(h,d){ var t=null; h.onmouseenter=function(){ if(t){clearTimeout(t);t=null} d.style.display='block'; }; h.onmouseleave=function(){ if(!t){t=setTimeout(function(){ if(!d.matches(':hover')){ d.style.display='none'; } t=null; },500);} }; d.onmouseenter=function(){ if(t){clearTimeout(t);t=null} d.style.display='block'; }; d.onmouseleave=function(){ if(!t){t=setTimeout(function(){ if(!h.matches(':hover')){ d.style.display='none'; } t=null; },500);} }; })(hd, hiddenDiv);
|
|
|
}
|
|
|
card.appendChild(hd);
|
|
|
for (var j = 0; j < arts.length; j++) {
|
