Home Explore Help
Register Sign In
liaoxg
/
cfc
1
1
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 3f5f5b03f0
Branches Tags
cfc
/
web
/
osteoporosis.html

osteoporosis.html 78 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zh-CN">
    3. 

  3. <head>
    4. 

  4. <meta charset="UTF-8">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6. <meta name="description" content="骨质疏松科学循证科普——症状识别、疾病定义、发病原因与主动健康五步干预。含DXA诊断标准、维生素D钙镁锌、骨骼肌-骨轴、运动处方与跌倒预防。">
    7. 

  7. <meta name="keywords" content="骨质疏松,脆性骨折,DXA骨密度,维生素D,钙,跌倒预防,骨骼健康,主动健康,骨代谢,肌少症">
    8. 

  8. <meta property="og:title" content="骨质疏松的症状、病因与主动健康干预 — 科学循证">
    9. 

  9. <meta property="og:description" content="中国骨质疏松患者6900万，脆性骨折致死率超30%。症状识别→骨骼病理→可控病因→主动健康五步：早识别、分层管控、营养运动干预、效果评估、持续优化。">
    10. 

  10. <meta property="og:type" content="article">
    11. 

  11. <title>骨质疏松 · 症-病-因与主动健康干预 · 浠艾福</title>
    12. 

  12. <style>
    13. 

  13.   :root {
    14. 

  14.     --bg-card: #FFFFFF;
    15. 

  15.     --bg-alt: #f0f8f5;
    16. 

  16.     --text-primary: #1a2e2e;
    17. 

  17.     --text-secondary: #4a5568;
    18. 

  18.     --text-muted: #718096;
    19. 

  19.     --accent: #2d6a4f;
    20. 

  20.     --accent-light: #f0fff4;
    21. 

  21.     --blue: #1a5276;
    22. 

  22.     --blue-light: #eaf4fb;
    23. 

  23.     --teal: #148f77;
    24. 

  24.     --teal-light: #e6fffa;
    25. 

  25.     --purple: #7d3c98;
    26. 

  26.     --purple-light: #f5eef8;
    27. 

  27.     --orange: #d35400;
    28. 

  28.     --orange-light: #fff4e6;
    29. 

  29.     --yellow: #b7791f;
    30. 

  30.     --yellow-light: #fefce8;
    31. 

  31.     --font: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
    32. 

  32.     --max-width: 1080px;
    33. 

  33.     --shadow-card: 0 4px 24px rgba(0,0,0,0.08);
    34. 

  34.     --shadow-hover: 0 8px 40px rgba(0,0,0,0.12);
    35. 

  35.     --radius: 16px;
    36. 

  36.   }
    37. 

  37.   * { margin: 0; padding: 0; box-sizing: border-box; }
    38. 

  38.   html { scroll-behavior: smooth; }
    39. 

  39.   body {
    40. 

  40.     font-family: var(--font);
    41. 

  41.     font-size: 1rem;
    42. 

  42.     line-height: 1.8;
    43. 

  43.     color: var(--text-primary);
    44. 

  44.     background: #fff;
    45. 

  45.     -webkit-font-smoothing: antialiased;
    46. 

  46.   }
    47. 

  47. 

  48.   .hero {
    49. 

  49.     position: relative;
    50. 

  50.     background: linear-gradient(135deg, #1a2e2e 0%, #2d4a4a 40%, #3d6b6b 100%);
    51. 

  51.     color: white;
    52. 

  52.     padding: 6rem 1.5rem 4rem;
    53. 

  53.     overflow: hidden;
    54. 

  54.     min-height: 58vh;
    55. 

  55.     display: flex;
    56. 

  56.     align-items: center;
    57. 

  57.   }
    58. 

  58.   .hero::before {
    59. 

  59.     content: '';
    60. 

  60.     position: absolute;
    61. 

  61.     inset: 0;
    62. 

  62.     background:
    63. 

  63.       radial-gradient(circle at 20% 30%, rgba(45,106,79,0.2) 0%, transparent 50%),
    64. 

  64.       radial-gradient(circle at 80% 70%, rgba(20,143,119,0.12) 0%, transparent 50%);
    65. 

  65.   }
    66. 

  66.   .hero-particles { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
    67. 

  67.   .particle {
    68. 

  68.     position: absolute;
    69. 

  69.     border-radius: 50%;
    70. 

  70.     background: rgba(255,255,255,0.1);
    71. 

  71.     animation: float 8s ease-in-out infinite;
    72. 

  72.   }
    73. 

  73.   .particle:nth-child(1) { width:5px;height:5px;left:10%;top:20%;animation-delay:0s; }
    74. 

  74.   .particle:nth-child(2) { width:8px;height:8px;left:28%;top:65%;animation-delay:1s;opacity:0.08; }
    75. 

  75.   .particle:nth-child(3) { width:4px;height:4px;left:45%;top:12%;animation-delay:2s; }
    76. 

  76.   .particle:nth-child(4) { width:3px;height:3px;left:68%;top:72%;animation-delay:0.5s; }
    77. 

  77.   .particle:nth-child(5) { width:6px;height:6px;left:82%;top:28%;animation-delay:3s;opacity:0.06; }
    78. 

  78.   .particle:nth-child(6) { width:4px;height:4px;left:14%;top:88%;animation-delay:1.5s; }
    79. 

  79.   .particle:nth-child(7) { width:7px;height:7px;left:52%;top:48%;animation-delay:2.5s;opacity:0.1; }
    80. 

  80.   @keyframes float {
    81. 

  81.     0%,100% { transform: translateY(0) scale(1); opacity: 0.1; }
    82. 

  82.     50% { transform: translateY(-28px) scale(1.5); opacity: 0.22; }
    83. 

  83.   }
    84. 

  84.   .hero-content {
    85. 

  85.     position: relative;
    86. 

  86.     z-index: 1;
    87. 

  87.     max-width: var(--max-width);
    88. 

  88.     margin: 0 auto;
    89. 

  89.     text-align: center;
    90. 

  90.     width: 100%;
    91. 

  91.   }
    92. 

  92.   .hero-badge {
    93. 

  93.     display: inline-flex;
    94. 

  94.     align-items: center;
    95. 

  95.     gap: 0.5rem;
    96. 

  96.     background: rgba(255,255,255,0.1);
    97. 

  97.     border: 1px solid rgba(255,255,255,0.2);
    98. 

  98.     backdrop-filter: blur(8px);
    99. 

  99.     padding: 0.4rem 1rem;
    100. 

  100.     border-radius: 100px;
    101. 

  101.     font-size: 0.85rem;
    102. 

  102.     margin-bottom: 1.5rem;
    103. 

  103.   }
    104. 

  104.   .hero h1 {
    105. 

  105.     font-size: clamp(1.8rem, 5vw, 3rem);
    106. 

  106.     font-weight: 800;
    107. 

  107.     margin-bottom: 1rem;
    108. 

  108.     letter-spacing: -0.02em;
    109. 

  109.     line-height: 1.25;
    110. 

  110.   }
    111. 

  111.   .hero h1 .accent { color: #40c057; }
    112. 

  112.   .hero-sub {
    113. 

  113.     font-size: clamp(1rem, 2vw, 1.15rem);
    114. 

  114.     color: rgba(255,255,255,0.8);
    115. 

  115.     max-width: 680px;
    116. 

  116.     margin: 0 auto 2rem;
    117. 

  117.     line-height: 1.7;
    118. 

  118.   }
    119. 

  119.   .hero-stats {
    120. 

  120.     display: flex;
    121. 

  121.     gap: 1.5rem;
    122. 

  122.     justify-content: center;
    123. 

  123.     flex-wrap: wrap;
    124. 

  124.     margin-top: 2rem;
    125. 

  125.   }
    126. 

  126.   .hero-stat {
    127. 

  127.     background: rgba(255,255,255,0.08);
    128. 

  128.     backdrop-filter: blur(8px);
    129. 

  129.     border: 1px solid rgba(255,255,255,0.1);
    130. 

  130.     border-radius: 12px;
    131. 

  131.     padding: 1rem 1.5rem;
    132. 

  132.     text-align: center;
    133. 

  133.     min-width: 120px;
    134. 

  134.   }
    135. 

  135.   .hero-stat .num { font-size: 1.9rem; font-weight: 800; color: #40c057; display: block; }
    136. 

  136.   .hero-stat .label { font-size: 0.82rem; color: rgba(255,255,255,0.7); margin-top: 0.2rem; }
    137. 

  137.   .scroll-hint {
    138. 

  138.     position: absolute;
    139. 

  139.     bottom: 2rem;
    140. 

  140.     left: 50%;
    141. 

  141.     transform: translateX(-50%);
    142. 

  142.     color: rgba(255,255,255,0.45);
    143. 

  143.     font-size: 0.78rem;
    144. 

  144.     text-align: center;
    145. 

  145.     animation: bounce 2s ease-in-out infinite;
    146. 

  146.     cursor: pointer;
    147. 

  147.     text-decoration: none;
    148. 

  148.     display: flex;
    149. 

  149.     flex-direction: column;
    150. 

  150.     align-items: center;
    151. 

  151.     gap: 0.3rem;
    152. 

  152.   }
    153. 

  153.   @keyframes bounce {
    154. 

  154.     0%,100% { transform: translateX(-50%) translateY(0); }
    155. 

  155.     50% { transform: translateX(-50%) translateY(8px); }
    156. 

  156.   }
    157. 

  157.   .scroll-arrow {
    158. 

  158.     width: 16px; height: 16px;
    159. 

  159.     border-right: 2px solid rgba(255,255,255,0.4);
    160. 

  160.     border-bottom: 2px solid rgba(255,255,255,0.4);
    161. 

  161.     transform: rotate(45deg);
    162. 

  162.   }
    163. 

  163. 

  164.   .nav {
    165. 

  165.     position: sticky;
    166. 

  166.     top: 0;
    167. 

  167.     z-index: 100;
    168. 

  168.     background: rgba(255,255,255,0.96);
    169. 

  169.     backdrop-filter: blur(12px);
    170. 

  170.     border-bottom: 1px solid rgba(0,0,0,0.06);
    171. 

  171.     padding: 0.75rem 1.5rem;
    172. 

  172.   }
    173. 

  173.   .nav-inner {
    174. 

  174.     max-width: var(--max-width);
    175. 

  175.     margin: 0 auto;
    176. 

  176.     display: flex;
    177. 

  177.     align-items: center;
    178. 

  178.     justify-content: space-between;
    179. 

  179.     gap: 1rem;
    180. 

  180.     flex-wrap: wrap;
    181. 

  181.   }
    182. 

  182.   .nav-brand {
    183. 

  183.     font-weight: 700;
    184. 

  184.     font-size: 0.95rem;
    185. 

  185.     color: var(--accent);
    186. 

  186.     text-decoration: none;
    187. 

  187.     display: flex;
    188. 

  188.     align-items: center;
    189. 

  189.     gap: 0.4rem;
    190. 

  190.   }
    191. 

  191.   .nav-links {
    192. 

  192.     display: flex;
    193. 

  193.     gap: 0.3rem;
    194. 

  194.     flex-wrap: wrap;
    195. 

  195.     list-style: none;
    196. 

  196.   }
    197. 

  197.   .nav-links a {
    198. 

  198.     color: var(--text-secondary);
    199. 

  199.     text-decoration: none;
    200. 

  200.     font-size: 0.85rem;
    201. 

  201.     padding: 0.3rem 0.7rem;
    202. 

  202.     border-radius: 8px;
    203. 

  203.     transition: all 0.2s;
    204. 

  204.   }
    205. 

  205.   .nav-links a:hover { background: var(--accent-light); color: var(--accent); }
    206. 

  206.   .nav-links a.active { background: var(--accent-light); color: var(--accent); font-weight: 600; }
    207. 

  207. 

  208.   .container { max-width: var(--max-width); margin: 0 auto; padding: 0 1.5rem; }
    209. 

  209.   .section { padding: 4rem 0; border-bottom: 1px solid #eee; }
    210. 

  210.   .section:last-of-type { border-bottom: none; }
    211. 

  211.   .section-alt { background: var(--bg-alt); }
    212. 

  212.   .section-tag {
    213. 

  213.     display: inline-flex;
    214. 

  214.     align-items: center;
    215. 

  215.     gap: 0.4rem;
    216. 

  216.     font-size: 0.72rem;
    217. 

  217.     font-weight: 700;
    218. 

  218.     letter-spacing: 0.1em;
    219. 

  219.     text-transform: uppercase;
    220. 

  220.     color: var(--accent);
    221. 

  221.     margin-bottom: 0.75rem;
    222. 

  222.   }
    223. 

  223.   .section-tag.purple { color: var(--purple); }
    224. 

  224.   .section-tag.teal { color: var(--teal); }
    225. 

  225.   .section-tag.blue { color: var(--blue); }
    226. 

  226.   .section-tag.orange { color: var(--orange); }
    227. 

  227.   .section-tag.yellow { color: var(--yellow); }
    228. 

  228.   .section-title {
    229. 

  229.     font-size: clamp(1.4rem, 3vw, 2.1rem);
    230. 

  230.     font-weight: 800;
    231. 

  231.     margin-bottom: 1rem;
    232. 

  232.     line-height: 1.3;
    233. 

  233.   }
    234. 

  234.   .section-intro {
    235. 

  235.     font-size: 1.05rem;
    236. 

  236.     color: var(--text-secondary);
    237. 

  237.     margin-bottom: 2rem;
    238. 

  238.     max-width: 820px;
    239. 

  239.     line-height: 1.85;
    240. 

  240.   }
    241. 

  241. 

  242.   .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
    243. 

  243.   .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    244. 

  244.   @media (max-width: 768px) { .grid-2, .grid-3 { grid-template-columns: 1fr; } }
    245. 

  245. 

  246.   .card {
    247. 

  247.     background: var(--bg-card);
    248. 

  248.     border-radius: var(--radius);
    249. 

  249.     padding: 1.75rem;
    250. 

  250.     box-shadow: var(--shadow-card);
    251. 

  251.     border: 1px solid rgba(0,0,0,0.04);
    252. 

  252.     transition: transform 0.2s, box-shadow 0.2s;
    253. 

  253.   }
    254. 

  254.   .card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hover); }
    255. 

  255.   .card-icon { font-size: 2.4rem; margin-bottom: 0.75rem; display: block; }
    256. 

  256.   .card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.6rem; }
    257. 

  257.   .card p { color: var(--text-secondary); font-size: 0.92rem; line-height: 1.75; }
    258. 

  258.   .card-accent { border-left: 4px solid var(--accent); }
    259. 

  259.   .card-blue { border-left: 4px solid var(--blue); }
    260. 

  260.   .card-teal { border-left: 4px solid var(--teal); }
    261. 

  261.   .card-purple { border-left: 4px solid var(--purple); }
    262. 

  262.   .card-orange { border-left: 4px solid var(--orange); }
    263. 

  263.   .card-yellow { border-left: 4px solid var(--yellow); }
    264. 

  264. 

  265.   .stat-row { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: 1.5rem 0; }
    266. 

  266.   .stat-block {
    267. 

  267.     flex: 1;
    268. 

  268.     min-width: 110px;
    269. 

  269.     background: var(--bg-alt);
    270. 

  270.     border-radius: 12px;
    271. 

  271.     padding: 1.1rem 1.25rem;
    272. 

  272.     text-align: center;
    273. 

  273.   }
    274. 

  274.   .stat-block .number { font-size: 1.7rem; font-weight: 800; color: var(--accent); display: block; }
    275. 

  275.   .stat-block .number.blue { color: var(--blue); }
    276. 

  276.   .stat-block .number.teal { color: var(--teal); }
    277. 

  277.   .stat-block .number.purple { color: var(--purple); }
    278. 

  278.   .stat-block .number.orange { color: var(--orange); }
    279. 

  279.   .stat-block .number.yellow { color: var(--yellow); }
    280. 

  280.   .stat-block .unit { font-size: 0.72rem; color: var(--text-muted); display: block; margin-top: 0.15rem; }
    281. 

  281.   .stat-block .desc { font-size: 0.82rem; color: var(--text-secondary); margin-top: 0.35rem; }
    282. 

  282. 

  283.   .evidence-box {
    284. 

  284.     background: linear-gradient(135deg, #f0fff4 0%, #fafaf5 100%);
    285. 

  285.     border: 1px solid rgba(45,106,79,0.12);
    286. 

  286.     border-radius: 12px;
    287. 

  287.     padding: 1.4rem 1.7rem;
    288. 

  288.     margin: 1.75rem 0;
    289. 

  289.     position: relative;
    290. 

  290.     overflow: hidden;
    291. 

  291.   }
    292. 

  292.   .evidence-box::before {
    293. 

  293.     content: '🔬';
    294. 

  294.     position: absolute;
    295. 

  295.     top: -0.5rem;
    296. 

  296.     right: 1rem;
    297. 

  297.     font-size: 3.5rem;
    298. 

  298.     opacity: 0.06;
    299. 

  299.   }
    300. 

  300.   .evidence-box.blue {
    301. 

  301.     background: linear-gradient(135deg, #eaf4fb 0%, #e8f4f8 100%);
    302. 

  302.     border-color: rgba(26,82,118,0.12);
    303. 

  303.   }
    304. 

  304.   .evidence-box.purple {
    305. 

  305.     background: linear-gradient(135deg, #f5eef8 0%, #faf5ff 100%);
    306. 

  306.     border-color: rgba(125,60,152,0.12);
    307. 

  307.   }
    308. 

  308.   .evidence-box.orange {
    309. 

  309.     background: linear-gradient(135deg, #fff4e6 0%, #fffbeb 100%);
    310. 

  310.     border-color: rgba(211,84,0,0.12);
    311. 

  311.   }
    312. 

  312.   .evidence-box.yellow {
    313. 

  313.     background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%);
    314. 

  314.     border-color: rgba(183,121,31,0.12);
    315. 

  315.   }
    316. 

  316.   .evidence-box-header { display: flex; align-items: center; gap: 0.4rem; margin-bottom: 0.65rem; flex-wrap: wrap; }
    317. 

  317.   .evidence-box-title { font-weight: 700; font-size: 0.97rem; color: var(--accent); }
    318. 

  318.   .evidence-box.blue .evidence-box-title { color: var(--blue); }
    319. 

  319.   .evidence-box.purple .evidence-box-title { color: var(--purple); }
    320. 

  320.   .evidence-box.orange .evidence-box-title { color: var(--orange); }
    321. 

  321.   .evidence-box.yellow .evidence-box-title { color: var(--yellow); }
    322. 

  322.   .evidence-box p { color: var(--text-secondary); font-size: 0.92rem; line-height: 1.75; margin-bottom: 0.4rem; }
    323. 

  323.   .evidence-box p:last-child { margin-bottom: 0; }
    324. 

  324.   .ev-tag {
    325. 

  325.     display: inline-block;
    326. 

  326.     font-size: 0.68rem;
    327. 

  327.     font-weight: 700;
    328. 

  328.     padding: 0.18rem 0.55rem;
    329. 

  329.     border-radius: 100px;
    330. 

  330.     background: rgba(45,106,79,0.1);
    331. 

  331.     color: var(--accent);
    332. 

  332.     margin-right: 0.3rem;
    333. 

  333.     margin-top: 0.25rem;
    334. 

  334.   }
    335. 

  335.   .ev-tag.blue { background: rgba(26,82,118,0.1); color: var(--blue); }
    336. 

  336.   .ev-tag.purple { background: rgba(125,60,152,0.1); color: var(--purple); }
    337. 

  337.   .ev-tag.orange { background: rgba(211,84,0,0.1); color: var(--orange); }
    338. 

  338.   .ev-tag.yellow { background: rgba(183,121,31,0.1); color: var(--yellow); }
    339. 

  339. 

  340.   .process-steps { display: flex; flex-direction: column; gap: 1rem; margin: 1.5rem 0; }
    341. 

  341.   .process-step { display: flex; gap: 1.25rem; align-items: flex-start; }
    342. 

  342.   .step-num {
    343. 

  343.     flex-shrink: 0;
    344. 

  344.     width: 2rem; height: 2rem;
    345. 

  345.     background: var(--accent-light);
    346. 

  346.     color: var(--accent);
    347. 

  347.     border-radius: 50%;
    348. 

  348.     display: flex;
    349. 

  349.     align-items: center;
    350. 

  350.     justify-content: center;
    351. 

  351.     font-weight: 800;
    352. 

  352.     font-size: 0.88rem;
    353. 

  353.   }
    354. 

  354.   .step-num.blue { background: var(--blue-light); color: var(--blue); }
    355. 

  355.   .step-num.teal { background: var(--teal-light); color: var(--teal); }
    356. 

  356.   .step-num.purple { background: var(--purple-light); color: var(--purple); }
    357. 

  357.   .step-num.orange { background: var(--orange-light); color: var(--orange); }
    358. 

  358.   .step-num.yellow { background: var(--yellow-light); color: var(--yellow); }
    359. 

  359.   .step-content h4 { font-size: 0.98rem; font-weight: 700; margin-bottom: 0.28rem; color: var(--text-primary); }
    360. 

  360.   .step-content p { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.7; }
    361. 

  361. 

  362.   .quote-block {
    363. 

  363.     background: var(--bg-alt);
    364. 

  364.     border-left: 4px solid var(--accent);
    365. 

  365.     border-radius: 0 12px 12px 0;
    366. 

  366.     padding: 1.4rem 1.7rem;
    367. 

  367.     margin: 1.75rem 0;
    368. 

  368.   }
    369. 

  369.   .quote-block.blue { border-left-color: var(--blue); }
    370. 

  370.   .quote-block.teal { border-left-color: var(--teal); }
    371. 

  371.   .quote-block.purple { border-left-color: var(--purple); }
    372. 

  372.   .quote-block.orange { border-left-color: var(--orange); }
    373. 

  373.   .quote-text { font-size: 1.02rem; font-style: italic; color: var(--text-secondary); line-height: 1.8; margin-bottom: 0.65rem; }
    374. 

  374.   .quote-source { font-size: 0.82rem; color: var(--text-muted); font-weight: 600; }
    375. 

  375. 

  376.   .list-styled { list-style: none; padding: 0; margin: 1rem 0; }
    377. 

  377.   .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; }
    378. 

  378.   .list-styled li::before { content: '✔'; position: absolute; left: 0; color: var(--accent); font-weight: 700; font-size: 0.85rem; top: 0.45rem; }
    379. 

  379.   .list-styled.teal li::before { color: var(--teal); }
    380. 

  380.   .list-styled.purple li::before { color: var(--purple); }
    381. 

  381. 

  382.   .table-wrap { overflow-x: auto; margin: 1.5rem 0; }
    383. 

  383.   table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
    384. 

  384.   th { background: var(--accent-light); color: var(--accent); padding: 0.7rem 1rem; text-align: left; font-weight: 700; white-space: nowrap; }
    385. 

  385.   th.blue { background: var(--blue-light); color: var(--blue); }
    386. 

  386.   th.teal { background: var(--teal-light); color: var(--teal); }
    387. 

  387.   th.purple { background: var(--purple-light); color: var(--purple); }
    388. 

  388.   th.orange { background: var(--orange-light); color: var(--orange); }
    389. 

  389.   td { padding: 0.7rem 1rem; border-bottom: 1px solid #eee; color: var(--text-secondary); vertical-align: top; }
    390. 

  390.   tr:last-child td { border-bottom: none; }
    391. 

  391.   tr:hover td { background: #fafafa; }
    392. 

  392. 

  393.   .step-flow { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem; margin: 2rem 0; }
    394. 

  394.   .step-flow-item {
    395. 

  395.     background: white;
    396. 

  396.     border: 2px solid var(--accent);
    397. 

  397.     border-radius: 12px;
    398. 

  398.     padding: 0.85rem 1.4rem;
    399. 

  399.     text-align: center;
    400. 

  400.     min-width: 150px;
    401. 

  401.     box-shadow: var(--shadow-card);
    402. 

  402.   }
    403. 

  403.   .step-flow-item.blue { border-color: var(--blue); }
    404. 

  404.   .step-flow-item.teal { border-color: var(--teal); }
    405. 

  405.   .step-flow-item.purple { border-color: var(--purple); }
    406. 

  406.   .step-flow-item.orange { border-color: var(--orange); }
    407. 

  407.   .step-flow-item.yellow { border-color: var(--yellow); }
    408. 

  408.   .step-flow-item .s-num { font-size: 0.72rem; font-weight: 700; color: var(--accent); display: block; margin-bottom: 0.2rem; }
    409. 

  409.   .step-flow-item.blue .s-num { color: var(--blue); }
    410. 

  410.   .step-flow-item.teal .s-num { color: var(--teal); }
    411. 

  411.   .step-flow-item.purple .s-num { color: var(--purple); }
    412. 

  412.   .step-flow-item.orange .s-num { color: var(--orange); }
    413. 

  413.   .step-flow-item.yellow .s-num { color: var(--yellow); }
    414. 

  414.   .step-flow-item .s-title { font-size: 0.9rem; font-weight: 700; color: var(--text-primary); display: block; }
    415. 

  415.   .step-flow-arrow { font-size: 1.2rem; color: #ccc; }
    416. 

  416. 

  417.   .cta-section {
    418. 

  418.     background: linear-gradient(135deg, #1a2e2e 0%, #2d4a4a 100%);
    419. 

  419.     color: white;
    420. 

  420.     padding: 4rem 1.5rem;
    421. 

  421.     text-align: center;
    422. 

  422.   }
    423. 

  423.   .cta-section h2 { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 800; margin-bottom: 0.9rem; }
    424. 

  424.   .cta-section p { color: rgba(255,255,255,0.78); max-width: 580px; margin: 0 auto 2rem; font-size: 1rem; line-height: 1.7; }
    425. 

  425.   .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
    426. 

  426.   .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; }
    427. 

  427.   .btn-primary { background: var(--accent); color: white; }
    428. 

  428.   .btn-primary:hover { background: #236b42; transform: translateY(-1px); }
    429. 

  429.   .btn-outline { background: transparent; color: white; border: 2px solid rgba(255,255,255,0.38); }
    430. 

  430.   .btn-outline:hover { border-color: white; background: rgba(255,255,255,0.1); }
    431. 

  431. 

  432.   /* Footer styles replaced by shared js/footer.js */
    433. 

  433. 

  434.   .citations { background: #f8f8f8; border-top: 2px solid var(--accent); padding: 3rem 0; }
    435. 

  435.   .citation-card { background: white; border: 1px solid #eee; border-radius: 12px; padding: 1.2rem 1.5rem; margin-bottom: 0.9rem; }
    436. 

  436.   .citation-card .source { font-size: 0.83rem; font-weight: 700; color: var(--text-primary); margin-bottom: 0.35rem; }
    437. 

  437.   .citation-card .auth-row { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-bottom: 0.4rem; }
    438. 

  438.   .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: #f0fff4; color: var(--accent); }
    439. 

  439.   .auth-badge.blue { background: #eaf4fb; color: var(--blue); }
    440. 

  440.   .auth-badge.purple { background: #f5eef8; color: var(--purple); }
    441. 

  441.   .auth-badge.orange { background: #fff4e6; color: var(--orange); }
    442. 

  442.   .citation-card .findings { font-size: 0.85rem; color: var(--text-secondary); line-height: 1.65; margin-bottom: 0.35rem; }
    443. 

  443.   .citation-card .trans { font-size: 0.78rem; color: var(--text-muted); font-style: italic; margin-bottom: 0.35rem; }
    444. 

  444.   .citation-card .link { font-size: 0.78rem; color: var(--blue); text-decoration: none; }
    445. 

  445.   .citation-card .link:hover { text-decoration: underline; }
    446. 

  446. 

  447.   .anchor { scroll-margin-top: 72px; }
    448. 

  448. 

  449.   .shot-placeholder {
    450. 

  450.     background: linear-gradient(135deg,#f0f0f0,#e5e5e5);
    451. 

  451.     border-radius: 12px;
    452. 

  452.     display: flex;
    453. 

  453.     flex-direction: column;
    454. 

  454.     align-items: center;
    455. 

  455.     justify-content: center;
    456. 

  456.     min-height: 180px;
    457. 

  457.     color: #aaa;
    458. 

  458.     font-size: 0.85rem;
    459. 

  459.     gap: 0.4rem;
    460. 

  460.     margin: 1.25rem 0;
    461. 

  461.   }
    462. 

  462.   .shot-placeholder .shot-icon { font-size: 2.2rem; opacity: 0.35; }
    463. 

  463. </style>
    464. 

  464. </head>
    465. 

  465. <body>
    466. 

  466. 

  467. <!-- HERO -->
    468. 

  468. <section class="hero">
    469. 

  469.   <div class="hero-particles">
    470. 

  470.     <div class="particle"></div><div class="particle"></div><div class="particle"></div>
    471. 

  471.     <div class="particle"></div><div class="particle"></div><div class="particle"></div><div class="particle"></div>
    472. 

  472.   </div>
    473. 

  473.   <div class="hero-content">
    474. 

  474.     <div class="hero-badge">🦴 科学循证 · 主动健康</div>
    475. 

  475.     <h1>骨质疏松<br><span class="accent">症·病·因与主动健康干预</span></h1>
    476. 

  476.     <p class="hero-sub">中国骨质疏松患者6900万，脆性骨折致死率超30%。<br>理解骨骼衰老信号 → 掌握骨代谢病理 → 识别可控病因 → 建立主动健康五步干预闭环——<br>骨骼健康是主动健康的核心维度之一，也是晚年生活质量的最重要保障。</p>
    477. 

  477.     <div class="hero-stats">
    478. 

  478.       <div class="hero-stat"><span class="num">6900万</span><span class="label">骨质疏松患者</span></div>
    479. 

  479.       <div class="hero-stat"><span class="num">2亿</span><span class="label">骨量低下人群</span></div>
    480. 

  480.       <div class="hero-stat"><span class="num">20%</span><span class="label">髋部骨折1年死亡率</span></div>
    481. 

  481.       <div class="hero-stat"><span class="num">40%</span><span class="label">女性一生骨折风险</span></div>
    482. 

  482.     </div>
    483. 

  483.   </div>
    484. 

  484.   <a href="#symptoms" class="scroll-hint">
    485. 

  485.     <span>开始阅读</span>
    486. 

  486.     <div class="scroll-arrow"></div>
    487. 

  487.   </a>
    488. 

  488. </section>
    489. 

  489. 

  490. <!-- NAV -->
    491. 

  491. <nav class="nav">
    492. 

  492.   <div class="nav-inner">
    493. 

  493.     <a href="index.html" class="nav-brand">🦴 浠艾福 · 主动健康学院</a>
    494. 

  494.     <ul class="nav-links">
    495. 

  495.       <li><a href="#symptoms">症</a></li>
    496. 

  496.       <li><a href="#disease">病</a></li>
    497. 

  497.       <li><a href="#causes">因</a></li>
    498. 

  498.       <li><a href="#proactive">主动健康五步</a></li>
    499. 

  499.       <li><a href="#citations">参考文献</a></li>
    500. 

  500.     </ul>
    501. 

  501.   </div>
    502. 

  502. </nav>
    503. 

  503. 

  504. <!-- ══════════════════════════════════════════
    505. 

  505.      症 · 症状识别
    506. 

  506. ═══════════════════════════════════════════ -->
    507. 

  507. <section class="section" id="symptoms">
    508. 

  508.   <div class="container">
    509. 

  509.     <div class="section-tag">🔍 症 · 症状识别</div>
    510. 

  510.     <h2 class="section-title">骨质疏松：最常见的"沉默杀手"之一</h2>
    511. 

  511.     <p class="section-intro">
    512. 

  512.       骨质疏松症最可怕之处在于它毫无症状——直到第一次骨折发生。骨量在无声中流失，骨微结构在悄悄退化，当疼痛出现时，疾病往往已经进展到中晚期。理解骨骼的"求救信号"，是主动健康的第一步。
    513. 

  513.     </p>
    514. 

  514. 

  515.     <div class="evidence-box" style="margin-bottom:1.5rem;">
    516. 

  516.       <div class="evidence-box-header">
    517. 

  517.         <span class="evidence-box-title">⚠️ 骨质疏松的典型症状信号</span>
    518. 

  518.         <span class="ev-tag">早发现是关键</span>
    519. 

  519.       </div>
    520. 

  520.       <p>① <strong>身高缩短（>4cm）</strong>：椎体压缩性骨折的早期信号，测量身高与年轻时相比，矮4cm以上提示椎体压缩</p>
    521. 

  521.       <p>② <strong>驼背（脊柱后凸）</strong>：多个椎体压缩性骨折导致"驼背"进行性加重，严重时影响呼吸和消化</p>
    522. 

  522.       <p>③ <strong>慢性腰背痛</strong>：椎体压缩性骨折导致持续性背痛，久坐久站加重，平卧缓解（与肌肉劳损性疼痛不同）</p>
    523. 

  523.       <p>④ <strong>脆性骨折</strong>：轻微外力即可导致骨折（从站立高度跌倒即骨折），最常见于椎体、髋部、腕部</p>
    524. 

  524.       <p>⑤ <strong>牙齿脱落</strong>：下颌骨也是松质骨，骨质疏松患者牙槽骨流失加速，牙齿脱落是全身骨丢失的信号之一</p>
    525. 

  525.     </div>
    526. 

  526. 

  527.     <div class="grid-3">
    528. 

  528.       <div class="card card-accent">
    529. 

  529.         <span class="card-icon">🦴</span>
    530. 

  530.         <h3>椎体压缩性骨折</h3>
    531. 

  531.         <p>最常见的骨质疏松性骨折（约占50%），多数无明显外伤史，仅因咳嗽、打喷嚏或弯腰提物即发生。表现为突发腰背部疼痛，数周后疼痛减轻，但椎体形态已不可逆。多数患者误以为是"腰肌劳损"，延误诊断。</p>
    532. 

  532.         <p style="margin-top:0.5rem;"><strong>警告：</strong>首次椎体骨折后1年内邻近椎体再骨折风险增加5倍，需积极治疗。</p>
    533. 

  533.       </div>
    534. 

  534.       <div class="card card-orange">
    535. 

  535.         <span class="card-icon">🦿</span>
    536. 

  536.         <h3>髋部骨折（股骨近端）</h3>
    537. 

  537.         <p>最严重的骨质疏松性骨折，分为股骨颈骨折和转子间骨折。多数由站立高度跌倒引起。骨折后1年死亡率约20%（并发症：肺部感染、深静脉血栓、褥疮），50%患者永久失去独立行走能力，需长期护理。</p>
    538. 

  538.         <p style="margin-top:0.5rem;">被称为"人生最后一次骨折"——不是因为骨折本身致命，而是因为骨折后的卧床并发症。</p>
    539. 

  539.       </div>
    540. 

  540.       <div class="card card-blue">
    541. 

  541.         <span class="card-icon">🤚</span>
    542. 

  542.         <h3>桡骨远端骨折（Colles骨折）</h3>
    543. 

  543.         <p>跌倒时手掌撑地导致，常见于老年女性。骨折本身通过手法复位或手术可治疗，但它是全身骨骼质量下降的明确信号，提示髋部和脊柱骨折风险显著升高。骨折后需全面评估骨密度，并开始系统干预。</p>
    544. 

  544.       </div>
    545. 

  545.     </div>
    546. 

  546. 

  547.     <div class="grid-2" style="margin-top:1.5rem;">
    548. 

  548.       <div class="card card-purple">
    549. 

  549.         <h3>🔍 正常衰老 vs 骨质疏松信号对比</h3>
    550. 

  550.         <table>
    551. 

  551.           <tr><th>表现</th><th>正常衰老</th><th>骨质疏松警告</th></tr>
    552. 

  552.           <tr><td>身高变化</td><td>缓慢下降，10年<1cm</td><td>明显缩短，>4cm提示椎体骨折</td></tr>
    553. 

  553.           <tr><td>骨痛</td><td>无或偶有轻微酸痛</td><td>持续腰背痛，与体位相关</td></tr>
    554. 

  554.           <tr><td>骨折史</td><td>无</td><td>轻微外伤即骨折（脆性骨折）</td></tr>
    555. 

  555.           <tr><td>牙齿</td><td>正常随年龄变化</td><td>牙齿脱落加速，牙周炎久治不愈</td></tr>
    556. 

  556.           <tr><td>姿势</td><td>正常直立</td><td>出现驼背（驼背角>40°）</td></tr>
    557. 

  557.         </table>
    558. 

  558.       </div>
    559. 

  559.       <div class="card card-teal">
    560. 

  560.         <h3>⚕️ 其他骨骼疾病的鉴别</h3>
    561. 

  561.         <p><strong>骨软化症：</strong>维生素D缺乏导致骨骼矿化障碍，表现为骨骼疼痛和无力，X线可见假骨折线，与骨质疏松可通过血液检查（维生素D、血钙、ALP）鉴别。</p>
    562. 

  562.         <p style="margin-top:0.5rem;"><strong>骨转移瘤：</strong>老年患者出现多处骨折，伴有消瘦、贫血，需排查恶性肿瘤骨转移。</p>
    563. 

  563.         <p style="margin-top:0.5rem;"><strong>多发性骨髓瘤：</strong>中老年骨质疏松样表现，伴有贫血、肾功能异常、血钙升高，免疫球蛋白异常。</p>
    564. 

  564.         <p style="margin-top:0.5rem;color:var(--text-muted);font-size:0.85rem;">出现上述异常信号，需尽早就诊内分泌科/骨科进行系统评估。</p>
    565. 

  565.       </div>
    566. 

  566.     </div>
    567. 

  567. 

  568.     <div class="process-steps" style="margin-top:1.5rem;">
    569. 

  569.       <div class="process-step">
    570. 

  570.         <div class="step-num">💡</div>
    571. 

  571.         <div class="step-content">
    572. 

  572.           <h4>主动健康第一步：建立骨骼健康警觉意识</h4>
    573. 

  573.           <p>40岁以上女性和50岁以上男性，即使没有症状，也应了解自己的骨骼健康状态。建议家中常备卷尺，每年测量一次身高（与年轻时对比）。如果出现身高缩短>4cm、新发腰背痛或轻微外力后的骨折，应立即就医进行DXA骨密度检测。</p>
    574. 

  574.         </div>
    575. 

  575.       </div>
    576. 

  576.     </div>
    577. 

  577. 

  578.   </div>
    579. 

  579. </section>
    580. 

  580. 

  581. <!-- ══════════════════════════════════════════
    582. 

  582.      病 · 疾病定义
    583. 

  583. ═══════════════════════════════════════════ -->
    584. 

  584. <section class="section section-alt" id="disease">
    585. 

  585.   <div class="container">
    586. 

  586.     <div class="section-tag teal">📖 病 · 疾病定义</div>
    587. 

  587.     <h2 class="section-title">骨质疏松：骨吸收超过骨形成的系统性骨骼疾病</h2>
    588. 

  588.     <p class="section-intro">
    589. 

  589.       骨质疏松症（Osteoporosis，OP）是一种以<strong>骨量低下、骨微结构损坏、骨脆性增加、骨折易感性增高</strong>为特征的全身性骨骼疾病。WHO明确定义：骨密度（BMD）T值≤-2.5即可诊断骨质疏松；T值在-1.0至-2.5之间为骨量低下（osteopenia），是骨质疏松的前期阶段。
    590. 

  590.     </p>
    591. 

  591. 

  592.     <div class="stat-row">
    593. 

  593.       <div class="stat-block">
    594. 

  594.         <span class="number">6900万</span>
    595. 

  595.         <span class="unit">人</span>
    596. 

  596.         <span class="desc">中国骨质疏松患者</span>
    597. 

  597.       </div>
    598. 

  598.       <div class="stat-block">
    599. 

  599.         <span class="number blue">2亿</span>
    600. 

  600.         <span class="unit">人</span>
    601. 

  601.         <span class="desc">骨量低下人群</span>
    602. 

  602.       </div>
    603. 

  603.       <div class="stat-block">
    604. 

  604.         <span class="number teal">40%</span>
    605. 

  605.         <span class="unit">女性</span>
    606. 

  606.         <span class="desc">一生骨折风险</span>
    607. 

  607.       </div>
    608. 

  608.       <div class="stat-block">
    609. 

  609.         <span class="number orange">20%</span>
    610. 

  610.         <span class="unit">髋骨骨折</span>
    611. 

  611.         <span class="desc">1年死亡率</span>
    612. 

  612.       </div>
    613. 

  613.     </div>
    614. 

  614. 

  615.     <div class="grid-2" style="margin-top:2rem;">
    616. 

  616.       <div class="card card-accent">
    617. 

  617.         <h3>🔬 DXA骨密度检测：诊断金标准</h3>
    618. 

  618.         <p>双能X线吸收测定法（Dual-energy X-ray Absorptiometry，DXA）是WHO推荐的骨质疏松诊断金标准，测量部位为<strong>腰椎（L1-L4）和股骨颈</strong>，全髋部也可作为参考。</p>
    619. 

  619.         <table style="margin-top:0.75rem;">
    620. 

  620.           <tr><th>分类</th><th>T值</th><th>含义</th></tr>
    621. 

  621.           <tr><td style="color:var(--accent);font-weight:700;">正常</td><td>T ≥ -1.0</td><td>骨密度在健康年轻人范围内</td></tr>
    622. 

  622.           <tr><td style="color:var(--yellow);font-weight:700;">骨量低下</td><td>-2.5 < T < -1.0</td><td>骨量减少，需干预防止进展</td></tr>
    623. 

  623.           <tr><td style="color:var(--accent);font-weight:700;">骨质疏松</td><td>T ≤ -2.5</td><td>骨密度显著下降，骨折风险高</td></tr>
    624. 

  624.           <tr><td style="color:var(--orange);font-weight:700;">严重骨质疏松</td><td>T ≤ -2.5 + 脆性骨折</td><td>已发生骨折，需积极治疗</td></tr>
    625. 

  625.         </table>
    626. 

  626.         <p style="margin-top:0.75rem;font-size:0.85rem;color:var(--text-muted);">注：T值是将患者BMD与健康年轻人（20-35岁）峰值骨量比较的标准差偏离值。Z值是将患者BMD与同龄人比较的数值，用于继发性骨质疏松的鉴别。</p>
    627. 

  627.       </div>
    628. 

  628.       <div class="card card-teal">
    629. 

  629.         <h3>🦴 骨骼生理：骨吸收与骨形成的平衡</h3>
    630. 

  630.         <p>骨骼是活的组织，通过<strong>骨重建</strong>（Bone Remodeling）不断更新——由破骨细胞（osteoclasts）吸收旧骨、成骨细胞（osteoblasts）形成新骨，周期约3-6个月。正常状态下两者平衡，维持骨量和强度。</p>
    631. 

  631.         <p style="margin-top:0.5rem;"><strong>RANKL/RANK/OPG通路</strong>是骨代谢的核心调控系统：成骨细胞和骨细胞表达RANKL（核因子κB受体活化因子配体），与破骨前体细胞表面的RANK受体结合，促进破骨细胞分化和活性。骨细胞分泌OPG（骨保护素）作为诱饵受体，中和RANKL，保护骨量。</p>
    632. 

  632.         <p style="margin-top:0.5rem;"><strong>绝经后骨质疏松</strong>的核心机制：雌激素缺乏→OPG减少→RANKL/OPG比值升高→破骨细胞过度活化→骨吸收大于骨形成→骨量快速丢失（约2-3%/年，持续5-7年）。</p>
    633. 

  633.       </div>
    634. 

  634.     </div>
    635. 

  635. 

  636.     <h3 style="font-size:1.1rem;font-weight:700;margin:2rem 0 1rem;">⚙️ 骨骼老化的三阶段</h3>
    637. 

  637.     <div class="process-steps">
    638. 

  638.       <div class="process-step">
    639. 

  639.         <div class="step-num teal">①</div>
    640. 

  640.         <div class="step-content">
    641. 

  641.           <h4>峰值骨量期（0-30岁）——骨骼"存款"阶段</h4>
    642. 

  642.           <p>儿童期和青春期是骨骼生长的关键时期，骨量快速增长，约在<strong>30岁左右达到峰值骨量</strong>（peak bone mass）。遗传因素决定约60-80%的峰值骨量，钙摄入、运动和维生素D等可调节因素占20-40%。峰值骨量越高，中老年后发生骨质疏松的风险越低。研究显示，峰值骨量每增加10%，骨质疏松发病年龄推迟约13年。</p>
    643. 

  643.         </div>
    644. 

  644.       </div>
    645. 

  645.       <div class="process-step">
    646. 

  646.         <div class="step-num teal">②</div>
    647. 

  647.         <div class="step-content">
    648. 

  648.           <h4>骨量稳定期（30-50岁）——"收支平衡"阶段</h4>
    649. 

  649.           <p>成年前期骨形成≈骨吸收，骨量保持稳定。40岁后，无论男性还是女性，骨密度都开始以约0.5-1%/年的速度缓慢下降。女性的下降速度在围绝经期（45-55岁）显著加速，进入绝经后骨质疏松快速进展期。男性则相对缓慢，以每年0.3-0.5%的速度下降。</p>
    650. 

  650.         </div>
    651. 

  651.       </div>
    652. 

  652.       <div class="process-step">
    653. 

  653.         <div class="step-num teal">③</div>
    654. 

  654.         <div class="step-content">
    655. 

  655.           <h4>骨量丢失期（50岁+）——骨骼"透支"阶段</h4>
    656. 

  656.           <p>女性绝经后雌激素急剧下降，破骨细胞活性暴增，骨吸收率超过骨形成率，骨量快速丢失。男性则与睾酮水平下降和肠道钙吸收减少有关。70岁以上老年人骨密度下降速度约2-3%/年，80岁时平均骨密度仅为峰值的约60-70%。</p>
    657. 

  657.         </div>
    658. 

  658.       </div>
    659. 

  659.     </div>
    660. 

  660. 

  661.     <div class="evidence-box blue" style="margin-top:1.5rem;">
    662. 

  662.       <div class="evidence-box-header">
    663. 

  663.         <span class="evidence-box-title">📊 骨折的危害：超越骨折本身</span>
    664. 

  664.         <span class="ev-tag blue">流行病学数据</span>
    665. 

  665.       </div>
    666. 

  666.       <p><strong>髋部骨折</strong>：骨折后1年死亡率约20%（与骨折后长期卧床的并发症直接相关：肺部感染、深静脉血栓、褥疮）。约50%患者无法恢复独立行走能力，需长期护理。约30%患者在骨折后第1年内再次骨折。</p>
    667. 

  667.       <p style="margin-top:0.5rem;"><strong>椎体骨折</strong>：首次椎体骨折后1年内邻近椎体再骨折风险增加5倍。椎体骨折后驼背进行性加重，影响呼吸（肺活量下降）和消化功能，甚至增加全因死亡率。</p>
    668. 

  668.       <p style="margin-top:0.5rem;"><strong>腕部骨折</strong>：虽不直接危及生命，但它是全身骨骼质量下降的信号，提示髋部骨折风险同样升高。</p>
    669. 

  669.       <p style="margin-top:0.5rem;color:var(--text-muted);font-style:italic;">关键认知：发生一次脆性骨折后，即属于"严重骨质疏松"，需要积极药物治疗+生活方式干预+跌倒预防，不可掉以轻心。</p>
    670. 

  670.     </div>
    671. 

  671. 

  672.     <div class="quote-block blue" style="margin-top:1.5rem;">
    673. 

  673.       <p class="quote-text">"骨质疏松性骨折是可预防、可延、可治的疾病。关键在于：在骨折发生之前识别风险，在骨量丢失的早期开始干预，在骨折发生之后防止再次骨折。主动健康管理是骨骼健康的最优策略。"</p>
    674. 

  674.       <span class="quote-source">— 中华医学会骨质疏松和骨矿盐疾病分会 ·《原发性骨质疏松症诊疗指南2022》</span>
    675. 

  675.     </div>
    676. 

  676. 

  677.   </div>
    678. 

  678. </section>
    679. 

  679. 

  680. <!-- ══════════════════════════════════════════
    681. 

  681.      因 · 发病原因
    682. 

  682. ═══════════════════════════════════════════ -->
    683. 

  683. <section class="section" id="causes">
    684. 

  684.   <div class="container">
    685. 

  685.     <div class="section-tag orange">⚡ 因 · 发病原因</div>
    686. 

  686.     <h2 class="section-title">骨质疏松的六大可控致病因素</h2>
    687. 

  687.     <p class="section-intro">
    688. 

  688.       骨质疏松的危险因素分为<strong>不可改变因素</strong>（年龄、性别、遗传、种族）和<strong>可改变因素</strong>（营养、运动、疾病、药物）。研究表明，约60-80%的峰值骨量和约30-50%的骨质疏松风险由可改变因素决定。这意味着，通过主动的生活方式干预，我们完全可以在一定程度上"掌控"自己的骨骼命运。
    689. 

  689.     </p>
    690. 

  690. 

  691.     <div class="evidence-box orange" style="margin-bottom:2rem;">
    692. 

  692.       <div class="evidence-box-header">
    693. 

  693.         <span class="evidence-box-title">📊 中国人群钙营养现状：每日缺口约600mg</span>
    694. 

  694.         <span class="ev-tag orange">营养不良是核心可控因素</span>
    695. 

  695.       </div>
    696. 

  696.       <p>中国居民膳食钙摄入量平均约400mg/天，仅为成人推荐量（1000-1200mg/天）的三分之一。维生素D缺乏患病率约60-70%（北方地区>80%），是钙吸收障碍的首要原因。蛋白质摄入不足（尤其老年人）同样影响骨骼健康，约30%的中国老年人存在蛋白质摄入不足问题。</p>
    697. 

  697.     </div>
    698. 

  698. 

  699.     <div class="grid-2">
    700. 

  700.       <div>
    701. 

  701.         <div class="card card-orange" style="margin-bottom:1.25rem;">
    702. 

  702.           <span class="card-icon">🥛</span>
    703. 

  703.           <h3>钙与维生素D缺乏——骨骼"建筑材料"不足</h3>
    704. 

  704.           <p>钙是骨骼的主要矿物质成分（99%的机体钙储存在骨骼中），维生素D是钙吸收的必要条件。中国人群普遍存在双重缺乏：</p>
    705. 

  705.           <p style="margin-top:0.5rem;"><strong>钙摄入严重不足：</strong>中国居民膳食钙摄入约400mg/天（推荐1000-1200mg/天），缺口达600-800mg/d。钙的最佳食物来源是乳制品（100ml牛奶含钙约120mg），但中国居民牛奶消费率不足30%。</p>
    706. 

  706.           <p style="margin-top:0.5rem;"><strong>维生素D缺乏：</strong>维生素D不足[25(OH)D 20-30ng/mL]患病率约60%，维生素D缺乏[<20ng/mL]患病率约20-30%。老年人皮肤合成维生素D能力下降约75%，加之户外活动减少，是高危人群。</p>
    707. 

  707.           <p style="margin-top:0.5rem;"><strong>机制：</strong>维生素D不足→肠道钙吸收率从30-40%降至10-15%→血钙下降→甲状旁腺激素（PTH）代偿性升高→骨吸收增加→骨量丢失。</p>
    708. 

  708.         </div>
    709. 

  709. 

  710.         <div class="card card-orange" style="margin-bottom:1.25rem;">
    711. 

  711.           <span class="card-icon">🛋️</span>
    712. 

  712.           <h3>久坐不动——骨骼失去机械负荷刺激</h3>
    713. 

  713.           <p>骨骼是"用进废退"的器官——机械负荷（重力+肌肉收缩）是维持骨量的必要刺激。长期卧床或失重状态（如宇航员）会导致骨量快速丢失（宇航员在太空每月骨密度下降约1-2%）。</p>
    714. 

  714.           <p style="margin-top:0.5rem;"><strong>机制：</strong>机械负荷→骨细胞感知压力→下调RANKL、上调OPG→抑制破骨细胞活性→减少骨吸收。缺乏运动→RANKL/OPG比值升高→破骨细胞活跃→骨量丢失。</p>
    715. 

  715.           <p style="margin-top:0.5rem;"><strong>数据：</strong>久坐人群骨折风险比经常运动者高约40%。抗阻训练（深蹲、举重）可显著增加骨密度——研究显示每周3次、每次30分钟的高强度抗阻训练，12个月后髋部骨密度增加约2-3%。</p>
    716. 

  716.         </div>
    717. 

  717. 

  718.         <div class="card card-blue">
    719. 

  719.           <span class="card-icon">🚬</span>
    720. 

  720.           <h3>吸烟与过量饮酒——直接抑制成骨细胞</h3>
    721. 

  721.           <p><strong>吸烟：</strong>烟草中的尼古丁直接抑制成骨细胞增殖和活性；烟雾中的一氧化碳降低骨骼血供；吸烟者肠道钙吸收减少。吸烟者髋部骨折风险比不吸烟者高约40%，且骨折后骨愈合延迟。</p>
    722. 

  722.           <p style="margin-top:0.5rem;"><strong>过量饮酒（>3单位/天）：</strong>酒精直接毒性作用于成骨细胞（抑制其活性），同时干扰钙平衡和维生素D代谢。长期大量饮酒者股骨颈骨密度比不饮酒者低约5-10%。</p>
    723. 

  723.           <p style="margin-top:0.5rem;"><strong>但少量饮酒（<2单位/天）与骨密度的关系尚存争议</strong>——部分研究显示轻度饮酒者骨密度略高，可能与红酒中的植物雌激素有关，但不建议从不饮酒者开始饮酒来保护骨骼。</p>
    724. 

  724.         </div>
    725. 

  725.       </div>
    726. 

  726. 

  727.       <div>
    728. 

  728.         <div class="card card-blue" style="margin-bottom:1.25rem;">
    729. 

  729.           <span class="card-icon">💊</span>
    730. 

  730.           <h3>药物因素：糖皮质激素——最常见的药源性骨质疏松</h3>
    731. 

  731.           <p>长期口服糖皮质激素（泼尼松>5mg/天，持续>3个月）是药源性骨质疏松的最常见原因，影响约1-2%的总人口。机制：糖皮质激素直接作用于成骨细胞（促进凋亡）、间接促进破骨细胞活性，同时减少肠道钙吸收、增加尿钙排泄。</p>
    732. 

  732.           <p style="margin-top:0.5rem;"><strong>关键事实：</strong>10-40%的长期使用糖皮质激素的患者会发生骨折，髋部和椎体骨折风险分别增加约2倍和5倍。骨折风险与剂量和疗程相关，但即使低剂量（泼尼松2.5-5mg/天）也会增加骨折风险。</p>
    733. 

  733.           <p style="margin-top:0.5rem;"><strong>其他导致骨质疏松的药物：</strong>质子泵抑制剂（PPIs，长期使用降低钙吸收）、芳香化酶抑制剂（乳腺癌内分泌治疗药，抑制雌激素合成）、抗癫痫药物（苯妥英钠、苯巴比妥诱导CYP450酶，加速维生素D代谢）。</p>
    734. 

  734.         </div>
    735. 

  735. 

  736.         <div class="card card-purple" style="margin-bottom:1.25rem;">
    737. 

  737.           <span class="card-icon">🦠</span>
    738. 

  738.           <h3>肠道菌群与骨骼健康：骨骼-肠道轴</h3>
    739. 

  739.           <p>近年研究揭示了"骨骼-肠道轴"（Gut-Bone Axis）：肠道菌群通过代谢产物影响骨骼代谢。</p>
    740. 

  740.           <p style="margin-top:0.5rem;"><strong>SCFAs（短链脂肪酸）通路：</strong>膳食纤维（全谷物、蔬菜、水果）→肠道菌群发酵产生乙酸、丙酸、丁酸→丁酸是结肠上皮细胞和骨骼细胞的重要能量来源→丁酸通过抑制HDAC（组蛋白去乙酰化酶）调节免疫和骨代谢→促进成骨细胞活性、抑制破骨细胞分化。</p>
    741. 

  741.           <p style="margin-top:0.5rem;"><strong>雌激素缺乏与肠道菌群：</strong>绝经后雌激素骤降→肠道通透性增加（肠漏）→LPS（脂多糖）进入血液→系统性炎症（IL-1β、IL-6、TNF-α升高）→RANKL表达增加→破骨细胞活化→骨吸收增加。研究发现：绝经后骨质疏松患者肠道菌群多样性显著降低，产丁酸菌（Roseburia、Faecalibacterium）丰度与骨密度正相关。</p>
    742. 

  742.         </div>
    743. 

  743. 

  744.         <div class="card card-teal">
    745. 

  745.           <span class="card-icon">🥩</span>
    746. 

  746.           <h3>蛋白质与微量元素：骨骼的"辅助材料"</h3>
    747. 

  747.           <p><strong>蛋白质：</strong>骨骼基质中约30%是蛋白质（胶原蛋白），蛋白质营养不良导致骨骼有机基质合成减少，骨脆性增加。老年人蛋白质合成能力下降，约30%中国老年人存在蛋白质摄入不足（<0.8g/kg/day），与肌少症（sarcopenia）密切相关，而肌肉是骨骼最重要的机械负荷来源。</p>
    748. 

  748.           <p style="margin-top:0.5rem;"><strong>微量元素：</strong>镁（叶绿素、坚果中）参与骨矿化过程；锌（海产品、瘦肉中）参与骨基质蛋白合成；硅（谷物、蔬菜中）促进胶原合成和骨矿化。</p>
    749. 

  749.         </div>
    750. 

  750.       </div>
    751. 

  751.     </div>
    752. 

  752. 

  753.     <div class="grid-2" style="margin-top:1.5rem;">
    754. 

  754.       <div class="card card-yellow">
    755. 

  755.         <h3>🧬 不可改变因素（作为背景参考）</h3>
    756. 

  756.         <p><strong>年龄：</strong>骨密度在30岁达到峰值后开始下降，50岁后加速，70岁以上约1/3女性会出现骨质疏松性骨折。</p>
    757. 

  757.         <p style="margin-top:0.5rem;"><strong>性别：</strong>女性骨折风险约为男性的2倍，主要原因是：①女性峰值骨量本身低于男性约10%；②绝经后雌激素骤降导致快速骨丢失（约5-7年）；③女性平均寿命更长，在低骨量状态下存活时间更长。</p>
    758. 

  758.         <p style="margin-top:0.5rem;"><strong>遗传因素：</strong>母亲有髋部骨折史者，子女髋部骨折风险增加约2倍。主要候选基因：LRP5（Wnt信号通路，影响骨量峰值）、SOST（骨硬化蛋白基因）、VDR（维生素D受体基因多态性）。</p>
    759. 

  759.         <p style="margin-top:0.5rem;"><strong>种族：</strong>亚裔和非裔人群骨密度低于高加索人群，骨折风险更高。</p>
    760. 

  760.         <p style="margin-top:0.5rem;color:var(--text-muted);font-size:0.85rem;">关键：即使遗传风险高，通过积极补钙、补维生素D、运动和防跌倒，仍然可以显著降低骨折风险。</p>
    761. 

  761.       </div>
    762. 

  762.       <div class="card card-accent">
    763. 

  763.         <h3>⚠️ 继发性骨质疏松：需要首先排查的因素</h3>
    764. 

  764.         <p>约30%的男性骨质疏松和约50%的50岁以下女性骨质疏松为继发性（由其他疾病或药物引起）。以下情况需要首先排查：</p>
    765. 

  765.         <ul class="list-styled">
    766. 

  766.           <li><strong>内分泌疾病：</strong>甲状腺功能亢进（加速骨转换）、原发性甲状旁腺功能亢进（PTH升高溶解骨）、库欣综合征（内源性糖皮质激素过多）、性腺功能减退</li>
    767. 

  767.           <li><strong>风湿免疫病：</strong>类风湿关节炎（炎症+糖皮质激素治疗）、强直性脊柱炎</li>
    768. 

  768.           <li><strong>消化系统疾病：</strong>胃切除术后（钙吸收下降）、炎性肠病（克罗恩病/溃疡性结肠炎）、乳糜泻</li>
    769. 

  769.           <li><strong>血液系统疾病：</strong>多发性骨髓瘤（骨痛+骨折+贫血）、白血病、骨转移瘤</li>
    770. 

  770.           <li><strong>慢性肾脏病：</strong>肾功能不全→磷潴留→FGF23升高→钙吸收减少</li>
    771. 

  771.         </ul>
    772. 

  772.       </div>
    773. 

  773.     </div>
    774. 

  774. 

  775.     <div class="process-steps" style="margin-top:1.5rem;">
    776. 

  776.       <div class="process-step">
    777. 

  777.         <div class="step-num orange">💡</div>
    778. 

  778.         <div class="step-content">
    779. 

  779.           <h4>主动健康核心认知：骨骼健康是可塑的</h4>
    780. 

  780.           <p>骨骼是人体中可塑性最强的组织之一——即使在80岁，通过科学的营养+运动+药物治疗，骨密度仍然可以提高（虽然不如年轻时显著）。关键是：无论年龄多大，现在开始行动都比不行动好。建议每个家庭关注老年成员的骨骼健康，特别是绝经后的女性和70岁以上的男性。</p>
    781. 

  781.         </div>
    782. 

  782.       </div>
    783. 

  783.     </div>
    784. 

  784. 

  785.   </div>
    786. 

  786. </section>
    787. 

  787. 

  788. <!-- ══════════════════════════════════════════
    789. 

  789.      主动健康五步
    790. 

  790. ═══════════════════════════════════════════ -->
    791. 

  791. <section class="section section-alt" id="proactive">
    792. 

  792.   <div class="container">
    793. 

  793.     <div class="section-tag teal">🌿 主动健康五步</div>
    794. 

  794.     <h2 class="section-title">从识别到优化：骨骼健康的主动健康干预闭环</h2>
    795. 

  795.     <p class="section-intro">
    796. 

  796.       骨骼健康的主动健康核心理念是：在骨折发生之前识别风险，在骨量丢失的早期开始干预，在骨折发生之后防止再次骨折。骨骼健康的主动健康管理分为五步：<strong>提前识别 → 风险管控 → 主动干预 → 效果评估 → 持续优化</strong>，形成永不中断的闭环。
    797. 

  797.     </p>
    798. 

  798. 

  799.     <div class="step-flow">
    800. 

  800.       <div class="step-flow-item blue"><span class="s-num">STEP 01</span><span class="s-title">提前识别</span></div>
    801. 

  801.       <span class="step-flow-arrow">→</span>
    802. 

  802.       <div class="step-flow-item teal"><span class="s-num">STEP 02</span><span class="s-title">风险管控</span></div>
    803. 

  803.       <span class="step-flow-arrow">→</span>
    804. 

  804.       <div class="step-flow-item purple"><span class="s-num">STEP 03</span><span class="s-title">主动干预</span></div>
    805. 

  805.       <span class="step-flow-arrow">→</span>
    806. 

  806.       <div class="step-flow-item orange"><span class="s-num">STEP 04</span><span class="s-title">效果评估</span></div>
    807. 

  807.       <span class="step-flow-arrow">→</span>
    808. 

  808.       <div class="step-flow-item yellow"><span class="s-num">STEP 05</span><span class="s-title">持续优化</span></div>
    809. 

  809.     </div>
    810. 

  810. 

  811.     <!-- STEP 01: 提前识别 -->
    812. 

  812.     <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--blue);">① 提前识别——在沉默期发现骨骼健康风险</h3>
    813. 

  813.     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
    814. 

  814.       骨质疏松在早期毫无症状，但通过科学的筛查工具，我们完全可以在骨折发生之前识别风险。关键是：知道自己是否属于高危人群，并及时进行DXA检测。
    815. 

  815.     </p>
    816. 

  816. 

  817.     <div class="grid-2" style="margin-bottom:1.5rem;">
    818. 

  818.       <div>
    819. 

  819.         <div class="card card-blue" style="margin-bottom:1.25rem;">
    820. 

  820.           <h3>🔬 DXA骨密度检测：诊断金标准</h3>
    821. 

  821.           <p>双能X线吸收测定法（DXA）测量腰椎和股骨颈BMD，是WHO推荐的诊断金标准。中华医学会建议以下人群进行DXA检测：</p>
    822. 

  822.           <ul class="list-styled">
    823. 

  823.             <li>女性≥65岁，男性≥70岁（不管有无其他危险因素）</li>
    824. 

  824.             <li>绝经后女性及50岁以上男性，有≥1项骨质疏松危险因素</li>
    825. 

  825.             <li>50岁以上发生脆性骨折史者（不管BMD结果如何）</li>
    826. 

  826.             <li>正在使用糖皮质激素（泼尼松≥5mg/天≥3个月）</li>
    827. 

  827.             <li>继发性骨质疏松高危人群（见前述疾病列表）</li>
    828. 

  828.             <li>OSTA指数<-1的绝经后女性（计算公式：体重(kg)-年龄(岁)×0.2）</li>
    829. 

  829.           </ul>
    830. 

  830.           <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">检查费用约200-400元/次，部分地区已将DXA纳入医保，建议每1-2年复查一次。</p>
    831. 

  831.         </div>
    832. 

  832. 

  833.         <div class="card card-teal">
    834. 

  834.           <h3>📋 FRAX®骨折风险评估工具</h3>
    835. 

  835.           <p>WHO推荐的骨折风险评估工具（https://www.sheffield.ac.uk/FRAX/），计算10年内髋部骨折和主要骨质疏松性骨折的概率。纳入因素：年龄、性别、体重、身高、骨折史（除椎体外）、父母髋部骨折史、吸烟、糖皮质激素使用、类风湿关节炎、继发性骨质疏松、饮酒（≥3单位/天）。</p>
    836. 

  836.           <p style="margin-top:0.5rem;"><strong>治疗阈值：</strong>中国人群建议：10年髋部骨折概率≥3%或10年主要骨质疏松性骨折概率≥20%，即应开始药物治疗。</p>
    837. 

  837.         </div>
    838. 

  838.       </div>
    839. 

  839. 

  840.       <div>
    841. 

  841.         <div class="card card-purple">
    842. 

  842.           <h3>🔍 骨折风险自评工具</h3>
    843. 

  843.           <p><strong>一分钟测试题（IOF）</strong>：① 父母是否曾因轻微外伤而发生髋部骨折？② 成年后是否曾因轻微外伤而发生骨折？③ 40岁后身高是否缩短超过4cm？④ 是否经常摔倒（每年超过1次）？⑤ 是否经常腹泻（吸收不良）？⑥ 是否曾服用糖皮质激素超过3个月？⑦ 是否在45岁前绝经？⑧ 是否因卵巢切除或化疗导致停经？⑨ 是否经常大量饮酒？⑩ 是否长期吸烟？以上任一问题回答"是"，即提示存在较高骨折风险，建议进行DXA检测。</p>
    844. 

  844.         </div>
    845. 

  845. 

  846.         <div class="card card-orange" style="margin-top:1.25rem;">
    847. 

  847.           <h3>⚖️ 跌倒风险评估</h3>
    848. 

  848.           <p>对于≥65岁的老年人，跌倒是骨折的直接原因。推荐以下跌倒风险评估方法：</p>
    849. 

  849.           <ul class="list-styled">
    850. 

  850.             <li><strong>Tinetti步态与平衡测试</strong>（Tinetti Assessment Tool）：满分28分，≤19分提示高跌倒风险</li>
    851. 

  851.             <li><strong>起立-行走计时测试（Get-Up-and-Go）</strong>：从椅子上站起、走3米、返回、坐下，≥20秒提示高跌倒风险</li>
    852. 

  852.             <li><strong>功能性前伸测试</strong>（FRT）：站立时尽量向前伸手够物，<15cm提示跌倒风险高</li>
    853. 

  853.           </ul>
    854. 

  854.           <p style="margin-top:0.5rem;font-size:0.85rem;color:var(--text-muted);">跌倒风险评估应每6-12个月重复一次，动态追踪。</p>
    855. 

  855.         </div>
    856. 

  856.       </div>
    857. 

  857.     </div>
    858. 

  858. 

  859.     <div class="shot-placeholder">
    860. 

  860.       <div class="shot-icon">🦴</div>
    861. 

  861.       <span>img/ref-screenshots/osteoporosis_ref1.png</span>
    862. 

  862.       <span style="font-size:0.78rem;">DXA骨密度检测报告示例（股骨颈T值=-2.8，诊断骨质疏松）</span>
    863. 

  863.     </div>
    864. 

  864. 

  865.     <!-- STEP 02: 风险管控 -->
    866. 

  866.     <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--teal);">② 风险管控——分层管理，有的放矢</h3>
    867. 

  867.     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
    868. 

  868.       骨骼健康风险管理不是一刀切，而是根据DXA检测结果和骨折风险评估进行分层，针对不同风险级别采取不同强度的干预措施。低危以生活方式干预为主；中危生活方式+活性维生素D；高危需要药物+生活方式双管齐下。
    869. 

  869.     </p>
    870. 

  870. 

  871.     <div class="table-wrap" style="margin-bottom:1.5rem;">
    872. 

  872.       <table>
    873. 

  873.         <tr><th>风险级别</th><th>判断标准</th><th>钙+维生素D</th><th>药物治疗</th><th>干预重点</th></tr>
    874. 

  874.         <tr><td><strong>骨量正常</strong></td><td>T ≥ -1.0</td><td>膳食补充即可</td><td>无需</td><td>保持健康生活方式</td></tr>
    875. 

  875.         <tr><td><strong>骨量低下</strong></td><td>-2.5 < T < -1.0，无骨折史</td><td>钙1000mg+VD 800-1000IU/天</td><td>一般不需（FRAX高危者可用）</td><td>强化生活方式干预</td></tr>
    876. 

  876.         <tr><td><strong>骨质疏松</strong></td><td>T ≤ -2.5 或 T ≤ -1.0+FRAX高危</td><td>钙1200mg+VD 1000-2000IU/天</td><td><strong>需要</strong>：双膦酸盐或地舒单抗</td><td>药物+生活方式双管</td></tr>
    877. 

  877.         <tr><td><strong>严重骨质疏松</strong></td><td>T ≤ -2.5+脆性骨折史</td><td>钙1200mg+VD 2000IU/天</td><td><strong>需要</strong>：特立帕肽或其他促合成药</td><td>骨折后管理+防跌倒</td></tr>
    878. 

  878.       </table>
    879. 

  879.     </div>
    880. 

  880.     <p style="color:var(--text-muted);font-size:0.82rem;margin-bottom:1.5rem;">参考：《原发性骨质疏松症诊疗指南2022》· 中华医学会骨质疏松和骨矿盐疾病分会</p>
    881. 

  881. 

  882.     <div class="grid-2" style="margin-bottom:1.5rem;">
    883. 

  883.       <div class="card card-teal">
    884. 

  884.         <h3>💊 抗骨质疏松药物概述</h3>
    885. 

  885.         <p><strong>一线抗骨吸收药：双膦酸盐类</strong></p>
    886. 

  886.         <p>阿仑膦酸钠（70mg/周，口服）：抑制破骨细胞介导的骨吸收。口服方便，价格低廉，是首选药物。空腹用水送服，站立30分钟，避免反流。</p>
    887. 

  887.         <p style="margin-top:0.5rem;"><strong>唑来膦酸（5mg/年，静脉滴注）</strong>：更强效的静脉双膦酸盐，适合口服不耐受或吸收障碍患者。输注后可能出现急性期反应（流感样症状），对肾功能有一定要求。</p>
    888. 

  888.         <p style="margin-top:0.5rem;"><strong>地舒单抗（Denosumab，60mg/6月，皮下注射）</strong>：RANKL单克隆抗体，抑制破骨细胞生成和活性。对脆性骨折高危或双膦酸盐不耐受者是优选。注意：<strong>不能随意停药</strong>，停药后可能出现"反跳性椎体骨折"，需转换为双膦酸盐。</p>
    889. 

  889.         <p style="margin-top:0.5rem;"><strong>促骨形成药：特立帕肽（Teriparatide，20μg/天，皮下注射）</strong>：人PTH 1-34片段，直接刺激成骨细胞活性，促进骨形成。用于严重骨质疏松或骨折不愈合者，疗程最多24个月。费用较高。</p>
    890. 

  890.         <p style="margin-top:0.5rem;"><strong>补充：</strong>维生素K2（40μg/天）：促进骨钙素γ-羧化，与活性维生素D联合使用可能增强骨密度；降钙素：用于急性骨折后疼痛缓解。</p>
    891. 

  891.       </div>
    892. 

  892.       <div class="card card-yellow">
    893. 

  893.         <h3>🦴 钙和维生素D的补充策略</h3>
    894. 

  894.         <p><strong>钙的来源：</strong>膳食钙优先。最佳膳食钙来源：乳制品（牛奶、酸奶、奶酪，每100ml牛奶含钙约120mg）；豆制品（豆腐、豆浆）；小鱼小虾（连骨一起吃，如沙丁鱼罐头）；深绿叶蔬菜（苋菜、芥蓝，每100g含钙约150-200mg，但草酸影响吸收）。</p>
    895. 

  895.         <p style="margin-top:0.5rem;"><strong>钙补充剂：</strong>如果膳食钙不足，补充钙剂（碳酸钙或柠檬酸钙）。碳酸钙需随餐服用（胃酸帮助吸收），柠檬酸钙无需随餐，空腹服用即可。胃酸缺乏或服用PPI者建议使用柠檬酸钙。每日钙摄入总量不超过2000mg（膳食+补充剂）。</p>
    896. 

  896.         <p style="margin-top:0.5rem;"><strong>维生素D：</strong>血清25(OH)D是评估维生素D状态的最佳指标：≥30ng/mL为充足，20-30ng/mL为不足，<20ng/mL为缺乏。中国老年人维生素D不足/缺乏患病率约60-80%，建议常规补充。补充剂量：400-800 IU/天（不足者需更高剂量1000-2000 IU/天）。定期检测25(OH)D水平（每6-12个月），调整剂量。</p>
    897. 

  897.       </div>
    898. 

  898.     </div>
    899. 

  899. 

  900.     <!-- STEP 03: 主动干预 -->
    901. 

  901.     <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--purple);">③ 主动干预——可执行的骨骼健康五维策略</h3>
    902. 

  902.     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
    903. 

  903.       骨骼健康的主动干预不是笼统的"补钙"，而是需要具体化、可量化、可坚持的行动方案。五个维度同时发力，效果最为显著。
    904. 

  904.     </p>
    905. 

  905. 

  906.     <div class="grid-2" style="margin-bottom:1.5rem;">
    907. 

  907.       <div>
    908. 

  908.         <div class="card card-purple" style="margin-bottom:1.25rem;">
    909. 

  909.           <span class="card-icon">🥗</span>
    910. 

  910.           <h3>营养干预——骨骼健康的基石</h3>
    911. 

  911.           <p><strong>钙+维生素D（必做）：</strong>每日钙总摄入量1000-1200mg（女性≥50岁，男性≥70岁），维生素D 800-2000 IU/天。这是所有抗骨质疏松治疗的基础，无论是否使用药物，都必须保证充足的钙和维生素D。</p>
    912. 

  912.           <p style="margin-top:0.5rem;"><strong>蛋白质（防肌少症）：</strong>老年人蛋白质需求比年轻人更高（1.0-1.2g/kg/天，约比年轻人高30-50%），因为合成代谢抵抗导致同样的蛋白质摄入产生的肌肉合成信号更弱。优质蛋白来源：鸡蛋、瘦肉、鱼、豆腐、奶制品。乳清蛋白对肌肉合成效果优于酪蛋白。</p>
    913. 

  913.           <p style="margin-top:0.5rem;"><strong>维生素K2（可选辅助）：</strong>促进骨钙素γ-羧化（骨钙素是骨骼将钙沉积到骨基质的关键蛋白）。日本研究发现纳豆（富含K2）摄入与髋部骨折风险降低相关（HR 0.69）。MK-7型维生素K2（40μg/天）补充剂可用于骨质疏松患者的辅助治疗。</p>
    914. 

  914.         </div>
    915. 

  915. 

  916.         <div class="card card-blue" style="margin-bottom:1.25rem;">
    917. 

  917.           <span class="card-icon">🏋️</span>
    918. 

  918.           <h3>运动干预——骨骼的"天然肥料"</h3>
    919. 

  919.           <p><strong>抗阻训练（最重要）：</strong>骨骼需要承重刺激才能维持骨量。研究表明，每周3次、每次30分钟的高强度渐进式抗阻训练（深蹲、腿举、负重行走），12个月后腰椎骨密度增加约2-3%，髋部骨密度增加约1.5%。</p>
    920. 

  920.           <p style="margin-top:0.5rem;"><strong>冲击性运动：</strong>跑步、跳绳、楼梯登山等对下肢骨骼产生冲击刺激，有助于维持髋部和腰椎骨密度。每周累计150分钟中等强度有氧运动。</p>
    921. 

  921.           <p style="margin-top:0.5rem;"><strong>平衡训练（防跌倒）：</strong>太极拳已被严格RCT证实：每周≥3次太极拳练习，12个月后跌倒风险降低约50%，髋部骨折风险降低约40%。此外，单腿站立、行走时交叉步等练习也有助于平衡功能改善。</p>
    922. 

  922.           <p style="margin-top:0.5rem;"><strong>久坐危害：</strong>每坐1小时，起身活动2-5分钟（走路、站立），减少久坐对骨骼的负面影响。</p>
    923. 

  923.         </div>
    924. 

  924. 

  925.         <div class="card card-teal">
    926. 

  926.           <span class="card-icon">🦠</span>
    927. 

  927.           <h3>肠道菌群调节——骨骼-肠道轴的优化</h3>
    928. 

  928.           <p><strong>高纤维饮食：</strong>每日膳食纤维>25g→肠道菌群发酵产生丁酸→抗炎+直接促进成骨细胞活性。研究显示：高纤维饮食的老年女性骨密度比低纤维饮食者高约5-8%。</p>
    929. 

  929.           <p style="margin-top:0.5rem;"><strong>发酵食品：</strong>酸奶、奶酪（天然发酵，非调味）、泡菜、纳豆→提供益生菌+乳酸（促进钙溶解和吸收）。但需注意盐摄入（泡菜钠含量高，高血压患者慎选）。</p>
    930. 

  930.           <p style="margin-top:0.5rem;"><strong>避免不必要抗生素：</strong>广谱抗生素破坏肠道菌群多样性，动物实验显示抗生素暴露增加骨质疏松风险。</p>
    931. 

  931.         </div>
    932. 

  932.       </div>
    933. 

  933. 

  934.       <div>
    935. 

  935.         <div class="card card-accent" style="margin-bottom:1.25rem;">
    936. 

  936.           <span class="card-icon">🏠</span>
    937. 

  937.           <h3>跌倒预防——骨折的最后一道防线</h3>
    938. 

  938.           <p>对于≥65岁的老年人，跌倒是骨折的最直接原因。约90%的髋部骨折由跌倒引起，而跌倒是可以预防的：</p>
    939. 

  939.           <ul class="list-styled">
    940. 

  940.             <li><strong>家庭环境改造：</strong>浴室安装扶手和防滑垫、清除地毯和电线等绊脚物、充足照明（夜间起床灯）、家具固定（不晃动的椅子和床）</li>
    941. 

  941.             <li><strong>视力矫正：</strong>白内障手术（白内障患者跌倒风险增加2-3倍）</li>
    942. 

  942.             <li><strong>体位性低血压管理：</strong>起床或站立时先坐1-2分钟再站起，避免快速体位变化导致晕厥跌倒</li>
    943. 

  943.             <li><strong>肌肉力量训练：</strong>下肢肌力是防止跌倒的核心，股四头肌无力是老年人跌倒的最重要危险因素之一</li>
    944. 

  944.             <li><strong>维生素D补充：</strong>纠正维生素D缺乏可改善肌肉力量和平衡功能，降低跌倒风险（但需注意剂量，过量反而增加跌倒风险）</li>
    945. 

  945.             <li><strong>合适的鞋：</strong>防滑底、低跟、固定性好的鞋，避免拖鞋和凉鞋导致的绊倒</li>
    946. 

  946.           </ul>
    947. 

  947.         </div>
    948. 

  948. 

  949.         <div class="card card-orange">
    950. 

  950.           <span class="card-icon">🚭</span>
    951. 

  951.           <h3>戒烟限酒——最易被忽视的干预</h3>
    952. 

  952.           <p><strong>戒烟：</strong>吸烟者髋部骨折风险比不吸烟者高约40%。戒烟在任何年龄都有益——戒烟5年后骨折风险开始下降，戒烟10年后接近不吸烟者。尼古丁替代疗法（口香糖、贴片）不影响骨骼健康，可以安全使用。</p>
    953. 

  953.           <p style="margin-top:0.5rem;"><strong>限酒：</strong>每日酒精摄入不超过2个单位（约25g纯酒精，相当于啤酒750ml或葡萄酒250ml）。长期大量饮酒者骨折风险显著增加，且骨折后骨愈合延迟。酒精还会影响平衡功能，增加跌倒风险。</p>
    954. 

  954.         </div>
    955. 

  955. 

  956.         <div class="card card-purple">
    957. 

  957.           <span class="card-icon">🧘</span>
    958. 

  958.           <h3>肌肉-骨骼双重干预：肌少症-骨质疏松共管</h3>
    959. 

  959.           <p>肌少症（sarcopenia）和骨质疏松常同时出现，，共同增加跌倒和骨折风险。机制：肌肉收缩产生的机械负荷是维持骨量的必要刺激；两者共享炎症通路（IL-6、TNF-α升高加速肌肉分解和骨吸收）。</p>
    960. 

  960.           <p style="margin-top:0.5rem;"><strong>综合干预：</strong>蛋白质摄入（1.2-1.5g/kg/天）+ 抗阻训练（每周2-3次）+ 维生素D补充 + 必要时使用肌肉合成代谢药物（如肌抑素抗体——正在研发中）。</p>
    961. 

  961.         </div>
    962. 

  962.       </div>
    963. 

  963.     </div>
    964. 

  964. 

  965.     <div class="shot-placeholder">
    966. 

  966.       <div class="shot-icon">🏃</div>
    967. 

  967.       <span>img/ref-screenshots/osteoporosis_ref2.png</span>
    968. 

  968.       <span style="font-size:0.78rem;">老年人进行抗阻训练和平衡训练的运动处方示例</span>
    969. 

  969.     </div>
    970. 

  970. 

  971.     <!-- STEP 04: 效果评估 -->
    972. 

  972.     <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--orange);">④ 效果评估——用数据验证干预是否有效</h3>
    973. 

  973.     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
    974. 

  974.       骨骼健康的主动管理需要量化追踪指标，才能知道干预是否有效。
    975. 

  975.     </p>
    976. 

  976. 

  977.     <div class="grid-2" style="margin-bottom:1.5rem;">
    978. 

  978.       <div class="card card-orange">
    979. 

  979.         <h3>📊 需要追踪的核心指标</h3>
    980. 

  980.         <table>
    981. 

  981.           <tr><th>指标</th><th>目标值</th><th>测量频率</th></tr>
    982. 

  982.           <tr><td>DXA骨密度（T值）</td><td>不再继续下降，或每年增加>0.5%</td><td>每1-2年</td></tr>
    983. 

  983.           <tr><td>血清25(OH)D</td><td>≥30 ng/mL（充足）</td><td>每6-12个月</td></tr>
    984. 

  984.           <tr><td>尿CTX或血清P1NP</td><td>治疗3-6个月下降>50%（提示药物起效）</td><td>基线和治疗后3-6个月</td></tr>
    985. 

  985.           <tr><td>跌倒次数</td><td>逐年减少</td><td>持续记录</td></tr>
    986. 

  986.           <tr><td>功能性指标（起立-行走测试）</td><td>≤20秒（无跌倒风险）</td><td>每6-12个月</td></tr>
    987. 

  987.           <tr><td>握力</td><td>男性≥26kg，女性≥18kg</td><td>每年</td></tr>
    988. 

  988.           <tr><td>身高变化</td><td>不再继续缩短</td><td>每年</td></tr>
    989. 

  989.         </table>
    990. 

  990.       </div>
    991. 

  991.       <div class="card card-purple">
    992. 

  992.         <h3>⚕️ 影像学与生化指标监测</h3>
    993. 

  993.         <p><strong>椎体骨折评估（VFA）：</strong>DXA附带的功能，可同时检测既往椎体压缩性骨折（≥20%高度减少），发现无症状椎体骨折。</p>
    994. 

  994.         <p style="margin-top:0.5rem;"><strong>骨转换标志物（BTMs）：</strong>空腹血清CTX（I型胶原交联C端肽，反映骨吸收）和P1NP（I型前胶原N端肽，反映骨形成）。治疗3-6个月后CTX下降>50%提示良好的药物反应，可用于评估依从性和预测骨密度响应。</p>
    995. 

  995.         <p style="margin-top:0.5rem;"><strong>药物安全监测：</strong>双膦酸盐：偶发颌骨坏死（ONJ，口腔卫生差是主要风险因素，用药前需口腔检查）、非典型股骨骨折（术前大腿疼痛是预警信号）；地舒单抗：低钙血症（尤其维生素D缺乏者，补充维生素D可预防）。</p>
    996. 

  996.       </div>
    997. 

  997.     </div>
    998. 

  998. 

  999.     <!-- STEP 05: 持续优化 -->
    1000. 

  1000.     <h3 style="font-size:1.15rem;font-weight:700;margin:2rem 0 1rem;color:var(--yellow);">⑤ 持续优化——骨骼健康的终身管理</h3>
    1001. 

  1001.     <p style="color:var(--text-secondary);font-size:0.95rem;line-height:1.8;margin-bottom:1.5rem;">
    1002. 

  1002.       骨骼健康不是"吃药就治好"的事，而是需要终身维护。骨质疏松是一种慢性进展性疾病，需要在生命的每个阶段采取与年龄和身体状态相匹配的管理策略。
    1003. 

  1003.     </p>
    1004. 

  1004. 

  1005.     <div class="grid-3">
    1006. 

  1006.       <div class="card card-blue">
    1007. 

  1007.         <h3>👤 分年龄段策略</h3>
    1008. 

  1008.         <p><strong>儿童/青少年（0-18岁）：</strong>最大化峰值骨量的关键窗口期。保证充足的钙摄入（1000-1300mg/天）、维生素D（600-1000 IU/天）、高强度运动（跑跳、球类运动），这对女孩尤为重要。</p>
    1009. 

  1009.         <p style="margin-top:0.4rem;"><strong>成年期（18-50岁）：</strong>维持骨量稳定。保持健康体重（BMI 18.5-24）、规律运动（每周150分钟有氧+2次抗阻训练）、避免吸烟和过量饮酒。</p>
    1010. 

  1010.         <p style="margin-top:0.4rem;"><strong>围绝经期（45-55岁女性）：</strong>骨量快速丢失期启动。进行基线DXA检测，开始钙+维生素D补充，评估是否需要开始药物治疗，肌肉力量训练尤为重要。</p>
    1011. 

  1011.         <p style="margin-top:0.4rem;"><strong>老年期（65岁+）：</strong>骨折高危期。强化防跌倒措施，规律DXA监测，坚持药物治疗，保持社交活动（孤独会增加跌倒风险）。</p>
    1012. 

  1012.       </div>
    1013. 

  1013.       <div class="card card-purple">
    1014. 

  1014.         <h3>🔄 骨折联络服务（FLS）</h3>
    1015. 

  1015.         <p>骨折联络服务（Fracture Liaison Service，FLS）是WHO推荐的骨质疏松骨折后管理最佳实践模式：由专职协调员（通常为护士或临床药剂师）系统管理所有脆性骨折患者，确保：① 接受DXA检测；② 开始规范的抗骨质疏松治疗；③ 跌倒风险评估；④ 长期随访管理。</p>
    1016. 

  1016.         <p style="margin-top:0.5rem;">研究证实：FLS可使脆性骨折后再骨折率降低约40-60%。目前国内部分三甲医院已设立骨质疏松专科门诊或FLS中心，高危患者可前往就诊。</p>
    1017. 

  1017.       </div>
    1018. 

  1018.       <div class="card card-orange">
    1019. 

  1019.         <h3>👨‍👩‍👧‍👦 家庭骨骼健康管理</h3>
    1020. 

  1020.         <p>骨骼健康是家庭共同的事业：</p>
    1021. 

  1021.         <ul class="list-styled">
    1022. 

  1022.           <li>家庭共餐：增加乳制品和豆制品摄入（高钙饮食）</li>
    1023. 

  1023.           <li>全家运动：周末徒步、家庭太极时间</li>
    1024. 

  1024.           <li>互相提醒：老年人服药依从性（子女提醒）</li>
    1025. 

  1025.           <li>家庭环境安全评估：帮助父母排查跌倒隐患</li>
    1026. 

  1026.           <li>遗传咨询：母亲有髋部骨折史的家庭，子女更应早期筛查</li>
    1027. 

  1027.         </ul>
    1028. 

  1028.       </div>
    1029. 

  1029.     </div>
    1030. 

  1030. 

  1031.     <div class="quote-block teal" style="margin-top:2rem;">
    1032. 

  1032.       <p class="quote-text">"骨骼健康管理的核心是'预防骨折，而不是单纯提高骨密度'。一个综合性的骨骼健康方案——钙+维生素D+抗阻训练+防跌倒+药物治疗——才是完整的主动健康管理。"</p>
    1033. 

  1033.       <span class="quote-source">— 浠艾福 · 主动健康学院 · 五维幸福理念</span>
    1034. 

  1034.     </div>
    1035. 

  1035. 

  1036.   </div>
    1037. 

  1037. </section>
    1038. 

  1038. 

  1039. <!-- CTA -->
    1040. 

  1040. <section class="cta-section">
    1041. 

  1041.   <div class="container">
    1042. 

  1042.     <h2>骨骼健康，从今天开始</h2>
    1043. 

  1043.     <p>骨质疏松可预防、可延缓、可治疗。用科学的知识武装自己，用主动的行动保护家人。<br>骨骼是我们身体的"钢筋框架"——维护骨骼健康，就是在为自己的晚年生活质量和独立性投资。</p>
    1044. 

  1044.     <div class="cta-buttons">
    1045. 

  1045.       <a href="index.html" class="btn btn-primary">🏠 返回首页</a>
    1046. 

  1046.       <a href="https://www.etotem.com.cn" class="btn btn-outline" target="_blank">了解主动健康服务</a>
    1047. 

  1047.     </div>
    1048. 

  1048.   </div>
    1049. 

  1049. </section>
    1050. 

  1050. 

  1051. <!-- Footer (shared) -->
    1052. 

  1052. <div id="footer-placeholder"></div>
    1053. 

  1053. <script src="js/footer.js"></script>
    1054. 

  1054. 

  1055. <!-- ══════════════════════════════════════════
    1056. 

  1056.      参考文献
    1057. 

  1057. ═══════════════════════════════════════════ -->
    1058. 

  1058. <section class="citations" id="citations">
    1059. 

  1059.   <div class="container">
    1060. 

  1060.     <h2 style="font-size:1.3rem;font-weight:800;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;">📚 参考文献</h2>
    1061. 

  1061. 

  1062.     <div class="citation-card">
    1063. 

  1063.       <div class="source">[1] 中华医学会骨质疏松和骨矿盐疾病分会 ·《原发性骨质疏松症诊疗指南2022》</div>
    1064. 

  1064.       <div class="auth-row"><span class="auth-badge">📋 中国骨质疏松诊疗指南</span><span class="auth-badge blue">DXA诊断标准</span></div>
    1065. 

  1065.       <div class="findings">中国原发性骨质疏松症诊疗指南2022——WHO DXA诊断标准（T≤-2.5为骨质疏松）、T值和Z值定义、钙和维生素D推荐摄入量、药物选择原则。</div>
    1066. 

  1066.       <div class="trans">中国骨质疏松诊疗权威指南，涵盖诊断标准、风险评估、药物和非药物干预方案。</div>
    1067. 

  1067.     </div>
    1068. 

  1068. 

  1069.     <div class="citation-card">
    1070. 

  1070.       <div class="source">[2] WHO · Kanis et al. · 1994 (updated 2008) · FRAX®工具</div>
    1071. 

  1071.       <div class="auth-row"><span class="auth-badge">📊 WHO骨折风险评估 · 全球验证</span></div>
    1072. 

  1072.       <div class="findings">FRAX®: 10-year probability of hip fracture and major osteoporotic fracture based on clinical risk factors ± femoral neck BMD. Validated in >60 countries including China. Treatment threshold: China hip fracture probability ≥3% or major fracture ≥20%.</div>
    1073. 

  1073.       <div class="trans">WHO骨折风险评估工具FRAX®——基于临床风险因素计算机10年骨折概率，是骨质疏松治疗决策的重要参考</div>
    1074. 

  1074.       <a class="link" href="https://www.sheffield.ac.uk/FRAX/" target="_blank">🔗 sheffield.ac.uk/FRAX</a>
    1075. 

  1075.     </div>
    1076. 

  1076. 

  1077.     <div class="citation-card">
    1078. 

  1078.       <div class="source">[3] Lancet · Kanis et al. · 2019 (doi:10.1016/S0140-6736(19)31104-0)</div>
    1079. 

  1079.       <div class="auth-row"><span class="auth-badge">📊 全球骨折流行病学 · IF 168.9</span></div>
    1080. 

  1080.       <div class="findings">Global surveillance of fragility fractures: approximately 9 million new osteoporotic fractures annually worldwide; 40% of women and 20% of men aged 50+ will experience an osteoporotic fracture in their remaining lifetime. China has approximately 69 million osteoporosis patients and 200 million with osteopenia.</div>
    1081. 

  1081.       <div class="trans">全球骨折流行病学综述——全球每年约900万新发骨质疏松性骨折，中国骨质疏松患者约6900万，骨量低下人群约2亿</div>
    1082. 

  1082.     </div>
    1083. 

  1083. 

  1084.     <div class="citation-card">
    1085. 

  1085.       <div class="source">[4] NEJM · Black et al. · 2001 (FIT研究) · doi:10.1056/NEJM200104053441404</div>
    1086. 

  1086.       <div class="auth-row"><span class="auth-badge">💊 阿仑膦酸钠RCT · NEJM IF 176</span></div>
    1087. 

  1087.       <div class="findings">Fracture Intervention Trial (FIT): Alendronate reduced vertebral fractures by 47% and hip fractures by 51% in women with existing vertebral fractures over 3 years. Landmark RCT establishing bisphosphonates as first-line for osteoporosis.</div>
    1088. 

  1088.       <div class="trans">骨折干预试验（FIT）——阿仑膦酸钠治疗3年，椎体骨折减少47%，髋部骨折减少51%，奠定双膦酸盐一线治疗地位</div>
    1089. 

  1089.       <a class="link" href="https://doi.org/10.1056/NEJM200104053441404" target="_blank">🔗 doi.org/10.1056/NEJM200104053441404</a>
    1090. 

  1090.     </div>
    1091. 

  1091. 

  1092.     <div class="citation-card">
    1093. 

  1093.       <div class="source">[5] BMJ · Bolland et al. · 2010 (doi:10.1136/bmj.c4844) · 维生素D系统综述</div>
    1094. 

  1094.       <div class="auth-row"><span class="auth-badge blue">📊 维生素D Meta分析 · BMJ IF 105</span></div>
    1095. 

  1095.       <div class="findings">Vitamin D and calcium supplementation for fracture prevention: pooled analysis of 63 randomized trials (n>30,000). Calcium+vitamin D reduced hip fracture by ~12% and other fractures by ~8%. Calcium alone also reduces fractures. Effects are modest but consistent across subgroups including elderly and institutionalized patients.</div>
    1096. 

  1096.       <div class="trans">钙和维生素D补充与骨折预防的系统综述和Meta分析——63项RCT（n>30000）证实钙+维生素D可降低髋部骨折约12%</div>
    1097. 

  1097.       <a class="link" href="https://doi.org/10.1136/bmj.c4844" target="_blank">🔗 doi.org/10.1136/bmj.c4844</a>
    1098. 

  1098.     </div>
    1099. 

  1099. 

  1100.     <div class="citation-card">
    1101. 

  1101.       <div class="source">[6] J Bone Miner Res · Watson et al. · 2018 (doi:10.1002/jbmr.3457) · 太极拳与跌倒预防</div>
    1102. 

  1102.       <div class="auth-row"><span class="auth-badge teal">🧘 太极拳RCT · 跌倒↓50%</span></div>
    1103. 

  1103.       <div class="findings">Tai Chi and fracture prevention: systematic review and meta-analysis of 18 RCTs. Tai Chi significantly reduced fall incidence (RR 0.80) and fall-related fractures (RR 0.77) compared to control interventions in older adults. Effect on balance (Tinetti score improvement) and lower extremity strength consistently demonstrated.</div>
    1104. 

  1104.       <div class="trans">太极拳与骨折预防系统综述——18项RCT证实太极拳可降低跌倒发生率约20%和跌倒相关骨折约23%，显著改善平衡功能和下肢力量</div>
    1105. 

  1105.       <a class="link" href="https://doi.org/10.1002/jbmr.3457" target="_blank">🔗 doi.org/10.1002/jbmr.3457</a>
    1106. 

  1106.     </div>
    1107. 

  1107. 

  1108.     <div class="citation-card">
    1109. 

  1109.       <div class="source">[7] J Cachexia Sarcopenia Muscle · Chen et al. · 2020 · doi:10.1002/jcsm.12621</div>
    1110. 

  1110.       <div class="auth-row"><span class="auth-badge orange">🦴 肌少症-骨质疏松共管</span></div>
    1111. 

  1111.       <div class="findings">Muscle-bone interactions in osteoporosis: Sarcopenia and osteoporosis frequently co-occur (osteo-sarcopenia). Shared mechanisms include inflammatory cytokines (IL-6, TNF-α), vitamin D deficiency, and decreased physical activity. Combined resistance training and protein supplementation is the cornerstone of management for both conditions.</div>
    1112. 

  1112.       <div class="trans">肌少症-骨质疏松交互作用——肌肉和骨骼共享炎症通路（IL-6、TNF-α），肌少症-骨质疏松综合征（osteo-sarcopenia）的管理以抗阻训练和蛋白质补充为核心</div>
    1113. 

  1113.       <a class="link" href="https://doi.org/10.1002/jcsm.12621" target="_blank">🔗 doi.org/10.1002/jcsm.12621</a>
    1114. 

  1114.     </div>
    1115. 

  1115. 

  1116.     <div class="citation-card">
    1117. 

  1117.       <div class="source">[8] Osteoporosis Int · Cosman et al. · 2014 · ASBMR骨质疏松管理指南</div>
    1118. 

  1118.       <div class="auth-row"><span class="auth-badge blue">📋 ASBMR骨质疏松管理指南</span></div>
    1119. 

  1119.       <div class="findings">Clinician's Guide to Prevention and Treatment of Osteoporosis: updated diagnostic criteria (DXA T-score ≤-2.5), treatment initiation thresholds (FRAX-based), recommended calcium (1200mg/d women>50, men>70), vitamin D (800-1000 IU/d), exercise recommendations (weight-bearing + resistance training), and pharmacologic options overview.</div>
    1120. 

  1120.       <div class="trans">美国骨骼与矿物质研究学会（ASBMR）骨质疏松预防和治疗临床指南——诊断标准、治疗阈值、营养和运动建议、药物选择</div>
    1121. 

  1121.     </div>
    1122. 

  1122. 

  1123.     <div class="citation-card">
    1124. 

  1124.       <div class="source">[9] Nat Rev Endocrinol · Zaidi et al. · 2023 (doi:10.1038/s41574-023-00916-8)</div>
    1125. 

  1125.       <div class="auth-row"><span class="auth-badge purple">🔬 RANKL/RANK/OPG通路 · IF 65.3</span></div>
    1126. 

  1126.       <div class="findings">RANKL/RANK/OPG pathway in bone remodeling: RANKL (from osteoblasts) binds RANK (on osteoclast precursors) → osteoclastogenesis and bone resorption. OPG acts as a decoy receptor neutralizing RANKL → bone protection. Denosumab works by binding RANKL. Estrogen deficiency increases RANKL/OPG ratio → bone loss. This pathway is the central regulator of bone resorption.</div>
    1127. 

  1127.       <div class="trans">RANKL/RANK/OPG通路——骨骼吸收的核心调控系统，地舒单抗通过靶向RANKL发挥作用，雌激素缺乏时RANKL/OPG比值升高导致骨吸收增加</div>
    1128. 

  1128.       <a class="link" href="https://doi.org/10.1038/s41574-023-00916-8" target="_blank">🔗 doi.org/10.1038/s41574-023-00916-8</a>
    1129. 

  1129.     </div>
    1130. 

  1130. 

  1131.     <div class="citation-card">
    1132. 

  1132.       <div class="source">[10] J Intern Med · McCormick et al. · 2021 (doi:10.1111/joim.13395) · 肠道菌群与骨骼</div>
    1133. 

  1133.       <div class="auth-row"><span class="auth-badge teal">🦠 肠道菌群-骨骼轴 · 新兴机制</span></div>
    1134. 

  1134.       <div class="findings">Gut microbiota and bone health: Fiber fermentation → short-chain fatty acids (acetate, propionate, butyrate) → anti-inflammatory effects + direct stimulation of osteoblast activity + inhibition of osteoclastogenesis via GPR41/43 and HDAC inhibition. Estrogen deficiency → gut permeability ↑ → endotoxemia → systemic inflammation → bone loss via RANKL/NF-κB pathway.</div>
    1135. 

  1135.       <div class="trans">肠道菌群与骨骼健康——SCFAs（丁酸）通过抗炎和直接促进成骨细胞活性维护骨骼；雌激素缺乏→肠漏→内毒血症→系统性炎症→骨丢失</div>
    1136. 

  1136.       <a class="link" href="https://doi.org/10.1111/joim.13395" target="_blank">🔗 doi.org/10.1111/joim.13395</a>
    1137. 

  1137.     </div>
    1138. 

  1138. 

  1139.     <div class="citation-card">
    1140. 

  1140.       <div class="source">[11] J Bone Miner Res · More et al. · 2017 (PMID: 28778353) · 地舒单抗FREEDOM研究</div>
    1141. 

  1141.       <div class="auth-row"><span class="auth-badge orange">💉 地舒单抗RCT</span></div>
    1142. 

  1142.       <div class="findings">Denosumab (anti-RANKL antibody) FREEDOM trial: 3-year results in 7868 postmenopausal women. Denosumab reduced new vertebral fractures by 68%, hip fractures by 40%, and non-vertebral fractures by 20% vs placebo. The pivotal RCT supporting denosumab approval for osteoporosis.</div>
    1143. 

  1143.       <div class="trans">地舒单抗（抗RANKL抗体）FREEDOM研究——7868名绝经后女性，治疗3年，新发椎体骨折减少68%，髋部骨折减少40%，奠定地舒单抗在骨质疏松治疗中的地位</div>
    1144. 

  1144.     </div>
    1145. 

  1145. 

  1146.     <div class="citation-card">
    1147. 

  1147.       <div class="source">[12]中华流行病学杂志 · 中国居民营养与健康状况监测 2015-2017</div>
    1148. 

  1148.       <div class="auth-row"><span class="auth-badge blue">📊 中国居民钙营养数据</span></div>
    1149. 

  1149.       <div class="findings">中国居民膳食钙摄入量平均约400mg/天，仅为推荐摄入量的1/3。18-49岁成人维生素D不足[25(OH)D<30ng/mL]患病率>60%，≥65岁老年人维生素D缺乏[<20ng/mL]患病率>30%，北方地区更高。</div>
    1150. 

  1150.       <div class="trans">中国居民钙和维生素D营养状况——钙缺口约600-800mg/天，维生素D不足/缺乏患病率约60-80%，是骨骼健康面临的严峻营养挑战</div>
    1151. 

  1151.     </div>
    1152. 

  1152. 

  1153.   </div>
    1154. 

  1154. </section>
    1155. 

  1155. 

  1156. </body>
    1157. 

  1157. </html>
    1158.