健康健身工具 - BMI/体脂/心率/卡路�?在线工具 | 懂工�?/title> <meta name="description" content="健康健身工具合集，提供BMI计算、基础代谢率、体脂率、心率区间、卡路里需求、排卵期、跑步配速等50+款健康工具。所有计算在浏览器本地完成，数据不上传�? /> <meta name="keywords" content="健康工具,健身工具,BMI计算�?体脂�?基础代谢�?卡路里计�?心率区间,排卵�?预产�?跑步配�?在线健康工具" /> <meta name="author" content="懂工�? /> <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1" /> <meta name="googlebot" content="index,follow" /> <meta name="bingbot" content="index,follow" /> <meta name="theme-color" content="#F43F5E" /> <meta name="application-name" content="懂工�? /> <meta name="apple-mobile-web-app-title" content="懂工�? /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="format-detection" content="telephone=no" /> <meta name="referrer" content="origin-when-cross-origin" /> <link rel="icon" type="image/svg+xml" href="../assets/img/favicon.svg" /> <link rel="canonical" href="https://www.dongsansheng.com/tool/health-tools/" /> <link rel="alternate" hreflang="zh-CN" href="https://www.dongsansheng.com/tool/health-tools/" /> <link rel="alternate" hreflang="x-default" href="https://www.dongsansheng.com/tool/health-tools/" />  <meta property="og:type" content="website" /> <meta property="og:site_name" content="懂工�? /> <meta property="og:title" content="健康健身工具 - BMI/体脂/心率/卡路�?| 懂工�? /> <meta property="og:description" content="50+款健康健身工具，BMI/体脂/心率/卡路�?排卵�?跑步配速等。浏览器本地计算，数据不上传�? /> <meta property="og:url" content="https://www.dongsansheng.com/tool/health-tools/" /> <meta property="og:image" content="https://www.dongsansheng.com/tool/assets/img/og-cover.svg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:alt" content="健康健身工具" /> <meta property="og:locale" content="zh_CN" />  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="健康健身工具 - 懂工�? /> <meta name="twitter:description" content="BMI/体脂/心率/卡路里等50+款健康健身工具�? /> <meta name="twitter:image" content="https://www.dongsansheng.com/tool/assets/img/og-cover.svg" /> <meta name="twitter:image:alt" content="健康健身工具" />  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ {"@type": "ListItem", "position": 1, "name": "懂工�?, "item": "https://www.dongsansheng.com/tool/"}, {"@type": "ListItem", "position": 2, "name": "健康健身", "item": "https://www.dongsansheng.com/tool/health-tools/"} ] } </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "CollectionPage", "name": "健康健身工具", "description": "健康健身工具合集，提供BMI计算、基础代谢率、体脂率、心率区间、卡路里需求、排卵期、跑步配速等50+款健康工具。所有计算在浏览器本地完成，数据不上传�?, "url": "https://www.dongsansheng.com/tool/health-tools/", "inLanguage": "zh-CN", "isPartOf": { "@type": "WebSite", "name": "懂工�?, "url": "https://www.dongsansheng.com/tool/" }, "mainEntity": { "@type": "ItemList", "name": "健康健身工具列表", "numberOfItems": 50, "itemListElement": [ {"@type": "ListItem", "position": 1, "name": "BMI计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/bmi-calculator/", "description": "输入身高体重计算BMI身体质量指数，输出BMI值和健康分级�?}, {"@type": "ListItem", "position": 2, "name": "基础代谢率计算器", "url": "https://www.dongsansheng.com/tool/health-tools/bmr-calculator/", "description": "Mifflin-St Jeor公式计算基础代谢率BMR�?}, {"@type": "ListItem", "position": 3, "name": "体脂率计算器", "url": "https://www.dongsansheng.com/tool/health-tools/body-fat-calculator/", "description": "US Navy方法，输入腰围颈围等计算体脂率�?}, {"@type": "ListItem", "position": 4, "name": "理想体重计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/ideal-weight/", "description": "Devine/Hamwi/Robinson公式计算理想体重�?}, {"@type": "ListItem", "position": 5, "name": "每日卡路里需求计算器", "url": "https://www.dongsansheng.com/tool/health-tools/calorie-needs/", "description": "TDEE=BMR×活动系数计算每日卡路里需求�?}, {"@type": "ListItem", "position": 6, "name": "每日饮水量计算器", "url": "https://www.dongsansheng.com/tool/health-tools/water-intake/", "description": "按体重�?5ml计算每日推荐饮水量�?}, {"@type": "ListItem", "position": 7, "name": "心率区间计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/heart-rate-zone/", "description": "按最大心率百分比分区计算训练心率区间�?}, {"@type": "ListItem", "position": 8, "name": "血压评估器", "url": "https://www.dongsansheng.com/tool/health-tools/blood-pressure-checker/", "description": "按收缩压舒张压分级判断正�?偏高/高血压�?}, {"@type": "ListItem", "position": 9, "name": "血糖评估器", "url": "https://www.dongsansheng.com/tool/health-tools/blood-sugar-checker/", "description": "按空�?餐后标准评估血糖水平�?}, {"@type": "ListItem", "position": 10, "name": "腰臀比计算器", "url": "https://www.dongsansheng.com/tool/health-tools/waist-hip-ratio/", "description": "WHR腰臀比健康风险评估�?}, {"@type": "ListItem", "position": 11, "name": "瘦体重计算器", "url": "https://www.dongsansheng.com/tool/health-tools/lean-body-mass/", "description": "计算瘦体重（去脂体重）�?}, {"@type": "ListItem", "position": 12, "name": "体表面积计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/body-surface-area/", "description": "Mosteller公式计算体表面积�?}, {"@type": "ListItem", "position": 13, "name": "孕期体重增长计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/pregnancy-weight/", "description": "按孕前BMI计算孕期推荐体重增长�?}, {"@type": "ListItem", "position": 14, "name": "儿童BMI百分位计算器", "url": "https://www.dongsansheng.com/tool/health-tools/child-bmi/", "description": "计算儿童BMI百分位�?}, {"@type": "ListItem", "position": 15, "name": "儿童成年身高预测�?, "url": "https://www.dongsansheng.com/tool/health-tools/height-predictor/", "description": "预测儿童成年身高�?}, {"@type": "ListItem", "position": 16, "name": "血型遗传预测器", "url": "https://www.dongsansheng.com/tool/health-tools/blood-type-predictor/", "description": "父母血型推算孩子可能血型�?}, {"@type": "ListItem", "position": 17, "name": "在线视力测试", "url": "https://www.dongsansheng.com/tool/health-tools/vision-test/", "description": "Snellen E字表在线视力测试�?}, {"@type": "ListItem", "position": 18, "name": "色盲测试", "url": "https://www.dongsansheng.com/tool/health-tools/color-blind-test/", "description": "Ishihara伪同色图色盲测试�?}, {"@type": "ListItem", "position": 19, "name": "听力测试", "url": "https://www.dongsansheng.com/tool/health-tools/hearing-test/", "description": "不同频率音调听力测试�?}, {"@type": "ListItem", "position": 20, "name": "反应速度测试", "url": "https://www.dongsansheng.com/tool/health-tools/reaction-test/", "description": "点击计时反应速度测试�?}, {"@type": "ListItem", "position": 21, "name": "肺活量计算器", "url": "https://www.dongsansheng.com/tool/health-tools/lung-capacity/", "description": "按身高性别估算肺活量�?}, {"@type": "ListItem", "position": 22, "name": "睡眠时间计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/sleep-calculator/", "description": "�?0分钟睡眠周期计算最佳入睡时间�?}, {"@type": "ListItem", "position": 23, "name": "睡眠周期分析�?, "url": "https://www.dongsansheng.com/tool/health-tools/sleep-cycle/", "description": "分析睡眠周期�?}, {"@type": "ListItem", "position": 24, "name": "排卵期计算器", "url": "https://www.dongsansheng.com/tool/health-tools/ovulation-calculator/", "description": "计算排卵期和安全期�?}, {"@type": "ListItem", "position": 25, "name": "预产期计算器", "url": "https://www.dongsansheng.com/tool/health-tools/due-date-calculator/", "description": "末次月经法计算预产期�?}, {"@type": "ListItem", "position": 26, "name": "孕期周日�?, "url": "https://www.dongsansheng.com/tool/health-tools/pregnancy-calendar/", "description": "孕期周数日历�?}, {"@type": "ListItem", "position": 27, "name": "胎儿体重估算�?, "url": "https://www.dongsansheng.com/tool/health-tools/fetal-weight/", "description": "估算胎儿体重�?}, {"@type": "ListItem", "position": 28, "name": "基础体温记录�?, "url": "https://www.dongsansheng.com/tool/health-tools/basal-temp/", "description": "记录基础体温�?}, {"@type": "ListItem", "position": 29, "name": "月经周期追踪�?, "url": "https://www.dongsansheng.com/tool/health-tools/menstrual-cycle/", "description": "追踪月经周期�?}, {"@type": "ListItem", "position": 30, "name": "受孕概率计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/fertility-calculator/", "description": "计算受孕概率�?}, {"@type": "ListItem", "position": 31, "name": "运动热量消耗计算器", "url": "https://www.dongsansheng.com/tool/health-tools/calorie-burn/", "description": "MET×体重×时间计算运动热量消耗�?}, {"@type": "ListItem", "position": 32, "name": "宏量营养素计算器", "url": "https://www.dongsansheng.com/tool/health-tools/macro-calculator/", "description": "蛋白�?碳水/脂肪分配�?}, {"@type": "ListItem", "position": 33, "name": "蛋白质需求量计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/protein-intake/", "description": "计算每日蛋白质需求�?}, {"@type": "ListItem", "position": 34, "name": "咖啡因摄入计算器", "url": "https://www.dongsansheng.com/tool/health-tools/caffeine-intake/", "description": "计算咖啡因摄入量�?}, {"@type": "ListItem", "position": 35, "name": "酒精代谢时间计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/alcohol-metabolism/", "description": "计算酒精代谢时间�?}, {"@type": "ListItem", "position": 36, "name": "吸烟指数计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/smoking-index/", "description": "包年数吸烟指数�?}, {"@type": "ListItem", "position": 37, "name": "跑步配速计算器", "url": "https://www.dongsansheng.com/tool/health-tools/running-pace/", "description": "计算跑步配速�?}, {"@type": "ListItem", "position": 38, "name": "跑步距离计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/running-distance/", "description": "步数×步幅计算跑步距离�?}, {"@type": "ListItem", "position": 39, "name": "步数热量计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/step-calculator/", "description": "按步数计算热量消耗�?}, {"@type": "ListItem", "position": 40, "name": "平板支撑计时�?, "url": "https://www.dongsansheng.com/tool/health-tools/plank-timer/", "description": "平板支撑计时�?}, {"@type": "ListItem", "position": 41, "name": "俯卧撑体能测�?, "url": "https://www.dongsansheng.com/tool/health-tools/pushup-test/", "description": "俯卧撑体能测试�?}, {"@type": "ListItem", "position": 42, "name": "仰卧起坐体能测试", "url": "https://www.dongsansheng.com/tool/health-tools/situp-test/", "description": "仰卧起坐体能测试�?}, {"@type": "ListItem", "position": 43, "name": "坐位体前屈测�?, "url": "https://www.dongsansheng.com/tool/health-tools/flexibility-test/", "description": "坐位体前屈柔韧测试�?}, {"@type": "ListItem", "position": 44, "name": "最大摄氧量估算�?, "url": "https://www.dongsansheng.com/tool/health-tools/vo2-max/", "description": "估算VO2max最大摄氧量�?}, {"@type": "ListItem", "position": 45, "name": "恢复心率计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/recovery-heart-rate/", "description": "计算恢复心率�?}, {"@type": "ListItem", "position": 46, "name": "训练负荷计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/training-load/", "description": "计算训练负荷�?}, {"@type": "ListItem", "position": 47, "name": "Tabata间歇训练计时�?, "url": "https://www.dongsansheng.com/tool/health-tools/tabata-timer/", "description": "20s运动10s休息Tabata计时器�?}, {"@type": "ListItem", "position": 48, "name": "间歇训练计时�?, "url": "https://www.dongsansheng.com/tool/health-tools/interval-timer/", "description": "自定义工�?休息间歇训练计时器�?}, {"@type": "ListItem", "position": 49, "name": "运动补水计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/hydration-calculator/", "description": "运动补水计算�?}, {"@type": "ListItem", "position": 50, "name": "健康年龄计算�?, "url": "https://www.dongsansheng.com/tool/health-tools/health-age/", "description": "计算健康年龄�?} ] } } </script> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&family=JetBrains+Mono:wght@400;600&display=swap" rel="stylesheet" /> <link rel="stylesheet" href="../assets/css/base.css" /> <link rel="stylesheet" href="../assets/css/components.css" /> <link rel="stylesheet" href="../assets/css/home.css" /> <style> :root { --cat-health: #F43F5E; } </style> </head> <body data-page="home"> <header> <div class="site-header"> <div class="container site-header__inner"> <a class="brand" href="../index.html"> <img class="brand__logo" src="../assets/img/logo.svg" alt="懂工�? /> <span class="brand__name">�?strong>工具</strong></span> </a> <nav class="main-nav"> <a href="../index.html">全部工具</a> <a href="../image-converter/index.html">图片转换</a> <a href="../image-editor/index.html">图片编辑</a> <a href="../image-filter/index.html">图片滤镜</a> <a href="../document-converter/index.html">文档转换</a> <a href="../unit-converter/index.html">单位换算</a> <a href="../audio-converter/index.html">音乐转换</a> <a href="../video-converter/index.html">视频转换</a> <a href="../pdf-tools/index.html">PDF工具</a> <a href="../text-tools/index.html">文本工具</a> <a href="../utility-tools/index.html">便民工具</a> </nav> <div class="header-search" data-search> <span class="header-search__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg></span> <input type="text" placeholder="搜索上千款工具�? autocomplete="off" /> <div class="search-results"></div> </div> <button class="menu-toggle" aria-label="菜单"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="18" x2="20" y2="18"/></svg></button> </div> </div> </header> <main> <section class="hero"> <div class="container hero__inner"> <span class="hero__eyebrow" style="color:#F43F5E"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg> 浏览器本地计�?· 数据不上�? </span> <h1 class="hero__title">健康<em>健身</em>工具</h1> <p class="hero__subtitle">BMI/体脂/心率/卡路�?排卵�?跑步配速等50+款健康健身工具，所有计算在浏览器本地完成，数据不上传�?/p> <div class="hero__stats"> <div class="hero__stat"> <div class="hero__stat-num">50</div> <div class="hero__stat-label">健康工具</div> </div> <div class="hero__stat"> <div class="hero__stat-num">100%</div> <div class="hero__stat-label">免费无广�?/div> </div> <div class="hero__stat"> <div class="hero__stat-num">0</div> <div class="hero__stat-label">数据上传</div> </div> </div> </div> </section> <section class="tools-section"> <div class="container"> <div class="tools-section__head"> <div> <h2 class="tools-section__title">身体<span style="color:#F43F5E">指标</span></h2> <p class="tools-section__sub">BMI、体脂、代谢率等身体指标计�?/p> </div> </div> <div class="tools-grid"> <a class="tool-card" href="bmi-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg></div> <div class="tool-card__title">BMI计算�?/div> <div class="tool-card__desc">输入身高体重，计算BMI值并输出健康分级�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="bmr-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.03s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg></div> <div class="tool-card__title">基础代谢率计算器</div> <div class="tool-card__desc">Mifflin-St Jeor公式计算基础代谢率BMR�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="body-fat-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.06s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6-7 6 7M6 9v12h12V9"/></svg></div> <div class="tool-card__title">体脂率计算器</div> <div class="tool-card__desc">US Navy方法，输入腰围颈围等计算体脂率�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="ideal-weight/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.09s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1v22M5 8h14M5 16h14"/></svg></div> <div class="tool-card__title">理想体重计算�?/div> <div class="tool-card__desc">Devine/Hamwi/Robinson公式计算理想体重�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="calorie-needs/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.12s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 2v4M16 2v4M3 10h18M5 4h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"/></svg></div> <div class="tool-card__title">每日卡路里需�?/div> <div class="tool-card__desc">TDEE=BMR×活动系数，计算每日所需热量�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="water-intake/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.15s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2s7 8 7 13a7 7 0 0 1-14 0c0-5 7-13 7-13z"/></svg></div> <div class="tool-card__title">每日饮水量计算器</div> <div class="tool-card__desc">按体重�?5ml计算每日推荐饮水量�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="heart-rate-zone/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.18s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg></div> <div class="tool-card__title">心率区间计算�?/div> <div class="tool-card__desc">按最大心率百分比分区计算训练心率区间�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="blood-pressure-checker/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.21s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v8M8 6h8M5 10h14v4a7 7 0 0 1-14 0z"/></svg></div> <div class="tool-card__title">血压评估器</div> <div class="tool-card__desc">按收缩压舒张压分级判断正�?偏高/高血压�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="blood-sugar-checker/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.24s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7z"/><path d="M9 9h6"/></svg></div> <div class="tool-card__title">血糖评估器</div> <div class="tool-card__desc">按空�?餐后标准评估血糖水平�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="waist-hip-ratio/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.27s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="3"/><path d="M5 8a7 7 0 0 0 14 0M5 16a7 7 0 0 0 14 0"/></svg></div> <div class="tool-card__title">腰臀比计算器</div> <div class="tool-card__desc">WHR腰臀比健康风险评估�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="lean-body-mass/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.30s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4v16M18 4v16M6 8h12M6 16h12"/></svg></div> <div class="tool-card__title">瘦体重计算器</div> <div class="tool-card__desc">计算瘦体重（去脂体重）�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="body-surface-area/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.33s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 3v18"/></svg></div> <div class="tool-card__title">体表面积计算�?/div> <div class="tool-card__desc">Mosteller公式计算体表面积�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="pregnancy-weight/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.36s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a5 5 0 0 1 5 5c0 3-2 5-5 9-3-4-5-6-5-9a5 5 0 0 1 5-5z"/><circle cx="12" cy="7" r="2"/></svg></div> <div class="tool-card__title">孕期体重增长计算�?/div> <div class="tool-card__desc">按孕前BMI计算孕期推荐体重增长�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="child-bmi/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.39s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="7" r="4"/><path d="M5 21v-2a7 7 0 0 1 14 0v2"/></svg></div> <div class="tool-card__title">儿童BMI百分�?/div> <div class="tool-card__desc">计算儿童BMI百分位�?/div> <div class="tool-card__foot"><span class="badge badge--utility">身体指标</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> </div> </div> </section> <section class="tools-section"> <div class="container"> <div class="tools-section__head"> <div> <h2 class="tools-section__title">健康<span style="color:#F43F5E">评估</span></h2> <p class="tools-section__sub">视力、色盲、反应、听力等健康测试</p> </div> </div> <div class="tools-grid"> <a class="tool-card" href="height-predictor/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M6 8h12M6 16h12"/></svg></div> <div class="tool-card__title">儿童成年身高预测�?/div> <div class="tool-card__desc">预测儿童成年身高�?/div> <div class="tool-card__foot"><span class="badge badge--utility">健康评估</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="blood-type-predictor/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.03s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2l5 7a6 6 0 1 1-10 0z"/></svg></div> <div class="tool-card__title">血型遗传预测器</div> <div class="tool-card__desc">父母血型推算孩子可能血型�?/div> <div class="tool-card__foot"><span class="badge badge--utility">健康评估</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="vision-test/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.06s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg></div> <div class="tool-card__title">在线视力测试</div> <div class="tool-card__desc">Snellen E字表在线视力测试�?/div> <div class="tool-card__foot"><span class="badge badge--utility">健康评估</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="color-blind-test/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.09s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg></div> <div class="tool-card__title">色盲测试</div> <div class="tool-card__desc">Ishihara伪同色图色盲测试�?/div> <div class="tool-card__foot"><span class="badge badge--utility">健康评估</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="hearing-test/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.12s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 18 0M6 12a6 6 0 0 1 12 0M9 12a3 3 0 0 1 6 0"/></svg></div> <div class="tool-card__title">听力测试</div> <div class="tool-card__desc">不同频率音调听力测试�?/div> <div class="tool-card__foot"><span class="badge badge--utility">健康评估</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="reaction-test/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.15s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div> <div class="tool-card__title">反应速度测试</div> <div class="tool-card__desc">点击计时反应速度测试�?/div> <div class="tool-card__foot"><span class="badge badge--utility">健康评估</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="lung-capacity/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.18s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h4l2-7 4 14 2-7h6"/></svg></div> <div class="tool-card__title">肺活量计算器</div> <div class="tool-card__desc">按身高性别估算肺活量�?/div> <div class="tool-card__foot"><span class="badge badge--utility">健康评估</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> </div> </div> </section> <section class="tools-section"> <div class="container"> <div class="tools-section__head"> <div> <h2 class="tools-section__title">睡眠<span style="color:#F43F5E">周期</span></h2> <p class="tools-section__sub">睡眠、排卵、孕期等周期计算</p> </div> </div> <div class="tools-grid"> <a class="tool-card" href="sleep-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg></div> <div class="tool-card__title">睡眠时间计算�?/div> <div class="tool-card__desc">�?0分钟睡眠周期计算最佳入睡时间�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="sleep-cycle/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.03s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg></div> <div class="tool-card__title">睡眠周期分析�?/div> <div class="tool-card__desc">分析睡眠周期�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="ovulation-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.06s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg></div> <div class="tool-card__title">排卵期计算器</div> <div class="tool-card__desc">计算排卵期和安全期�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="due-date-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.09s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 11a3 3 0 1 0 6 0 3 3 0 0 0-6 0z"/><path d="M12 2v3M19 9h3M2 9h3"/></svg></div> <div class="tool-card__title">预产期计算器</div> <div class="tool-card__desc">末次月经法计算预产期�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="pregnancy-calendar/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.12s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2"/><path d="M3 10h18M8 2v4M16 2v4"/></svg></div> <div class="tool-card__title">孕期周日�?/div> <div class="tool-card__desc">孕期周数日历�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="fetal-weight/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.15s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="8"/><circle cx="12" cy="12" r="3"/></svg></div> <div class="tool-card__title">胎儿体重估算�?/div> <div class="tool-card__desc">估算胎儿体重�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="basal-temp/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.18s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"/></svg></div> <div class="tool-card__title">基础体温记录�?/div> <div class="tool-card__desc">记录基础体温�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="menstrual-cycle/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.21s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg></div> <div class="tool-card__title">月经周期追踪�?/div> <div class="tool-card__desc">追踪月经周期�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="fertility-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.24s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg></div> <div class="tool-card__title">受孕概率计算�?/div> <div class="tool-card__desc">计算受孕概率�?/div> <div class="tool-card__foot"><span class="badge badge--utility">睡眠周期</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> </div> </div> </section> <section class="tools-section"> <div class="container"> <div class="tools-section__head"> <div> <h2 class="tools-section__title">营养<span style="color:#F43F5E">习惯</span></h2> <p class="tools-section__sub">热量、营养、咖啡因、酒精等摄入计算</p> </div> </div> <div class="tools-grid"> <a class="tool-card" href="calorie-burn/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8.5 14.5L6 17l2.5 2.5L11 17M16 12l-4 4M5 21h14M12 2v6M9 8h6"/></svg></div> <div class="tool-card__title">运动热量消耗计算器</div> <div class="tool-card__desc">MET×体重×时间计算运动热量消耗�?/div> <div class="tool-card__foot"><span class="badge badge--utility">营养习惯</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="macro-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.03s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 2v10l8 4"/></svg></div> <div class="tool-card__title">宏量营养素计算器</div> <div class="tool-card__desc">蛋白�?碳水/脂肪分配�?/div> <div class="tool-card__foot"><span class="badge badge--utility">营养习惯</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="protein-intake/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.06s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5M2 12l10 5 10-5"/></svg></div> <div class="tool-card__title">蛋白质需求量计算�?/div> <div class="tool-card__desc">计算每日蛋白质需求�?/div> <div class="tool-card__foot"><span class="badge badge--utility">营养习惯</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="caffeine-intake/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.09s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8h1a4 4 0 0 1 0 8h-1M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/></svg></div> <div class="tool-card__title">咖啡因摄入计算器</div> <div class="tool-card__desc">计算咖啡因摄入量�?/div> <div class="tool-card__foot"><span class="badge badge--utility">营养习惯</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="alcohol-metabolism/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.12s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 22h8M12 2v6M9 8h6l-1 14H10z"/></svg></div> <div class="tool-card__title">酒精代谢时间计算�?/div> <div class="tool-card__desc">计算酒精代谢时间�?/div> <div class="tool-card__foot"><span class="badge badge--utility">营养习惯</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="smoking-index/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.15s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h18M6 8c0 4-3 4-3 8M18 8c0 4 3 4 3 8"/></svg></div> <div class="tool-card__title">吸烟指数计算�?/div> <div class="tool-card__desc">包年数吸烟指数�?/div> <div class="tool-card__foot"><span class="badge badge--utility">营养习惯</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> </div> </div> </section> <section class="tools-section"> <div class="container"> <div class="tools-section__head"> <div> <h2 class="tools-section__title">运动<span style="color:#F43F5E">训练</span></h2> <p class="tools-section__sub">配速、计时器、体能测试等运动训练工具</p> </div> </div> <div class="tools-grid"> <a class="tool-card" href="running-pace/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg></div> <div class="tool-card__title">跑步配速计算器</div> <div class="tool-card__desc">计算跑步配速�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="running-distance/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.03s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h18M12 3v18"/></svg></div> <div class="tool-card__title">跑步距离计算�?/div> <div class="tool-card__desc">步数×步幅计算跑步距离�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="step-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.06s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 4v4M19 4v4M11 4v4M17 4v4M5 12h14M5 20h14"/></svg></div> <div class="tool-card__title">步数热量计算�?/div> <div class="tool-card__desc">按步数计算热量消耗�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="plank-timer/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.09s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="12" cy="12" r="5"/></svg></div> <div class="tool-card__title">平板支撑计时�?/div> <div class="tool-card__desc">平板支撑计时�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="pushup-test/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.12s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 20h20M5 16h14M8 12h8M11 8h2"/></svg></div> <div class="tool-card__title">俯卧撑体能测�?/div> <div class="tool-card__desc">俯卧撑体能测试�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="situp-test/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.15s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h18M6 8h12M9 4h6"/></svg></div> <div class="tool-card__title">仰卧起坐体能测试</div> <div class="tool-card__desc">仰卧起坐体能测试�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="flexibility-test/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.18s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v20M2 12h20"/></svg></div> <div class="tool-card__title">坐位体前屈测�?/div> <div class="tool-card__desc">坐位体前屈柔韧测试�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="vo2-max/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.21s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h4l3-8 4 16 3-8h4"/></svg></div> <div class="tool-card__title">最大摄氧量估算�?/div> <div class="tool-card__desc">估算VO2max最大摄氧量�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="recovery-heart-rate/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.24s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg></div> <div class="tool-card__title">恢复心率计算�?/div> <div class="tool-card__desc">计算恢复心率�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="training-load/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.27s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4v16M18 4v16M6 8h12M6 16h12"/></svg></div> <div class="tool-card__title">训练负荷计算�?/div> <div class="tool-card__desc">计算训练负荷�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="tabata-timer/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.30s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg></div> <div class="tool-card__title">Tabata间歇训练计时�?/div> <div class="tool-card__desc">20s运动10s休息Tabata计时器�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="interval-timer/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.33s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="13" r="8"/><path d="M12 9v4l3 2M9 2h6"/></svg></div> <div class="tool-card__title">间歇训练计时�?/div> <div class="tool-card__desc">自定义工�?休息间歇训练计时器�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="hydration-calculator/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.36s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2s7 8 7 13a7 7 0 0 1-14 0c0-5 7-13 7-13z"/></svg></div> <div class="tool-card__title">运动补水计算�?/div> <div class="tool-card__desc">运动补水计算�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> <a class="tool-card" href="health-age/index.html" style="--card-accent:#F43F5E;--card-accent-soft:#F43F5E1A;animation-delay:0.39s"> <div class="tool-card__icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 2"/></svg></div> <div class="tool-card__title">健康年龄计算�?/div> <div class="tool-card__desc">计算健康年龄�?/div> <div class="tool-card__foot"><span class="badge badge--utility">运动训练</span><span style="color:var(--color-ink-mute)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg></span></div> </a> </div> </div> </section> </main> <footer class="site-footer"> <div class="container"> <div class="site-footer__inner"> <div class="site-footer__brand"> <a class="brand" href="../index.html" style="color:#fff"> <img class="brand__logo" src="../assets/img/logo.svg" alt="懂工�? /> <span class="brand__name">�?strong style="color:#FDA4AF">工具</strong></span> </a> <p>上千款免费在线工具，浏览器即开即用，文件不上传�?/p> </div> <div class="site-footer__cols"> <div class="footer-col"> <h4>工具分类</h4> <ul> <li><a href="../image-converter/index.html">图片转换</a></li> <li><a href="../image-editor/index.html">图片编辑</a></li> <li><a href="../image-filter/index.html">图片滤镜</a></li> <li><a href="../document-converter/index.html">文档转换</a></li> <li><a href="../unit-converter/index.html">单位换算</a></li> <li><a href="../audio-converter/index.html">音乐转换</a></li> <li><a href="../video-converter/index.html">视频转换</a></li> <li><a href="../pdf-tools/index.html">PDF工具</a></li> <li><a href="../text-tools/index.html">文本工具</a></li> <li><a href="../utility-tools/index.html">便民工具</a></li> </ul> </div> <div class="footer-col"> <h4>热门工具</h4> <ul> <li><a href="bmi-calculator/index.html">BMI计算�?/a></li> <li><a href="calorie-needs/index.html">每日卡路里需�?/a></li> <li><a href="heart-rate-zone/index.html">心率区间计算�?/a></li> <li><a href="ovulation-calculator/index.html">排卵期计算器</a></li> <li><a href="running-pace/index.html">跑步配速计算器</a></li> </ul> </div> </div> </div> <div class="site-footer__bottom"> <span>© 懂工�?www.dongsansheng.com</span> <span>纯前端实�?· 无后�?· 无文件上�?/span> </div> </div> </footer> <script src="../assets/js/tools-data.js"></script> <script src="../assets/js/common.js"></script> <script src="../assets/js/header.js"></script> <script src="../assets/js/analytics.js"></script> </body> </html>