\u4e16\u754c\u8ba1\u91cf\u65e5 \u00b7 \u8ba1\u91cf\u652f\u6491\u9ad8\u8d28\u91cf\u53d1\u5c55<\/title>\n <style>\n :root {\n --primary: #6366f1;\n --primary-light: #818cf8;\n --primary-dark: #4f46e5;\n --accent: #22d3ee;\n --bg: #1e1b4b;\n --bg-light: #312e81;\n --text: #eef2ff;\n --text-dim: #c7d2fe;\n --card: rgba(255,255,255,0.08);\n --border: rgba(129, 140, 248, 0.2);\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif; background: var(--bg); color: var(--text); line-height: 1.8; overflow-x: hidden; }\n .hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; position: relative; overflow: hidden; background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%); }\n .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 30% 30%, rgba(129, 140, 248, 0.2) 0%, transparent 50%), radial-gradient(circle at 70% 70%, rgba(34, 211, 238, 0.15) 0%, transparent 50%); z-index: 0; }\n .hero-content { position: relative; z-index: 1; }\n .date-badge { display: inline-block; background: rgba(34, 211, 238, 0.15); border: 1px solid rgba(34, 211, 238, 0.3); color: var(--accent); padding: 0.5rem 1.5rem; border-radius: 50px; font-size: 0.9rem; letter-spacing: 0.1em; margin-bottom: 2rem; }\n .hero h1 { font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; }\n .hero h1 .highlight { background: linear-gradient(135deg, var(--primary-light), var(--accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .hero p { font-size: clamp(1rem, 3vw, 1.3rem); color: var(--text-dim); max-width: 600px; margin: 0 auto 3rem; }\n .cta-btn { display: inline-block; background: var(--primary); color: white; padding: 1rem 2.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; }\n .cta-btn:hover { background: var(--primary-dark); transform: translateY(-2px); }\n .scroll-indicator { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0.5rem; color: var(--text-dim); font-size: 0.85rem; z-index: 1; }\n section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; }\n .section-header { text-align: center; margin-bottom: 3rem; }\n .section-label { display: inline-block; background: var(--card); border: 1px solid var(--border); padding: 0.3rem 1rem; border-radius: 50px; font-size: 0.85rem; color: var(--text-dim); margin-bottom: 1rem; }\n .section-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; }\n .science-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }\n .science-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: all 0.3s ease; cursor: pointer; }\n .science-card:hover { transform: translateY(-5px); border-color: var(--primary-light); box-shadow: 0 10px 30px rgba(129, 140, 248, 0.2); }\n .science-icon { font-size: 3rem; margin-bottom: 1rem; }\n .science-card h3 { font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--primary-light); }\n .science-card p { color: var(--text-dim); font-size: 0.95rem; line-height: 1.6; }\n .history-timeline { position: relative; padding: 2rem 0; }\n .timeline-item { display: flex; gap: 2rem; margin-bottom: 2rem; position: relative; }\n .timeline-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--border); }\n .timeline-year { min-width: 80px; font-size: 1.2rem; font-weight: 700; color: var(--accent); }\n .timeline-content { flex: 1; background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; }\n .timeline-content h3 { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--primary-light); }\n .timeline-content p { color: var(--text-dim); font-size: 0.95rem; }\n .unit-table { width: 100%; border-collapse: collapse; margin: 2rem 0; }\n .unit-table th, .unit-table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--border); }\n .unit-table th { background: var(--card); color: var(--primary-light); font-weight: 600; }\n .unit-table td { color: var(--text-dim); }\n .table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1rem 0; }\n .stats-banner { background: linear-gradient(135deg, var(--bg-light), var(--primary-dark)); border-radius: 24px; padding: 3rem 2rem; text-align: center; }\n .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-top: 2rem; }\n .stat-item { display: flex; flex-direction: column; align-items: center; }\n .stat-number { font-size: 2.5rem; font-weight: 700; color: var(--accent); margin-bottom: 0.5rem; }\n .stat-label { font-size: 0.9rem; color: var(--text-dim); }\n .quote-section { text-align: center; padding: 4rem 2rem; background: var(--card); border-radius: 24px; border: 1px solid var(--border); }\n .quote-text { font-size: 1.4rem; line-height: 2; color: var(--text); font-style: italic; margin-bottom: 1.5rem; }\n .quote-author { font-size: 0.9rem; color: var(--primary-light); }\n .cta-section { text-align: center; padding: 4rem 2rem; }\n .cta-section h2 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 1rem; }\n .cta-section p { color: var(--text-dim); max-width: 600px; margin: 0 auto 2rem; font-size: 1.1rem; }\n footer { text-align: center; padding: 3rem 2rem; color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }\n footer a { color: var(--primary-light); text-decoration: none; }\n .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n \n \/* ==================== RESPONSIVE ==================== *\/\n @media (max-width: 1024px) { section { padding: 5rem 2rem; } .hero { padding: 2rem; } .hero h1 { font-size: clamp(2.5rem, 7vw, 4.5rem); } .science-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }\n @media (max-width: 768px) { section { padding: 4rem 1.5rem; } .hero { padding: 1.5rem; } .hero h1 { font-size: clamp(2rem, 8vw, 3.5rem); } .hero p { font-size: 1rem; } .science-grid { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .cta-btn { padding: 0.8rem 2rem; font-size: 0.95rem; } .timeline-item { flex-direction: column; gap: 0.5rem; } .timeline-year { min-width: auto; font-size: 1rem; } }\n @media (max-width: 480px) { section { padding: 3rem 1rem; } .hero { padding: 1rem; min-height: 100svh; } .hero h1 { font-size: 2rem; } .date-badge { font-size: 0.8rem; padding: 0.4rem 1rem; } .hero p { font-size: 0.95rem; } .section-title { font-size: 1.8rem; } .science-card { padding: 1.5rem; } .science-card h3 { font-size: 1.1rem; } .stats-grid { grid-template-columns: 1fr; } .stat-number { font-size: 2rem; } .quote-text { font-size: 1rem; } .scroll-indicator { bottom: 1rem; font-size: 0.75rem; } }\n @media (max-width: 360px) { .hero h1 { font-size: 1.7rem; } .date-badge { font-size: 0.75rem; } .hero p { font-size: 0.9rem; } .section-title { font-size: 1.5rem; } .science-card h3 { font-size: 1rem; } .science-card p { font-size: 0.85rem; } .stat-number { font-size: 1.7rem; } }\n @media (max-height: 500px) and (orientation: landscape) { .hero { min-height: auto; padding: 4rem 2rem 2rem; } .scroll-indicator { display: none; } section { padding: 2rem 2rem; } }\n @media print { body { background: white; color: #222; } .hero::before, .scroll-indicator { display: none !important; } .science-card, .stats-banner, .quote-section, .timeline-content { box-shadow: none !important; border: 1px solid #ddd !important; break-inside: avoid; } .hero { min-height: auto; padding: 2rem; } section { padding: 2rem 1rem; } }\n @supports (-webkit-overflow-scrolling: touch) { body { -webkit-overflow-scrolling: touch; } }\n @media (pointer: coarse) { a, button { min-height: 44px; min-width: 44px; } input, textarea { font-size: 16px; } }\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"date-badge\">\u2696\ufe0f 5\u670820\u65e5 \u00b7 \u4e16\u754c\u8ba1\u91cf\u65e5<\/div>\n <h1>\u6d4b\u91cf\u652f\u6491<br><span class=\"highlight\">\u9ad8\u8d28\u91cf\u53d1\u5c55<\/span><\/h1>\n <p>\u5ea6\u91cf\u5929\u5730\uff0c\u6743\u8861\u4e07\u7269\u3002\u8ba1\u91cf\u662f\u79d1\u5b66\u6280\u672f\u7684\u57fa\u7840\uff0c\u662f\u8d28\u91cf\u5b89\u5168\u7684\u4fdd\u969c\uff0c\u662f\u516c\u5e73\u8d38\u6613\u7684\u57fa\u77f3\u3002<\/p>\n <a href=\"#history\" class=\"cta-btn\">\u4e86\u89e3\u8ba1\u91cf\u5386\u53f2 \u2193<\/a>\n <\/div>\n <div class=\"scroll-indicator\"><span>\u5411\u4e0b\u6eda\u52a8<\/span><span>\u2193<\/span><\/div>\n <\/section>\n\n <section id=\"science\">\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u5b66\u79d1<\/span>\n <h2 class=\"section-title\">\u8ba1\u91cf\u5b66\u6d89\u53ca\u9886\u57df<\/h2>\n <\/div>\n <div class=\"science-grid\">\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\u2696\ufe0f<\/div>\n <h3>\u8d28\u91cf\u8ba1\u91cf<\/h3>\n <p>\u8d28\u91cf\u7684\u57fa\u51c6\u662f\u56fd\u9645\u5343\u514b\u539f\u5668\uff08IPK\uff09\uff0c\u4fdd\u5b58\u5728\u6cd5\u56fd\u56fd\u9645\u8ba1\u91cf\u5c40\uff08BIPM\uff09\u3002\u7528\u4e8e\u8d38\u6613\u7ed3\u7b97\u3001\u7cbe\u5bc6\u5236\u9020\u3001\u8d28\u91cf\u63a7\u5236\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\ud83c\udf21\ufe0f<\/div>\n <h3>\u6e29\u5ea6\u8ba1\u91cf<\/h3>\n <p>\u70ed\u529b\u5b66\u6e29\u5ea6\u5355\u4f4d\u5f00\u5c14\u6587\uff08K\uff09\u662fSI\u4e03\u4e2a\u57fa\u672c\u5355\u4f4d\u4e4b\u4e00\u3002\u6d89\u53ca\u6e29\u5ea6\u6807\u5b9a\u3001\u6c14\u8c61\u89c2\u6d4b\u3001\u5de5\u4e1a\u6e29\u63a7\u7b49\u9886\u57df\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\ud83d\udd26<\/div>\n <h3>\u5149\u5b66\u8ba1\u91cf<\/h3>\n <p>\u5149\u901f\u662f\u81ea\u7136\u754c\u6700\u5feb\u901f\u5ea6\uff0c\u5149\u7684\u6ce2\u957f\u7528\u4e8e\u5b9a\u4e49\u957f\u5ea6\u5355\u4f4d\u3002\u6d89\u53ca\u6fc0\u5149\u6d4b\u8ddd\u3001\u5149\u7ea4\u901a\u4fe1\u3001\u7cbe\u5bc6\u52a0\u5de5\u7b49\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\u26a1<\/div>\n <h3>\u7535\u78c1\u8ba1\u91cf<\/h3>\n <p>\u7535\u6d41\u5355\u4f4d\u5b89\u57f9\uff08A\uff09\u662f\u6700\u91cd\u8981\u7684\u7535\u78c1\u5b66\u5355\u4f4d\u3002\u6d89\u53ca\u7535\u529b\u7cfb\u7edf\u3001\u7535\u5b50\u8bbe\u5907\u3001\u901a\u8baf\u6280\u672f\u7b49\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\u23f1\ufe0f<\/div>\n <h3>\u65f6\u95f4\u9891\u7387\u8ba1\u91cf<\/h3>\n <p>\u79d2\uff08s\uff09\u662f\u76ee\u524d\u6d4b\u91cf\u7cbe\u5ea6\u6700\u9ad8\u7684\u5355\u4f4d\u3002\u539f\u5b50\u949f\u7684\u7cbe\u5ea6\u53ef\u8fbe10^-18\u79d2\u3002GPS\u30015G\u3001\u91cf\u5b50\u8ba1\u7b97\u90fd\u4f9d\u8d56\u7cbe\u786e\u65f6\u95f4\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\ud83d\udce1<\/div>\n <h3>\u7535\u79bb\u8f90\u5c04\u8ba1\u91cf<\/h3>\n <p>\u6d89\u53caX\u5c04\u7ebf\u3001\u03b3\u5c04\u7ebf\u3001\u7c92\u5b50\u8f90\u5c04\u7684\u6d4b\u91cf\u3002\u7528\u4e8e\u533b\u5b66\u5f71\u50cf\ufffd\ufffd\ufffd\u653e\ufffd\ufffd\ufffd\u6cbb\u7597\u3001\u6838\u7535\u7ad9\u8f90\u5c04\u76d1\u6d4b\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"history\">\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u5386\u53f2<\/span>\n <h2 class=\"section-title\">\u8ba1\u91cf\u53d1\u5c55\u5386\u7a0b<\/h2>\n <\/div>\n <div class=\"history-timeline reveal\">\n <div class=\"timeline-item\">\n <span class=\"timeline-year\">1875<\/span>\n <div class=\"timeline-content\">\n <h3>\u7c73\u5236\u516c\u7ea6<\/h3>\n <p>17\u56fd\u5728\u5df4\u9ece\u7b7e\u7f72\u300a\u7c73\u5236\u516c\u7ea6\u300b\uff0c\u6210\u7acb\u56fd\u9645\u8ba1\u91cf\u5c40\uff08BIPM\uff09\uff0c\u7edf\u4e00\u5168\u7403\u8ba1\u91cf\u57fa\u51c6\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\">1960<\/span>\n <div class=\"timeline-content\">\n <h3>\u56fd\u9645\u5355\u4f4d\u5236\uff08SI\uff09<\/h3>\n <p>\u7b2c11\u5c4a\u56fd\u9645\u8ba1\u91cf\u5927\u4f1a\u6b63\u5f0f\u786e\u7acb\u56fd\u9645\u5355\u4f4d\u5236\uff0c\u5305\u542b6\u4e2a\u57fa\u672c\u5355\u4f4d\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\">1983<\/span>\n <div class=\"timeline-content\">\n <h3>\u5149\u901f\u5b9a\u4e49\u7c73<\/h3>\n <p>\u7b2c17\u5c4a\u56fd\u9645\u8ba1\u91cf\u5927\u4f1a\u901a\u8fc7\u5149\u901f\u5b9a\u4e49\u957f\u5ea6\u5355\u4f4d\u7c73\uff0c\u5f00\u542f\u8ba1\u91cf\u5b66\u91cf\u5b50\u65f6\u4ee3\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\">2019<\/span>\n <div class=\"timeline-content\">\n <h3>\u5168\u9762\u91cf\u5b50\u5316\u5b9a\u4e49<\/h3>\n <p>SI\u4e03\u4e2a\u57fa\u672c\u5355\u4f4d\u5168\u90e8\u7531\u7269\u7406\u5e38\u6570\u5b9a\u4e49\uff0c\u5f00\u542f\u4e0d\u4ee5\u5b9e\u7269\u4e3a\u57fa\u7840\u7684\u8ba1\u91cf\u65b0\u65f6\u4ee3\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"section-header reveal\">\n <span class=\"section-label\">SI<\/span>\n <h2 class=\"section-title\">\u56fd\u9645\u5355\u4f4d\u5236\uff08SI\uff09\u57fa\u672c\u5355\u4f4d<\/h2>\n <\/div>\n <div class=\"table-wrapper reveal\">\n <table class=\"unit-table\">\n <thead>\n <tr><th>\u7269\u7406\u91cf<\/th><th>\u5355\u4f4d\u540d\u79f0<\/th><th>\u7b26\u53f7<\/th><th>\u5b9a\u4e49\u65b9\u5f0f<\/th><\/tr>\n <\/thead>\n <tbody>\n <tr><td>\u957f\u5ea6<\/td><td>\u7c73<\/td><td>m<\/td><td>\u5149\u5728\u771f\u7a7a\u4e2d\u884c\u8fdb\u76841\/299792458\u79d2\u8ddd\u79bb<\/td><\/tr>\n <tr><td>\u8d28\u91cf<\/td><td>\u5343\u514b<\/td><td>kg<\/td><td>\u666e\u6717\u514b\u5e38\u6570\uff08h\uff09\u7cbe\u786e\u503c6.62607015\u00d710^-34<\/td><\/tr>\n <tr><td>\u65f6\u95f4<\/td><td>\u79d2<\/td><td>s<\/td><td>\u94ef-133\u539f\u5b50\u57fa\u6001\u8d85\u7cbe\u7ec6\u80fd\u7ea7\u8dc3\u8fc1\u76849192631770\u4e2a\u5468\u671f<\/td><\/tr>\n <tr><td>\u7535\u6d41<\/td><td>\u5b89\u57f9<\/td><td>A<\/td><td>\u57fa\u672c\u7535\u8377e\u7cbe\u786e\u503c1.602176634\u00d710^-19<\/td><\/tr>\n <tr><td>\u6e29\u5ea6<\/td><td>\u5f00\u5c14\u6587<\/td><td>K<\/td><td>\u73bb\u5c14\u5179\u66fc\u5e38\u6570\uff08k\uff09\u7cbe\u786e\u503c1.380649\u00d710^-23<\/td><\/tr>\n <tr><td>\u7269\u8d28\u7684\u91cf<\/td><td>\u6469\u5c14<\/td><td>mol<\/td><td>\u7cbe\u786e\u5305\u542b6.02214076\u00d710^23\u4e2a\u57fa\u672c\u5355\u5143<\/td><\/tr>\n <tr><td>\u53d1\u5149\u5f3a\u5ea6<\/td><td>\u574e\u5fb7\u62c9<\/td><td>cd<\/td><td>\u9891\u7387540.12\u00d710^12Hz\u7684\u5149\u6e90\u53d1\u5149\u6548\u7387683cd\/kg<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u6570\u636e<\/span>\n <h2 class=\"section-title\">\u5168\u7403\u8ba1\u91cf\u4f53\u7cfb<\/h2>\n <\/div>\n <div class=\"stats-banner reveal\">\n <div class=\"stats-grid\">\n <div class=\"stat-item\"><span class=\"stat-number\" data-target=\"64\">0<\/span><span class=\"stat-label\">\u7b7e\u7ea6\u56fd\uff08\u4e2a\uff09<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\" data-target=\"300\">0<\/span><span class=\"stat-label\">\u56fd\u5bb6\u8ba1\u91cf\u9662\uff08\u5bb6\uff09<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\" data-target=\"10\">0<\/span><span class=\"stat-label\">\u533a\u57df\u6027\u8ba1\u91cf\u7ec4\u7ec7\uff08\u4e2a\uff09<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\" data-target=\"7\">0<\/span><span class=\"stat-label\">\u57fa\u672c\u5355\u4f4d\uff08\u4e2a\uff09<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"quote-section reveal\">\n <div class=\"quote-text\">“\u6ca1\u6709\u8ba1\u91cf\u5c31\u6ca1\u6709\u79d1\u5b66\uff0c<br>\u6ca1\u6709\u8ba1\u91cf\u5c31\u6ca1\u6709\u8d28\u91cf\uff0c<br>\u6ca1\u6709\u8ba1\u91cf\u5c31\u6ca1\u6709\u4fe1\u4efb\u3002”<\/div>\n <div class=\"quote-author\">\u2014\u2014 \u56fd\u9645\u8ba1\u91cf\u5c40\uff08BIPM\uff09<\/div>\n <\/div>\n <\/section>\n\n <section class=\"cta-section\">\n <div class=\"reveal\">\n <h2>\u8ba1\u91cf\u652f\u6491\u672a\u6765<\/h2>\n <p>\u4ece\u65e5\u5e38\u751f\u6d3b\u5230\u79d1\u6280\u521b\u65b0\uff0c<br>\u8ba1\u91cf\u65e0\u5904\u4e0d\u5728\u3002<br>\u8ba9\u7cbe\u51c6\u6d4b\u91cf\uff0c\u4e3a\u9ad8\u8d28\u91cf\u53d1\u5c55\u4fdd\u9a7e\u62a4\u822a\u3002<\/p>\n <a href=\"#science\" class=\"cta-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\n <\/div>\n <\/section>\n\n <footer>\n <p>\u4e16\u754c\u8ba1\u91cf\u65e5 \u00b7 \u6bcf\u5e745\u670820\u65e5<\/p>\n <p style=\"margin-top: 0.5rem; font-size: 0.8rem; opacity: 0.6;\">1875\u5e74\u300a\u7c73\u5236\u516c\u7ea6\u300b\u7b7e\u7f72\u65e5<br>\u672c\ufffd\ufffd\ufffd\u9762\ufffd\ufffd\ufffd\u4f9b\u516c\u76ca\u5ba3\u4f20\u3002<\/p>\n <\/footer>\n\n <script>\n const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\n const revealObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); }); }, observerOptions);\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n const statNumbers = document.querySelectorAll('.stat-number');\n const animateValue = (el, start, end, duration) => { const startTime = performance.now(); const update = (currentTime) => { const elapsed = currentTime - startTime; const progress = Math.min(elapsed \/ duration, 1); const eased = 1 - Math.pow(1 - progress, 3); el.textContent = Math.floor(eased * (end - start) + start); if (progress < 1) requestAnimationFrame(update); }; requestAnimationFrame(update); };\n const numberObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { animateValue(entry.target, 0, parseInt(entry.target.getAttribute('data-target')), 1500); numberObserver.unobserve(entry.target); } }); }, { threshold: 0.5 });\n statNumbers.forEach(el => numberObserver.observe(el));\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth' }); }); });\n <\/script>\n<\/body>\n<\/html>\r\n\n","protected":false},"excerpt":{"rendered":"<p>\u4e16\u754c\u8ba1\u91cf\u65e5 \u00b7 \u8ba1\u91cf\u652f\u6491\u9ad8\u8d28\u91cf\u53d1\u5c55 \u2696\ufe0f 5\u670820\u65e5 \u00b7 \u4e16\u754c\u8ba1\u91cf\u65e5 \u6d4b\u91cf\u652f\u6491\u9ad8\u8d28\u91cf\u53d1\u5c55 \u5ea6\u91cf\u5929\u5730\uff0c\u6743\u8861\u4e07\u7269\u3002 […]<\/p>\n","protected":false},"author":1,"featured_media":1751,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/comments?post=1723"}],"version-history":[{"count":2,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1723\/revisions"}],"predecessor-version":[{"id":1752,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1723\/revisions\/1752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/1751"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=1723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=1723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=1723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1723,"date":"2026-05-20T06:00:00","date_gmt":"2026-05-19T22:00:00","guid":{"rendered":"https:\/\/www.365ycs.com\/?p=1723"},"modified":"2026-05-20T23:42:43","modified_gmt":"2026-05-20T15:42:43","slug":"%e4%b8%96%e7%95%8c%e8%ae%a1%e9%87%8f%e6%97%a5-%c2%b7-%e8%ae%a1%e9%87%8f%e6%94%af%e6%92%91%e9%ab%98%e8%b4%a8%e9%87%8f%e5%8f%91%e5%b1%95","status":"publish","type":"post","link":"https:\/\/www.365ycs.com\/index.php\/2026\/05\/20\/%e4%b8%96%e7%95%8c%e8%ae%a1%e9%87%8f%e6%97%a5-%c2%b7-%e8%ae%a1%e9%87%8f%e6%94%af%e6%92%91%e9%ab%98%e8%b4%a8%e9%87%8f%e5%8f%91%e5%b1%95\/","title":{"rendered":"\u4e16\u754c\u8ba1\u91cf\u65e5 \u00b7 \u8ba1\u91cf\u652f\u6491\u9ad8\u8d28\u91cf\u53d1\u5c55"},"content":{"rendered":"\n\n\n\n \n \n \u4e16\u754c\u8ba1\u91cf\u65e5 \u00b7 \u8ba1\u91cf\u652f\u6491\u9ad8\u8d28\u91cf\u53d1\u5c55<\/title>\n <style>\n :root {\n --primary: #6366f1;\n --primary-light: #818cf8;\n --primary-dark: #4f46e5;\n --accent: #22d3ee;\n --bg: #1e1b4b;\n --bg-light: #312e81;\n --text: #eef2ff;\n --text-dim: #c7d2fe;\n --card: rgba(255,255,255,0.08);\n --border: rgba(129, 140, 248, 0.2);\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif; background: var(--bg); color: var(--text); line-height: 1.8; overflow-x: hidden; }\n .hero { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; position: relative; overflow: hidden; background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #3730a3 100%); }\n .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 30% 30%, rgba(129, 140, 248, 0.2) 0%, transparent 50%), radial-gradient(circle at 70% 70%, rgba(34, 211, 238, 0.15) 0%, transparent 50%); z-index: 0; }\n .hero-content { position: relative; z-index: 1; }\n .date-badge { display: inline-block; background: rgba(34, 211, 238, 0.15); border: 1px solid rgba(34, 211, 238, 0.3); color: var(--accent); padding: 0.5rem 1.5rem; border-radius: 50px; font-size: 0.9rem; letter-spacing: 0.1em; margin-bottom: 2rem; }\n .hero h1 { font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 700; line-height: 1.2; margin-bottom: 1rem; }\n .hero h1 .highlight { background: linear-gradient(135deg, var(--primary-light), var(--accent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n .hero p { font-size: clamp(1rem, 3vw, 1.3rem); color: var(--text-dim); max-width: 600px; margin: 0 auto 3rem; }\n .cta-btn { display: inline-block; background: var(--primary); color: white; padding: 1rem 2.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; border: none; cursor: pointer; font-size: 1rem; }\n .cta-btn:hover { background: var(--primary-dark); transform: translateY(-2px); }\n .scroll-indicator { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 0.5rem; color: var(--text-dim); font-size: 0.85rem; z-index: 1; }\n section { padding: 6rem 2rem; max-width: 1200px; margin: 0 auto; }\n .section-header { text-align: center; margin-bottom: 3rem; }\n .section-label { display: inline-block; background: var(--card); border: 1px solid var(--border); padding: 0.3rem 1rem; border-radius: 50px; font-size: 0.85rem; color: var(--text-dim); margin-bottom: 1rem; }\n .section-title { font-size: clamp(2rem, 5vw, 3rem); font-weight: 700; }\n .science-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; }\n .science-card { background: var(--card); border: 1px solid var(--border); border-radius: 16px; padding: 2rem; transition: all 0.3s ease; cursor: pointer; }\n .science-card:hover { transform: translateY(-5px); border-color: var(--primary-light); box-shadow: 0 10px 30px rgba(129, 140, 248, 0.2); }\n .science-icon { font-size: 3rem; margin-bottom: 1rem; }\n .science-card h3 { font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--primary-light); }\n .science-card p { color: var(--text-dim); font-size: 0.95rem; line-height: 1.6; }\n .history-timeline { position: relative; padding: 2rem 0; }\n .timeline-item { display: flex; gap: 2rem; margin-bottom: 2rem; position: relative; }\n .timeline-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--border); }\n .timeline-year { min-width: 80px; font-size: 1.2rem; font-weight: 700; color: var(--accent); }\n .timeline-content { flex: 1; background: var(--card); border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; }\n .timeline-content h3 { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--primary-light); }\n .timeline-content p { color: var(--text-dim); font-size: 0.95rem; }\n .unit-table { width: 100%; border-collapse: collapse; margin: 2rem 0; }\n .unit-table th, .unit-table td { padding: 1rem; text-align: left; border-bottom: 1px solid var(--border); }\n .unit-table th { background: var(--card); color: var(--primary-light); font-weight: 600; }\n .unit-table td { color: var(--text-dim); }\n .table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 1rem 0; }\n .stats-banner { background: linear-gradient(135deg, var(--bg-light), var(--primary-dark)); border-radius: 24px; padding: 3rem 2rem; text-align: center; }\n .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-top: 2rem; }\n .stat-item { display: flex; flex-direction: column; align-items: center; }\n .stat-number { font-size: 2.5rem; font-weight: 700; color: var(--accent); margin-bottom: 0.5rem; }\n .stat-label { font-size: 0.9rem; color: var(--text-dim); }\n .quote-section { text-align: center; padding: 4rem 2rem; background: var(--card); border-radius: 24px; border: 1px solid var(--border); }\n .quote-text { font-size: 1.4rem; line-height: 2; color: var(--text); font-style: italic; margin-bottom: 1.5rem; }\n .quote-author { font-size: 0.9rem; color: var(--primary-light); }\n .cta-section { text-align: center; padding: 4rem 2rem; }\n .cta-section h2 { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 1rem; }\n .cta-section p { color: var(--text-dim); max-width: 600px; margin: 0 auto 2rem; font-size: 1.1rem; }\n footer { text-align: center; padding: 3rem 2rem; color: var(--text-dim); font-size: 0.85rem; border-top: 1px solid var(--border); }\n footer a { color: var(--primary-light); text-decoration: none; }\n .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n \n \/* ==================== RESPONSIVE ==================== *\/\n @media (max-width: 1024px) { section { padding: 5rem 2rem; } .hero { padding: 2rem; } .hero h1 { font-size: clamp(2.5rem, 7vw, 4.5rem); } .science-grid { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } }\n @media (max-width: 768px) { section { padding: 4rem 1.5rem; } .hero { padding: 1.5rem; } .hero h1 { font-size: clamp(2rem, 8vw, 3.5rem); } .hero p { font-size: 1rem; } .science-grid { grid-template-columns: 1fr; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .cta-btn { padding: 0.8rem 2rem; font-size: 0.95rem; } .timeline-item { flex-direction: column; gap: 0.5rem; } .timeline-year { min-width: auto; font-size: 1rem; } }\n @media (max-width: 480px) { section { padding: 3rem 1rem; } .hero { padding: 1rem; min-height: 100svh; } .hero h1 { font-size: 2rem; } .date-badge { font-size: 0.8rem; padding: 0.4rem 1rem; } .hero p { font-size: 0.95rem; } .section-title { font-size: 1.8rem; } .science-card { padding: 1.5rem; } .science-card h3 { font-size: 1.1rem; } .stats-grid { grid-template-columns: 1fr; } .stat-number { font-size: 2rem; } .quote-text { font-size: 1rem; } .scroll-indicator { bottom: 1rem; font-size: 0.75rem; } }\n @media (max-width: 360px) { .hero h1 { font-size: 1.7rem; } .date-badge { font-size: 0.75rem; } .hero p { font-size: 0.9rem; } .section-title { font-size: 1.5rem; } .science-card h3 { font-size: 1rem; } .science-card p { font-size: 0.85rem; } .stat-number { font-size: 1.7rem; } }\n @media (max-height: 500px) and (orientation: landscape) { .hero { min-height: auto; padding: 4rem 2rem 2rem; } .scroll-indicator { display: none; } section { padding: 2rem 2rem; } }\n @media print { body { background: white; color: #222; } .hero::before, .scroll-indicator { display: none !important; } .science-card, .stats-banner, .quote-section, .timeline-content { box-shadow: none !important; border: 1px solid #ddd !important; break-inside: avoid; } .hero { min-height: auto; padding: 2rem; } section { padding: 2rem 1rem; } }\n @supports (-webkit-overflow-scrolling: touch) { body { -webkit-overflow-scrolling: touch; } }\n @media (pointer: coarse) { a, button { min-height: 44px; min-width: 44px; } input, textarea { font-size: 16px; } }\n <\/style>\n<\/head>\n<body>\n <section class=\"hero\">\n <div class=\"hero-content\">\n <div class=\"date-badge\">\u2696\ufe0f 5\u670820\u65e5 \u00b7 \u4e16\u754c\u8ba1\u91cf\u65e5<\/div>\n <h1>\u6d4b\u91cf\u652f\u6491<br><span class=\"highlight\">\u9ad8\u8d28\u91cf\u53d1\u5c55<\/span><\/h1>\n <p>\u5ea6\u91cf\u5929\u5730\uff0c\u6743\u8861\u4e07\u7269\u3002\u8ba1\u91cf\u662f\u79d1\u5b66\u6280\u672f\u7684\u57fa\u7840\uff0c\u662f\u8d28\u91cf\u5b89\u5168\u7684\u4fdd\u969c\uff0c\u662f\u516c\u5e73\u8d38\u6613\u7684\u57fa\u77f3\u3002<\/p>\n <a href=\"#history\" class=\"cta-btn\">\u4e86\u89e3\u8ba1\u91cf\u5386\u53f2 \u2193<\/a>\n <\/div>\n <div class=\"scroll-indicator\"><span>\u5411\u4e0b\u6eda\u52a8<\/span><span>\u2193<\/span><\/div>\n <\/section>\n\n <section id=\"science\">\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u5b66\u79d1<\/span>\n <h2 class=\"section-title\">\u8ba1\u91cf\u5b66\u6d89\u53ca\u9886\u57df<\/h2>\n <\/div>\n <div class=\"science-grid\">\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\u2696\ufe0f<\/div>\n <h3>\u8d28\u91cf\u8ba1\u91cf<\/h3>\n <p>\u8d28\u91cf\u7684\u57fa\u51c6\u662f\u56fd\u9645\u5343\u514b\u539f\u5668\uff08IPK\uff09\uff0c\u4fdd\u5b58\u5728\u6cd5\u56fd\u56fd\u9645\u8ba1\u91cf\u5c40\uff08BIPM\uff09\u3002\u7528\u4e8e\u8d38\u6613\u7ed3\u7b97\u3001\u7cbe\u5bc6\u5236\u9020\u3001\u8d28\u91cf\u63a7\u5236\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\ud83c\udf21\ufe0f<\/div>\n <h3>\u6e29\u5ea6\u8ba1\u91cf<\/h3>\n <p>\u70ed\u529b\u5b66\u6e29\u5ea6\u5355\u4f4d\u5f00\u5c14\u6587\uff08K\uff09\u662fSI\u4e03\u4e2a\u57fa\u672c\u5355\u4f4d\u4e4b\u4e00\u3002\u6d89\u53ca\u6e29\u5ea6\u6807\u5b9a\u3001\u6c14\u8c61\u89c2\u6d4b\u3001\u5de5\u4e1a\u6e29\u63a7\u7b49\u9886\u57df\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\ud83d\udd26<\/div>\n <h3>\u5149\u5b66\u8ba1\u91cf<\/h3>\n <p>\u5149\u901f\u662f\u81ea\u7136\u754c\u6700\u5feb\u901f\u5ea6\uff0c\u5149\u7684\u6ce2\u957f\u7528\u4e8e\u5b9a\u4e49\u957f\u5ea6\u5355\u4f4d\u3002\u6d89\u53ca\u6fc0\u5149\u6d4b\u8ddd\u3001\u5149\u7ea4\u901a\u4fe1\u3001\u7cbe\u5bc6\u52a0\u5de5\u7b49\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\u26a1<\/div>\n <h3>\u7535\u78c1\u8ba1\u91cf<\/h3>\n <p>\u7535\u6d41\u5355\u4f4d\u5b89\u57f9\uff08A\uff09\u662f\u6700\u91cd\u8981\u7684\u7535\u78c1\u5b66\u5355\u4f4d\u3002\u6d89\u53ca\u7535\u529b\u7cfb\u7edf\u3001\u7535\u5b50\u8bbe\u5907\u3001\u901a\u8baf\u6280\u672f\u7b49\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\u23f1\ufe0f<\/div>\n <h3>\u65f6\u95f4\u9891\u7387\u8ba1\u91cf<\/h3>\n <p>\u79d2\uff08s\uff09\u662f\u76ee\u524d\u6d4b\u91cf\u7cbe\u5ea6\u6700\u9ad8\u7684\u5355\u4f4d\u3002\u539f\u5b50\u949f\u7684\u7cbe\u5ea6\u53ef\u8fbe10^-18\u79d2\u3002GPS\u30015G\u3001\u91cf\u5b50\u8ba1\u7b97\u90fd\u4f9d\u8d56\u7cbe\u786e\u65f6\u95f4\u3002<\/p>\n <\/div>\n <div class=\"science-card reveal\">\n <div class=\"science-icon\">\ud83d\udce1<\/div>\n <h3>\u7535\u79bb\u8f90\u5c04\u8ba1\u91cf<\/h3>\n <p>\u6d89\u53caX\u5c04\u7ebf\u3001\u03b3\u5c04\u7ebf\u3001\u7c92\u5b50\u8f90\u5c04\u7684\u6d4b\u91cf\u3002\u7528\u4e8e\u533b\u5b66\u5f71\u50cf\ufffd\ufffd\ufffd\u653e\ufffd\ufffd\ufffd\u6cbb\u7597\u3001\u6838\u7535\u7ad9\u8f90\u5c04\u76d1\u6d4b\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"history\">\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u5386\u53f2<\/span>\n <h2 class=\"section-title\">\u8ba1\u91cf\u53d1\u5c55\u5386\u7a0b<\/h2>\n <\/div>\n <div class=\"history-timeline reveal\">\n <div class=\"timeline-item\">\n <span class=\"timeline-year\">1875<\/span>\n <div class=\"timeline-content\">\n <h3>\u7c73\u5236\u516c\u7ea6<\/h3>\n <p>17\u56fd\u5728\u5df4\u9ece\u7b7e\u7f72\u300a\u7c73\u5236\u516c\u7ea6\u300b\uff0c\u6210\u7acb\u56fd\u9645\u8ba1\u91cf\u5c40\uff08BIPM\uff09\uff0c\u7edf\u4e00\u5168\u7403\u8ba1\u91cf\u57fa\u51c6\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\">1960<\/span>\n <div class=\"timeline-content\">\n <h3>\u56fd\u9645\u5355\u4f4d\u5236\uff08SI\uff09<\/h3>\n <p>\u7b2c11\u5c4a\u56fd\u9645\u8ba1\u91cf\u5927\u4f1a\u6b63\u5f0f\u786e\u7acb\u56fd\u9645\u5355\u4f4d\u5236\uff0c\u5305\u542b6\u4e2a\u57fa\u672c\u5355\u4f4d\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\">1983<\/span>\n <div class=\"timeline-content\">\n <h3>\u5149\u901f\u5b9a\u4e49\u7c73<\/h3>\n <p>\u7b2c17\u5c4a\u56fd\u9645\u8ba1\u91cf\u5927\u4f1a\u901a\u8fc7\u5149\u901f\u5b9a\u4e49\u957f\u5ea6\u5355\u4f4d\u7c73\uff0c\u5f00\u542f\u8ba1\u91cf\u5b66\u91cf\u5b50\u65f6\u4ee3\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"timeline-item\">\n <span class=\"timeline-year\">2019<\/span>\n <div class=\"timeline-content\">\n <h3>\u5168\u9762\u91cf\u5b50\u5316\u5b9a\u4e49<\/h3>\n <p>SI\u4e03\u4e2a\u57fa\u672c\u5355\u4f4d\u5168\u90e8\u7531\u7269\u7406\u5e38\u6570\u5b9a\u4e49\uff0c\u5f00\u542f\u4e0d\u4ee5\u5b9e\u7269\u4e3a\u57fa\u7840\u7684\u8ba1\u91cf\u65b0\u65f6\u4ee3\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"section-header reveal\">\n <span class=\"section-label\">SI<\/span>\n <h2 class=\"section-title\">\u56fd\u9645\u5355\u4f4d\u5236\uff08SI\uff09\u57fa\u672c\u5355\u4f4d<\/h2>\n <\/div>\n <div class=\"table-wrapper reveal\">\n <table class=\"unit-table\">\n <thead>\n <tr><th>\u7269\u7406\u91cf<\/th><th>\u5355\u4f4d\u540d\u79f0<\/th><th>\u7b26\u53f7<\/th><th>\u5b9a\u4e49\u65b9\u5f0f<\/th><\/tr>\n <\/thead>\n <tbody>\n <tr><td>\u957f\u5ea6<\/td><td>\u7c73<\/td><td>m<\/td><td>\u5149\u5728\u771f\u7a7a\u4e2d\u884c\u8fdb\u76841\/299792458\u79d2\u8ddd\u79bb<\/td><\/tr>\n <tr><td>\u8d28\u91cf<\/td><td>\u5343\u514b<\/td><td>kg<\/td><td>\u666e\u6717\u514b\u5e38\u6570\uff08h\uff09\u7cbe\u786e\u503c6.62607015\u00d710^-34<\/td><\/tr>\n <tr><td>\u65f6\u95f4<\/td><td>\u79d2<\/td><td>s<\/td><td>\u94ef-133\u539f\u5b50\u57fa\u6001\u8d85\u7cbe\u7ec6\u80fd\u7ea7\u8dc3\u8fc1\u76849192631770\u4e2a\u5468\u671f<\/td><\/tr>\n <tr><td>\u7535\u6d41<\/td><td>\u5b89\u57f9<\/td><td>A<\/td><td>\u57fa\u672c\u7535\u8377e\u7cbe\u786e\u503c1.602176634\u00d710^-19<\/td><\/tr>\n <tr><td>\u6e29\u5ea6<\/td><td>\u5f00\u5c14\u6587<\/td><td>K<\/td><td>\u73bb\u5c14\u5179\u66fc\u5e38\u6570\uff08k\uff09\u7cbe\u786e\u503c1.380649\u00d710^-23<\/td><\/tr>\n <tr><td>\u7269\u8d28\u7684\u91cf<\/td><td>\u6469\u5c14<\/td><td>mol<\/td><td>\u7cbe\u786e\u5305\u542b6.02214076\u00d710^23\u4e2a\u57fa\u672c\u5355\u5143<\/td><\/tr>\n <tr><td>\u53d1\u5149\u5f3a\u5ea6<\/td><td>\u574e\u5fb7\u62c9<\/td><td>cd<\/td><td>\u9891\u7387540.12\u00d710^12Hz\u7684\u5149\u6e90\u53d1\u5149\u6548\u7387683cd\/kg<\/td><\/tr>\n <\/tbody>\n <\/table>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"section-header reveal\">\n <span class=\"section-label\">\u6570\u636e<\/span>\n <h2 class=\"section-title\">\u5168\u7403\u8ba1\u91cf\u4f53\u7cfb<\/h2>\n <\/div>\n <div class=\"stats-banner reveal\">\n <div class=\"stats-grid\">\n <div class=\"stat-item\"><span class=\"stat-number\" data-target=\"64\">0<\/span><span class=\"stat-label\">\u7b7e\u7ea6\u56fd\uff08\u4e2a\uff09<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\" data-target=\"300\">0<\/span><span class=\"stat-label\">\u56fd\u5bb6\u8ba1\u91cf\u9662\uff08\u5bb6\uff09<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\" data-target=\"10\">0<\/span><span class=\"stat-label\">\u533a\u57df\u6027\u8ba1\u91cf\u7ec4\u7ec7\uff08\u4e2a\uff09<\/span><\/div>\n <div class=\"stat-item\"><span class=\"stat-number\" data-target=\"7\">0<\/span><span class=\"stat-label\">\u57fa\u672c\u5355\u4f4d\uff08\u4e2a\uff09<\/span><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section>\n <div class=\"quote-section reveal\">\n <div class=\"quote-text\">“\u6ca1\u6709\u8ba1\u91cf\u5c31\u6ca1\u6709\u79d1\u5b66\uff0c<br>\u6ca1\u6709\u8ba1\u91cf\u5c31\u6ca1\u6709\u8d28\u91cf\uff0c<br>\u6ca1\u6709\u8ba1\u91cf\u5c31\u6ca1\u6709\u4fe1\u4efb\u3002”<\/div>\n <div class=\"quote-author\">\u2014\u2014 \u56fd\u9645\u8ba1\u91cf\u5c40\uff08BIPM\uff09<\/div>\n <\/div>\n <\/section>\n\n <section class=\"cta-section\">\n <div class=\"reveal\">\n <h2>\u8ba1\u91cf\u652f\u6491\u672a\u6765<\/h2>\n <p>\u4ece\u65e5\u5e38\u751f\u6d3b\u5230\u79d1\u6280\u521b\u65b0\uff0c<br>\u8ba1\u91cf\u65e0\u5904\u4e0d\u5728\u3002<br>\u8ba9\u7cbe\u51c6\u6d4b\u91cf\uff0c\u4e3a\u9ad8\u8d28\u91cf\u53d1\u5c55\u4fdd\u9a7e\u62a4\u822a\u3002<\/p>\n <a href=\"#science\" class=\"cta-btn\">\u4e86\u89e3\u66f4\u591a<\/a>\n <\/div>\n <\/section>\n\n <footer>\n <p>\u4e16\u754c\u8ba1\u91cf\u65e5 \u00b7 \u6bcf\u5e745\u670820\u65e5<\/p>\n <p style=\"margin-top: 0.5rem; font-size: 0.8rem; opacity: 0.6;\">1875\u5e74\u300a\u7c73\u5236\u516c\u7ea6\u300b\u7b7e\u7f72\u65e5<br>\u672c\ufffd\ufffd\ufffd\u9762\ufffd\ufffd\ufffd\u4f9b\u516c\u76ca\u5ba3\u4f20\u3002<\/p>\n <\/footer>\n\n <script>\n const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\n const revealObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); }); }, observerOptions);\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n const statNumbers = document.querySelectorAll('.stat-number');\n const animateValue = (el, start, end, duration) => { const startTime = performance.now(); const update = (currentTime) => { const elapsed = currentTime - startTime; const progress = Math.min(elapsed \/ duration, 1); const eased = 1 - Math.pow(1 - progress, 3); el.textContent = Math.floor(eased * (end - start) + start); if (progress < 1) requestAnimationFrame(update); }; requestAnimationFrame(update); };\n const numberObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { animateValue(entry.target, 0, parseInt(entry.target.getAttribute('data-target')), 1500); numberObserver.unobserve(entry.target); } }); }, { threshold: 0.5 });\n statNumbers.forEach(el => numberObserver.observe(el));\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); const target = document.querySelector(this.getAttribute('href')); if (target) target.scrollIntoView({ behavior: 'smooth' }); }); });\n <\/script>\n<\/body>\n<\/html>\r\n\n","protected":false},"excerpt":{"rendered":"<p>\u4e16\u754c\u8ba1\u91cf\u65e5 \u00b7 \u8ba1\u91cf\u652f\u6491\u9ad8\u8d28\u91cf\u53d1\u5c55 \u2696\ufe0f 5\u670820\u65e5 \u00b7 \u4e16\u754c\u8ba1\u91cf\u65e5 \u6d4b\u91cf\u652f\u6491\u9ad8\u8d28\u91cf\u53d1\u5c55 \u5ea6\u91cf\u5929\u5730\uff0c\u6743\u8861\u4e07\u7269\u3002 […]<\/p>\n","protected":false},"author":1,"featured_media":1751,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-1723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-10"],"brizy_media":[],"_links":{"self":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/comments?post=1723"}],"version-history":[{"count":2,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1723\/revisions"}],"predecessor-version":[{"id":1752,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/posts\/1723\/revisions\/1752"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media\/1751"}],"wp:attachment":[{"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/media?parent=1723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/categories?post=1723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.365ycs.com\/index.php\/wp-json\/wp\/v2\/tags?post=1723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}