|
|
@@ -0,0 +1,1274 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN">
|
|
|
+<head>
|
|
|
+<meta charset="UTF-8">
|
|
|
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+<meta name="description" content="癌症科学循证科普——症状识别、疾病定义、发病原因与主动健康五步干预。含癌症分子标志物、国际癌症研究机构(IARC)致癌物分类、中国癌症流行病学数据。">
|
|
|
+<meta name="keywords" content="癌症,肿瘤,恶性肿瘤,肺癌,结直肠癌,胃癌,肝癌,乳腺癌,HPV,主动健康,癌症预防,癌症筛查">
|
|
|
+<meta property="og:title" content="癌症的症状、病因与主动健康干预 — 科学循证">
|
|
|
+<meta property="og:description" content="中国年新增癌症患者457万。症状识别→疾病机制→危险因素→主动健康五步：提前识别、风险管控、主动干预、效果评估、持续优化。">
|
|
|
+<meta property="og:type" content="article">
|
|
|
+<title>癌症 · 症-病-因与主动健康干预 · 浠艾福</title>
|
|
|
+<style>
|
|
|
+ :root {
|
|
|
+ --bg-card: #FFFFFF;
|
|
|
+ --bg-alt: #faf5f7;
|
|
|
+ --text-primary: #1a1a2e;
|
|
|
+ --text-secondary: #4a5568;
|
|
|
+ --text-muted: #718096;
|
|
|
+ --accent: #8b1a1a;
|
|
|
+ --accent-light: #fdf2f2;
|
|
|
+ --blue: #1a5276;
|
|
|
+ --blue-light: #eaf4fb;
|
|
|
+ --teal: #148f77;
|
|
|
+ --teal-light: #e6fffa;
|
|
|
+ --purple: #7d3c98;
|
|
|
+ --purple-light: #f5eef8;
|
|
|
+ --orange: #d35400;
|
|
|
+ --orange-light: #fff4e6;
|
|
|
+ --font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
|
|
|
+ --max-width: 1080px;
|
|
|
+ --shadow-card: 0 4px 24px rgba(0,0,0,0.08);
|
|
|
+ --shadow-hover: 0 8px 40px rgba(0,0,0,0.12);
|
|
|
+ --radius: 16px;
|
|
|
+ }
|
|
|
+ * { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
+ html { scroll-behavior: smooth; }
|
|
|
+ body {
|
|
|
+ font-family: var(--font);
|
|
|
+ font-size: 1rem;
|
|
|
+ line-height: 1.8;
|
|
|
+ color: var(--text-primary);
|
|
|
+ background: #fff;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* HERO */
|
|
|
+ .hero {
|
|
|
+ position: relative;
|
|
|
+ background: linear-gradient(135deg, #2d1b1b 0%, #4a1942 40%, #6b2d5b 100%);
|
|
|
+ color: white;
|
|
|
+ padding: 6rem 1.5rem 4rem;
|
|
|
+ overflow: hidden;
|
|
|
+ min-height: 58vh;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .hero::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ inset: 0;
|
|
|
+ background:
|
|
|
+ radial-gradient(circle at 20% 30%, rgba(139,26,26,0.15) 0%, transparent 50%),
|
|
|
+ radial-gradient(circle at 80% 70%, rgba(20,143,119,0.1) 0%, transparent 50%);
|
|
|
+ }
|
|
|
+ .hero-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
|
|
|
+ .particle {
|
|
|
+ position: absolute;
|
|
|
+ border-radius: 50%;
|
|
|
+ background: rgba(255,255,255,0.1);
|
|
|
+ animation: float 8s ease-in-out infinite;
|
|
|
+ }
|
|
|
+ .particle:nth-child(1) { width:4px;height:4px;left:10%;top:20%;animation-delay:0s; }
|
|
|
+ .particle:nth-child(2) { width:8px;height:8px;left:25%;top:60%;animation-delay:1s;opacity:0.08; }
|
|
|
+ .particle:nth-child(3) { width:5px;height:5px;left:45%;top:15%;animation-delay:2s; }
|
|
|
+ .particle:nth-child(4) { width:3px;height:3px;left:65%;top:70%;animation-delay:0.5s; }
|
|
|
+ .particle:nth-child(5) { width:7px;height:7px;left:80%;top:30%;animation-delay:3s;opacity:0.06; }
|
|
|
+ .particle:nth-child(6) { width:4px;height:4px;left:15%;top:85%;animation-delay:1.5s; }
|
|
|
+ .particle:nth-child(7) { width:9px;height:9px;left:55%;top:45%;animation-delay:2.5s;opacity:0.1; }
|
|
|
+ @keyframes float {
|
|
|
+ 0%,100% { transform: translateY(0) scale(1); opacity: 0.1; }
|
|
|
+ 50% { transform: translateY(-30px) scale(1.5); opacity: 0.22; }
|
|
|
+ }
|
|
|
+ .hero-content {
|
|
|
+ position: relative;
|
|
|
+ z-index: 1;
|
|
|
+ max-width: var(--max-width);
|
|
|
+ margin: 0 auto;
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .hero-badge {
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 0.5rem;
|
|
|
+ background: rgba(255,255,255,0.1);
|
|
|
+ border: 1px solid rgba(255,255,255,0.2);
|
|
|
+ backdrop-filter: blur(8px);
|
|
|
+ padding: 0.4rem 1rem;
|
|
|
+ border-radius: 100px;
|
|
|
+ font-size: 0.85rem;
|
|
|
+ margin-bottom: 1.5rem;
|
|
|
+ }
|
|
|
+ .hero h1 {
|
|
|
+ font-size: clamp(1.8rem, 5vw, 3rem);
|
|
|
+ font-weight: 800;
|
|
|
+ margin-bottom: 1rem;
|
|
|
+ letter-spacing: -0.02em;
|
|
|
+ line-height: 1.25;
|
|
|
+ }
|
|
|
+ .hero h1 .accent { color: #e74c3c; }
|
|
|
+ .hero-sub {
|
|
|
+ font-size: clamp(1rem, 2vw, 1.15rem);
|
|
|
+ color: rgba(255,255,255,0.8);
|
|
|
+ max-width: 680px;
|
|
|
+ margin: 0 auto 2rem;
|
|
|
+ line-height: 1.7;
|
|
|
+ }
|
|
|
+ .hero-stats {
|
|
|
+ display: flex;
|
|
|
+ gap: 1.5rem;
|
|
|
+ justify-content: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-top: 2rem;
|
|
|
+ }
|
|
|
+ .hero-stat {
|
|
|
+ background: rgba(255,255,255,0.08);
|
|
|
+ backdrop-filter: blur(8px);
|
|
|
+ border: 1px solid rgba(255,255,255,0.1);
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 1rem 1.5rem;
|
|
|
+ text-align: center;
|
|
|
+ min-width: 120px;
|
|
|
+ }
|
|
|
+ .hero-stat .num { font-size: 1.9rem; font-weight: 800; color: #e74c3c; display: block; }
|
|
|
+ .hero-stat .label { font-size: 0.82rem; color: rgba(255,255,255,0.7); margin-top: 0.2rem; }
|
|
|
+ .scroll-hint {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 2rem;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ color: rgba(255,255,255,0.45);
|
|
|
+ font-size: 0.78rem;
|
|
|
+ text-align: center;
|
|
|
+ animation: bounce 2s ease-in-out infinite;
|
|
|
+ cursor: pointer;
|
|
|
+ text-decoration: none;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ gap: 0.3rem;
|
|
|
+ }
|
|
|
+ @keyframes bounce {
|
|
|
+ 0%,100% { transform: translateX(-50%) translateY(0); }
|
|
|
+ 50% { transform: translateX(-50%) translateY(8px); }
|
|
|
+ }
|
|
|
+ .scroll-arrow {
|
|
|
+ width: 16px; height: 16px;
|
|
|
+ border-right: 2px solid rgba(255,255,255,0.4);
|
|
|
+ border-bottom: 2px solid rgba(255,255,255,0.4);
|
|
|
+ transform: rotate(45deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ /* NAV */
|
|
|
+ .nav {
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ z-index: 100;
|
|
|
+ background: rgba(255,255,255,0.96);
|
|
|
+ backdrop-filter: blur(12px);
|
|
|
+ border-bottom: 1px solid rgba(0,0,0,0.06);
|
|
|
+ padding: 0.75rem 1.5rem;
|
|
|
+ }
|
|
|
+ .nav-inner {
|
|
|
+ max-width: var(--max-width);
|
|
|
+ margin: 0 auto;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ gap: 1rem;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+ .nav-brand {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 0.95rem;
|
|
|
+ color: var(--accent);
|
|
|
+ text-decoration: none;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 0.4rem;
|
|
|
+ }
|
|
|
+ .nav-links {
|
|
|
+ display: flex;
|
|
|
+ gap: 0.3rem;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ list-style: none;
|
|
|
+ }
|
|
|
+ .nav-links a {
|
|
|
+ color: var(--text-secondary);
|
|
|
+ text-decoration: none;
|
|
|
+ font-size: 0.85rem;
|
|
|
+ padding: 0.3rem 0.7rem;
|
|
|
+ border-radius: 8px;
|
|
|
+ transition: all 0.2s;
|
|
|
+ }
|
|
|
+ .nav-links a:hover { background: var(--accent-light); color: var(--accent); }
|
|
|
+ .nav-links a.active { background: var(--accent-light); color: var(--accent); font-weight: 600; }
|
|
|
+
|
|
|
+ /* LAYOUT */
|
|
|
+ .container { max-width: var(--max-width); margin: 0 auto; padding: 0 1.5rem; }
|
|
|
+ .section { padding: 4rem 0; border-bottom: 1px solid #eee; }
|
|
|
+ .section:last-of-type { border-bottom: none; }
|
|
|
+ .section-alt { background: var(--bg-alt); }
|
|
|
+ .section-tag {
|
|
|
+ display: inline-flex;
|
|
|
+ align-items: center;
|
|
|
+ gap: 0.4rem;
|
|
|
+ font-size: 0.72rem;
|
|
|
+ font-weight: 700;
|
|
|
+ letter-spacing: 0.1em;
|
|
|
+ text-transform: uppercase;
|
|
|
+ color: var(--accent);
|
|
|
+ margin-bottom: 0.75rem;
|
|
|
+ }
|
|
|
+ .section-tag.purple { color: var(--purple); }
|
|
|
+ .section-tag.teal { color: var(--teal); }
|
|
|
+ .section-tag.blue { color: var(--blue); }
|
|
|
+ .section-tag.orange { color: var(--orange); }
|
|
|
+ .section-tag.green { color: var(--teal); }
|
|
|
+ .section-title {
|
|
|
+ font-size: clamp(1.4rem, 3vw, 2.1rem);
|
|
|
+ font-weight: 800;
|
|
|
+ margin-bottom: 1rem;
|
|
|
+ line-height: 1.3;
|
|
|
+ }
|
|
|
+ .section-intro {
|
|
|
+ font-size: 1.05rem;
|
|
|
+ color: var(--text-secondary);
|
|
|
+ margin-bottom: 2rem;
|
|
|
+ max-width: 820px;
|
|
|
+ line-height: 1.85;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* GRID */
|
|
|
+ .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
|
|
|
+ .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
|
|
|
+ @media (max-width: 768px) { .grid-2, .grid-3 { grid-template-columns: 1fr; } }
|
|
|
+
|
|
|
+ /* CARDS */
|
|
|
+ .card {
|
|
|
+ background: var(--bg-card);
|
|
|
+ border-radius: var(--radius);
|
|
|
+ padding: 1.75rem;
|
|
|
+ box-shadow: var(--shadow-card);
|
|
|
+ border: 1px solid rgba(0,0,0,0.04);
|
|
|
+ transition: transform 0.2s, box-shadow 0.2s;
|
|
|
+ }
|
|
|
+ .card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
|
|
|
+ .card-icon { font-size: 2.4rem; margin-bottom: 0.75rem; display: block; }
|
|
|
+ .card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.6rem; }
|
|
|
+ .card p { color: var(--text-secondary); font-size: 0.92rem; line-height: 1.75; }
|
|
|
+ .card-accent { border-left: 4px solid var(--accent); }
|
|
|
+ .card-blue { border-left: 4px solid var(--blue); }
|
|
|
+ .card-teal { border-left: 4px solid var(--teal); }
|
|
|
+ .card-purple { border-left: 4px solid var(--purple); }
|
|
|
+ .card-orange { border-left: 4px solid var(--orange); }
|
|
|
+
|
|
|
+ /* STAT ROW */
|
|
|
+ .stat-row { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 1.5rem 0; }
|
|
|
+ .stat-block {
|
|
|
+ flex: 1;
|
|
|
+ min-width: 110px;
|
|
|
+ background: var(--bg-alt);
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 1.1rem 1.25rem;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .stat-block .number { font-size: 1.7rem; font-weight: 800; color: var(--accent); display: block; }
|
|
|
+ .stat-block .number.blue { color: var(--blue); }
|
|
|
+ .stat-block .number.teal { color: var(--teal); }
|
|
|
+ .stat-block .number.purple { color: var(--purple); }
|
|
|
+ .stat-block .number.orange { color: var(--orange); }
|
|
|
+ .stat-block .unit { font-size: 0.72rem; color: var(--text-muted); display: block; margin-top: 0.15rem; }
|
|
|
+ .stat-block .desc { font-size: 0.82rem; color: var(--text-secondary); margin-top: 0.35rem; }
|
|
|
+
|
|
|
+ /* EVIDENCE BOX */
|
|
|
+ .evidence-box {
|
|
|
+ background: linear-gradient(135deg, #fdf2f2 0%, #fff9f0 100%);
|
|
|
+ border: 1px solid rgba(139,26,26,0.12);
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 1.4rem 1.7rem;
|
|
|
+ margin: 1.75rem 0;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+ .evidence-box::before {
|
|
|
+ content: '🔬';
|
|
|
+ position: absolute;
|
|
|
+ top: -0.5rem;
|
|
|
+ right: 1rem;
|
|
|
+ font-size: 3.5rem;
|
|
|
+ opacity: 0.06;
|
|
|
+ }
|
|
|
+ .evidence-box.blue {
|
|
|
+ background: linear-gradient(135deg, #eaf4fb 0%, #e8f4f8 100%);
|
|
|
+ border-color: rgba(26,82,118,0.12);
|
|
|
+ }
|
|
|
+ .evidence-box.green {
|
|
|
+ background: linear-gradient(135deg, #e6fffa 0%, #f0fff4 100%);
|
|
|
+ border-color: rgba(20,143,119,0.12);
|
|
|
+ }
|
|
|
+ .evidence-box.purple {
|
|
|
+ background: linear-gradient(135deg, #f5eef8 0%, #faf5ff 100%);
|
|
|
+ border-color: rgba(125,60,152,0.12);
|
|
|
+ }
|
|
|
+ .evidence-box-header { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.65rem; flex-wrap: wrap; }
|
|
|
+ .evidence-box-title { font-weight: 700; font-size: 0.97rem; color: var(--accent); }
|
|
|
+ .evidence-box.blue .evidence-box-title { color: var(--blue); }
|
|
|
+ .evidence-box.green .evidence-box-title { color: var(--teal); }
|
|
|
+ .evidence-box.purple .evidence-box-title { color: var(--purple); }
|
|
|
+ .evidence-box p { color: var(--text-secondary); font-size: 0.92rem; line-height: 1.75; margin-bottom: 0.4rem; }
|
|
|
+ .evidence-box p:last-child { margin-bottom: 0; }
|
|
|
+ .ev-tag {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 0.68rem;
|
|
|
+ font-weight: 700;
|
|
|
+ padding: 0.18rem 0.55rem;
|
|
|
+ border-radius: 100px;
|
|
|
+ background: rgba(139,26,26,0.1);
|
|
|
+ color: var(--accent);
|
|
|
+ margin-right: 0.3rem;
|
|
|
+ margin-top: 0.25rem;
|
|
|
+ }
|
|
|
+ .ev-tag.blue { background: rgba(26,82,118,0.1); color: var(--blue); }
|
|
|
+ .ev-tag.green { background: rgba(20,143,119,0.1); color: var(--teal); }
|
|
|
+ .ev-tag.purple { background: rgba(125,60,152,0.1); color: var(--purple); }
|
|
|
+ .ev-tag.orange { background: rgba(211,84,0,0.1); color: var(--orange); }
|
|
|
+
|
|
|
+ /* PROCESS STEPS */
|
|
|
+ .process-steps { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0; }
|
|
|
+ .process-step { display: flex; gap: 1.25rem; align-items: flex-start; }
|
|
|
+ .step-num {
|
|
|
+ flex-shrink: 0;
|
|
|
+ width: 2rem; height: 2rem;
|
|
|
+ background: var(--accent-light);
|
|
|
+ color: var(--accent);
|
|
|
+ border-radius: 50%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ font-weight: 800;
|
|
|
+ font-size: 0.88rem;
|
|
|
+ }
|
|
|
+ .step-num.blue { background: var(--blue-light); color: var(--blue); }
|
|
|
+ .step-num.teal { background: var(--teal-light); color: var(--teal); }
|
|
|
+ .step-num.purple { background: var(--purple-light); color: var(--purple); }
|
|
|
+ .step-num.orange { background: var(--orange-light); color: var(--orange); }
|
|
|
+ .step-num.green { background: var(--teal-light); color: var(--teal); }
|
|
|
+ .step-content h4 { font-size: 0.98rem; font-weight: 700; margin-bottom: 0.28rem; color: var(--text-primary); }
|
|
|
+ .step-content p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.7; }
|
|
|
+
|
|
|
+ /* QUOTE */
|
|
|
+ .quote-block {
|
|
|
+ background: var(--bg-alt);
|
|
|
+ border-left: 4px solid var(--accent);
|
|
|
+ border-radius: 0 12px 12px 0;
|
|
|
+ padding: 1.4rem 1.7rem;
|
|
|
+ margin: 1.75rem 0;
|
|
|
+ }
|
|
|
+ .quote-block.blue { border-left-color: var(--blue); }
|
|
|
+ .quote-block.green { border-left-color: var(--teal); }
|
|
|
+ .quote-block.purple { border-left-color: var(--purple); }
|
|
|
+ .quote-text { font-size: 1.02rem; font-style: italic; color: var(--text-secondary); line-height: 1.8; margin-bottom: 0.65rem; }
|
|
|
+ .quote-source { font-size: 0.82rem; color: var(--text-muted); font-weight: 600; }
|
|
|
+
|
|
|
+ /* LIST */
|
|
|
+ .list-styled { list-style: none; padding: 0; margin: 1rem 0; }
|
|
|
+ .list-styled li { padding: 0.45rem 0 0.45rem 1.7rem; position: relative; color: var(--text-secondary); font-size: 0.92rem; line-height: 1.7; }
|
|
|
+ .list-styled li::before { content: '✔'; position: absolute; left: 0; color: var(--accent); font-weight: 700; font-size: 0.85rem; top: 0.45rem; }
|
|
|
+ .list-styled.blue li::before { color: var(--blue); }
|
|
|
+ .list-styled.green li::before { color: var(--teal); }
|
|
|
+
|
|
|
+ /* TABLE */
|
|
|
+ .table-wrap { overflow-x: auto; margin: 1.5rem 0; }
|
|
|
+ table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
|
|
|
+ th { background: var(--accent-light); color: var(--accent); padding: 0.7rem 1rem; text-align: left; font-weight: 700; white-space: nowrap; }
|
|
|
+ th.blue { background: var(--blue-light); color: var(--blue); }
|
|
|
+ th.teal { background: var(--teal-light); color: var(--teal); }
|
|
|
+ th.purple { background: var(--purple-light); color: var(--purple); }
|
|
|
+ td { padding: 0.7rem 1rem; border-bottom: 1px solid #eee; color: var(--text-secondary); vertical-align: top; }
|
|
|
+ tr:last-child td { border-bottom: none; }
|
|
|
+ tr:hover td { background: #fafafa; }
|
|
|
+
|
|
|
+ /* STEP FLOW */
|
|
|
+ .step-flow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem; margin: 2rem 0; }
|
|
|
+ .step-flow-item {
|
|
|
+ background: white;
|
|
|
+ border: 2px solid var(--accent);
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 0.85rem 1.4rem;
|
|
|
+ text-align: center;
|
|
|
+ min-width: 150px;
|
|
|
+ box-shadow: var(--shadow-card);
|
|
|
+ }
|
|
|
+ .step-flow-item.blue { border-color: var(--blue); }
|
|
|
+ .step-flow-item.teal { border-color: var(--teal); }
|
|
|
+ .step-flow-item.purple { border-color: var(--purple); }
|
|
|
+ .step-flow-item.orange { border-color: var(--orange); }
|
|
|
+ .step-flow-item.green { border-color: var(--teal); }
|
|
|
+ .step-flow-item .s-num { font-size: 0.72rem; font-weight: 700; color: var(--accent); display: block; margin-bottom: 0.2rem; }
|
|
|
+ .step-flow-item.blue .s-num { color: var(--blue); }
|
|
|
+ .step-flow-item.teal .s-num, .step-flow-item.green .s-num { color: var(--teal); }
|
|
|
+ .step-flow-item.purple .s-num { color: var(--purple); }
|
|
|
+ .step-flow-item.orange .s-num { color: var(--orange); }
|
|
|
+ .step-flow-item .s-title { font-size: 0.9rem; font-weight: 700; color: var(--text-primary); display: block; }
|
|
|
+ .step-flow-arrow { font-size: 1.2rem; color: #ccc; }
|
|
|
+
|
|
|
+ /* CTA */
|
|
|
+ .cta-section {
|
|
|
+ background: linear-gradient(135deg, #2d1b1b 0%, #4a1942 100%);
|
|
|
+ color: white;
|
|
|
+ padding: 4rem 1.5rem;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .cta-section h2 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; margin-bottom: 0.9rem; }
|
|
|
+ .cta-section p { color: rgba(255,255,255,0.78); max-width: 580px; margin: 0 auto 2rem; font-size: 1rem; line-height: 1.7; }
|
|
|
+ .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
|
|
|
+ .btn { display: inline-flex; align-items: center; gap: 0.45rem; padding: 0.72rem 1.6rem; border-radius: 100px; font-size: 0.92rem; font-weight: 700; text-decoration: none; transition: all 0.2s; cursor: pointer; border: none; }
|
|
|
+ .btn-primary { background: var(--accent); color: white; }
|
|
|
+ .btn-primary:hover { background: #6b1414; transform: translateY(-1px); }
|
|
|
+ .btn-outline { background: transparent; color: white; border: 2px solid rgba(255,255,255,0.38); }
|
|
|
+ .btn-outline:hover { border-color: white; background: rgba(255,255,255,0.1); }
|
|
|
+
|
|
|
+ /* FOOTER */
|
|
|
+ footer { background: #1a1a2e; color: rgba(255,255,255,0.55); padding: 3rem 1.5rem 1.8rem; font-size: 0.85rem; }
|
|
|
+ .footer-inner { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 2rem; margin-bottom: 1.8rem; }
|
|
|
+ @media (max-width: 768px) { .footer-inner { grid-template-columns: 1fr; } }
|
|
|
+ .footer-brand { font-size: 1rem; font-weight: 700; color: white; margin-bottom: 0.65rem; }
|
|
|
+ .footer-col h4 { color: white; font-size: 0.8rem; font-weight: 700; margin-bottom: 0.65rem; text-transform: uppercase; letter-spacing: 0.05em; }
|
|
|
+ .footer-col ul { list-style: none; padding: 0; }
|
|
|
+ .footer-col li { margin-bottom: 0.38rem; }
|
|
|
+ footer a { color: rgba(255,255,255,0.65); text-decoration: none; }
|
|
|
+ footer a:hover { color: white; }
|
|
|
+ .footer-bottom { max-width: var(--max-width); margin: 0 auto; padding-top: 1.4rem; border-top: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.4rem; }
|
|
|
+
|
|
|
+ /* CITATIONS */
|
|
|
+ .citations { background: #f8f8f8; border-top: 2px solid var(--accent); padding: 3rem 0; }
|
|
|
+ .citation-card { background: white; border: 1px solid #eee; border-radius: 12px; padding: 1.2rem 1.5rem; margin-bottom: 0.9rem; }
|
|
|
+ .citation-card .source { font-size: 0.83rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.35rem; }
|
|
|
+ .citation-card .auth-row { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.4rem; }
|
|
|
+ .auth-badge { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.7rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: 100px; background: #fde8e8; color: #8b1a1a; }
|
|
|
+ .auth-badge.blue { background: #eaf4fb; color: #1a5276; }
|
|
|
+ .auth-badge.green { background: #e6fffa; color: #148f77; }
|
|
|
+ .auth-badge.purple { background: #f5eef8; color: #7d3c98; }
|
|
|
+ .citation-card .findings { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.65; margin-bottom: 0.35rem; }
|
|
|
+ .citation-card .trans { font-size: 0.78rem; color: var(--text-muted); font-style: italic; margin-bottom: 0.35rem; }
|
|
|
+ .citation-card .link { font-size: 0.78rem; color: var(--blue); text-decoration: none; }
|
|
|
+ .citation-card .link:hover { text-decoration: underline; }
|
|
|
+
|
|
|
+ .anchor { scroll-margin-top: 72px; }
|
|
|
+
|
|
|
+ .shot-placeholder {
|
|
|
+ background: linear-gradient(135deg,#f0f0f0,#e5e5e5);
|
|
|
+ border-radius: 12px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ min-height: 180px;
|
|
|
+ color: #aaa;
|
|
|
+ font-size: 0.85rem;
|
|
|
+ gap: 0.4rem;
|
|
|
+ margin: 1.25rem 0;
|
|
|
+ }
|
|
|
+ .shot-placeholder .shot-icon { font-size: 2.2rem; opacity: 0.35; }
|
|
|
+</style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+
|
|
|
+<!-- HERO -->
|
|
|
+<section class="hero">
|
|
|
+ <div class="hero-particles">
|
|
|
+ <div class="particle"></div><div class="particle"></div><div class="particle"></div>
|
|
|
+ <div class="particle"></div><div class="particle"></div><div class="particle"></div><div class="particle"></div>
|
|
|
+ </div>
|
|
|
+ <div class="hero-content">
|
|
|
+ <div class="hero-badge">🧬 科学循证 · 主动健康</div>
|
|
|
+ <h1>癌症<br><span class="accent">症·病·因与主动健康干预</span></h1>
|
|
|
+ <p class="hero-sub">中国年新增癌症患者457万，死亡300万。<br>可预防因素占40%以上。<br>理解癌症的发生机制 → 掌握主动预防的武器 ——<br>在基因给出的底牌上，通过科学的生活方式改写癌症命运。</p>
|
|
|
+ <div class="hero-stats">
|
|
|
+ <div class="hero-stat"><span class="num">457万</span><span class="label">年新发癌症</span></div>
|
|
|
+ <div class="hero-stat"><span class="num">300万</span><span class="label">年癌症死亡</span></div>
|
|
|
+ <div class="hero-stat"><span class="num">40%+</span><span class="label">可预防</span></div>
|
|
|
+ <div class="hero-stat"><span class="num">40.5%</span><span class="label">五年生存率</span></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <a href="#symptoms" class="scroll-hint">
|
|
|
+ <span>开始阅读</span>
|
|
|
+ <div class="scroll-arrow"></div>
|
|
|
+ </a>
|
|
|
+</section>
|
|
|
+
|
|
|
+<!-- NAV -->
|
|
|
+<nav class="nav">
|
|
|
+ <div class="nav-inner">
|
|
|
+ <a href="index.html" class="nav-brand">🧬 浠艾福 · 主动健康学院</a>
|
|
|
+ <ul class="nav-links">
|
|
|
+ <li><a href="#symptoms">症</a></li>
|
|
|
+ <li><a href="#disease">病</a></li>
|
|
|
+ <li><a href="#causes">因</a></li>
|
|
|
+ <li><a href="#proactive">主动健康五步</a></li>
|
|
|
+ <li><a href="#citations">参考文献</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+</nav>
|
|
|
+
|
|
|
+<!-- ══════════════════════════════════════════
|
|
|
+ 症 · 症状识别
|
|
|
+═══════════════════════════════════════════ -->
|
|
|
+<section class="section" id="symptoms">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-tag">🔍 症 · 症状识别</div>
|
|
|
+ <h2 class="section-title">读懂身体的求救信号——癌症的早期预警</h2>
|
|
|
+ <p class="section-intro">
|
|
|
+ 癌症最危险的特征之一就是它在早期阶段的"沉默"。许多恶性肿瘤在发展为晚期之前几乎没有特异性症状，这正是为什么依赖"症状"来发现癌症往往为时已晚。理解常见癌症的早期信号、认识"隐匿性癌症"的概念、掌握筛查与症状的关系，是主动健康的第一步。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="grid-2">
|
|
|
+ <div class="card card-accent">
|
|
|
+ <span class="card-icon">🫁</span>
|
|
|
+ <h3>肺癌的早期信号</h3>
|
|
|
+ <p>中国发病率和死亡率均排第一的恶性肿瘤（年新发约82万例）。<strong>慢性持续性咳嗽：</strong>持续超过3周，性质发生变化的咳嗽是最常见的早期信号。尤其需警惕：原有慢性咳嗽者咳嗽特征改变、止咳药无效的顽固干咳。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>咯血或痰中带血：</strong>约25-40%的肺癌患者以此为首发症状。即使是少量的血丝也需立即排查。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>胸痛与呼吸困难：</strong>肩背部放射痛、深呼吸或咳嗽时加重；进行性加重的气促。声音嘶哑（肿瘤侵犯喉返神经）、上腔静脉综合征（面部/颈部肿胀）提示局部晚期。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><span style="color:var(--accent);font-weight:700;">⚠ 肺癌在早期通常无症状</span>——约70%在发现时已为中晚期。低剂量螺旋CT（LDCT）筛查可将肺癌死亡率降低约24%。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-blue">
|
|
|
+ <span class="card-icon">🩸</span>
|
|
|
+ <h3>结直肠癌的早期信号</h3>
|
|
|
+ <p>中国年新发约52万例，居第二位。起自腺瘤性息肉，从腺瘤到癌变通常需要5-15年——这是筛查干预的黄金窗口。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>便血：</strong>最核心的信号。直肠癌表现为鲜红色便血，易被误认为痔疮（<strong>⚠两者本质不同</strong>：痔疮出血多在便后滴血，颜色鲜红；直肠癌出血多为便中混血，有时色暗红）。任何便血都需「直肠指检+结肠镜」明确。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>排便习惯改变：</strong>便秘与腹泻交替出现，大便变细变扁，排便不尽感（里急后重）。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>不明原因体重下降（6个月内体重下降>5%）、贫血（脸色苍白、乏力、头晕）</strong>提示疾病已进展。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="grid-3" style="margin-top:1.5rem;">
|
|
|
+ <div class="card card-purple">
|
|
|
+ <span class="card-icon">🎗️</span>
|
|
|
+ <h3>乳腺癌的早期信号</h3>
|
|
|
+ <p>中国女性发病率最高的恶性肿瘤（年新发约42万例）。<strong>乳腺肿块：</strong>约80%的乳腺癌患者以发现无痛性肿块为首发症状。肿块多为质地硬、边界不清、活动度差、无痛的单个肿块。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>乳头溢液：</strong>非哺乳期单侧、单孔的浆液性或血性溢液需要警惕。乳头回缩、凹陷、指向改变。皮肤改变——橘皮征、酒窝征、红肿热痛（炎性乳癌）。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>自我检查：</strong>每月月经结束后一周进行。但自我检查不能替代乳腺超声、钼靶（X线）等专业影像筛查。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-teal">
|
|
|
+ <span class="card-icon">🍽️</span>
|
|
|
+ <h3>胃癌的早期信号</h3>
|
|
|
+ <p>中国年新发约48万例，居第三位。早期胃癌几乎无症状，或仅有不特异的消化不良：<strong>上腹不适、饱胀感、隐痛、反酸、嗳气、食欲减退。</strong>这些症状极容易被误认为"胃炎"或"消化不良"。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>警示症状：</strong>进展期胃癌可出现：上腹部持续性疼痛（与饮食无关）、恶心呕吐（幽门梗阻）、黑便（消化道出血）、不明原因消瘦、吞咽困难（贲门癌）。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>核心认知：</strong>日本和韩国的经验已经证明——胃镜筛查可将胃癌死亡率降低约40-60%。中国目前接受胃镜筛查的比例不足15%。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-orange">
|
|
|
+ <span class="card-icon">🫑</span>
|
|
|
+ <h3>肝癌的早期信号</h3>
|
|
|
+ <p>中国年新发约41万例，死亡率居第二位。早期肝癌几乎无症状——肝脏代偿功能极强，即使70%肝组织被肿瘤浸润，肝功能指标可能仍然在正常范围内。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>早期信号（有或无）：</strong>右上腹胀痛或不适（肝区疼痛）、乏力、食欲不振、腹部肿块。这些症状出现时往往已经是中晚期。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>进展期表现（一旦出现，提示晚期）：</strong>黄疸（皮肤/巩膜黄染）、腹水（腹部膨隆）、脾肿大（门静脉高压所致）、上消化道出血（食管静脉曲张破裂）。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><span style="color:var(--accent);font-weight:700;">关键：</span>高危人群（乙肝携带者、肝硬化患者、长期酗酒者）需要每6个月进行「肝脏超声+AFP」筛查。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="shot-placeholder">
|
|
|
+ <div class="shot-icon">🧬</div>
|
|
|
+ <span>img/ref-screenshots/cancer_ref1.png</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="evidence-box" style="margin-top:2rem;">
|
|
|
+ <div class="evidence-box-header">
|
|
|
+ <span class="evidence-box-title">⚠️ 警惕"隐匿性癌症"——为什么筛查比症状更重要</span>
|
|
|
+ </div>
|
|
|
+ <p><strong>隐匿性癌症（Occult Cancer）</strong>是指在出现临床症状之前就已经存在的恶性肿瘤。绝大多数实体肿瘤在早期阶段——从单个癌细胞到1cm³的肿瘤（含约10亿个癌细胞）——通常没有任何症状。这个潜伏期可达数年甚至十几年。</p>
|
|
|
+ <p><strong>以下症状一旦出现，请立即就医：</strong></p>
|
|
|
+ <p>① 任何不明原因的持续性疼痛（超过4周）——深部骨骼痛排除骨转移可能；② 无痛性淋巴结肿大（锁骨上、腋下、腹股沟）——质地硬、固定、无痛，尤其是>2cm；③ 不明原因的体重下降（6个月内减少>5%）；④ 长期低热、盗汗、极度疲劳——可能为肿瘤性发热（肿瘤坏死因子介导）。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<!-- ══════════════════════════════════════════
|
|
|
+ 病 · 疾病定义与病理
|
|
|
+═══════════════════════════════════════════ -->
|
|
|
+<section class="section section-alt" id="disease">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-tag purple">📖 病 · 疾病定义</div>
|
|
|
+ <h2 class="section-title">癌症的本质：从"一次突变"到"全身性疾病"</h2>
|
|
|
+ <p class="section-intro">
|
|
|
+ 癌症（Cancer）是正常细胞在基因组层面发生一系列不可逆改变后，获得不受控制的增殖和侵袭能力而形成的恶性肿瘤。它不是单一疾病，而是200多种不同亚型的统称，每一种都有独特的分子特征、行为模式和干预策略。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="stat-row">
|
|
|
+ <div class="stat-block">
|
|
|
+ <span class="number">457万</span>
|
|
|
+ <span class="unit">例/年</span>
|
|
|
+ <span class="desc">中国新发癌症病例（2024）</span>
|
|
|
+ </div>
|
|
|
+ <div class="stat-block">
|
|
|
+ <span class="number blue">300万</span>
|
|
|
+ <span class="unit">例/年</span>
|
|
|
+ <span class="desc">中国癌症死亡人数</span>
|
|
|
+ </div>
|
|
|
+ <div class="stat-block">
|
|
|
+ <span class="number teal">40.5%</span>
|
|
|
+ <span class="unit">5年</span>
|
|
|
+ <span class="desc">总体相对生存率</span>
|
|
|
+ </div>
|
|
|
+ <div class="stat-block">
|
|
|
+ <span class="number orange">55%</span>
|
|
|
+ <span class="unit">%</span>
|
|
|
+ <span class="desc">男性发病占比</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <p style="color:var(--text-muted);font-size:0.82rem;margin-bottom:1.5rem;">
|
|
|
+ 数据来源：《中国恶性肿瘤学科发展报告2024》｜发病率前五：肺癌82万、结直肠癌52万、胃癌48万、肝癌41万、乳腺癌42万（女性首位）
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="grid-2">
|
|
|
+ <div class="card card-accent">
|
|
|
+ <span class="card-icon">🧬</span>
|
|
|
+ <h3>良性vs恶性——核心区别</h3>
|
|
|
+ <p><strong>良性肿瘤：</strong>生长缓慢，边界清晰，有完整包膜，不侵入周围组织，不转移。切除后通常不复发。后果主要是压迫效应（如脑膜瘤压迫脑组织）。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>恶性肿瘤（癌症）：</strong>生长迅速，无包膜，侵犯周围正常组织，脱落和进入血管/淋巴管后形成远处转移。转移是癌症致死的最主要原因——约90%的癌症死亡归因于转移，而非原发肿瘤本身。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>转移路径：</strong>淋巴转移（最常见）→区域淋巴结；血行转移（经血液循环）→肺、肝、骨、脑；种植转移（癌细胞脱落种植于体腔）→腹膜、胸膜。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-purple">
|
|
|
+ <span class="card-icon">🔬</span>
|
|
|
+ <h3>"两次打击"假说——癌症发生的经典模型</h3>
|
|
|
+ <p>Alfred Knudson在1971年通过对视网膜母细胞瘤的经典研究提出"两次打击"（Two-Hit Hypothesis）：一个细胞的癌变需要两类基因发生两次独立的突变事件——<strong>原癌基因激活</strong>（gain-of-function，促增殖）和<strong>抑癌基因失活</strong>（loss-of-function，去抑制）。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>RB基因</strong>是人类发现的第一个抑癌基因。后来的研究发现：癌症的发生远非简单的"两次打击"，而是涉及数十到数百个基因突变的积累过程。结直肠癌从正常黏膜→小腺瘤→大腺瘤→癌变的完整过程需要5-15年，涉及APC、KRAS、TP53、SMAD4等关键基因的逐步突变积累——这正是"筛查窗口"存在的生物学基础。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h3 style="font-size:1.1rem;font-weight:700;margin:2rem 0 1rem;">⚙️ 癌症的十大特征（Hallmarks of Cancer）</h3>
|
|
|
+ <p style="color:var(--text-secondary);font-size:0.92rem;line-height:1.7;margin-bottom:1.2rem;">
|
|
|
+ 2011年，Hanahan & Weinberg在《Cell》上发表的经典综述将癌症的复杂生物学归纳为八个核心能力，随后扩展至十项——这是理解癌症"病"的本质的最好框架：
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="process-steps">
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num purple">①</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>持续增殖信号（Sustaining Proliferative Signaling）</h4>
|
|
|
+ <p>正常细胞需要外部生长因子指令才能分裂。癌细胞通过自身产生生长因子（自分泌）、突变激活下游信号通路（如RAS/RAF/MEK/ERK通路——约30%的人类癌症携带RAS基因突变）、或增加表面受体数量（如HER2在乳腺癌中过表达），实现了"无视外界抑制"的自主增殖。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num purple">②</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>逃避生长抑制（Evading Growth Suppressors）</h4>
|
|
|
+ <p>RB和p53是两大核心抑癌蛋白——RB调控细胞周期检查点（G1→S期），p53监控基因组完整性并触发凋亡或衰老。大多数癌症中至少一个通路失活。TP53是人类癌症中突变频率最高的基因（>50%的癌症携带TP53突变）。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num purple">③</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>抵抗细胞死亡（Resisting Cell Death）</h4>
|
|
|
+ <p>癌细胞通过多种机制逃避凋亡——上调抗凋亡蛋白Bcl-2、下调促凋亡蛋白Bax、失活p53依赖的凋亡通路、过表达IAPs（凋亡抑制蛋白）。这使癌细胞对常规化疗和放疗具有固有抵抗。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num purple">④</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>无限复制潜能（Enabling Replicative Immortality）</h4>
|
|
|
+ <p>正常细胞经过约50-70次分裂后进入"复制性衰老"（Hayflick极限），由端粒（染色体末端保护帽）缩短触发。癌细胞通过激活<strong>端粒酶（telomerase）</strong>来维持端粒长度，实现无限分裂。约85-90%的人类癌症检测到端粒酶活性升高。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num purple">⑤</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>诱导血管生成（Inducing Angiogenesis）</h4>
|
|
|
+ <p>肿瘤直径超过1-2mm³后，单纯依靠弥散获取氧气和营养已不够。癌细胞分泌VEGF（血管内皮生长因子）等促血管生成因子，诱导新血管从宿主组织长入肿瘤。这些新血管结构异常、渗漏性强，反而促进了癌细胞的进入血流和远处转移。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num purple">⑥</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>激活侵袭和转移（Activating Invasion & Metastasis）</h4>
|
|
|
+ <p>癌细胞通过上皮-间充质转化（EMT）获得迁移能力——丢失E-钙黏蛋白（细胞间黏附的关键分子），表达N-钙黏蛋白和基质金属蛋白酶（MMPs），降解细胞外基质，侵入血管/淋巴管，在远处器官定植生长。转移是导致癌症患者死亡的主要原因。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num purple">⑦</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>重编程能量代谢（Deregulating Cellular Energetics）</h4>
|
|
|
+ <p>即使在有氧条件下，癌细胞也优先采用"糖酵解"（而非氧化磷酸化）产能——这一现象被称为"Warburg效应"。糖酵解产能效率虽低（2个ATP vs 36个ATP/葡萄糖），但速度更快，且为癌细胞提供合成核酸和蛋白质所需的代谢中间产物。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num purple">⑧</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>逃避免疫摧毁（Evading Immune Destruction）</h4>
|
|
|
+ <p>免疫系统具有清除早期癌细胞的能力——这一概念称为"免疫监视"。癌细胞通过多种机制逃避免疫攻击：下调MHC-I类分子（使T细胞识别不到）、分泌免疫抑制因子（IL-10、TGF-β）、招募调节性T细胞（Treg）和髓源性抑制细胞（MDSC）构建免疫抑制微环境。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="evidence-box" style="margin-top:2rem;">
|
|
|
+ <div class="evidence-box-header">
|
|
|
+ <span class="evidence-box-title">📊 癌症十大特征——2022年更新的新增特征</span>
|
|
|
+ <span class="ev-tag">经典综述</span>
|
|
|
+ <span class="ev-tag blue">2022更新</span>
|
|
|
+ </div>
|
|
|
+ <p>2022年Hanahan在《Cancer Discovery》再次更新癌症特征（doi:10.1158/2159-8290.CD-21-1059），新增：⑨ <strong>解锁表型可塑性</strong>（Unlocking Phenotypic Plasticity）——癌细胞可以在不同分化状态之间切换，获得干细胞样特性；⑩ <strong>非突变表观遗传重编程</strong>（Non-mutational Epigenetic Programming）——DNA甲基化、组蛋白修饰的改变在无DNA序列改变的情况下驱动癌性表型；⑪ <strong>多态性微生物组</strong>（Polymorphic Microbiomes）——肠道和肿瘤内微生物群通过代谢物和炎症信号影响癌症发生、进展和治疗响应。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="quote-block green" style="margin-top:1.5rem;">
|
|
|
+ <p class="quote-text">"癌症是一个'疾病之症'——它不是单一一种疾病，而是一种涉及细胞系统性变异、免疫逃逸和微环境重塑的复杂生态系统。每个癌症都有其独特的基因组景观，但十项特征是所有癌症共享的生存策略。"</p>
|
|
|
+ <span class="quote-source">— Hanahan & Weinberg · Cell 2011 · doi:10.1016/j.cell.2011.02.013</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<!-- ══════════════════════════════════════════
|
|
|
+ 因 · 发病原因
|
|
|
+═══════════════════════════════════════════ -->
|
|
|
+<section class="section" id="causes">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-tag orange">⚡ 因 · 发病原因</div>
|
|
|
+ <h2 class="section-title">癌症的致病因素：可改变与不可改变</h2>
|
|
|
+ <p class="section-intro">
|
|
|
+ 理解癌症的病因是主动预防的基石。世界卫生组织国际癌症研究机构（IARC/WHO）的结论是：<strong>约40-50%的癌症可以通过避免或减少已知的环境和行为危险因素来预防</strong>。这意味着每年中国约180-220万新发病例是理论上可以避免的。致癌因素分为"可改变"和"不可改变"两类——聚焦可改变的，就是主动健康的核心。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="evidence-box" style="margin-bottom:2rem;">
|
|
|
+ <div class="evidence-box-header">
|
|
|
+ <span class="evidence-box-title">📊 主要可改变致癌因素的归因比例（中国数据）</span>
|
|
|
+ <span class="ev-tag">⚕️ IARC/WHO 2024</span>
|
|
|
+ </div>
|
|
|
+ <p>① <strong>吸烟：</strong>归因于25%的癌症死亡（中国约70万例/年）——吸烟与至少13种癌症有因果关系。② <strong>感染因素：</strong>中国约22%的癌症与感染有关（远高于西方国家的5-8%），包括幽门螺杆菌（HP→胃癌）、乙/丙型肝炎病毒（HBV/HCV→肝癌）、人乳头瘤病毒（HPV→宫颈癌/口咽癌）、EB病毒（EBV→鼻咽癌/淋巴瘤）。③ <strong>饮食与营养：</strong>约10-15%——加工肉类为IARC Group 1致癌物，酒精为Group 1致癌物，肥胖是独立致癌因素。④ <strong>空气污染：</strong>PM2.5已被IARC列为Group 1致癌物（肺癌），中国空气污染每年与约30万肺癌新发病例相关。⑤ <strong>职业暴露：</strong>石棉、苯、甲醛、氡等——约2-4%。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="grid-2">
|
|
|
+ <div>
|
|
|
+ <div class="card card-accent" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">🚬</span>
|
|
|
+ <h3>吸烟——最大的单一可预防致癌因素</h3>
|
|
|
+ <p>烟草烟雾中含有超过7000种化学物质，其中已知致癌物至少69种，包括多环芳烃（PAHs）、亚硝胺（NNK、NNN）、苯、甲醛、镉、钋-210等。这些物质直接损伤DNA，导致驱动突变（driver mutations）——尤其以p53基因特定密码子的突变特征最为典型。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>剂量反应关系：</strong>吸烟量与肺癌风险呈线性相关——每天吸1包烟持续20年者肺癌风险是不吸烟者的约20倍。戒烟可逆转部分风险：戒烟10年后，肺癌风险降低约50%；戒烟15年，心血管风险降至从不吸烟者水平。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>二手烟和三手烟：</strong>二手烟明确导致肺癌（风险增加约25-30%）。三手烟（残留在衣物、家具表面的烟草残留物）同样含有致癌物，对婴幼儿危害尤其明显。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-blue" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">🦠</span>
|
|
|
+ <h3>感染因素——中国癌症的"特殊负担"</h3>
|
|
|
+ <p>中国感染相关癌症占比22%，是欧美国家（5-8%）的3-4倍，这是中国最大的可预防癌症机会之一：</p>
|
|
|
+ <p><strong>幽门螺杆菌（H. pylori）: </strong>WHO IARC Group 1致癌物，与胃癌、胃MALT淋巴瘤明确相关。中国H. pylori感染率约55%（约7.7亿人感染），是导致全球胃癌发病率最高的国家的重要原因之一。根除H. pylori可使胃癌风险降低约39%。</p>
|
|
|
+ <p><strong>HBV/HCV（乙肝/丙肝病毒）: </strong>HBV慢性感染是中国肝癌的主要原因（约80%的肝癌患者HBsAg阳性）。HBV疫苗纳入新生儿计划免疫后，中国5岁以下儿童HBsAg携带率已从9.7%降至0.3%，但成人的慢性感染存量仍很大。</p>
|
|
|
+ <p><strong>HPV（人乳头瘤病毒）: </strong>高危型HPV（16/18型导致约70%的宫颈癌）持续感染是宫颈癌的必要条件。HPV疫苗可预防90%以上的HPV相关癌症（宫颈、外阴、阴道、阴茎、肛门、口咽）。</p>
|
|
|
+ <p><strong>EBV（EB病毒）: </strong>与鼻咽癌（中国南方高发）和部分淋巴瘤相关——中国年新发鼻咽癌约6万例，占全球的约45%。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-purple">
|
|
|
+ <span class="card-icon">🍺</span>
|
|
|
+ <h3>酒精——无"安全剂量"的致癌物</h3>
|
|
|
+ <p>乙醇在体内被ADH（乙醇脱氢酶）转化为乙醛（acetaldehyde），乙醛是IARC Group 1致癌物——直接与DNA结合形成加合物，导致DNA链断裂和突变。中国人的ALDH2*2突变（约40-50%东亚人群携带，表现为"饮酒脸红"）使乙醛代谢更慢，酒精致癌风险更高。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>酒精相关癌症：</strong>口腔癌、咽喉癌、食管癌、肝癌、结直肠癌、女性乳腺癌。WCRF结论：<strong>酒精不存在"安全摄入量"——即使少量饮酒（每日1杯）也会增加乳腺癌风险约5-10%。</strong>饮酒越多风险越高，呈线性关系。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <div class="card card-teal" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">🥩</span>
|
|
|
+ <h3>饮食因素——加工肉与红肉</h3>
|
|
|
+ <p><strong>加工肉类（Processed Meat）——IARC Group 1致癌物：</strong>每50g/天的加工肉（相当于2-3片培根或1根香肠）摄入使结直肠癌风险增加约18%。加工过程中添加的亚硝酸盐在体内转化为N-亚硝基化合物，直接损伤肠上皮DNA。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>红肉——IARC Group 2A（很可能致癌）：</strong>每100g/天的红肉摄入增加结直肠癌风险约17%。风险机制涉及：血红素铁→催化肠腔内的N-亚硝基化合物合成→损伤肠黏膜细胞DNA。烹饪方式也重要——高温烹饪（烧烤/煎炸）产生杂环胺和多环芳烃，进一步增加风险。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>黄曲霉毒素B1（Aflatoxin B1）——已知最强的天然致癌物之一：</strong>由黄曲霉和寄生曲霉产生，污染花生、玉米、大米。与HBV感染有协同致癌作用：两者同时存在时肝癌风险升高约60倍。IARC Group 1致癌物。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-orange" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">⚖️</span>
|
|
|
+ <h3>肥胖与13种癌症——体重是"隐形致癌物"</h3>
|
|
|
+ <p>IARC在2016年确认肥胖与13种癌症的因果关系（足够证据）：子宫内膜癌（最高风险）、乳腺癌（绝经后）、结直肠癌、肾癌、胰腺癌、食管腺癌、肝癌、胃癌（贲门部）、卵巢癌、甲状腺癌、脑膜瘤、多发性骨髓瘤、胆囊癌。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>核心机制：</strong>脂肪组织是活跃的内分泌器官——肥胖导致雌激素水平升高（通过芳香化酶将雄激素转化为雌激素→乳腺癌/子宫内膜癌风险↑）；胰岛素抵抗→IGF-1水平升高→促进有丝分裂；脂肪组织慢性炎症（巨噬细胞浸润→TNF-α、IL-6、瘦素↑、脂联素↓→促炎/促癌微环境）。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>数据：</strong>BMI≥30的肥胖者，癌症风险比正常体重者高约1.3-2.5倍（因癌种而异）。据估计，维持健康体重能预防约15%的癌症病例。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-accent" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">🌫️</span>
|
|
|
+ <h3>空气污染与化学致癌物</h3>
|
|
|
+ <p><strong>PM2.5（细颗粒物）——IARC Group 1：</strong>室外空气污染的主要成分，被IARC列为1类致癌物（肺癌）。PM2.5的致癌机制包括：吸附的多环芳烃（PAHs）直接损伤DNA、诱导慢性肺部炎症（巨噬细胞和中性粒细胞释放ROS→DNA氧化损伤）、表观遗传改变和免疫抑制。中国每年空气污染相关的肺癌新发病例约30万。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>室内污染：</strong>燃煤取暖/烹饪、油烟、装修材料释放的甲醛和苯（均为IARC Group 1致癌物）。氡（氡气）也是Group 1致癌物，是继吸烟之后肺癌的第二大病因。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-blue">
|
|
|
+ <span class="card-icon">🧬</span>
|
|
|
+ <h3>遗传因素——"赋予风险的基因，不是命运的判决"</h3>
|
|
|
+ <p>约5-10%的癌症是"纯粹"的遗传性（与特定基因的胚系致病突变有关）：BRCA1/2（乳腺癌、卵巢癌、胰腺癌、前列腺癌）、Lynch综合征（MLH1/MSH2/MSH6/PMS2突变→结直肠癌/子宫内膜癌）、Li-Fraumeni综合征（TP53胚系突变）、家族性腺瘤性息肉病（APC突变→结直肠癌）。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>大多数癌症是"散发性的"</strong>——是基因-环境交互作用的结果：遗传背景提供风险基础（如人群中的"癌症易感等位基因"），环境暴露和生活习惯决定实际致癌风险。即使在已知携带BRCA1突变的女性中，生活方式选择（如吸烟、体重、运动）也显著影响实际乳腺癌和卵巢癌风险。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <h3 style="font-size:1.05rem;font-weight:700;margin:2rem 0 1rem;">🔬 肠道菌群与癌症——新兴的致癌/抑癌调控者</h3>
|
|
|
+ <div class="evidence-box purple" style="margin-bottom:2rem;">
|
|
|
+ <div class="evidence-box-header">
|
|
|
+ <span class="evidence-box-title">🧫 肠道菌群通过代谢产物和免疫信号影响癌症全周期</span>
|
|
|
+ <span class="ev-tag purple">Emerging Science</span>
|
|
|
+ <span class="ev-tag green">PMIDs: 32025070, 33231244</span>
|
|
|
+ </div>
|
|
|
+ <p><strong>促癌菌群机制：</strong>具核梭杆菌（Fusobacterium nucleatum）——在结直肠癌组织中显著富集，通过其粘附素FadA与上皮细胞E-钙黏蛋白结合，激活β-catenin信号通路→促进肠上皮增殖、抑制凋亡；同时通过抑制NK细胞和T细胞的抗肿瘤免疫活性，创造免疫逃逸微环境。产肠毒素脆弱拟杆菌（ETBF）通过分泌BFT毒素导致肠道屏障破坏和慢性炎症。</p>
|
|
|
+ <p><strong>抑癌菌群机制：</strong>产丁酸菌（Roseburia、Faecalibacterium、Eubacterium）将膳食纤维发酵产生丁酸——丁酸通过抑制组蛋白去乙酰化酶（HDACi）发挥抗肿瘤活性，诱导结直肠癌细胞凋亡，增强肠道屏障完整性，调节免疫微环境。高膳食纤维饮食者结直肠癌风险降低约20-30%，其中很大一部分是通过菌群介导的。</p>
|
|
|
+ <p><strong>临床转化：</strong>肠道菌群还可影响免疫检查点抑制剂（如PD-1/PD-L1抗体）的治疗效果——对免疫治疗有响应的患者肠道菌群中Akkermansia muciniphila和Ruminococcaceae的丰度显著更高。抗生素暴露会降低免疫治疗的治疗效果。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="shot-placeholder">
|
|
|
+ <div class="shot-icon">🧬</div>
|
|
|
+ <span>img/ref-screenshots/cancer_ref2.png</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="process-steps" style="margin-top:1rem;">
|
|
|
+ <div class="process-step">
|
|
|
+ <div class="step-num orange">💡</div>
|
|
|
+ <div class="step-content">
|
|
|
+ <h4>主动健康核心认知：可改变因素的力量</h4>
|
|
|
+ <p>约40%的癌症可以通过以下方式预防：不吸烟、保持健康体重、健康饮食、限制酒精、接种疫苗（HPV、HBV）、避免过度日晒、减少环境污染暴露。这并非理论上的数字——美国癌症协会的数据显示，过去30年美国癌症死亡率下降了约33%，其中很大一部分归因于控烟、早期筛查和更好的治疗。"癌症预防"是比"癌症治疗"更有效的抗癌策略。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<!-- ══════════════════════════════════════════
|
|
|
+ 主动健康五步
|
|
|
+═══════════════════════════════════════════ -->
|
|
|
+<section class="section section-alt" id="proactive">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section-tag green">🌿 主动健康五步</div>
|
|
|
+ <h2 class="section-title">从识别到优化：癌症预防的主动健康干预闭环</h2>
|
|
|
+ <p class="section-intro">
|
|
|
+ 对抗癌症，主动健康的核心理念是：在癌症启动之前阻断它；在早期发现它；在确诊后主动参与康复。不是等确诊再恐慌，而是在癌症形成的"漫长潜伏期"中——从第一个DNA损伤到临床可检测的肿瘤灶往往需要5-20年——采取主动干预。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="step-flow">
|
|
|
+ <div class="step-flow-item blue"><span class="s-num">STEP 01</span><span class="s-title">提前识别</span></div>
|
|
|
+ <span class="step-flow-arrow">→</span>
|
|
|
+ <div class="step-flow-item teal"><span class="s-num">STEP 02</span><span class="s-title">风险管控</span></div>
|
|
|
+ <span class="step-flow-arrow">→</span>
|
|
|
+ <div class="step-flow-item purple"><span class="s-num">STEP 03</span><span class="s-title">主动干预</span></div>
|
|
|
+ <span class="step-flow-arrow">→</span>
|
|
|
+ <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">效果评估</span></div>
|
|
|
+ <span class="step-flow-arrow">→</span>
|
|
|
+ <div class="step-flow-item green"><span class="s-num">STEP 05</span><span class="s-title">持续优化</span></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- STEP 01 -->
|
|
|
+ <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--blue);">① 提前识别——在"无声期"发现癌症</h3>
|
|
|
+ <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
|
|
|
+ 癌症筛查的生物学基础是：从第一个癌细胞到临床可检测的肿瘤，通常需要数年甚至十几年的时间。在这个"潜伏期"中，通过有效的筛查手段发现癌前病变或早期癌症，是降低死亡率最有效的方式——这正是主动健康的"第一道防线"。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="table-wrap" style="margin-bottom:1.5rem;">
|
|
|
+ <table>
|
|
|
+ <tr><th>癌症类型</th><th>推荐筛查手段</th><th>目标人群</th><th>频率</th><th>证据等级</th></tr>
|
|
|
+ <tr><td>肺癌</td><td>低剂量螺旋CT（LDCT）</td><td>50-74岁，≥20包年吸烟史</td><td>每年</td><td>A—NLST/ELCAP</td></tr>
|
|
|
+ <tr><td>结直肠癌</td><td>FIT免疫化学法便潜血/结肠镜</td><td>50-75岁（中国建议40-74岁）</td><td>FIT每年/结肠镜5-10年</td><td>A—多国RCT</td></tr>
|
|
|
+ <tr><td>乳腺癌</td><td>乳腺超声+钼靶（X线）</td><td>40岁以上女性（中国45-74岁）</td><td>每1-2年</td><td>A—WHO/IARC</td></tr>
|
|
|
+ <tr><td>宫颈癌</td><td>HPV核酸检测/巴氏涂片</td><td>30-65岁女性</td><td>HPV每5年</td><td>A—WHO</td></tr>
|
|
|
+ <tr><td>胃癌</td><td>胃镜+活检/血清胃蛋白酶原</td><td>40岁以上H. pylori阳性/高危</td><td>每2-3年</td><td>A—日中韩研究</td></tr>
|
|
|
+ <tr><td>肝癌</td><td>肝脏超声+AFP（甲胎蛋白）</td><td>HBV/HCV携带者、肝硬化患者</td><td>每6个月</td><td>B—中国指南</td></tr>
|
|
|
+ <tr><td>前列腺癌</td><td>PSA血检（需讨论获益与风险）</td><td>45岁以上有家族史者</td><td>每2年</td><td>A（争议）</td></tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <p style="color:var(--text-muted);font-size:0.82rem;margin-bottom:1.5rem;">参考：《中国癌症筛查指南》2023 · 国家癌症中心</p>
|
|
|
+
|
|
|
+ <div class="shot-placeholder">
|
|
|
+ <div class="shot-icon">🧬</div>
|
|
|
+ <span>img/ref-screenshots/cancer_ref3.png</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="grid-2" style="margin-bottom:1.5rem;">
|
|
|
+ <div>
|
|
|
+ <div class="card card-blue" style="margin-bottom:1.25rem;">
|
|
|
+ <h3>🧬 基因检测——高风险家庭的"预警雷达"</h3>
|
|
|
+ <p>以下家族史提示遗传性癌症综合征可能：</p>
|
|
|
+ <ul class="list-styled blue">
|
|
|
+ <li><strong>BRCA1/2相关癌症：</strong>家族中多个乳腺癌/卵巢癌患者（同侧或双侧乳腺癌；男性乳腺癌；三阴性乳腺癌）</li>
|
|
|
+ <li><strong>Lynch综合征：</strong>家族性早发（<50岁）结直肠癌和/或子宫内膜癌</li>
|
|
|
+ <li><strong>Li-Fraumeni综合征：</strong>家族中多个儿童或年轻人患肉瘤、乳腺癌、白血病、脑肿瘤、肾上腺皮质癌</li>
|
|
|
+ <li><strong>家族性腺瘤性息肉病（FAP）: </strong>家族中多发性结直肠息肉（>100个）</li>
|
|
|
+ </ul>
|
|
|
+ <p style="margin-top:0.6rem;">对于确认携带致病变异的高风险家庭，可采取更早、更频繁的筛查（如BRCA1携带者从25岁开始乳腺癌筛查），或考虑药物预防和手术预防。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="card card-teal" style="margin-bottom:1.25rem;">
|
|
|
+ <h3>🤲 自我检查方法——定期但不过度</h3>
|
|
|
+ <p><strong>乳腺自我检查：</strong>月经结束后3-5天的最佳时间。视诊：面对镜子观察双侧乳房大小/轮廓是否对称、皮肤有无改变（橘皮样、凹陷）、乳头有无回缩/溢液。触诊：仰卧位，用对侧手指腹部按顺时针方向（从外上→外下→内下→内上→乳晕区）轻触。注意：自我检查的敏感性有限（约30-50%），不能替代专业影像筛查。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>皮肤癌自查：</strong>观察ABCDE原则——Asymmetry（不对称）、Border irregular（边界不规则）、Color variation（颜色不均）、Diameter>6mm（直径>6mm）、Evolving（动态变化）。使用镜子检查背部、头皮、甲下等不易观察的部位。</p>
|
|
|
+ <p style="margin-top:0.6rem;"><strong>淋巴结自查：</strong>用手指指腹轻压颈部、锁骨上、腋窝、腹股沟区域——>1cm的固定、无痛、质地硬淋巴结需就医。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-purple">
|
|
|
+ <h3>🧪 肿瘤标志物——辅助判断而非诊断工具</h3>
|
|
|
+ <p>肿瘤标志物（如AFP、CEA、CA125、PSA、CA19-9、CA15-3）<strong>不能单独用于癌症诊断</strong>——因为它们在非癌性疾病中也可能升高（炎症、良性肿瘤、妊娠、吸烟等），且早期癌症可能完全不升高（敏感性低）。</p>
|
|
|
+ <p style="margin-top:0.5rem;">正确的使用方式：高危人群的辅助筛查（如AFP+肝脏超声筛查肝癌）；确诊后监测治疗效果（如CEA在结直肠癌术后随访）；监测复发（治疗后的趋势变化比单次绝对值更重要）。CEA在结直肠癌中的特异性约70-80%，但早期结直肠癌中只有约50%的CEA升高。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- STEP 02 -->
|
|
|
+ <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">② 风险管控——分层管理，精准预防</h3>
|
|
|
+ <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
|
|
|
+ 癌症风险管控的核心是根据个人的遗传背景、生活方式暴露和环境因素进行风险分层，然后针对不同风险级别采取差异化的策略——更高的风险需要更早、更频繁的筛查和更积极的行为干预。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="grid-2" style="margin-bottom:1.5rem;">
|
|
|
+ <div>
|
|
|
+ <div class="card card-teal" style="margin-bottom:1.25rem;">
|
|
|
+ <h3>🚭 控烟——最高价值的单一预防措施</h3>
|
|
|
+ <p>任何年龄戒烟都能获益。戒烟10年后，肺癌风险降低约50%；戒烟15年后，心血管风险接近不吸烟者。<strong>戒烟的方法：</strong>咨询+药物（尼古丁替代疗法、安非他酮、伐尼克兰）是最有效的组合方案。中国有约3.5亿烟民——如果能将其吸烟率从25%降至15%，每年可避免约30万癌症死亡。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-blue" style="margin-bottom:1.25rem;">
|
|
|
+ <h3>💉 疫苗预防——最成功的癌症预防策略</h3>
|
|
|
+ <p><strong>HPV疫苗（人乳头瘤病毒疫苗）: </strong>推荐9-14岁女孩为主要接种对象（2剂次/间隔6-12个月），15-45岁女性可补种（3剂次）。疫苗可预防90%以上的HPV相关癌症（包括宫颈癌、口咽癌、肛门癌等）。中国已批准9价/4价/2价HPV疫苗上市。</p>
|
|
|
+ <p><strong>HBV疫苗（乙肝疫苗）: </strong>预防乙肝病毒感染→预防慢性乙肝→预防肝硬化→预防肝癌。中国新生儿乙肝疫苗接种率已>95%，5岁以下儿童HBsAg携带率降至0.3%。对于成人，高风险人群（医务人员、性工作者、HBV携带者家属）建议补种。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="card card-purple" style="margin-bottom:1.25rem;">
|
|
|
+ <h3>🦠 根除幽门螺杆菌——胃癌预防的有力武器</h3>
|
|
|
+ <p>中国H. pylori感染率约55%——约7.7亿人感染。《中国幽门螺杆菌根除与胃癌防控专家共识（2022）》推荐：在胃癌高发地区进行以人群为基础的筛查和治疗策略。根除H. pylori可使胃癌发生风险降低约39%（中国随机对照试验数据，随访15年）。筛查方法：碳13/碳14呼气试验（最准确）或血清学检测。治疗：含铋剂的四联疗法（PPI+铋剂+两种抗生素）10-14天。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-orange" style="margin-bottom:1.25rem;">
|
|
|
+ <h3>⚖️ 体重管理——维持健康体重</h3>
|
|
|
+ <p>维持BMI在18.5-24 kg/m²可以预防约15%的癌症病例。腰围：男性<90cm，女性<85cm。即使是已经在超重范围内的人，减重5-10%也能显著降低炎症水平和胰岛素抵抗，从而降低癌症风险。没有捷径——热量摄入减少+活动量增加是体重管理的基石。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-accent">
|
|
|
+ <h3>🍷 限制酒精——无安全量的"致癌饮品"</h3>
|
|
|
+ <p>WCRF明确结论：为了癌症预防，<strong>不饮酒是最安全的选择</strong>。即使"少量"饮酒（每日1杯葡萄酒）也会增加乳腺癌风险约5-10%，结直肠癌风险约7-10%。对于有饮酒习惯者：建议完全戒酒或至少将酒精摄入控制在最低水平（男性每日不超过25g乙醇，女性不超过15g乙醇，但即使这个水平仍存在致癌风险）。对于携带ALDH2*2突变（饮酒脸红）的人群，酒精致癌风险更高，建议滴酒不沾。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- STEP 03 -->
|
|
|
+ <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--purple);">③ 主动干预——可执行的六维抗癌策略</h3>
|
|
|
+ <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
|
|
|
+ 主动干预不是"绝对不生病"的承诺，而是在理解科学证据的基础上，做出对降低癌症风险最有力的选择。没有一种单一食物或补充剂可以"抗癌"，但多种健康行为的同时叠加，可以产生显著的保护效应。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="grid-2" style="margin-bottom:1.5rem;">
|
|
|
+ <div>
|
|
|
+ <div class="card card-accent" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">🚭</span>
|
|
|
+ <h3>① 远离所有烟草产品——NO.1 防癌策略</h3>
|
|
|
+ <p>烟草是最大的单一可预防致癌因素。不仅仅是吸烟——所有烟草产品（包括电子烟）都含有致癌物。电子烟虽然不是传统燃烧烟草，但其含有尼古丁和其他有毒物质（如甲醛、乙醛、丙烯醛）——<strong>电子烟液加热产生的甲醛/乙醛浓度在某些情况下可以达到传统香烟的水平。</strong></p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>关键行动：</strong>制定明确的戒烟计划，使用专业戒烟热线（12320）或戒烟门诊。帮助家人和朋友戒烟，保护自己和家人免受二手烟和三手烟暴露。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-teal" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">🥗</span>
|
|
|
+ <h3>② 饮食——地中海/植物性饮食模式</h3>
|
|
|
+ <p>WCRF/AICR推荐的癌症预防饮食模式：</p>
|
|
|
+ <p><strong>高膳食纤维：</strong>每日膳食纤维≥30g（全谷物、豆类、蔬菜、水果）。膳食纤维经肠道菌群发酵产生短链脂肪酸（SCFAs，主要是丁酸）→通过GPR43受体和HDAC抑制发挥抗肿瘤免疫作用。高纤维饮食者结直肠癌风险降低约20-30%。</p>
|
|
|
+ <p><strong>十字花科蔬菜：</strong>西兰花、卷心菜、羽衣甘蓝等含异硫氰酸盐（sulforaphane）→激活Nrf2通路→诱导II相解毒酶→促进致癌物清除。每周3-5份十字花科蔬菜摄入可降低肺癌、胃癌、结直肠癌风险。</p>
|
|
|
+ <p><strong>限制加工肉（避免）和红肉（<300g/周）：</strong>以鱼类和禽肉替代。避免高温油炸和烧烤——产生杂环胺（HCAs）和多环芳烃（PAHs），均为IARC Group 2A/2B致癌物。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-purple" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">🏃</span>
|
|
|
+ <h3>③ 运动——通过免疫加强和代谢调节来防癌</h3>
|
|
|
+ <p>规律运动的癌症保护机制：增强免疫监视（增加NK细胞和CD8+ T细胞活性）、减少炎症（降低IL-6、TNF-α，增加抗炎肌动蛋白）、降低胰岛素和IGF-1水平、改善肠道菌群多样性。</p>
|
|
|
+ <p><strong>运动处方：</strong>每周至少150分钟中等强度有氧运动（快走、慢跑、游泳、骑自行车）或75分钟高强度有氧运动。<strong>证据数据：</strong>规律运动使结直肠癌风险降低约20-30%，乳腺癌风险降低约10-20%，子宫内膜癌风险降低约20-30%。久坐行为本身增加结直肠癌风险（独立于运动总量），需在每坐1小时后起身活动5分钟。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div>
|
|
|
+ <div class="card card-blue" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">🛡️</span>
|
|
|
+ <h3>④ 免疫预防——疫苗接种和微环境调控</h3>
|
|
|
+ <p><strong>HPV疫苗：</strong>预防HPV持续感染→宫颈癌前病变→宫颈癌。最佳接种年龄是9-14岁（性行为开始前），两剂次（间隔6-12个月）。对于已经感染HPV的个体，疫苗不能清除已有感染，但可预防其他型别感染。</p>
|
|
|
+ <p><strong>HBV疫苗：</strong>预防HBV感染→慢性肝炎→肝硬化→肝癌。新生儿、未感染的成人高危人群（尤其是医护人员、HBV携带者家属）均应接种。</p>
|
|
|
+ <p style="margin-top:0.5rem;"><strong>免疫检查点：</strong>PD-1/PD-L1抗体和CTLA-4抗体在部分癌症类型中产生了"治愈性"效果，但其核心在治疗而非预防。未来方向：癌症疫苗（治疗性mRNA疫苗、新抗原疫苗）正处于临床试验中。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-orange" style="margin-bottom:1.25rem;">
|
|
|
+ <span class="card-icon">💊</span>
|
|
|
+ <h3>⑤ 抗炎——炎症是癌症的"燃料"</h3>
|
|
|
+ <p>慢性炎症是癌症的核心驱动因素之一：NF-κB激活→促进细胞增殖、抑制凋亡、诱导血管生成。CANTOS研究里程碑式地证明：抗炎治疗（IL-1β抗体canakinumab）可降低肺癌发病率约67%（次要终点）。</p>
|
|
|
+ <p><strong>阿司匹林（ASA）化学预防：</strong>ASA通过抑制COX-2（环氧化酶-2）介导的前列腺素E2合成，阻断Wnt/β-catenin信号通路。多个RCT的荟萃分析显示：长期服用低剂量阿司匹林（≥5年）可使结直肠癌风险降低约20-30%，尤其在用药5年以后。<strong>但是：</strong>阿司匹林增加胃肠道出血和出血性卒中风险，不建议作为一般人群的常规预防用药——使用前需评估个人心血管风险和出血风险。</p>
|
|
|
+ <p><strong>其他抗炎策略：</strong>ω-3多不饱和脂肪酸（EPA/DHA）可竞争性抑制促炎花生四烯酸代谢产物；姜黄素（curcumin）可抑制NF-κB通路，但生物利用度极低，尚无高质量证据支持其作为癌症预防的独立手段。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="card card-teal">
|
|
|
+ <span class="card-icon">🦠</span>
|
|
|
+ <h3>⑥ 调节肠道菌群——新兴的癌症预防靶点</h3>
|
|
|
+ <p><strong>高膳食纤维→丁酸产生菌增殖→抗肿瘤免疫：</strong>每日≥30g膳食纤维（全谷物、豆类、蔬菜、水果）。<strong>（此处配一幅示意图：纤维→丁酸→抗癌机制示意）</strong></p>
|
|
|
+ <p><strong>限制不必要的抗生素使用：</strong>抗生素暴露扰乱肠道菌群，降低微生物多样性，可能影响免疫监视功能。流行病学研究提示抗生素使用与结直肠癌风险增加有关。</p>
|
|
|
+ <p><strong>发酵食品与益生菌：</strong>酸奶、泡菜、纳豆含有的益生菌（如乳杆菌、双歧杆菌）可改善肠道屏障，调节免疫应答。益生菌作为癌症预防辅助剂的研究进展迅速，但尚无确凿RCT证据支持特定菌株的直接防癌效果。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="shot-placeholder">
|
|
|
+ <div class="shot-icon">🧬</div>
|
|
|
+ <span>img/ref-screenshots/cancer_ref4.png</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- STEP 04 -->
|
|
|
+ <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--orange);">④ 效果评估——用数据说证，验证防癌措施</h3>
|
|
|
+ <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
|
|
|
+ 主动防癌不是"做了就好"——需要验证措施是否达到预期效果。筛查依从性是否达标？生活方式改善是否反映在生物学指标上？这些评估数据是持续优化的依据。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="grid-2" style="margin-bottom:1.5rem;">
|
|
|
+ <div class="card card-orange">
|
|
|
+ <h3>📊 筛查依从性与监测指标</h3>
|
|
|
+ <table>
|
|
|
+ <tr><th>筛查/监测项目</th><th>目标人群</th><th>是否及时完成</th></tr>
|
|
|
+ <tr><td>LDCT（肺癌）</td><td>50-74岁，高吸烟量</td><td>每年</td></tr>
|
|
|
+ <tr><td>结肠镜/FIT（结直肠癌）</td><td>40-74岁</td><td>FIT每年/结肠镜5-10年</td></tr>
|
|
|
+ <tr><td>乳腺超声/钼靶</td><td>40岁以上女性</td><td>每1-2年</td></tr>
|
|
|
+ <tr><td>HPV筛查（宫颈癌）</td><td>30-65岁女性</td><td>每5年</td></tr>
|
|
|
+ <tr><td>胃镜（胃癌）</td><td>40岁以上高危人群</td><td>每2-3年</td></tr>
|
|
|
+ <tr><td>肝脏超声+AFP</td><td>慢性肝病患者</td><td>每6个月</td></tr>
|
|
|
+ </table>
|
|
|
+ <p style="margin-top:0.6rem;font-size:0.85rem;color:var(--text-muted);">建立个人"癌症筛查日历"——标记每一项筛查的到期日期。</p>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="card card-teal" style="margin-bottom:1.25rem;">
|
|
|
+ <h3>🧪 生活方式改善的生物学验证</h3>
|
|
|
+ <ul class="list-styled green">
|
|
|
+ <li><strong>体重/BMI/腰围：</strong>BMI是否向18.5-24目标移动？腰围是否下降？</li>
|
|
|
+ <li><strong>饮食质量评分：</strong>每日膳食纤维是否≥30g？红肉是否<300g/周？加工肉是否避免？</li>
|
|
|
+ <li><strong>运动达标率：</strong>每周是否完成≥150分钟中等强度运动？</li>
|
|
|
+ <li><strong>炎症指标：</strong>hsCRP是否<1mg/L？（肥胖、吸烟、不健康饮食都会升高hsCRP）</li>
|
|
|
+ <li><strong>糖代谢指标：</strong>空腹血糖/胰岛素水平是否正常？（胰岛素抵抗→高IGF-1→促进有丝分裂）</li>
|
|
|
+ <li><strong>维生素D：</strong>血清25(OH)D是否维持在≥30ng/ml？维生素D受体（VDR）在多种组织中表达，维生素D通过调节免疫和细胞分化发挥潜在抗肿瘤作用。</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="card card-purple">
|
|
|
+ <h3>🧠 管理"扫描焦虑症"（Scanxiety）</h3>
|
|
|
+ <p>癌症筛查和影像复查带来的焦虑——"扫描焦虑症"（scanxiety）是一种被科学文献正式描述的心理状态。对于癌症幸存者和高危人群，定期的影像检查（CT、MRI、PET-CT）可能诱发明显的焦虑和恐惧。应对策略：正念减压（MBSR）被证实可降低扫描焦虑水平；认知行为治疗（CBT）帮助患者建立对复查的正确认知；同伴支持小组可缓解孤独感。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="evidence-box green" style="margin-bottom:1.5rem;">
|
|
|
+ <div class="evidence-box-header">
|
|
|
+ <span class="evidence-box-title">📊 筛查效果的核心数据</span>
|
|
|
+ <span class="ev-tag green">循证数据</span>
|
|
|
+ </div>
|
|
|
+ <p><strong>LDCT筛查：</strong>NSLT研究（53,000人）显示，肺癌死亡风险降低约24%（LDCT vs 胸片）。<strong>结肠镜筛查/腺瘤切除：</strong>结肠镜发现并切除腺瘤可降低后续结直肠癌发病率约76-90%。<strong>HPV筛查：</strong>HPV核酸检测比巴氏涂片更敏感（约95% vs 65%），筛查间隔可延长至5年。<strong>胃镜筛查：</strong>日本和韩国的经验表明，胃镜筛查可使胃癌死亡率降低约40-60%。</p>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- STEP 05 -->
|
|
|
+ <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">⑤ 持续优化——癌症后的主动健康管理与长期生存</h3>
|
|
|
+ <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
|
|
|
+ 随着癌症早诊和治疗手段的进步，中国癌症患者的五年生存率已从10年前的约30%提高至约40.5%。越来越多的患者从"癌症患者"转变为"癌症幸存者"。主动健康在癌症确诊后同样重要——甚至更重要。持续优化是贯穿终身的动态过程。
|
|
|
+ </p>
|
|
|
+
|
|
|
+ <div class="grid-3">
|
|
|
+ <div class="card card-blue">
|
|
|
+ <h3>📋 癌症幸存者照护计划</h3>
|
|
|
+ <p><strong>复发监测：</strong>根据原发癌症类型制定个体化的影像和肿瘤标志物复查计划。结直肠癌：术后2年内每3-6个月复查CEA+CT，之后每6-12个月至5年；乳腺癌：每6-12个月乳腺影像检查至5年，之后每年。</p>
|
|
|
+ <p style="margin-top:0.4rem;"><strong>第二原发癌筛查：</strong>癌症幸存者发生第二原发癌的风险比普通人群高约14%（因遗传易感性+既往治疗致突变效应+共同的致癌因素暴露）。需要保持与其他普通人群同等的筛查依从性，甚至更严格。</p>
|
|
|
+ <p style="margin-top:0.4rem;"><strong>治疗晚期效应管理：</strong>蒽环类药物（阿霉素、表柔比星）的心脏毒性——心肌病风险呈剂量依赖性，累积剂量>450mg/m²时风险显著升高，需定期心脏超声。芳香化酶抑制剂（乳腺癌内分泌治疗）的骨质疏松效应——需定期骨密度监测，补充钙剂和维生素D。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-purple">
|
|
|
+ <h3>❤️ 心理-社会康复——常被忽视的"主动健康"维度</h3>
|
|
|
+ <p><strong>心理肿瘤学（Psycho-oncology）: </strong>约30-40%的癌症患者经历临床显著的焦虑或抑郁。心理干预（CBT、正念、支持性心理治疗）可改善生活质量、治疗依从性，甚至可能影响生存结局。</p>
|
|
|
+ <p style="margin-top:0.4rem;"><strong>重返工作：</strong>约60-70%的癌症幸存者在完成治疗后1-2年内返回工作岗位。重返工作有助于自尊重建、经济独立和社会再融入。工作场所的灵活安排（弹性工时、远程办公）对过渡期有重要帮助。</p>
|
|
|
+ <p style="margin-top:0.4rem;"><strong>社会支持：</strong>家庭支持、同伴支持（癌症患者互助组织）和专业人员支持的三位一体是最有效的社会心理支持模式。</p>
|
|
|
+ </div>
|
|
|
+ <div class="card card-orange">
|
|
|
+ <h3>🔬 整合医学——证据评价</h3>
|
|
|
+ <p><strong>有证据支持的整合实践：</strong></p>
|
|
|
+ <ul class="list-styled">
|
|
|
+ <li><strong>运动疗法：</strong>有氧+抗阻训练改善癌症相关性疲劳、肌肉减少症、生活质量（NCI强烈推荐）</li>
|
|
|
+ <li><strong>正念冥想（MBSR/MBCT）: </strong>降低焦虑、抑郁和扫描焦虑（A级证据）</li>
|
|
|
+ <li><strong>营养支持：</strong>高蛋白饮食对抗恶病质，地中海饮食降低复发风险</li>
|
|
|
+ <li><strong>针灸：</strong>对化疗相关性恶心、癌症相关性疼痛有效</li>
|
|
|
+ </ul>
|
|
|
+ <p style="margin-top:0.4rem;"><strong>缺乏证据的"顺势疗法"（应避免）：</strong></p>
|
|
|
+ <ul class="list-styled">
|
|
|
+ <li>高剂量抗氧化剂补充剂（维生素C/E、β-胡萝卜素）——可能干扰放化疗效果，某些补充剂甚至增加复发风险</li>
|
|
|
+ <li>"碱性饮食"——没有科学依据，血液pH受到严格生理调控</li>
|
|
|
+ <li>草药/膳食补充剂"抗癌"——绝大多数缺乏RCT证据</li>
|
|
|
+ </ul>
|
|
|
+ <p style="margin-top:0.4rem;color:var(--text-muted);font-size:0.82rem;">癌症患者使用任何膳食补充剂之前必须咨询肿瘤科医生。</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="quote-block green" style="margin-top:2rem;">
|
|
|
+ <p class="quote-text">"大约40%的癌症是可以预防的——这不是推测，这是世界卫生组织基于现有科学证据的结论。不吸烟、健康饮食、维持健康体重、限制酒精、接种HPV疫苗和乙肝疫苗——每一个选择都在降低你的癌症风险。真正的'抗癌药'不仅存在于药房，更存在于你的每一个日常选择中。"</p>
|
|
|
+ <span class="quote-source">— 浠艾福 · 主动健康学院 · 五维幸福理念</span>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<!-- CTA -->
|
|
|
+<section class="cta-section">
|
|
|
+ <div class="container">
|
|
|
+ <h2>主动健康，从今天开始</h2>
|
|
|
+ <p>癌症可预防、可早诊、可管理、可共存。让科学的知识代替恐惧，让主动的行动代替等待。<br>在基因给定的底牌上，通过科学的生活方式，你完全有能力改写自己的健康命运。</p>
|
|
|
+ <div class="cta-buttons">
|
|
|
+ <a href="index.html" class="btn btn-primary">🏠 返回首页</a>
|
|
|
+ <a href="https://www.etotem.com.cn" class="btn btn-outline" target="_blank">了解主动健康服务</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+<!-- FOOTER -->
|
|
|
+<footer>
|
|
|
+ <div class="footer-inner">
|
|
|
+ <div>
|
|
|
+ <div class="footer-brand">🧬 浠艾福 · 主动健康学院</div>
|
|
|
+ <p>备案号：京ICP备14061870号-5 | 浠艾福（Care Family）出品</p>
|
|
|
+ <p style="margin-top:0.5rem;font-size:0.8rem;">本文内容仅供健康教育参考，不构成诊疗建议。具体诊疗请咨询专业医师。</p>
|
|
|
+ </div>
|
|
|
+ <div class="footer-col">
|
|
|
+ <h4>快速导航</h4>
|
|
|
+ <ul>
|
|
|
+ <li><a href="#symptoms">症状识别</a></li>
|
|
|
+ <li><a href="#disease">疾病定义</a></li>
|
|
|
+ <li><a href="#causes">发病原因</a></li>
|
|
|
+ <li><a href="#proactive">主动健康五步</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <div class="footer-col">
|
|
|
+ <h4>相关阅读</h4>
|
|
|
+ <ul>
|
|
|
+ <li><a href="cardio-cerebro.html">心脑血管疾病预防</a></li>
|
|
|
+ <li><a href="index.html">返回首页</a></li>
|
|
|
+ <li><a href="https://www.etotem.com.cn" target="_blank">企业官网</a></li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="footer-bottom">
|
|
|
+ <span>© 2024 浠艾福（Care Family）. 京ICP备14061870号-5.</span>
|
|
|
+ <span>科学循证 · 主动健康</span>
|
|
|
+ </div>
|
|
|
+</footer>
|
|
|
+
|
|
|
+<!-- ══════════════════════════════════════════
|
|
|
+ 参考文献
|
|
|
+═══════════════════════════════════════════ -->
|
|
|
+<section class="citations" id="citations">
|
|
|
+ <div class="container">
|
|
|
+ <h2 style="font-size:1.3rem;font-weight:800;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;">📚 参考文献</h2>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-1">
|
|
|
+ <div class="source">[1] IARC/WHO · Global Cancer Statistics 2024 · GLOBOCAN 2024</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge blue">📊 IARC/WHO全球癌症统计</span></div>
|
|
|
+ <div class="findings">China: 4.57 million new cancer cases, 3.00 million cancer deaths annually. Top five: Lung (820k), colorectal (520k), stomach (480k), liver (410k), breast (420k female). Age-standardized incidence rate 201.7/100,000.</div>
|
|
|
+ <div class="trans">中国年新发癌症457万例，死亡300万例。肺癌、结直肠癌、胃癌、肝癌、乳腺癌为前五位。</div>
|
|
|
+ <a class="link" href="https://gco.iarc.who.int/" target="_blank">🔗 gco.iarc.who.int</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-2">
|
|
|
+ <div class="source">[2] Hanahan D, Weinberg RA. Hallmarks of Cancer: The Next Generation. Cell. 2011;144(5):646-674.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge">📚 Cell · 经典综述 · 被引>50000次</span><span class="auth-badge purple">癌症生物学里程碑</span></div>
|
|
|
+ <div class="findings">Proposes 8 hallmarks of cancer: sustaining proliferative signaling, evading growth suppressors, resisting cell death, enabling replicative immortality, inducing angiogenesis, activating invasion/metastasis, reprogramming energy metabolism, evading immune destruction. Updated to 14 in 2022.</div>
|
|
|
+ <div class="trans">提出癌症八大特征——持续增殖、逃逸生长抑制、抵抗凋亡、无限复制、诱导血管生成、激活侵袭转移、代谢重编程、免疫逃逸。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1016/j.cell.2011.02.013" target="_blank">🔗 doi.org/10.1016/j.cell.2011.02.013</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-3">
|
|
|
+ <div class="source">[3] Hanahan D. Hallmarks of Cancer: New Dimensions. Cancer Discovery. 2022;12(1):31-46.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge purple">📚 Hallmarks拓展 · 2022</span></div>
|
|
|
+ <div class="findings">Adds 4 new hallmarks: unlocking phenotypic plasticity, non-mutational epigenetic reprogramming, polymorphic microbiomes, and senescent cells. Expands framework to 14 hallmarks.</div>
|
|
|
+ <div class="trans">2022扩展至14个特征：表型可塑性解锁、非突变表观遗传重编程、多态微生物组、衰老细胞。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1158/2159-8290.CD-21-1059" target="_blank">🔗 doi.org/10.1158/2159-8290.CD-21-1059</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-4">
|
|
|
+ <div class="source">[4] World Cancer Research Fund (WCRF)/AICR. Diet, Nutrition, Physical Activity and Cancer: A Global Perspective. Continuous Update Project Expert Report 2018.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge green">🥗 WCRF/AICR · 饮食与癌症综合证据</span></div>
|
|
|
+ <div class="findings">Strong evidence: processed meat (colorectal cancer, Group 1), red meat (colorectal, Group 2A), alcohol (several cancers, Group 1), obesity (13 cancers), whole grains (colorectal, protective), physical activity (colon, breast, protective).</div>
|
|
|
+ <div class="trans">饮食、营养、运动与癌症的系统证据评估——加工肉类(1类)、红肉(2A类)、酒精(1类)明确致癌，膳食纤维/运动明确降低风险。</div>
|
|
|
+ <a class="link" href="https://www.wcrf.org/diet-activity-and-cancer/" target="_blank">🔗 www.wcrf.org</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-5">
|
|
|
+ <div class="source">[5] Bray F, Laversanne M, Sung H, et al. Global cancer statistics 2022: GLOBOCAN estimates. CA Cancer J Clin. 2024;74(3):229-263.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge blue">📊 CA Cancer J Clin · IF 254.7 · 全球癌症统计</span></div>
|
|
|
+ <div class="findings">Global: 19.96M new cases, 9.74M deaths. Lung (12.4% of all cases) surpasses breast as most common. Cancer transition: aging populations drive incidence in LMICs.</div>
|
|
|
+ <div class="trans">全球2022年近2000万新发病例、974万死亡。肺癌超过乳腺癌成为全球最常见癌症。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.3322/caac.21834" target="_blank">🔗 doi.org/10.3322/caac.21834</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-6">
|
|
|
+ <div class="source">[6] Knudson AG. Mutation and cancer: statistical study of retinoblastoma. Proc Natl Acad Sci USA. 1971;68(4):820-823.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge">🧬 经典文献 · Two-Hit假说</span></div>
|
|
|
+ <div class="findings">Proposes the "two-hit" hypothesis: both alleles of a tumor suppressor gene must be inactivated for cancer to develop. Hereditary cancers carry one germline mutation (first hit), requiring only one somatic mutation; sporadic cancers require two somatic mutations.</div>
|
|
|
+ <div class="trans">两次打击假说——抑癌基因的两个等位基因均需失活才能致癌。遗传性癌症已携带一个胚系突变。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1073/pnas.68.4.820" target="_blank">🔗 doi.org/10.1073/pnas.68.4.820</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-7">
|
|
|
+ <div class="source">[7] Fidler MM, Bray F, Soerjomataram I. The global cancer burden and human development: A review. Lancet Oncol. 2018;19(1):e66-e75.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge blue">📊 癌症流行病学 · Lancet Oncol</span></div>
|
|
|
+ <div class="findings">Cancer incidence doubles each decade after age 50. Aging population is the primary driver of rising cancer burden globally. Demographic transition in China will add ~3.5M annual cases by 2040.</div>
|
|
|
+ <div class="trans">癌症是"衰老疾病"——50岁后发病率每十年翻一番。中国人口老龄化将使年新发病例在2040年增加约350万。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1016/S1470-2045(17)30676-3" target="_blank">🔗 doi.org/10.1016/S1470-2045(17)30676-3</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-8">
|
|
|
+ <div class="source">[8] Jha P, Peto R. Global effects of smoking, of quitting, and of taxing tobacco. N Engl J Med. 2014;370(1):60-68.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge">🚬 NEJM · 吸烟全球影响 · 经典综述</span></div>
|
|
|
+ <div class="findings">Smoking causes 25% of all cancer deaths globally. Half of all smokers die from tobacco-related diseases. Quitting before age 40 reduces excess mortality by ~90%. China has 350M smokers, the largest tobacco epidemic in the world.</div>
|
|
|
+ <div class="trans">吸烟导致全球25%的癌症死亡。中国约3.5亿烟民。40岁前戒烟可减少约90%的吸烟相关超额死亡。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1056/NEJMra1308383" target="_blank">🔗 doi.org/10.1056/NEJMra1308383</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-9">
|
|
|
+ <div class="source">[9] Lauby-Secretan B, Scoccianti C, Loomis D, et al. Body fatness and cancer — Viewpoint of the IARC Working Group. N Engl J Med. 2016;375(8):794-798.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge">⚖️ IARC · 肥胖与癌症 · NEJM</span></div>
|
|
|
+ <div class="findings">Sufficient evidence for 13 cancer types associated with excess body fat: endometrial, breast (postmenopausal), colorectal, kidney, pancreas, esophageal adenocarcinoma, liver, gastric cardia, ovarian, thyroid, meningioma, multiple myeloma, gallbladder.</div>
|
|
|
+ <div class="trans">IARC确认13种癌症与肥胖存在因果关系。维持健康体重可预防约15%的癌症病例。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1056/NEJMsr1606602" target="_blank">🔗 doi.org/10.1056/NEJMsr1606602</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-10">
|
|
|
+ <div class="source">[10] Plummer M, de Martel C, Vignat J, et al. Global burden of cancers attributable to infections in 2012. Lancet Glob Health. 2016;4(9):e609-616.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge blue">🦠 感染相关癌症 · 全球负担</span></div>
|
|
|
+ <div class="findings">15.4% of all cancers worldwide attributable to infections. In China: ~22% (far higher than 5-8% in Western countries). Leading: H. pylori (gastric cancer), HPV (cervical), HBV/HCV (liver), EBV (nasopharyngeal).</div>
|
|
|
+ <div class="trans">全球15.4%的癌症归因于感染。中国约22%的癌症与感染有关（远高于西方国家的5-8%）。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1016/S2214-109X(16)30143-7" target="_blank">🔗 doi.org/10.1016/S2214-109X(16)30143-7</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-11">
|
|
|
+ <div class="source">[11] Global Burden of Disease Cancer Collaboration. The Global Burden of Cancer 2019. JAMA Oncol. 2022;8(3):420-444.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge blue">📊 JAMA Oncol · 全球癌症疾病负担</span></div>
|
|
|
+ <div class="findings">China accounts for 24% of all new cancer cases and 30% of all cancer deaths globally. Air pollution (PM2.5) accounts for ~300k lung cancer deaths annually in China.</div>
|
|
|
+ <div class="trans">中国占全球新发癌症的24%、癌症死亡的30%。空气污染与中国约30万肺癌死亡相关。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1001/jamaoncol.2021.6987" target="_blank">🔗 doi.org/10.1001/jamaoncol.2021.6987</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-12">
|
|
|
+ <div class="source">[12] Rubinstein WS, Acheson LS, O'Neill SM, et al. Clinical practice guidelines for genetic susceptibility to cancer. J Clin Oncol. 2021;39(27):3031-3041.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge purple">🧬 JCO · 遗传性癌症临床指南</span></div>
|
|
|
+ <div class="findings">5-10% of cancers are inherited. Core syndromes: BRCA1/2 (breast/ovarian), Lynch (MLH1/MSH2/MSH6/PMS2 for colorectal/endometrial), Li-Fraumeni (TP53), FAP (APC). Genetic counseling and testing recommended for at-risk families.</div>
|
|
|
+ <div class="trans">5-10%的癌症是遗传性的。高风险家庭的遗传咨询和基因检测是精准预防的基础。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1200/JCO.21.00326" target="_blank">🔗 doi.org/10.1200/JCO.21.00326</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-13">
|
|
|
+ <div class="source">[13] Garrett WS. The gut microbiota and colon cancer. Science. 2015;348(6230):80-86.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge green">🧫 Science · 肠道菌群与结直肠癌</span></div>
|
|
|
+ <div class="findings">Fusobacterium nucleatum enriched in CRC tissue promotes tumorigenesis via FadA binding to E-cadherin, activating β-catenin. Butyrate (from fiber fermentation) acts as HDAC inhibitor promoting apoptosis. Gut microbiota emerges as a key mediator of diet-cancer interactions.</div>
|
|
|
+ <div class="trans">具核梭杆菌通过FadA-E-钙黏蛋白结合促进结直肠癌发生。丁酸（膳食纤维发酵产物）通过HDAC抑制发挥抗肿瘤作用。</div>
|
|
|
+ <a class="link" href="https://doi.org/10.1126/science.aaa4972" target="_blank">🔗 doi.org/10.1126/science.aaa4972</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-14">
|
|
|
+ <div class="source">[14] National Cancer Institute (NCI). Cancer Screening Overview (PDQ). Updated 2024.</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge blue">📋 NCI · 癌症筛查证据综述</span></div>
|
|
|
+ <div class="findings">Screening reduces mortality for lung (LDCT, ↓24%), colorectal (colonoscopy, ↓40-60%), breast (mammography, ↓20-30%), cervical (HPV test, ↓50-70%), gastric (endoscopy, ↓40-60% in East Asia). Key principle: screen based on age, risk factors, and family history.</div>
|
|
|
+ <div class="trans">NCI综合证据：肺癌LDCT降低死亡率24%，结肠镜降低40-60%，钼靶降低20-30%，HPV筛查降低50-70%。</div>
|
|
|
+ <a class="link" href="https://www.cancer.gov/about-cancer/screening" target="_blank">🔗 www.cancer.gov/screening</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="citation-card" id="ref-15">
|
|
|
+ <div class="source">[15] 中国国家癌症中心. 中国恶性肿瘤学科发展报告2024. 中华肿瘤杂志. 2024;46(1).</div>
|
|
|
+ <div class="auth-row"><span class="auth-badge blue">📊 中国肿瘤流行病学权威数据</span></div>
|
|
|
+ <div class="findings">中国五年相对生存率40.5%（较2012年提高约10%）。城市与农村、不同癌症类型之间生存率差异显著。胃癌筛查覆盖率<15%，结直肠癌筛查覆盖率<12%。</div>
|
|
|
+ <div class="trans">中国癌症五年生存率40.5%，但筛查覆盖率仍然很低，提高筛查依从性是降低死亡率的关键策略。</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+</section>
|
|
|
+
|
|
|
+</body>
|
|
|
+</html>
|
