{"id":160,"date":"2025-09-30T11:58:19","date_gmt":"2025-09-30T03:58:19","guid":{"rendered":"http:\/\/8.208.103.55\/?page_id=160"},"modified":"2026-05-15T16:39:08","modified_gmt":"2026-05-15T08:39:08","slug":"home-2","status":"publish","type":"page","link":"https:\/\/www.kmyeast.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"160\" class=\"elementor elementor-160\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70a73fb e-con-full e-flex e-con e-parent\" data-id=\"70a73fb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a028591 elementor-widget elementor-widget-html\" data-id=\"a028591\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  ========================================\n  KM HERO SECTION V2 - Elementor HTML \u5c0f\u5de5\u5177\u4e13\u7528\n  ========================================\n  \u4f7f\u7528\u65b9\u5f0f\uff1a\n  1. \u5728 Elementor \u7f16\u8f91\u5668\u4e2d\u6dfb\u52a0 \"HTML\" \u5c0f\u5de5\u5177\n  2. \u76f4\u63a5\u590d\u5236\u7c98\u8d34\u6b64\u5168\u90e8\u4ee3\u7801\n  3. \u4fee\u6539\u56fe\u7247URL\u548c\u94fe\u63a5\u5373\u53ef\n\n  \u914d\u8272\uff1a\u9ec4\u7eff\u6e10\u53d8 + \u6df1\u84dd\u6587\u5b57 + \u6a59\u9ec4\u5f3a\u8c03\n  \u7248\u672c\uff1aV2-1\n  ========================================\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KM HERO V2 - CSS (\u5185\u8054\u7248)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n:root {\n  --g-100: #f7fce8;\n  --g-200: #e8f5c0;\n  --g-300: #cfec82;\n  --g-400: #b4dd3a;\n  --g-500: #96c81a;\n  --g-600: #72a010;\n  --a-400: #f0a830;\n  --a-500: #d9901a;\n  --a-pale: #fff8e8;\n  --b-900: #0d1f3c;\n  --b-800: #1a365d;\n  --b-700: #234876;\n  --b-600: #2c5282;\n  --b-400: #4a6fa5;\n  --n-900: #0f172a;\n  --n-700: #334155;\n  --n-500: #64748b;\n  --n-300: #cbd5e1;\n  --n-100: #f8fafc;\n  --white: #ffffff;\n  --s-sm: 0 2px 8px rgba(0,0,0,.06);\n  --s-md: 0 8px 32px rgba(0,0,0,.09);\n  --s-lg: 0 20px 60px rgba(0,0,0,.12);\n  --s-green: 0 8px 32px rgba(150,200,26,.25);\n  --s-amber: 0 6px 24px rgba(240,168,48,.30);\n  --r-sm: 8px;\n  --r-md: 16px;\n  --r-lg: 24px;\n  --r-xl: 40px;\n  --r-full: 999px;\n  --ease: cubic-bezier(.16,1,.3,1);\n}\n\n\/* HERO SECTION *\/\n.km-hero {\n  min-height: 100vh;\n  position: relative;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  background: linear-gradient(145deg, #e6f4a0 0%, #c8e84c 30%, #b4dd3a 55%, #d6ef80 80%, #f0f9c8 100%);\n}\n.km-hero::before {\n  content: '';\n  position: absolute;\n  right: -8%;\n  top: -12%;\n  width: 65%;\n  padding-bottom: 65%;\n  background: rgba(255,255,255,.18);\n  border-radius: 50%;\n  z-index: 1;\n}\n.km-hero::after {\n  content: '';\n  position: absolute;\n  left: -5%;\n  bottom: -15%;\n  width: 42%;\n  padding-bottom: 42%;\n  background: rgba(255,255,255,.12);\n  border-radius: 50%;\n  z-index: 1;\n}\n\n\/* \u6c34\u5370 *\/\n.km-hero-watermark {\n  position: absolute;\n  left: 2%;\n  top: 50%;\n  transform: translateY(-50%);\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(120px, 18vw, 260px);\n  font-weight: 900;\n  letter-spacing: -0.04em;\n  color: rgba(255,255,255,.22);\n  line-height: 1;\n  z-index: 1;\n  pointer-events: none;\n  user-select: none;\n}\n\n\/* \u5185\u90e8\u5bb9\u5668 *\/\n.km-hero-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 120px 48px 80px;\n  width: 100%;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n\/* TAG\u6807\u7b7e *\/\n.km-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: rgba(13,31,60,.85);\n  color: #fff;\n  padding: 7px 18px 7px 12px;\n  border-radius: var(--r-full);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .08em;\n  margin-bottom: 32px;\n  box-shadow: 0 4px 16px rgba(13,31,60,.25);\n}\n.km-hero-tag-dot {\n  width: 8px;\n  height: 8px;\n  background: var(--a-400);\n  border-radius: 50%;\n  flex-shrink: 0;\n  animation: km-blink 2s ease-in-out infinite;\n}\n@keyframes km-blink {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: .5; transform: scale(.7); }\n}\n\n\/* H1\u6807\u9898 *\/\n.km-hero-h1 {\n  font-family: 'Noto Serif SC', serif;\n  font-size: clamp(40px, 5vw, 68px);\n  font-weight: 900;\n  color: var(--b-900);\n  line-height: 1.08;\n  letter-spacing: -0.02em;\n  margin-bottom: 24px;\n}\n.km-hero-h1 .accent {\n  color: var(--b-700);\n}\n\n\/* \u526f\u6807\u9898 *\/\n.km-hero-sub {\n  font-size: 17px;\n  color: rgba(13,31,60,.78);\n  line-height: 1.8;\n  max-width: 460px;\n  margin-bottom: 44px;\n}\n\n\/* CHIPS\u6807\u7b7e *\/\n.km-hero-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n  margin-bottom: 40px;\n}\n.km-chip {\n  background: var(--b-900);\n  color: #fff;\n  padding: 7px 20px;\n  border-radius: var(--r-full);\n  font-size: 13px;\n  font-weight: 600;\n  box-shadow: 0 2px 10px rgba(13,31,60,.2);\n}\n.km-chip.amber {\n  background: var(--a-400);\n  color: #fff;\n  box-shadow: var(--s-amber);\n}\n\n\/* BUTTONS *\/\n.km-hero-btns {\n  display: flex;\n  gap: 14px;\n  flex-wrap: wrap;\n}\n.km-btn-primary {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--b-800);\n  color: #fff;\n  padding: 14px 32px;\n  border-radius: var(--r-full);\n  font-weight: 700;\n  font-size: 15px;\n  box-shadow: 0 8px 28px rgba(26,54,93,.35);\n  transition: all .25s var(--ease);\n  text-decoration: none;\n}\n.km-btn-primary:hover {\n  background: var(--b-900);\n  transform: translateY(-3px);\n  box-shadow: 0 14px 36px rgba(26,54,93,.45);\n  color: #fff;\n}\n.km-btn-outline {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  border: 2px solid rgba(13,31,60,.5);\n  color: var(--b-800);\n  padding: 13px 28px;\n  border-radius: var(--r-full);\n  font-weight: 600;\n  font-size: 15px;\n  background: rgba(255,255,255,.5);\n  backdrop-filter: blur(8px);\n  transition: all .25s var(--ease);\n  text-decoration: none;\n}\n.km-btn-outline:hover {\n  background: var(--b-800);\n  color: #fff;\n  border-color: var(--b-800);\n  transform: translateY(-2px);\n}\n.km-btn-arrow {\n  width: 16px;\n  height: 16px;\n  display: inline-block;\n  flex-shrink: 0;\n}\n\n\/* \u53f3\u4fa7\u56fe\u7247\u533a *\/\n.km-hero-right {\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.km-hero-photo-wrap {\n  position: relative;\n  width: clamp(320px, 38vw, 520px);\n  aspect-ratio: 1;\n  border-radius: 50%;\n  overflow: hidden;\n  background: linear-gradient(145deg, #d4ec60, #a8d020);\n  box-shadow: 0 24px 80px rgba(13,31,60,.18), 0 0 0 8px rgba(255,255,255,.4);\n}\n.km-hero-photo-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  mix-blend-mode: multiply;\n  filter: saturate(1.15) contrast(1.05);\n}\n\n\/* \u6d6e\u52a8BADGE *\/\n.km-hero-badge {\n  position: absolute;\n  background: #fff;\n  border-radius: var(--r-md);\n  padding: 14px 20px;\n  box-shadow: var(--s-lg);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  animation: km-float 6s ease-in-out infinite;\n  min-width: 160px;\n}\n.km-hero-badge-1 {\n  top: 4%;\n  right: -6%;\n  animation-delay: 0s;\n}\n.km-hero-badge-2 {\n  bottom: 6%;\n  left: -8%;\n  animation-delay: -2.5s;\n}\n@keyframes km-float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-10px); }\n}\n.km-badge-icon {\n  width: 42px;\n  height: 42px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n  flex-shrink: 0;\n}\n.km-badge-icon.green { background: var(--g-100); }\n.km-badge-icon.amber { background: var(--a-pale); }\n.km-badge-title { font-size: 14px; font-weight: 700; color: var(--n-900); }\n.km-badge-sub { font-size: 11px; color: var(--n-500); margin-top: 1px; }\n\n\/* LOGO\u5fbd\u7ae0 *\/\n.km-hero-logo-badge {\n  position: absolute;\n  right: 0;\n  bottom: 14%;\n  background: var(--b-800);\n  border-radius: 50%;\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 8px 24px rgba(26,54,93,.40);\n  animation: km-float 8s ease-in-out infinite;\n  animation-delay: -4s;\n}\n.km-hero-logo-badge img {\n  width: 52px;\n  height: 52px;\n  border-radius: 50%;\n  object-fit: cover;\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 1100px) {\n  .km-hero-inner { grid-template-columns: 1fr; }\n  .km-hero-right { display: none; }\n}\n@media (max-width: 768px) {\n  .km-hero-inner { padding: 100px 24px 64px; }\n}\n<\/style>\n\n<section class=\"km-hero\" id=\"top\">\n  <div class=\"km-hero-watermark\">KM<\/div>\n  \n  <div class=\"km-hero-inner\">\n    <!-- \u5de6\u4fa7\u6587\u5b57\u533a -->\n    <div class=\"km-hero-left\">\n      <div class=\"km-hero-tag\">\n        <span class=\"km-hero-tag-dot\"><\/span>\n        \u5fae\u751f\u7269\u5408\u6210\u6280\u672f\u9886\u5bfc\u8005\n      <\/div>\n      \n      <h1 class=\"km-hero-h1\">\n        \u8ba9\u5730\u7403<br>\u66f4\u7eff<br>\n        <span class=\"accent\">\u4eba\u7c7b\u66f4\u5065\u5eb7<\/span>\n      <\/h1>\n      \n      <p class=\"km-hero-sub\">\n        \u514b\u9c81\u7ef4\u9175\u6bcd\u79d1\u6280\u81f4\u529b\u4e8e\u7cbe\u51c6\u53d1\u9175\u6280\u672f\uff0c\u4ee5\u53ef\u6301\u7eed\u7684\u751f\u7269\u57fa\u521b\u65b0\n        \u6253\u9020\u66f4\u7eff\u8272\u3001\u66f4\u5065\u5eb7\u7684\u98df\u54c1\u8425\u517b\u751f\u6001\u3002\n      <\/p>\n      \n      <div class=\"km-hero-chips\">\n        <span class=\"km-chip\">Scalable<\/span>\n        <span class=\"km-chip amber\">Application-Ready<\/span>\n        <span class=\"km-chip\">Cost-Efficient<\/span>\n      <\/div>\n      \n      <div class=\"km-hero-btns\">\n        <a href=\"\/products\" class=\"km-btn-primary\">\n          \u63a2\u7d22\u4ea7\u54c1\n          <svg class=\"km-btn-arrow\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M3 8h10M9 4l4 4-4 4\"\/>\n          <\/svg>\n        <\/a>\n        <a href=\"\/?page_id=93\" class=\"km-btn-outline\">\u4e86\u89e3\u6211\u4eec<\/a>\n      <\/div>\n    <\/div>\n    \n    <!-- \u53f3\u4fa7\u56fe\u7247\u533a -->\n    <div class=\"km-hero-right\">\n      <div class=\"km-hero-photo-wrap\">\n        <!-- \u66ff\u6362\u56fe\u7247\uff1a-->\n        <img decoding=\"async\" src=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2026\/05\/\u56fe\u7247\u53bb\u80cc\u666f-1.png\" alt=\"\u514b\u9c81\u7ef4\u9175\u6bcd\">\n      <\/div>\n      \n      <div class=\"km-hero-badge km-hero-badge-1\">\n        <div class=\"km-badge-icon green\">\ud83c\udfc6<\/div>\n        <div>\n          <div class=\"km-badge-title\">5\u5e74<\/div>\n          <div class=\"km-badge-sub\">\u4e13\u6ce8\u9175\u6bcd\u79d1\u6280\u7814\u53d1<\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"km-hero-badge km-hero-badge-2\">\n        <div class=\"km-badge-icon amber\">\ud83d\udd2c<\/div>\n        <div>\n          <div class=\"km-badge-title\">8+ \u9879\u4e13\u5229<\/div>\n          <div class=\"km-badge-sub\">\u6838\u5fc3\u6280\u672f\u4fdd\u62a4<\/div>\n        <\/div>\n      <\/div>\n      \n      <div class=\"km-hero-logo-badge\">\n        <img decoding=\"async\" src=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/KM-LOGO-1103.svg\" alt=\"KM\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-111fc7e e-con-full e-flex e-con e-parent\" data-id=\"111fc7e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dcc3754 elementor-widget elementor-widget-html\" data-id=\"dcc3754\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KM STATS BAR - CSS (\u5185\u8054\u7248)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.km-stats-bar {\n  background: #0d1f3c;\n  padding: 0;\n}\n.km-stats-inner {\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 0 48px;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n}\n.km-stat-item {\n  padding: 36px 24px;\n  border-right: 1px solid rgba(255, 255, 255, .07);\n  text-align: center;\n}\n.km-stat-item:last-child {\n  border-right: none;\n}\n.km-stat-num {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(36px, 4vw, 54px);\n  font-weight: 900;\n  color: #cfec82;\n  line-height: 1;\n  margin-bottom: 6px;\n}\n.km-stat-num sup {\n  font-size: .5em;\n  vertical-align: super;\n  color: #f0a830;\n}\n.km-stat-label {\n  font-size: 13px;\n  color: rgba(255, 255, 255, .45);\n  letter-spacing: .04em;\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 768px) {\n  .km-stats-inner {\n    grid-template-columns: 1fr 1fr;\n    padding: 0 24px;\n  }\n  .km-stat-item {\n    padding: 28px 16px;\n  }\n}\n@media (max-width: 480px) {\n  .km-stats-inner {\n    grid-template-columns: 1fr;\n  }\n  .km-stat-item {\n    border-right: none;\n    border-bottom: 1px solid rgba(255, 255, 255, .07);\n  }\n  .km-stat-item:last-child {\n    border-bottom: none;\n  }\n}\n<\/style>\n\n<div class=\"km-stats-bar\">\n  <div class=\"km-stats-inner\">\n    <div class=\"km-stat-item\">\n      <div class=\"km-stat-num\">75<sup>%<\/sup><\/div>\n      <div class=\"km-stat-label\">\u86cb\u767d\u542b\u91cf\u9886\u5148\u540c\u7c7b<\/div>\n    <\/div>\n    <div class=\"km-stat-item\">\n      <div class=\"km-stat-num\">300<sup>+<\/sup><\/div>\n      <div class=\"km-stat-label\">\u76ee\u6807\u5ba2\u6237\u4f01\u4e1a<\/div>\n    <\/div>\n    <div class=\"km-stat-item\">\n      <div class=\"km-stat-num\">8<sup>+<\/sup><\/div>\n      <div class=\"km-stat-label\">\u6838\u5fc3\u4e13\u5229<\/div>\n    <\/div>\n    <div class=\"km-stat-item\">\n      <div class=\"km-stat-num\">3<\/div>\n      <div class=\"km-stat-label\">\u4e3b\u529b\u4ea7\u54c1\u7ebf<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0377a0 e-con-full e-flex e-con e-parent\" data-id=\"c0377a0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eedde5 elementor-widget elementor-widget-html\" data-id=\"4eedde5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KM ABOUT SECTION - CSS (\u5185\u8054\u7248)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.km-about {\n  padding: 112px 0;\n}\n.km-about-inner {\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 0 48px;\n  display: grid;\n  grid-template-columns: 3fr 2fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* \u901a\u7528\u5de5\u5177 *\/\n.km-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n  color: #72a010;\n  margin-bottom: 18px;\n}\n.km-eyebrow::before {\n  content: '';\n  width: 18px;\n  height: 2px;\n  background: #96c81a;\n  border-radius: 2px;\n}\n.km-s-title {\n  font-family: 'Noto Serif SC', serif;\n  font-size: clamp(26px, 3.2vw, 42px);\n  font-weight: 800;\n  color: #0d1f3c;\n  line-height: 1.2;\n  letter-spacing: -.02em;\n  margin-bottom: 14px;\n}\n\n\/* \u6b63\u6587 *\/\n.km-about-body {\n  font-size: 16px;\n  line-height: 1.95;\n  color: #334155;\n  margin-top: 14px;\n}\n.km-about-body p {\n  margin-bottom: 18px;\n}\n.km-about-body strong {\n  color: #1a365d;\n  font-weight: 600;\n}\n\n\/* \u529f\u80fd\u5361\u7247\u7f51\u683c - 3\u5217\u5e03\u5c40 *\/\n.km-feat-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  margin-top: 32px;\n}\n.km-feat-card {\n  background: #ffffff;\n  border: 1px solid #cbd5e1;\n  border-radius: 16px;\n  padding: 22px 20px;\n  transition: all .3s cubic-bezier(.16,1,.3,1);\n}\n.km-feat-card:hover {\n  border-color: #b4dd3a;\n  box-shadow: 0 8px 32px rgba(0,0,0,.09);\n  transform: translateY(-4px);\n}\n.km-feat-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 10px;\n  background: #f7fce8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 12px;\n}\n.km-feat-icon svg {\n  width: 20px;\n  height: 20px;\n  color: #72a010;\n}\n.km-feat-title {\n  font-size: 14px;\n  font-weight: 700;\n  color: #1a365d;\n  margin-bottom: 4px;\n}\n.km-feat-desc {\n  font-size: 12px;\n  color: #64748b;\n  line-height: 1.6;\n}\n\n\/* \u53f3\u4fa7\u6570\u636e\u9ad8\u4eae\u5361\u7247 *\/\n.km-about-highlight {\n  background: linear-gradient(145deg, #1a365d, #0d1f3c);\n  border-radius: 40px;\n  padding: 44px 36px;\n  color: #fff;\n  position: relative;\n  overflow: hidden;\n}\n.km-about-highlight::before {\n  content: '';\n  position: absolute;\n  top: -40px;\n  right: -40px;\n  width: 180px;\n  height: 180px;\n  border-radius: 50%;\n  background: rgba(255, 255, 255, .05);\n}\n.km-ah-label {\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  color: #cfec82;\n  text-transform: uppercase;\n  margin-bottom: 28px;\n}\n.km-ah-stat {\n  margin-bottom: 24px;\n  padding-bottom: 24px;\n  border-bottom: 1px solid rgba(255, 255, 255, .08);\n}\n.km-ah-stat:last-child {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n.km-ah-num {\n  font-family: 'Inter', sans-serif;\n  font-size: 48px;\n  font-weight: 900;\n  color: #fff;\n  line-height: 1;\n}\n.km-ah-num span {\n  font-size: 22px;\n  font-weight: 700;\n  color: #cfec82;\n}\n.km-ah-meta {\n  font-size: 13px;\n  color: rgba(255, 255, 255, .5);\n  margin-top: 4px;\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 1024px) {\n  .km-about-inner {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n}\n@media (max-width: 768px) {\n  .km-about {\n    padding: 72px 0;\n  }\n  .km-about-inner {\n    padding: 0 24px;\n  }\n}\n@media (max-width: 640px) {\n  .km-feat-grid {\n    grid-template-columns: 1fr;\n    gap: 12px;\n  }\n  .km-feat-card {\n    padding: 18px 16px;\n  }\n}\n@media (min-width: 641px) and (max-width: 1024px) {\n  .km-feat-grid {\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n}\n<\/style>\n\n<section class=\"km-about\">\n  <div class=\"km-about-inner\">\n    <!-- \u5de6\u4fa7\u6587\u5b57\u533a -->\n    <div class=\"km-about-left\">\n      <div class=\"km-eyebrow\">\u5173\u4e8e\u6211\u4eec<\/div>\n      <h2 class=\"km-s-title\">\u4ee5\u9175\u6bcd\u79d1\u6280<br>\u9a71\u52a8\u7eff\u8272\u86cb\u767d\u9769\u547d<\/h2>\n      <div class=\"km-about-body\">\n        <p>\u514b\u9c81\u7ef4\u9175\u6bcd\u79d1\u6280\uff08\u6d77\u5357\uff09\u6709\u9650\u516c\u53f8\u4e13\u6ce8\u4e8e<strong>\u9a6c\u514b\u65af\u514b\u9c81\u7ef4\u9175\u6bcd<\/strong>\u7684\u7cbe\u51c6\u53d1\u9175\u7814\u7a76\u4e0e\u4ea7\u4e1a\u5316\u5e94\u7528\uff0c\u662f\u56fd\u5185\u9886\u5148\u7684\u9175\u6bcd\u86cb\u767d\u4e0e\u529f\u80fd\u6027\u751f\u7269\u5236\u54c1\u4f9b\u5e94\u5546\u3002<\/p>\n        <p>\u516c\u53f8\u4f9d\u6258<strong>\u751f\u7269\u5408\u6210\u3001\u7cbe\u5bc6\u53d1\u9175\u4e0e\u4e0b\u6e38\u5206\u79bb\u7eaf\u5316<\/strong>\u4e09\u5927\u6838\u5fc3\u6280\u672f\u5e73\u53f0\uff0c\u63a8\u51fa\u9175\u6bcd\u86cb\u767d\u7c89\u3001\u76ca\u751f\u83cc\u5236\u5242\u53ca\u03b2-\u8461\u805a\u7cd6\u4e09\u6761\u4ea7\u54c1\u7ebf\uff0c\u4ea7\u54c1\u5e7f\u6cdb\u5e94\u7528\u4e8e\u98df\u54c1\u3001\u8425\u517b\u54c1\u53ca\u9972\u6599\u9886\u57df\u3002<\/p>\n      <\/div>\n\n           <!-- \u529f\u80fd\u5361\u7247 -->\n      <div class=\"km-feat-grid\">\n        <div class=\"km-feat-card\">\n          <div class=\"km-feat-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n              <path d=\"M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10 15 15 0 0 1-4-10 15 15 0 0 1 4-10z\"\/>\n              <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"km-feat-title\">\u53ef\u6301\u7eed\u53d1\u9175<\/div>\n          <div class=\"km-feat-desc\">\u4ee5\u7cd6\u871c\u7b49\u4f4e\u6210\u672c\u5e95\u7269\u9ad8\u6548\u8f6c\u5316\uff0c\u78b3\u6392\u653e\u4f4e\u4e8e\u4f20\u7edf\u52a8\u7269\u86cb\u767d90%<\/div>\n        <\/div>\n        <div class=\"km-feat-card\">\n          <div class=\"km-feat-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"km-feat-title\">\u9ad8\u6548\u751f\u4ea7<\/div>\n          <div class=\"km-feat-desc\">\u7a81\u7834\u6027\u9ad8\u5bc6\u5ea6\u53d1\u9175\u5de5\u827a\uff0c\u5355\u6279\u6b21\u4ea7\u91cf\u63d0\u53473\u500d\u4ee5\u4e0a<\/div>\n        <\/div>\n        <div class=\"km-feat-card\">\n          <div class=\"km-feat-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <path d=\"M9 3h6l4 9H5L9 3z\"\/>\n              <path d=\"M3 21h18\"\/>\n              <path d=\"M5 12h14\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"km-feat-title\">\u529f\u80fd\u591a\u6837<\/div>\n          <div class=\"km-feat-desc\">\u86cb\u767d\u3001\u76ca\u751f\u83cc\u3001\u03b2-\u8461\u805a\u7cd6\u591a\u54c1\u7c7b\u5e03\u5c40\uff0c\u6ee1\u8db3\u5168\u573a\u666f\u8425\u517b\u9700\u6c42<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n\n    <!-- \u53f3\u4fa7\u6570\u636e\u5361\u7247 -->\n    <div class=\"km-about-right\">\n      <div class=\"km-about-highlight\">\n        <div class=\"km-ah-label\">\u6838\u5fc3\u6570\u636e<\/div>\n        <div class=\"km-ah-stat\">\n          <div class=\"km-ah-num\">75<span>%<\/span><\/div>\n          <div class=\"km-ah-meta\">\u9175\u6bcd\u86cb\u767d\u542b\u91cf\uff08\u5e72\u57fa\uff09<\/div>\n        <\/div>\n        <div class=\"km-ah-stat\">\n          <div class=\"km-ah-num\">8<span>+<\/span><\/div>\n          <div class=\"km-ah-meta\">\u6388\u6743\u53ca\u7533\u8bf7\u4e2d\u4e13\u5229<\/div>\n        <\/div>\n        <div class=\"km-ah-stat\">\n          <div class=\"km-ah-num\">5<span>\u5e74<\/span><\/div>\n          <div class=\"km-ah-meta\">\u4e13\u6ce8\u9175\u6bcd\u79d1\u6280\u7814\u53d1<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f434aac e-flex e-con-boxed e-con e-parent\" data-id=\"f434aac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c09625b e-grid e-con-full e-con e-child\" data-id=\"c09625b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-78334f9 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"78334f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed0d0f4 elementor-widget elementor-widget-heading\" data-id=\"ed0d0f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u9175\u6bcd\u86cb\u767d<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-178e295 elementor-widget elementor-widget-text-editor\" data-id=\"178e295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span>KM\u9175\u6bcd\u662f\u53ef\u98df\u7528\u9175\u6bcd\uff0c\u5177\u6709\u53d1\u9175\u5bc6\u5ea6\u5927\uff0c\u6210\u672c\u4f4e\u7b49\u4f18\u52bf\u3002\u5229\u7528\u5176\u86cb\u767d\u5408\u6210\u4f18\u52bf\uff0c\u5f00\u53d1\u9175\u6bcd\u86cb\u767d\uff0c\u5e94\u7528\u4e8e\u66ff\u4ee3\u86cb\u767d\u9886\u57df\u3002<\/span><span><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ae449e elementor-widget elementor-widget-button\" data-id=\"6ae449e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"?page_id=649\" a=\"\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u4e86\u89e3\u66f4\u591a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-157a593 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"157a593\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/\u9175\u6bcd\u86cb\u767d-2.png\" class=\"attachment-full size-full wp-image-3738\" alt=\"\" srcset=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/\u9175\u6bcd\u86cb\u767d-2.png 800w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/\u9175\u6bcd\u86cb\u767d-2-300x300.png 300w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/\u9175\u6bcd\u86cb\u767d-2-150x150.png 150w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/\u9175\u6bcd\u86cb\u767d-2-768x768.png 768w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/\u9175\u6bcd\u86cb\u767d-2-12x12.png 12w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-efc872f e-flex e-con-boxed e-con e-parent\" data-id=\"efc872f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-dbd3519 e-grid e-con-full e-con e-child\" data-id=\"dbd3519\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45983d5 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"45983d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_mobile&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"581\" height=\"581\" src=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/10\/\u9175\u6bcd\u76ca\u751f\u83cc.png\" class=\"attachment-full size-full wp-image-451\" alt=\"\" srcset=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/10\/\u9175\u6bcd\u76ca\u751f\u83cc.png 581w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/10\/\u9175\u6bcd\u76ca\u751f\u83cc-300x300.png 300w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/10\/\u9175\u6bcd\u76ca\u751f\u83cc-150x150.png 150w\" sizes=\"(max-width: 581px) 100vw, 581px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73afad8 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"73afad8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInRight&quot;,&quot;animation_mobile&quot;:&quot;fadeInLeft&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cad8b9 elementor-widget elementor-widget-heading\" data-id=\"8cad8b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u9175\u6bcd\u76ca\u751f\u83cc<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff77eeb elementor-widget elementor-widget-text-editor\" data-id=\"ff77eeb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span>\u4f5c\u4e3a\u98df\u54c1\u52a0\u5de5\u7528\u83cc\u79cd\uff0c\u9a6c\u514b\u65af\u514b\u9c81\u7ef4\u9175\u6bcd\u5177\u6709\u6539\u5584\u80a0\u9053\u3001\u514d\u75ab\u6539\u5584\u529f\u80fd\u7684\u9175\u6bcd\u76ca\u751f\u83cc\u4ea7\u54c1\u3002<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bf15f0 elementor-widget elementor-widget-button\" data-id=\"1bf15f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/?page_id=1637\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u4e86\u89e3\u66f4\u591a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6e65060 e-grid e-con-full e-con e-child\" data-id=\"6e65060\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-0a8e682 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0a8e682\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0c813a elementor-widget elementor-widget-heading\" data-id=\"e0c813a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u9175\u6bcd\u03b2-\u8461\u805a\u7cd6<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c382aaf elementor-widget elementor-widget-text-editor\" data-id=\"c382aaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span>\u5b58\u5728\u4e8e\u9175\u6bcd\u7ec6\u80de\u58c1\u7684\u529f\u80fd\u591a\u7cd6\uff0c\u5df2\u5e7f\u6cdb\u5e94\u7528\u4e8e\u529f\u80fd\u98df\u54c1\u3001\u751f\u7269\u533b\u836f\u9886\u57df\uff0c\u5177\u6709\u514d\u75ab\u589e\u5f3a\u3001\u6297\u8f90\u5c04\u7b49\u529f\u80fd\u3002<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-91f6ee0 elementor-widget elementor-widget-button\" data-id=\"91f6ee0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/?page_id=1271\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u4e86\u89e3\u66f4\u591a<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-53b945b elementor-invisible elementor-widget elementor-widget-image\" data-id=\"53b945b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"536\" height=\"536\" src=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/265185.png\" class=\"attachment-full size-full wp-image-3476\" alt=\"\" srcset=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/265185.png 536w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/265185-300x300.png 300w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/265185-150x150.png 150w, https:\/\/www.kmyeast.com\/wp-content\/uploads\/2025\/11\/265185-12x12.png 12w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-029b364 e-con-full e-flex e-con e-parent\" data-id=\"029b364\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dde9cb elementor-widget elementor-widget-html\" data-id=\"7dde9cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Serif+SC:wght@400;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   KM TECH PLATFORM - CSS (\u5185\u8054\u7248)\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u533a\u57df\u5bb9\u5668 *\/\n.km-tech {\n  padding: 112px 0;\n  background: linear-gradient(135deg, #f7fce8 0%, #e8f5c0 100%);\n}\n\n\/* \u5185\u5c42\u5bb9\u5668 *\/\n.km-tech-inner {\n  max-width: 1320px;\n  margin: 0 auto;\n  padding: 0 48px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n}\n\n\/* \u901a\u7528\u5de5\u5177 *\/\n.km-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .16em;\n  text-transform: uppercase;\n  color: #72a010;\n  margin-bottom: 18px;\n}\n.km-eyebrow::before {\n  content: '';\n  width: 18px;\n  height: 2px;\n  background: #96c81a;\n  border-radius: 2px;\n}\n.km-s-title {\n  font-family: 'Noto Serif SC', serif;\n  font-size: clamp(26px, 3.2vw, 42px);\n  font-weight: 800;\n  color: #0d1f3c;\n  line-height: 1.2;\n  letter-spacing: -.02em;\n  margin-bottom: 0;\n}\n\n\/* \u5de6\u4fa7\u6280\u672f\u5217\u8868 *\/\n.km-tech-list {\n  margin-top: 40px;\n  display: flex;\n  flex-direction: column;\n}\n.km-tech-item {\n  display: flex;\n  gap: 20px;\n  padding: 22px 0;\n  border-bottom: 1px solid rgba(13, 31, 60, .08);\n  transition: padding-left .3s cubic-bezier(.16,1,.3,1);\n  cursor: pointer;\n}\n.km-tech-item:last-child {\n  border-bottom: none;\n}\n.km-tech-item:hover {\n  padding-left: 10px;\n}\n.km-tech-num {\n  font-size: 11px;\n  font-weight: 800;\n  color: #96c81a;\n  letter-spacing: .05em;\n  margin-top: 3px;\n  flex-shrink: 0;\n  width: 28px;\n}\n.km-tech-item-title {\n  font-size: 16px;\n  font-weight: 700;\n  color: #1a365d;\n  margin-bottom: 5px;\n}\n.km-tech-item-desc {\n  font-size: 13px;\n  color: #64748b;\n  line-height: 1.7;\n}\n\n\/* \u53f3\u4fa7\u89c6\u89c9\u5361\u7247\u7f51\u683c *\/\n.km-tech-visual-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n.km-tech-v-card {\n  background: #ffffff;\n  border: 1px solid #cbd5e1;\n  border-radius: 16px;\n  padding: 24px 20px;\n  transition: all .3s cubic-bezier(.16,1,.3,1);\n}\n.km-tech-v-card:hover {\n  border-color: #cfec82;\n  box-shadow: 0 8px 32px rgba(0,0,0,.09);\n  transform: translateY(-4px);\n}\n.km-tech-v-icon {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  background: #f7fce8;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 14px;\n}\n.km-tech-v-icon svg {\n  width: 22px;\n  height: 22px;\n  color: #72a010;\n}\n.km-tech-v-title {\n  font-size: 14px;\n  font-weight: 700;\n  color: #1a365d;\n  margin-bottom: 6px;\n}\n.km-tech-v-text {\n  font-size: 12px;\n  color: #64748b;\n  line-height: 1.6;\n}\n\/* \u8de8\u4e24\u5217\u7684\u5927\u5361\u7247 *\/\n.km-tech-v-card.km-span2 {\n  grid-column: span 2;\n  background: linear-gradient(135deg, #f7fce8, #e8f5c0);\n  border-color: #b4dd3a;\n}\n\n\/* \u54cd\u5e94\u5f0f *\/\n@media (max-width: 1024px) {\n  .km-tech-inner {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n}\n@media (max-width: 768px) {\n  .km-tech {\n    padding: 72px 0;\n  }\n  .km-tech-inner {\n    padding: 0 24px;\n  }\n}\n@media (max-width: 600px) {\n  .km-tech-visual-grid {\n    grid-template-columns: 1fr;\n  }\n  .km-tech-v-card.km-span2 {\n    grid-column: span 1;\n  }\n}\n<\/style>\n\n<section class=\"km-tech\">\n  <div class=\"km-tech-inner\">\n    <!-- \u5de6\u4fa7\u6587\u5b57\u533a -->\n    <div class=\"km-tech-left\">\n      <div class=\"km-eyebrow\">\u6280\u672f\u5e73\u53f0<\/div>\n      <h2 class=\"km-s-title\">\u4e09\u5927\u6280\u672f\u5e73\u53f0<br>\u6784\u7b51\u7ade\u4e89\u58c1\u5792<\/h2>\n\n      <!-- \u6280\u672f\u5217\u8868 -->\n      <div class=\"km-tech-list\">\n        <div class=\"km-tech-item\">\n          <div class=\"km-tech-num\">01<\/div>\n          <div>\n            <div class=\"km-tech-item-title\">\u4ee3\u8c22\u5de5\u7a0b\u5e73\u53f0<\/div>\n            <div class=\"km-tech-item-desc\">\u901a\u8fc7CRISPR-Cas9\u7b49\u57fa\u56e0\u7f16\u8f91\u5de5\u5177\u7cbe\u51c6\u8c03\u63a7\u9175\u6bcd\u4ee3\u8c22\u901a\u8def\uff0c\u5b9a\u5411\u63d0\u5347\u76ee\u6807\u4ea7\u7269\u4ea7\u91cf\u4e0e\u7eaf\u5ea6\uff0c\u5df2\u6210\u529f\u6784\u5efa\u9ad8\u4ea7\u9175\u6bcd\u86cb\u767d\u3001\u4e73\u7cd6\u9176\u3001\u03b2-\u8461\u805a\u7cd6\u5e95\u76d8\u83cc\u682a\u3002<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"km-tech-item\">\n          <div class=\"km-tech-num\">02<\/div>\n          <div>\n            <div class=\"km-tech-item-title\">\u667a\u80fd\u53d1\u9175\u4f18\u5316\u5e73\u53f0<\/div>\n            <div class=\"km-tech-item-desc\">\u81ea\u4e3b\u5f00\u53d1\u7684\u667a\u80fd\u53d1\u9175\u63a7\u5236\u7cfb\u7edf\uff0c\u7ed3\u5408\u673a\u5668\u5b66\u4e60\u5b9e\u65f6\u4f18\u5316\u6eb6\u6c27\u3001pH\u3001\u6e29\u5ea6\u7b49\u5173\u952e\u53c2\u6570\uff0c\u5355\u6279\u4ea7\u91cf\u8f83\u4f20\u7edf\u5de5\u827a\u63d0\u53473\u500d\u4ee5\u4e0a\u3002<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"km-tech-item\">\n          <div class=\"km-tech-num\">03<\/div>\n          <div>\n            <div class=\"km-tech-item-title\">\u5206\u79bb\u7eaf\u5316\u5e73\u53f0<\/div>\n            <div class=\"km-tech-item-desc\">\u81ea\u4e3b\u7814\u53d1\u819c\u5206\u79bb+\u8272\u8c31\u7eaf\u5316\u8054\u7528\u5de5\u827a\uff0c\u786e\u4fdd\u4ea7\u54c1\u7eaf\u5ea6\u8fbe\u56fd\u9645\u9886\u5148\u6c34\u5e73\uff08\u86cb\u767d\u7eaf\u5ea6\u226599.2%\uff09\uff0c\u540c\u65f6\u5927\u5e45\u964d\u4f4e\u751f\u4ea7\u6210\u672c\u3002<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u53f3\u4fa7\u89c6\u89c9\u5361\u7247 -->\n    <div class=\"km-tech-right\">\n      <div class=\"km-tech-visual-grid\">\n        <!-- \u8de8\u4e24\u5217\u7684\u6838\u5fc3\u5e95\u76d8\u5361\u7247 -->\n        <div class=\"km-tech-v-card km-span2\">\n          <div class=\"km-tech-v-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/>\n              <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/>\n              <line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"\/>\n              <line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"\/>\n              <line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"\/>\n              <line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"\/>\n              <line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"\/>\n              <line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"\/>\n              <line x1=\"20\" y1=\"14\" x2=\"23\" y2=\"14\"\/>\n              <line x1=\"1\" y1=\"14\" x2=\"4\" y2=\"14\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"km-tech-v-title\">\u6838\u5fc3\u5e95\u76d8\u83cc\u682a<\/div>\n          <div class=\"km-tech-v-text\">\u9a6c\u514b\u65af\u514b\u9c81\u7ef4\u9175\u6bcd\uff08Kluyveromyces marxianus\uff09\u2014\u2014\u552f\u4e00\u540c\u65f6\u5177\u5907\u4ea7\u4e73\u7cd6\u9176\u3001\u86cb\u767d\u3001\u03b2-\u8461\u805a\u7cd6\u80fd\u529b\u7684GRAS\u9175\u6bcd\uff0c\u662f\u6211\u4eec\u4e09\u5927\u4ea7\u54c1\u7ebf\u7684\u5171\u540c\u57fa\u7840\u3002<\/div>\n        <\/div>\n\n        <!-- \u8010\u70ed\u6027\u5361\u7247 -->\n        <div class=\"km-tech-v-card\">\n          <div class=\"km-tech-v-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <path d=\"M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"km-tech-v-title\">\u8010\u70ed\u6027\u4f18\u5f02<\/div>\n          <div class=\"km-tech-v-text\">\u6700\u9ad8\u8010\u53d752\u00b0C\uff0c\u9002\u5408\u8fde\u7eed\u9ad8\u6e29\u53d1\u9175\uff0c\u964d\u4f4e\u51b7\u5374\u80fd\u8017\u3002<\/div>\n        <\/div>\n\n        <!-- \u4f4e\u6210\u672c\u5e95\u7269\u5361\u7247 -->\n        <div class=\"km-tech-v-card\">\n          <div class=\"km-tech-v-icon\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\">\n              <path d=\"M12 22V12\"\/>\n              <path d=\"M12 12C12 7 17 4 17 4S17 9 12 12\"\/>\n              <path d=\"M12 12C12 7 7 4 7 4S7 9 12 12\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"km-tech-v-title\">\u4f4e\u6210\u672c\u5e95\u7269<\/div>\n          <div class=\"km-tech-v-text\">\u4ee5\u4e73\u6e05\u3001\u7cd6\u871c\u4e3a\u78b3\u6e90\uff0c\u5b9e\u73b0\u5de5\u4e1a\u5e9f\u7269\u9ad8\u503c\u5316\u5229\u7528\u3002<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca43eae e-flex e-con-boxed e-con e-parent\" data-id=\"ca43eae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-44dba2a e-con-full e-flex e-con e-child\" data-id=\"44dba2a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84d33a5 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"84d33a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u81f4\u529b\u4e8e\u8fd0\u7528\u7cbe\u51c6\u53d1\u9175\u6280\u672f\uff0c<\/p><p>\u6253\u9020\u4e00\u4e2a\u66f4\u548c\u8c10\u3001\u66f4\u7eff\u8272\u7684\u672a\u6765<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a62d91e elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"a62d91e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/?page_id=16\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u8054\u7edc\u6211\u4eec<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>KM \u5fae\u751f\u7269\u5408\u6210\u6280\u672f\u9886\u5bfc\u8005 \u8ba9\u5730\u7403\u66f4\u7eff \u4eba\u7c7b\u66f4\u5065\u5eb7 \u514b\u9c81\u7ef4\u9175\u6bcd\u79d1\u6280\u81f4\u529b\u4e8e\u7cbe\u51c6\u53d1\u9175\u6280\u672f\uff0c\u4ee5\u53ef\u6301\u7eed\u7684\u751f\u7269\u57fa\u521b\u65b0 \u6253 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-160","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=\/wp\/v2\/pages\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=160"}],"version-history":[{"count":1097,"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=\/wp\/v2\/pages\/160\/revisions"}],"predecessor-version":[{"id":4385,"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=\/wp\/v2\/pages\/160\/revisions\/4385"}],"wp:attachment":[{"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}