{"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-06-10T14:44:20","modified_gmt":"2026-06-10T06:44:20","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\">\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\">\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   \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, 620px);\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: 80px;\n  height: 80px;\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\/2025\/10\/Rural21_3_2023_S41.jpg\" 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\">15+ \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\">\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\">15<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-96d7c1a e-con-full e-flex e-con e-parent\" data-id=\"96d7c1a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4e43bc elementor-widget elementor-widget-html\" data-id=\"c4e43bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \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   \u89c6\u9891\u64ad\u653e\u533a \u00b7 KMYeast V2\n   \u7528\u6cd5\uff1aElementor HTML \u5c0f\u90e8\u4ef6 \u2192 \u5168\u90e8\u7c98\u8d34\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<style>\n\/* \u2500\u2500\u2500 Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.video-section {\n  padding: 96px 0;\n  \/*background: #fff;*\/\n  position: relative;\n  overflow: hidden;\n}\n.video-section::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    radial-gradient(ellipse 50% 40% at 50% 35%, rgb(180 221 58 \/ .10) 0%, transparent 60%),\n    radial-gradient(ellipse 35% 50% at 80% 70%, rgb(150 200 26 \/ .06) 0%, transparent 60%),\n    radial-gradient(ellipse 40% 45% at 15% 20%, rgb(26 54 93 \/ .03) 0%, transparent 55%);\n  pointer-events: none;\n}\n.video-wrap {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 0 40px;\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u2500\u2500\u2500 Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.video-head {\n  text-align: center;\n  max-width: 640px;\n  margin: 0 auto 56px;\n}\n.video-eyebrow {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  color: #7ab818;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n.video-head h2 {\n  font-size: clamp(32px, 4vw, 48px);\n  font-weight: 900;\n  color: #0d1f3c;\n  line-height: 1.2;\n  letter-spacing: -.02em;\n  margin: 0 0 16px;\n}\n.video-head h2 em {\n  font-style: normal;\n  background: linear-gradient(135deg, #a8d832, #c8e84c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.video-head p {\n  font-size: 17px;\n  color: #64748b;\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* \u2500\u2500\u2500 Video Player Container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.video-player-frame {\n  position: relative;\n  width: 100%;\n  padding-top: 56.25%;           \/* 16:9 *\/\n  border-radius: 20px;\n  overflow: hidden;\n  background: #0d1f3c;\n  box-shadow:\n    0 24px 80px rgb(13 31 60 \/ .12),\n    0 0 140px rgb(180 221 58 \/ .06),\n    0 0 0 1px rgb(0 0 0 \/ .05);\n}\n.video-player-frame iframe {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n\n\/* \u2500\u2500\u2500 Play Button Overlay\uff08YouTube \u81ea\u5b9a\u4e49\u5c01\u9762\u65f6\u4f7f\u7528\uff09\u2500\u2500\u2500 *\/\n.video-poster {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n}\n.video-poster img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.video-play-btn {\n  position: absolute;\n  width: 80px; height: 80px;\n  border-radius: 50%;\n  background: rgb(13 31 60 \/ .82);\n  backdrop-filter: blur(6px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: transform .25s ease, background .25s ease;\n}\n.video-poster:hover .video-play-btn {\n  transform: scale(1.08);\n  background: rgb(13 31 60 \/ .90);\n}\n.video-play-btn svg {\n  width: 28px; height: 28px;\n  margin-left: 4px;  \/* \u4e09\u89d2\u89c6\u89c9\u5c45\u4e2d *\/\n}\n\n\/* \u2500\u2500\u2500 Caption \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.video-caption {\n  text-align: center;\n  margin-top: 28px;\n  font-size: 14px;\n  color: #94a3b8;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n}\n\n\/* \u2500\u2500\u2500 \u5e95\u90e8\u4fe1\u606f \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.video-footer {\n  text-align: center;\n  margin-top: 40px;\n  padding-bottom: 8px;\n}\n.video-tagline {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 22px;\n  background: rgb(243 250 208 \/ .6);\n  border-radius: 9999px;\n  font-size: 14px;\n  font-weight: 600;\n  color: #1a365d;\n  border: 1px solid rgb(180 221 58 \/ .25);\n}\n.video-tagline-dot {\n  width: 7px; height: 7px;\n  background: #b4dd3a;\n  border-radius: 50%;\n  flex-shrink: 0;\n  animation: vdot-pulse 2s ease-in-out infinite;\n}\n@keyframes vdot-pulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: .4; transform: scale(.7); }\n}\n\n\/* \u2500\u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 768px) {\n  .video-section { padding: 64px 0; }\n  .video-wrap { padding: 0 20px; }\n  .video-head { margin-bottom: 40px; }\n  .video-player-frame { border-radius: 12px; }\n  .video-play-btn { width: 60px; height: 60px; }\n  .video-play-btn svg { width: 22px; height: 22px; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HTML \u4e3b\u4f53 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"video-section\">\n  <div class=\"video-wrap\">\n\n    <!-- \u6807\u9898\u533a -->\n    <div class=\"video-head\">\n      <div class=\"video-eyebrow\">Watch<\/div>\n      <h2>\u8d70\u8fdb\u514b\u9c81\u7ef4\u9175\u6bcd<br><em>\u79d1\u6280\u4e0e\u81ea\u7136\u7684\u878d\u5408<\/em><\/h2>\n      <p>\u4ece\u5b9e\u9a8c\u5ba4\u5230\u4ea7\u4e1a\u5316\uff0c\u901a\u8fc7\u89c6\u9891\u4e86\u89e3\u6211\u4eec\u7684\u7cbe\u51c6\u53d1\u9175\u6280\u672f\u4e0e\u53ef\u6301\u7eed\u751f\u7269\u5236\u9020\u5de5\u827a\u3002<\/p>\n    <\/div>\n\n    <!-- \u89c6\u9891\u64ad\u653e\u5668 -->\n    <div class=\"video-player-frame\">\n      <iframe\n        src=\"https:\/\/vodpub6.v.news.cn\/yqfbzx-original\/20241022\/20241022b00f3736fb8a4ba3b205992c2aabc19c_6c06de1646f045728bbda7e879063086.mp4\"\n        title=\"\u514b\u9c81\u7ef4\u9175\u6bcd\u79d1\u6280\"\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowfullscreen>\n      <\/iframe>\n    <\/div>\n\n   \n\n    <!-- \u5e95\u90e8\u88c5\u9970\u6761 -->\n    <div class=\"video-footer\">\n      <div class=\"video-tagline\">\n        <span class=\"video-tagline-dot\"><\/span>\n        \u6301\u7eed\u521b\u65b0 \u00b7 \u7eff\u8272\u5236\u9020 \u00b7 \u5065\u5eb7\u672a\u6765\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\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\">\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  background:linear-gradient(135deg, #f7fce8 0%, #e8f5c0 100%);\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  background: linear-gradient(135deg, #f7fce8, #e8f5c0);\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\">15<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-d8ae6ae e-con-full e-flex e-con e-parent\" data-id=\"d8ae6ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34dc8cc elementor-widget elementor-widget-html\" data-id=\"34dc8cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \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   \u4ea7\u54c1\u4ecb\u7ecd\u533a \u00b7 KMYeast V2 Showcase\uff08\u5355\u6587\u4ef6\u7248\uff09\n   Elementor HTML \u5c0f\u90e8\u4ef6 \u2192 \u76f4\u63a5\u7c98\u8d34\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<style>\n\/* \u2500\u2500\u2500 Section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.pshowcase-section {\n  padding: 96px 0;\n  background:linear-gradient(180deg, var(--g-100) 0%, #f8fafc 100%);\n  position: relative;\n  overflow: hidden;\n}\n.pshowcase-section::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  background:\n    radial-gradient(ellipse 60% 45% at 10% 25%, rgb(180 221 58 \/ 0.18) 0%, transparent 65%),\n    radial-gradient(ellipse 45% 50% at 90% 75%, rgb(150 200 26 \/ 0.12) 0%, transparent 65%);\n  pointer-events: none;\n}\n.pshowcase-wrap {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 40px;\n  position: relative;\n  z-index: 1;\n}\n\n\/* \u2500\u2500\u2500 Section Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.pshowcase-head {\n  text-align: center;\n  max-width: 640px;\n  margin: 0 auto 80px;\n}\n.pshowcase-eyebrow-section {\n  display: inline-block;\n  font-size: 12px;\n  font-weight: 700;\n  color: #7ab818;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  margin-bottom: 12px;\n}\n.pshowcase-head h2 {\n  font-size: clamp(32px, 4vw, 48px);\n  font-weight: 900;\n  color: #0d1f3c;\n  line-height: 1.2;\n  letter-spacing: -.02em;\n  margin: 0 0 16px;\n}\n.pshowcase-head h2 em {\n  font-style: normal;\n  background: linear-gradient(135deg, #a8d832, #c8e84c);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n.pshowcase-head p {\n  font-size: 17px;\n  color: #64748b;\n  line-height: 1.8;\n  margin: 0;\n}\n\n\/* \u2500\u2500\u2500 \u5c55\u793a\u884c \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.pshowcase-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n  margin-bottom: 80px;\n}\n.pshowcase-row:last-of-type { margin-bottom: 0; }\n.pshowcase-row--reversed .pshowcase-media { order: 2; }\n.pshowcase-row--reversed .pshowcase-content { order: 1; }\n\n\/* \u2500\u2500\u2500 \u56fe\u7247\u5bb9\u5668 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\/* \u7236\u7ea7\u638c\u7ba1\uff1apadding-top \u957f\u5bbd\u6bd4 + \u5706\u89d2\u88c1\u526a + \u6e10\u53d8\u80cc\u666f *\/\n.pshowcase-media {\n  position: relative;\n  width: 100%;\n  padding-top: 75%;\n  border-radius: 20px;\n  overflow: hidden;\n}\n\/* \u5b50\u7ea7\u53ea\u7ba1\u586b\u5145\uff0c\u4e0d\u8bbe\u80cc\u666f *\/\n.pshowcase-media-inner {\n  position: absolute;\n  inset: 0;\n}\n.pshowcase-img {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform .6s ease;\n  z-index: 1;\n}\n.pshowcase-row:hover .pshowcase-img { transform: scale(1.04); }\n\n\/* \u4e09\u4e2a\u4ea7\u54c1\u72ec\u7acb\u6e10\u53d8\u8272 \u2192 \u753b\u5728\u7236\u7ea7 .pshowcase-media \u4e0a *\/\n.pshowcase-row--green  .pshowcase-media { background: linear-gradient(145deg, #f3fad0 0%, #e6f4a0 60%, #d6ef80 100%); }\n.pshowcase-row--blue   .pshowcase-media { background: linear-gradient(145deg, #e8f2ff 0%, #c5d9f5 60%, #a8c4ed 100%); }\n.pshowcase-row--amber  .pshowcase-media { background: linear-gradient(145deg, #fff8e8 0%, #ffedc0 60%, #ffdfa0 100%); }\n\n\/* \u88c5\u9970\u5706 *\/\n.pshowcase-media::before {\n  content: '';\n  position: absolute;\n  bottom: -40px; left: -40px;\n  width: 200px; height: 200px;\n  border-radius: 50%;\n  background: rgb(150 200 26 \/ 0.12);\n  pointer-events: none;\n  z-index: 0;\n}\n.pshowcase-row--blue  .pshowcase-media::before { background: rgb(26 54 93 \/ 0.08); }\n.pshowcase-row--amber .pshowcase-media::before { background: rgb(240 168 48 \/ 0.12); }\n.pshowcase-media::after {\n  content: '';\n  position: absolute;\n  top: -30px; right: -30px;\n  width: 140px; height: 140px;\n  border-radius: 50%;\n  background: rgb(255 255 255 \/ 0.45);\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* SVG \u56fe\u6807\u5360\u4f4d *\/\n.pshowcase-icon-placeholder {\n  position: absolute;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  display: flex; align-items: center; justify-content: center;\n  z-index: 0;\n}\n.pshowcase-icon-placeholder svg {\n  width: 120px; height: 120px; opacity: .55;\n}\n.pshowcase-row--green  .pshowcase-icon-placeholder svg { color: #7ab818; }\n.pshowcase-row--blue   .pshowcase-icon-placeholder svg { color: #2563b0; }\n.pshowcase-row--amber  .pshowcase-icon-placeholder svg { color: #f0a830; }\n\n\/* \u6d6e\u52a8 Badge *\/\n.pshowcase-badge {\n  position: absolute;\n  bottom: 20px; left: 20px;\n  padding: 6px 16px;\n  background: rgb(255 255 255 \/ 0.92);\n  border-radius: 9999px;\n  font-size: 12px; font-weight: 700;\n  color: #1a365d;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  box-shadow: 0 4px 16px rgb(0 0 0 \/ 0.08);\n  z-index: 3;\n}\n\n\/* \u2500\u2500\u2500 \u6587\u5b57\u533a \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.pshowcase-content { display: flex; flex-direction: column; }\n.pshowcase-eyebrow {\n  font-size: 12px; font-weight: 700;\n  color: #7ab818;\n  letter-spacing: .10em; text-transform: uppercase;\n  margin-bottom: 10px;\n}\n.pshowcase-row--blue  .pshowcase-eyebrow { color: #2563b0; }\n.pshowcase-row--amber .pshowcase-eyebrow { color: #f0a830; }\n.pshowcase-title {\n  font-size: clamp(28px, 3.5vw, 42px);\n  font-weight: 900; color: #0d1f3c;\n  line-height: 1.2; letter-spacing: -.02em;\n  margin: 0 0 16px;\n}\n.pshowcase-desc {\n  font-size: 16px; color: #64748b;\n  line-height: 1.85; margin-bottom: 24px; max-width: 500px;\n}\n.pshowcase-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; }\n.pshowcase-tag {\n  padding: 6px 16px; border-radius: 9999px;\n  font-size: 13px; font-weight: 500; white-space: nowrap;\n  background: #f3fad0; color: #7ab818;\n  border: 1px solid rgb(150 200 26 \/ 0.2);\n}\n.pshowcase-row--blue  .pshowcase-tag { background: #e8f2ff; color: #1e4d96; border-color: rgb(26 54 93 \/ 0.15); }\n.pshowcase-row--amber .pshowcase-tag { background: #fff8e8; color: #f0a830; border-color: rgb(240 168 48 \/ 0.2); }\n\n\/* \u2500\u2500\u2500 \u6309\u94ae \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.btn-navy {\n  display: inline-flex; align-items: center; gap: 8px;\n  padding: 13px 28px;\n  background: #1a365d; color: #fff;\n  border-radius: 9999px;\n  font-size: 15px; font-weight: 600;\n  text-decoration: none;\n  transition: all .25s ease;\n  box-shadow: 0 4px 16px rgb(26 54 93 \/ 0.28);\n  align-self: flex-start;\n}\n.btn-navy:hover {\n  background: #0d1f3c;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgb(26 54 93 \/ 0.38);\n  gap: 12px; color: #fff;\n}\n.btn-navy svg { width: 16px; height: 16px; transition: transform .2s; }\n.btn-navy:hover svg { transform: translateX(3px); }\n\n\/* \u2500\u2500\u2500 \u54cd\u5e94\u5f0f \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n@media (max-width: 1024px) { .pshowcase-row { gap: 40px; } }\n@media (max-width: 768px) {\n  .pshowcase-section { padding: 64px 0; }\n  .pshowcase-wrap { padding: 0 20px; }\n  .pshowcase-row { grid-template-columns: 1fr; gap: 32px; margin-bottom: 64px; }\n  .pshowcase-row--reversed .pshowcase-media  { order: 1; }\n  .pshowcase-row--reversed .pshowcase-content { order: 2; }\n  .pshowcase-head { margin-bottom: 52px; }\n}\n@media (max-width: 480px) {\n  .pshowcase-row { gap: 24px; margin-bottom: 48px; }\n  .pshowcase-title { font-size: 26px; }\n  .pshowcase-tag { font-size: 12px; padding: 5px 12px; }\n}\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HTML \u4e3b\u4f53 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"pshowcase-section\">\n  <div class=\"pshowcase-wrap\">\n\n    <div class=\"pshowcase-head\">\n      <h2>\u4e09\u5927\u4ea7\u54c1\u7ebf<br><em>\u8986\u76d6\u5168\u8425\u517b\u573a\u666f<\/em><\/h2>\n      <p>\u4ece\u9175\u6bcd\u86cb\u767d\u5230\u76ca\u751f\u83cc\uff0c\u4ece\u03b2-\u8461\u805a\u7cd6\u5230\u590d\u5408\u5236\u5242\uff0c\u4ee5\u7cbe\u51c6\u53d1\u9175\u6280\u672f\u8d4b\u80fd\u5065\u5eb7\u4ea7\u4e1a\u3002<\/p>\n    <\/div>\n\n    <!-- \u4ea7\u54c1 1\uff1a\u9175\u6bcd\u86cb\u767d\u7c89 -->\n    <div class=\"pshowcase-row pshowcase-row--green\">\n      <div class=\"pshowcase-media\">\n        <div class=\"pshowcase-media-inner\">\n          <img decoding=\"async\" src=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2026\/05\/img3_transparent.webp\" alt=\"\u9175\u6bcd\u86cb\u767d\u7c89\" class=\"pshowcase-img\" loading=\"lazy\">\n          <div class=\"pshowcase-icon-placeholder\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\">\n              <path d=\"M4 30c13.3-12 26.7 0 40-12\"\/>\n              <path d=\"M18 44c3.6-4 5-8 5.6-12\"\/>\n              <path d=\"M44 18c-9.4 8-16 11-25.2 11\"\/>\n              <circle cx=\"36\" cy=\"10\" r=\"4\"\/>\n              <path d=\"M36 14v6\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pshowcase-badge\">Yeast Protein<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pshowcase-content\">\n        <div class=\"pshowcase-eyebrow\">KM Pro<\/div>\n        <h3 class=\"pshowcase-title\">\u9175\u6bcd\u86cb\u767d<\/h3>\n        <p class=\"pshowcase-desc\">KM Pro\u2122  \u662f\u4e00\u6b3e\u4e13\u4e3a\u66ff\u4ee3\u4e73\u6e05\u86cb\u767d\u800c\u5f00\u53d1\u7684\u9ad8\u54c1\u8d28\u9175\u6bcd\u86cb\u767d\u4ea7\u54c1\u3002\u5b83\u5177\u5907\u5b8c\u6574\u7684\u6c28\u57fa\u9178\u8c31\u7cfb\u3001\u5feb\u901f\u6d88\u5316\u7279\u6027\uff0c\u5e76\u53ef\u8fdb\u884c\u89c4\u6a21\u5316\u5de5\u4e1a\u751f\u4ea7\u2014\u2014\u662f\u73b0\u4ee3\u8425\u517b\u9700\u6c42\u6f14\u53d8\u7684\u7406\u60f3\u89e3\u51b3\u65b9\u6848\u3002<\/p>\n        <div class=\"pshowcase-tags\">\n          <span class=\"pshowcase-tag\">\u7eaf\u7d20\u8ba4\u8bc1<\/span>\n          <span class=\"pshowcase-tag\">PDCAAS 1.0<\/span>\n          <span class=\"pshowcase-tag\">\u53e3\u611f\u4e2d\u6027<\/span>\n          <span class=\"pshowcase-tag\">\u5feb\u901f\u6d88\u5316<\/span>\n        <\/div>\n        <a href=\"https:\/\/www.kmyeast.com\/?page_id=4414\" class=\"btn-navy\">\n          \u4e86\u89e3\u8be6\u60c5\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M3 8h10M8 4l4 4-4 4\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- \u4ea7\u54c1 2\uff1a\u9175\u6bcd\u76ca\u751f\u83cc -->\n    <div class=\"pshowcase-row pshowcase-row--blue pshowcase-row--reversed\">\n      <div class=\"pshowcase-media\">\n        <div class=\"pshowcase-media-inner\">\n          <img decoding=\"async\" src=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2026\/05\/img2_transparent.webp\" alt=\"\u9175\u6bcd\u76ca\u751f\u83cc\" class=\"pshowcase-img\" loading=\"lazy\">\n          <div class=\"pshowcase-icon-placeholder\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\">\n              <circle cx=\"24\" cy=\"24\" r=\"8\"\/>\n              <path d=\"M24 4v8M24 36v8M8.69 8.69l5.66 5.66M33.65 33.65l5.66 5.66M4 24h8M36 24h8M8.69 39.31l5.66-5.66M33.65 14.35l5.66-5.66\"\/>\n              <circle cx=\"24\" cy=\"24\" r=\"3\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pshowcase-badge\">Probiotic<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pshowcase-content\">\n        <div class=\"pshowcase-eyebrow\">KM Probio<\/div>\n        <h3 class=\"pshowcase-title\">\u9175\u6bcd\u76ca\u751f\u83cc<\/h3>\n        <p class=\"pshowcase-desc\">KM Probio\u2122 FIM-3 \u662f\u4e00\u6b3e\u9ad8\u6027\u80fd\u76ca\u751f\u83cc\u83cc\u682a\uff0c\u5177\u6709\u5f3a\u5927\u7684\u4e73\u7cd6\u9176\u6d3b\u6027\uff0c\u4e13\u4e3a\u6539\u5584\u4e73\u7cd6\u6d88\u5316\u548c\u7f13\u89e3\u4e73\u7cd6\u4e0d\u8010\u53d7\u75c7\u72b6\u800c\u8bbe\u8ba1\u3002\u5bf9\u80c3\u9178\u548c\u80c6\u76d0\u5177\u6709\u4f18\u5f02\u8010\u53d7\u6027\uff0c\u5728\u529f\u80fd\u6027\u98df\u54c1\u548c\u81b3\u98df\u8865\u5145\u5242\u4e2d\u8868\u73b0\u7a33\u5b9a\u53ef\u9760\u3002<\/p>\n        <div class=\"pshowcase-tags\">\n          <span class=\"pshowcase-tag\">200\u4ebf ALU\/g<\/span>\n          <span class=\"pshowcase-tag\">\u5373\u7528\u578b\u914d\u65b9<\/span>\n          <span class=\"pshowcase-tag\">\u8010\u80c3\u9178\u80c6\u76d0<\/span>\n    \n        <\/div>\n        <a href=\"https:\/\/www.kmyeast.com\/?page_id=4463\" class=\"btn-navy\">\n          \u4e86\u89e3\u8be6\u60c5\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M3 8h10M8 4l4 4-4 4\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <!-- \u4ea7\u54c1 3\uff1a\u03b2-\u8461\u805a\u7cd6 -->\n    <div class=\"pshowcase-row pshowcase-row--amber\">\n      <div class=\"pshowcase-media\">\n        <div class=\"pshowcase-media-inner\">\n          <img decoding=\"async\" src=\"https:\/\/www.kmyeast.com\/wp-content\/uploads\/2026\/05\/img1_transparent.webp\" alt=\"\u9175\u6bcd\u03b2-\u8461\u805a\u7cd6\" class=\"pshowcase-img\" loading=\"lazy\">\n          <div class=\"pshowcase-icon-placeholder\">\n            <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\">\n              <path d=\"M18 6h12l8 18H10L18 6z\"\/>\n              <path d=\"M6 42h36\"\/>\n              <path d=\"M10 24h28\"\/>\n              <path d=\"M18 6v18m12-18v18\"\/>\n              <path d=\"M24 30v12\"\/>\n            <\/svg>\n          <\/div>\n          <div class=\"pshowcase-badge\">Beta-Glucan<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pshowcase-content\">\n        <div class=\"pshowcase-eyebrow\">KM Gluc<\/div>\n        <h3 class=\"pshowcase-title\">\u9175\u6bcd\u03b2-\u8461\u805a\u7cd6<\/h3>\n        <p class=\"pshowcase-desc\">KareMune\u00ae KM Gluc 90S \u662f\u4e00\u6b3e\u9ad8\u54c1\u8d28\u9175\u6bcd \u03b2-\u8461\u805a\u7cd6\uff0c\u91c7\u7528\u4e13\u6709\u5de5\u827a\u751f\u4ea7\uff0c\u5177\u5907\u884c\u4e1a\u9886\u5148\u7684\u7eaf\u5ea6\u4e0e\u529f\u80fd\u7279\u6027\u3002\u5176\u5353\u8d8a\u7684\u6c34\u6eb6\u6027\u4f7f\u5176\u6210\u4e3a\u63d0\u5347\u6d88\u8d39\u8005\u5065\u5eb7\u3001\u901a\u8fc7\u79d1\u5b66\u9a8c\u8bc1\u7684\u514d\u75ab\u652f\u6301\u6210\u5206\u7684\u7406\u60f3\u9009\u62e9\u3002<\/p>\n        <div class=\"pshowcase-tags\">\n          <span class=\"pshowcase-tag\">\u514d\u75ab\u652f\u6301<\/span>\n          <span class=\"pshowcase-tag\">>90% \u7eaf\u5ea6<\/span>\n          <span class=\"pshowcase-tag\">100% \u6c34\u6eb6\u6027<\/span>\n          <span class=\"pshowcase-tag\">\u6613\u4e8e\u914d\u65b9\u5316<\/span>\n        <\/div>\n        <a href=\"https:\/\/www.kmyeast.com\/?page_id=4533\" class=\"btn-navy\">\n          \u4e86\u89e3\u8be6\u60c5\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n            <path d=\"M3 8h10M8 4l4 4-4 4\"\/>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n\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-029b364 e-con-full e-flex e-con e-parent\" data-id=\"029b364\" data-element_type=\"container\" data-e-type=\"container\">\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%, #fff1db 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  background: linear-gradient(135deg, #f7fce8, #e8f5c0);\n  border-color: #b4dd3a;\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\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\uff08<i>Kluyveromyces marxianus<\/i>\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;}\">\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;}\">\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":1285,"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=\/wp\/v2\/pages\/160\/revisions"}],"predecessor-version":[{"id":4887,"href":"https:\/\/www.kmyeast.com\/index.php?rest_route=\/wp\/v2\/pages\/160\/revisions\/4887"}],"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}]}}