{"id":6,"date":"2026-06-09T09:50:56","date_gmt":"2026-06-09T09:50:56","guid":{"rendered":"https:\/\/maolearn.com\/?page_id=6"},"modified":"2026-06-11T08:28:47","modified_gmt":"2026-06-11T08:28:47","slug":"home","status":"publish","type":"page","link":"https:\/\/maolearn.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adc5ed5 e-flex e-con-boxed e-con e-parent\" data-id=\"adc5ed5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5c745 elementor-widget elementor-widget-html\" data-id=\"4a5c745\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ============================================================\n   \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662 - \u9996\u9801 Mockup\n   \u4f5c\u7528\u57df: #pmac-root  (\u907f\u514d WordPress \u4e3b\u984c\u885d\u7a81)\n   \u547d\u540d\u524d\u7db4: pmac-     (PetMania Anxin Care)\n   ============================================================ *\/\n\n\/* CSS Variables - Design Tokens *\/\n#pmac-root {\n  --pmac-white: #FFFFFF;\n  --pmac-bg-soft: #F4F7FB;      \/* \u5340\u584a\u6dfa\u85cd\u7070\u5e95 *\/\n  --pmac-bg-cream: #FFF9EC;     \/* \u5f37\u8abf\u5340\u6696\u9ec3\u5e95 *\/\n  --pmac-ink: #1A1A1A;          \/* \u4e3b\u6a19\u984c\u6df1\u8272 *\/\n  --pmac-ink-2: #2C2C2C;        \/* \u5167\u6587\u6df1\u7070 *\/\n  --pmac-ink-3: #6B6B6B;        \/* \u6b21\u8981\u7070 *\/\n  --pmac-yellow: #FFD23F;       \/* \u4e3b CTA \u6696\u9ec3 *\/\n  --pmac-yellow-dark: #F4B400;  \/* \u6696\u9ec3 hover *\/\n  --pmac-accent: #5B8DEF;       \/* \u9ede\u7db4\u85cd (\u4e0d\u904e\u5ea6\u91ab\u7642) *\/\n  --pmac-line-color: #45B649;   \/* LINE \u7da0 *\/\n  --pmac-radius-sm: 12px;\n  --pmac-radius: 20px;\n  --pmac-radius-lg: 32px;\n  --pmac-shadow-sm: 0 4px 12px rgba(26, 26, 26, 0.06);\n  --pmac-shadow: 0 8px 28px rgba(26, 26, 26, 0.08);\n  --pmac-shadow-lg: 0 16px 48px rgba(26, 26, 26, 0.12);\n  --pmac-font-zh: 'Noto Sans TC', -apple-system, 'PingFang TC', 'Microsoft JhengHei', sans-serif;\n  --pmac-font-en: 'Fredoka', 'Noto Sans TC', sans-serif;\n  --pmac-ease: cubic-bezier(0.22, 1, 0.36, 1);\n  --pmac-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);\n}\n\n\/* Scoped Reset (\u53ea\u4f5c\u7528\u5728 #pmac-root\uff0c\u4e0d\u6c61\u67d3 WP \u4e3b\u984c) *\/\n#pmac-root,\n#pmac-root *,\n#pmac-root *::before,\n#pmac-root *::after {\n  box-sizing: border-box;\n}\n\n#pmac-root {\n  margin: 0;\n  padding: 0;\n  font-family: var(--pmac-font-zh);\n  font-size: 16px;\n  line-height: 1.7;\n  color: var(--pmac-ink-2);\n  background: var(--pmac-white);\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n#pmac-root img {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\n#pmac-root a {\n  color: inherit;\n  text-decoration: none;\n}\n\n#pmac-root button {\n  font-family: inherit;\n  cursor: pointer;\n  border: none;\n  background: none;\n}\n\n#pmac-root h1, #pmac-root h2, #pmac-root h3, #pmac-root h4 {\n  margin: 0;\n  color: var(--pmac-ink);\n  font-weight: 900;\n  line-height: 1.25;\n  letter-spacing: -0.01em;\n  text-wrap: balance;        \/* \u81ea\u52d5\u5e73\u8861\u6bcf\u884c\u5b57\u6578\uff0c\u907f\u514d\u843d\u55ae\u5b57 *\/\n}\n\n#pmac-root p {\n  margin: 0;\n}\n\n\/* ===== \u901a\u7528\u5bb9\u5668 ===== *\/\n.pmac-container {\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 24px;\n  position: relative;\n}\n\n\/* ===== \u901a\u7528\u6309\u9215 ===== *\/\n.pmac-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 16px 32px;\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: 16px;\n  transition: all 0.3s var(--pmac-ease);\n  cursor: pointer;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.pmac-btn-primary {\n  background: var(--pmac-yellow);\n  color: var(--pmac-ink);\n  box-shadow: 0 6px 0 var(--pmac-yellow-dark), var(--pmac-shadow);\n}\n\n.pmac-btn-primary:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 0 var(--pmac-yellow-dark), var(--pmac-shadow-lg);\n}\n\n.pmac-btn-primary:active {\n  transform: translateY(4px);\n  box-shadow: 0 2px 0 var(--pmac-yellow-dark);\n}\n\n\/* \u6df1\u8272\u6309\u9215 - \u5f37\u5236\u767d\u5b57\u3001\u6c38\u9060\u5c0d\u6bd4\u6e05\u6670 *\/\n.pmac-btn-dark {\n  background: var(--pmac-ink);\n  color: #FFFFFF !important;\n  box-shadow: var(--pmac-shadow);\n}\n\n.pmac-btn-dark * {\n  color: #FFFFFF !important;\n}\n\n.pmac-btn-dark:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--pmac-shadow-lg);\n  background: #2C2C2C;\n  color: #FFFFFF !important;\n}\n\n\/* \u6b21\u8981\u6309\u9215 - \u6696\u9ec3\u63cf\u908a\u7248\uff0c\u6bd4 dark \u67d4\u548c *\/\n.pmac-btn-outline {\n  background: var(--pmac-white);\n  color: var(--pmac-ink);\n  border: 2px solid var(--pmac-ink);\n  box-shadow: 0 4px 0 var(--pmac-ink), var(--pmac-shadow-sm);\n}\n\n.pmac-btn-outline:hover {\n  transform: translateY(-2px);\n  background: var(--pmac-yellow);\n  border-color: var(--pmac-yellow-dark);\n  box-shadow: 0 6px 0 var(--pmac-yellow-dark), var(--pmac-shadow);\n  color: var(--pmac-ink);\n}\n\n.pmac-btn-outline:active {\n  transform: translateY(2px);\n  box-shadow: 0 2px 0 var(--pmac-ink);\n}\n\n.pmac-btn-ghost {\n  background: transparent;\n  color: var(--pmac-ink);\n  border: 2px solid var(--pmac-ink);\n}\n\n.pmac-btn-ghost:hover {\n  background: var(--pmac-yellow);\n  color: var(--pmac-ink);\n  border-color: var(--pmac-yellow);\n}\n\n.pmac-btn-line {\n  background: var(--pmac-line-color);\n  color: #FFFFFF !important;\n  box-shadow: 0 6px 0 #2F8830, var(--pmac-shadow);\n}\n\n.pmac-btn-line * {\n  color: #FFFFFF !important;\n}\n\n.pmac-btn-line:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 0 #2F8830, var(--pmac-shadow-lg);\n  background: #06C755;\n}\n\n\/* LINE \u7da0\u5340\u5167\u6b21\u8981\u6309\u9215\uff1a\u767d\u8272\u63cf\u908a\u900f\u660e\u5e95 (\u5728\u7da0\u5e95\u4e0a\u5c0d\u6bd4\u6e05\u6670) *\/\n.pmac-btn-line-ghost {\n  background: rgba(255, 255, 255, 0.15);\n  color: #FFFFFF !important;\n  border: 2px solid #FFFFFF;\n  backdrop-filter: blur(8px);\n}\n\n.pmac-btn-line-ghost:hover {\n  background: #FFFFFF;\n  color: var(--pmac-line-color) !important;\n  border-color: #FFFFFF;\n  transform: translateY(-2px);\n  box-shadow: var(--pmac-shadow-lg);\n}\n\n\/* ===== Section \u901a\u7528 ===== *\/\n.pmac-section {\n  position: relative;\n  padding: 88px 0;\n  overflow: hidden;\n}\n\n.pmac-section-header {\n  text-align: center;\n  margin-bottom: 48px;\n}\n\n.pmac-eyebrow {\n  display: inline-block;\n  font-family: var(--pmac-font-en);\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--pmac-ink);\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  padding: 6px 16px;\n  background: var(--pmac-yellow);\n  border-radius: 999px;\n  position: relative;\n  opacity: 1 !important;\n  transform: none !important;\n}\n\n\/* \u78ba\u4fdd eyebrow \u6c38\u9060\u53ef\u898b (\u5373\u4f7f\u5728 fade-up section header \u5167) *\/\n.pmac-eyebrow-show {\n  animation: pmac-eyebrow-pop 0.6s var(--pmac-ease-bounce);\n}\n\n\/* \u6df1\u8272\u80cc\u666f\u5340\u7528\u7684 eyebrow \u8b8a\u9ad4 *\/\n.pmac-eyebrow-dark {\n  background: rgba(255, 210, 63, 0.18);\n  color: var(--pmac-yellow);\n  border: 1px solid rgba(255, 210, 63, 0.35);\n}\n\n@keyframes pmac-eyebrow-pop {\n  from { opacity: 0; transform: scale(0.8) translateY(-8px); }\n  to { opacity: 1; transform: scale(1) translateY(0); }\n}\n\n.pmac-h2 {\n  font-size: clamp(32px, 5vw, 52px);\n  margin-bottom: 20px;\n}\n\n.pmac-section-sub {\n  font-size: 19px;\n  color: var(--pmac-ink-3);\n  max-width: 720px;\n  margin: 0 auto;\n  line-height: 1.7;\n  text-align: center;\n}\n\n\/* ============================================================\n   NAVIGATION\n   ============================================================ *\/\n.pmac-nav {\n  position: absolute;   \/* \u4e0d\u56fa\u5b9a\uff1a\u96a8\u9801\u9762\u6372\u52d5\u96e2\u958b\uff0c\u4e0d\u518d pin \u5728\u9802\u90e8 *\/\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 100;\n  padding: 16px 0;\n  transition: all 0.3s var(--pmac-ease);\n  background: rgba(255, 255, 255, 0.6);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n}\n\n.pmac-nav.pmac-nav-scrolled {\n  background: rgba(255, 255, 255, 0.95);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  box-shadow: var(--pmac-shadow-sm);\n  padding: 12px 0;\n}\n\n.pmac-nav-inner {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.pmac-logo {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--pmac-font-en);\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--pmac-ink);\n}\n\n\/* Logo\uff1aICON \u5716\u793a + \u54c1\u724c\u6587\u5b57\uff08\u6587\u5b57\u4e00\u5b9a\u986f\u793a\uff0c\u4e0d\u6015\u5716\u6c92\u8f09\u5165\uff09 *\/\n.pmac-logo-icon {\n  height: 46px;\n  width: auto;\n  display: block;\n  transition: transform 0.4s var(--pmac-ease-bounce);\n}\n.pmac-logo-text {\n  font-family: var(--pmac-font-zh);\n  font-size: 24px;\n  font-weight: 900;\n  letter-spacing: 0.02em;\n  color: #7A4A2B;            \/* \u5c0d\u9f4a ICON \u68d5\u8272 *\/\n  white-space: nowrap;\n}\n.pmac-logo:hover .pmac-logo-icon {\n  transform: scale(1.06) rotate(-3deg);\n}\n\n\/* \u55ae\u5f35\u6a6b\u5f0f logo\uff08\u5716\u793a+\u5b57\uff09\u2014 \u7528 #pmac-root \u524d\u7db4\u84cb\u904e\u5168\u5c40 #pmac-root img \u7684 height:auto *\/\n#pmac-root .pmac-logo-img {\n  height: 52px;\n  width: auto;\n  max-width: 240px;\n  display: block;\n  transition: transform 0.4s var(--pmac-ease-bounce);\n}\n.pmac-logo:hover .pmac-logo-img {\n  transform: scale(1.04);\n}\n\n\/* \u5c1a\u672a\u4e0a\u50b3 logo \u6642\u7684\u4f54\u4f4d\u63d0\u793a\u6a23\u5f0f - \u4f4e\u8abf\u6975\u7c21\u865b\u7dda\u6846 *\/\n.pmac-logo-empty {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  min-width: 110px;\n  max-width: 160px;\n  padding: 0 12px;\n  border: 1px dashed #C9D2E0;\n  border-radius: 8px;\n  color: #A9B3C2;\n  font-size: 11px;\n  font-weight: 500;\n  background: transparent;\n  font-family: var(--pmac-font-zh);\n  letter-spacing: 0.02em;\n  white-space: nowrap;\n}\n\n.pmac-nav-menu {\n  display: flex;\n  align-items: center;\n  gap: 32px;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.pmac-nav-menu a {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--pmac-ink-2);\n  position: relative;\n  transition: color 0.2s;\n}\n\n.pmac-nav-menu a::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: -6px;\n  width: 0;\n  height: 2px;\n  background: var(--pmac-yellow);\n  transition: width 0.3s var(--pmac-ease);\n}\n\n.pmac-nav-menu a:hover {\n  color: var(--pmac-ink);\n}\n\n.pmac-nav-menu a:hover::after {\n  width: 100%;\n}\n\n.pmac-nav-cta {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.pmac-nav-burger {\n  display: none;\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  background: var(--pmac-yellow);\n  color: var(--pmac-ink);\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s var(--pmac-ease);\n  box-shadow: 0 3px 0 var(--pmac-yellow-dark);\n}\n\n.pmac-nav-burger:hover {\n  transform: translateY(-1px);\n  box-shadow: 0 4px 0 var(--pmac-yellow-dark);\n}\n\n.pmac-nav-burger:active {\n  transform: translateY(2px);\n  box-shadow: 0 1px 0 var(--pmac-yellow-dark);\n}\n\n\/* burger icon \u5728\u767d\u8272 nav \u8207\u900f\u660e nav \u90fd\u7528\u6df1\u8272\uff0c\u4fdd\u6301\u53ef\u8b80\u6027 *\/\n.pmac-nav-burger svg {\n  stroke: var(--pmac-ink);\n}\n\n\/* ===== Mobile Menu Drawer ===== *\/\n.pmac-mobile-menu {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: min(86vw, 360px);\n  background: var(--pmac-white);\n  z-index: 200;\n  padding: 88px 28px 32px;\n  transform: translateX(100%);\n  transition: transform 0.4s var(--pmac-ease);\n  box-shadow: -16px 0 48px rgba(0, 0, 0, 0.18);\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n}\n\n.pmac-mobile-menu.pmac-open {\n  transform: translateX(0);\n}\n\n.pmac-mobile-menu-close {\n  position: absolute;\n  top: 20px;\n  right: 20px;\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  background: var(--pmac-bg-soft);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--pmac-ink);\n  transition: background 0.2s;\n}\n\n.pmac-mobile-menu-close:hover {\n  background: var(--pmac-yellow);\n}\n\n.pmac-mobile-menu ul {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px;\n}\n\n.pmac-mobile-menu ul li {\n  border-bottom: 1px solid #EEF1F6;\n}\n\n.pmac-mobile-menu ul a {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 18px 4px;\n  font-size: 17px;\n  font-weight: 600;\n  color: var(--pmac-ink);\n  transition: color 0.2s, padding 0.3s;\n}\n\n.pmac-mobile-menu ul a::after {\n  content: '\u2192';\n  color: var(--pmac-ink-3);\n  font-size: 18px;\n  transition: transform 0.3s;\n}\n\n.pmac-mobile-menu ul a:hover,\n.pmac-mobile-menu ul a:active {\n  color: var(--pmac-yellow-dark);\n  padding-left: 12px;\n}\n\n.pmac-mobile-menu ul a:hover::after {\n  transform: translateX(4px);\n}\n\n.pmac-mobile-menu-cta {\n  margin-top: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.pmac-mobile-menu-cta .pmac-btn {\n  width: 100%;\n}\n\n.pmac-mobile-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(26, 26, 26, 0.5);\n  backdrop-filter: blur(4px);\n  z-index: 150;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s var(--pmac-ease);\n}\n\n.pmac-mobile-overlay.pmac-open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n\/* \u7576\u884c\u52d5\u9078\u55ae\u958b\u555f\uff0c\u9396\u4f4f body \u6efe\u52d5 *\/\nbody.pmac-no-scroll {\n  overflow: hidden;\n}\n\n\/* ============================================================\n   \u5c4f 1: HERO\n   ============================================================ *\/\n.pmac-hero {\n  position: relative;\n  min-height: 100vh;\n  padding: 100px 0 0;\n  background: #FFFFFF;\n  overflow: hidden;\n}\n.pmac-hero::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at 85% 60%, rgba(255, 210, 63, 0.10) 0%, transparent 55%),\n    radial-gradient(circle at 15% 30%, rgba(91, 141, 239, 0.06) 0%, transparent 50%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.pmac-hero-inner {\n  display: grid;\n  grid-template-columns: 1fr 1.15fr;\n  gap: 48px;\n  align-items: center;\n  min-height: calc(100vh - 140px);\n}\n\n.pmac-hero-content {\n  position: relative;\n  z-index: 3;\n  padding-bottom: 80px;\n}\n\n.pmac-hero-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--pmac-white);\n  padding: 10px 20px;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 600;\n  color: var(--pmac-ink-2);\n  box-shadow: var(--pmac-shadow-sm);\n  margin-bottom: 24px;\n}\n\n.pmac-hero-tag-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--pmac-line-color);\n  animation: pmac-pulse 2s infinite;\n}\n\n@keyframes pmac-pulse {\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.6; transform: scale(1.2); }\n}\n\n.pmac-hero h1 {\n  font-size: clamp(40px, 7vw, 84px);\n  line-height: 1.05;\n  margin-bottom: 24px;\n}\n\n.pmac-hero h1 .pmac-hi-highlight {\n  position: relative;\n  display: inline-block;\n  color: var(--pmac-ink);\n}\n\n.pmac-hero h1 .pmac-hi-highlight::after {\n  content: '';\n  position: absolute;\n  left: -4%;\n  bottom: 6%;\n  width: 108%;\n  height: 28%;\n  background: var(--pmac-yellow);\n  border-radius: 8px;\n  z-index: -1;\n  transform: rotate(-1.5deg);\n}\n\n.pmac-hero-sub {\n  font-size: clamp(17px, 1.4vw, 19px);\n  color: var(--pmac-ink-2);\n  margin-bottom: 36px;\n  max-width: 560px;\n  line-height: 1.8;\n}\n\n.pmac-hero-ctas {\n  display: flex;\n  gap: 12px;\n  flex-wrap: wrap;\n  margin-bottom: 40px;\n}\n\n.pmac-hero-trust {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  flex-wrap: wrap;\n}\n\n.pmac-trust-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--pmac-ink-2);\n}\n\n.pmac-trust-stars {\n  display: flex;\n  gap: 2px;\n  color: var(--pmac-yellow-dark);\n}\n\n\/* Hero Visual *\/\n.pmac-hero-visual {\n  position: relative;\n  height: 100%;\n  min-height: 600px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n\/* \u5f71\u7247\u5361\u7247\u5f8c\u65b9\u67d4\u548c\u5e95\u677f (\u53c3\u8003\u5f71\u7247\uff1a\u5713\u89d2\u9762\u677f\u896f\u5e95) *\/\n.pmac-hero-blob {\n  position: absolute;\n  inset: 6% -6% 6% 10%;\n  background: linear-gradient(150deg, #EAF2FF 0%, #FFF7E6 100%);\n  z-index: 0;\n  border-radius: 36px;\n  filter: none;\n}\n\n\/* Hero \u4e3b\u8996\u89ba\uff1a16:9 \u5f71\u7247\u5361\u7247 (autoplay\/muted\/loop\uff0c\u6574\u5c4f\u5438\u9644\u5f0f\u4e3b\u8996\u89ba)\n   \u6ce8\u610f\uff1a\u7528 flex \u7f6e\u4e2d\u3001\u4e0d\u9760 transform \u7f6e\u4e2d\uff0c\u907f\u514d\u8207 GSAP \u9032\u5834\/\u8996\u5dee\u52d5\u756b\u885d\u7a81 *\/\n.pmac-hero-image {\n  position: relative;\n  margin-right: -4%;\n  width: 112%;\n  max-width: 684px;\n  aspect-ratio: 16 \/ 9;\n  z-index: 2;\n  border-radius: 28px;\n  overflow: hidden;\n  background: #EAF1FB;\n  box-shadow:\n    0 30px 60px rgba(26, 26, 26, 0.16),\n    0 0 0 6px #FFFFFF;\n}\n\n.pmac-hero-image video,\n.pmac-hero-image img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* \u6d6e\u52d5\u8cc7\u8a0a chip (\u53c3\u8003\u5f71\u7247\u53f3\u5074\u61f8\u6d6e\u5c0f\u5361) *\/\n.pmac-hero-chip {\n  position: absolute;\n  z-index: 5;\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  background: #FFFFFF;\n  padding: 10px 16px 10px 10px;\n  border-radius: 16px;\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--pmac-ink);\n  line-height: 1.25;\n  box-shadow: var(--pmac-shadow);\n  white-space: nowrap;\n}\n.pmac-hero-chip small {\n  display: block;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--pmac-ink-3);\n}\n.pmac-hero-chip-ic {\n  width: 34px;\n  height: 34px;\n  display: grid;\n  place-items: center;\n  border-radius: 11px;\n  background: var(--pmac-bg-cream);\n  font-size: 17px;\n  flex-shrink: 0;\n}\n.pmac-hero-chip--tr {\n  top: 6%;\n  right: 1%;\n  animation: pmac-float 4.5s ease-in-out infinite;\n}\n.pmac-hero-chip--bl {\n  bottom: 8%;\n  left: -4%;\n  animation: pmac-float 5.5s ease-in-out infinite reverse;\n}\n\n\/* Hero \u624b\u7e6a\u88dd\u98fe SVG *\/\n.pmac-deco {\n  position: absolute;\n  pointer-events: none;\n}\n\n.pmac-deco-star-1 {\n  top: 12%;\n  left: 8%;\n  width: 60px;\n  animation: pmac-spin-slow 12s linear infinite;\n}\n\n.pmac-deco-paw-1 {\n  top: 22%;\n  right: 8%;\n  width: 50px;\n  opacity: 0.5;\n  animation: pmac-float 4s ease-in-out infinite;\n}\n\n.pmac-deco-burst-1 {\n  top: 35%;\n  left: 45%;\n  width: 40px;\n  z-index: 3;\n}\n\n@keyframes pmac-spin-slow {\n  to { transform: rotate(360deg); }\n}\n\n@keyframes pmac-float {\n  0%, 100% { transform: translateY(0); }\n  50% { transform: translateY(-12px); }\n}\n\n@keyframes pmac-wiggle {\n  0%, 100% { transform: rotate(-6deg); }\n  50% { transform: rotate(6deg); }\n}\n\n.pmac-deco-wiggle {\n  animation: pmac-wiggle 3s ease-in-out infinite;\n}\n\n\/* Hero \u5e95\u90e8\u5f4e\u66f2\u904e\u6e21 *\/\n.pmac-hero-wave {\n  position: absolute;\n  bottom: -1px;\n  left: 0;\n  right: 0;\n  width: 100%;\n  z-index: 4;\n}\n\n\/* ============================================================\n   \u5c4f 2: \u75db\u9ede (\u7d14\u6587\u5b57+\u88dd\u98fe)\n   ============================================================ *\/\n.pmac-pain {\n  background: var(--pmac-white);\n  padding: 88px 0;\n}\n\n.pmac-pain-headline {\n  font-size: clamp(28px, 4.2vw, 44px);\n  text-align: center;\n  max-width: 880px;\n  margin: 0 auto 64px;\n  line-height: 1.3;\n}\n\n.pmac-pain-headline .pmac-emphasis {\n  position: relative;\n  display: inline-block;\n}\n\n.pmac-pain-headline .pmac-emphasis::before {\n  content: '';\n  position: absolute;\n  inset: -4px -8px;\n  border: 3px solid var(--pmac-yellow);\n  border-radius: 999px;\n  transform: rotate(-2deg);\n  z-index: -1;\n}\n\n.pmac-pain-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n  max-width: 920px;\n  margin: 0 auto 56px;\n}\n\n.pmac-pain-item {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n  padding: 24px;\n  border-radius: var(--pmac-radius);\n  background: var(--pmac-bg-soft);\n  transition: all 0.3s var(--pmac-ease);\n}\n\n.pmac-pain-item:hover {\n  background: var(--pmac-bg-cream);\n  transform: translateY(-4px);\n}\n\n.pmac-pain-icon {\n  width: 44px;\n  height: 44px;\n  flex-shrink: 0;\n  background: var(--pmac-white);\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 22px;\n}\n\n.pmac-pain-text {\n  font-size: 16px;\n  color: var(--pmac-ink-2);\n  line-height: 1.7;\n  font-weight: 500;\n}\n\n.pmac-pain-conclusion {\n  text-align: center;\n  font-size: clamp(20px, 2.4vw, 28px);\n  font-weight: 700;\n  color: var(--pmac-ink);\n  max-width: 720px;\n  margin: 0 auto;\n  padding: 32px;\n  background: linear-gradient(135deg, #FFF9EC 0%, #FFF3D1 100%);\n  border-radius: var(--pmac-radius-lg);\n  position: relative;\n}\n\n.pmac-pain-conclusion::before,\n.pmac-pain-conclusion::after {\n  content: '\"';\n  position: absolute;\n  font-family: var(--pmac-font-en);\n  font-size: 80px;\n  color: var(--pmac-yellow);\n  line-height: 1;\n}\n\n.pmac-pain-conclusion::before {\n  top: 8px;\n  left: 20px;\n}\n\n.pmac-pain-conclusion::after {\n  bottom: -20px;\n  right: 24px;\n  transform: rotate(180deg);\n}\n\n\/* ============================================================\n   \u5c4f 3: \u4e94\u5927\u670d\u52d9\u4e3b\u8ef8\n   ============================================================ *\/\n.pmac-services {\n  background: var(--pmac-bg-soft);\n  padding: 88px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-services-grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 20px;\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.pmac-service-card {\n  background: var(--pmac-white);\n  border-radius: var(--pmac-radius);\n  padding: 32px 24px;\n  text-align: center;\n  transition: all 0.4s var(--pmac-ease);\n  position: relative;\n  overflow: hidden;\n  border: 2px solid transparent;\n}\n\n.pmac-service-card:hover {\n  transform: translateY(-8px);\n  border-color: var(--pmac-yellow);\n  box-shadow: var(--pmac-shadow-lg);\n}\n\n.pmac-service-card::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, var(--pmac-yellow) 0%, transparent 50%);\n  opacity: 0;\n  transition: opacity 0.4s;\n  pointer-events: none;\n}\n\n.pmac-service-card:hover::before {\n  opacity: 0.08;\n}\n\n.pmac-service-icon-wrap {\n  width: 72px;\n  height: 72px;\n  background: var(--pmac-bg-cream);\n  border-radius: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 20px;\n  transition: transform 0.4s var(--pmac-ease-bounce);\n}\n\n.pmac-service-card:hover .pmac-service-icon-wrap {\n  transform: rotate(-8deg) scale(1.1);\n  background: var(--pmac-yellow);\n}\n\n.pmac-service-icon-wrap svg {\n  width: 36px;\n  height: 36px;\n}\n\n.pmac-service-card h3 {\n  font-size: 19px;\n  margin-bottom: 10px;\n}\n\n.pmac-service-card p {\n  font-size: 14.5px;\n  color: var(--pmac-ink-2);\n  line-height: 1.6;\n}\n\n\/* \u8c93\u54aa\u63a2\u982d\u88dd\u98fe \u2014 \u653e\u5728\u5340\u584a\u5de6\u4e0b\u89d2\uff0c\u9060\u96e2\u670d\u52d9\u5361\u7247 *\/\n\/* \u670d\u52d9\u5340\uff1a\u5976\u6cb9\u82f1\u77ed\u5f9e\u5de6\u4e0b\u89d2\u63a2\u982d\uff08\u653e\u5361\u7247\u5f8c\u65b9\uff0c\u50c5\u5728\u7a7a\u767d\u8655\u9732\u51fa\uff09 *\/\n.pmac-services-cat-peek {\n  position: absolute;\n  left: 24px;\n  bottom: -28px;\n  width: 150px;\n  z-index: 0;\n  transform: rotate(-5deg);\n  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));\n  pointer-events: none;\n}\n\n\/* ============================================================\n   \u5c4f 4: MVP 6 \u9580\u6838\u5fc3\u8ab2\u7a0b\n   ============================================================ *\/\n.pmac-courses {\n  background: var(--pmac-white);\n  padding: 88px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n\/* \u7070\u82f1\u77ed\u8c93 \u2014 \u653e\u5de6\u4e0a\u89d2 section \u908a\u7de3\uff0c\u907f\u514d\u64cb\u5230\u300c\u67e5\u770b\u6240\u6709\u8ab2\u7a0b\u300d\u6309\u9215 *\/\n\/* \u8ab2\u7a0b\u5340\uff1a\u7070\u82f1\u77ed\u5f9e\u53f3\u4e0b\u89d2\u63a2\u982d\uff08\u653e\u5361\u7247\u5f8c\u65b9\uff0c\u50c5\u5728\u7a7a\u767d\u8655\u9732\u51fa\uff09 *\/\n.pmac-courses-cat-peek {\n  position: absolute;\n  right: 24px;\n  bottom: -28px;\n  left: auto;\n  top: auto;\n  width: 150px;\n  z-index: 0;\n  transform: rotate(5deg);\n  opacity: 0.95;\n  pointer-events: none;\n  filter: drop-shadow(0 12px 24px rgba(0, 0, 0, 0.12));\n}\n\n\/* 2 \u6b04 \u00d7 3 \u5217\uff1a\u6bcf\u6b04\u7a7a\u9593\u66f4\u5bec\uff0c\u8996\u89ba\u66f4\u5c08\u696d *\/\n.pmac-courses-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 32px;\n  margin-top: 64px;\n  max-width: 980px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.pmac-course-card {\n  background: var(--pmac-white);\n  border-radius: var(--pmac-radius-lg);\n  overflow: hidden;\n  transition: all 0.4s var(--pmac-ease);\n  box-shadow: var(--pmac-shadow-sm);\n  border: 1px solid #EEF1F6;\n  display: flex;\n  flex-direction: column;\n}\n\n.pmac-course-card:hover {\n  transform: translateY(-8px);\n  box-shadow: var(--pmac-shadow-lg);\n}\n\n.pmac-course-cover {\n  height: 200px;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.pmac-course-cover-1 { background: linear-gradient(135deg, #FFE5B4 0%, #FFD23F 100%); }\n.pmac-course-cover-2 { background: linear-gradient(135deg, #D5E4FB 0%, #5B8DEF 100%); }\n.pmac-course-cover-3 { background: linear-gradient(135deg, #FFD6CC 0%, #FF9F7A 100%); }\n.pmac-course-cover-4 { background: linear-gradient(135deg, #E0F4D8 0%, #8FCB6B 100%); }\n.pmac-course-cover-5 { background: linear-gradient(135deg, #F5D5F0 0%, #C77BB8 100%); }\n.pmac-course-cover-6 { background: linear-gradient(135deg, #E8E1D4 0%, #B8A88A 100%); }\n\n.pmac-course-emoji {\n  font-size: 72px;\n  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));\n  transition: transform 0.4s var(--pmac-ease-bounce);\n}\n\n.pmac-course-card:hover .pmac-course-emoji {\n  transform: scale(1.15) rotate(-8deg);\n}\n\n.pmac-course-badge {\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  background: var(--pmac-white);\n  padding: 7px 14px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--pmac-ink);\n  box-shadow: var(--pmac-shadow-sm);\n}\n\n.pmac-course-body {\n  padding: 24px;\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.pmac-course-tag {\n  display: inline-block;\n  font-size: 13px;\n  color: var(--pmac-ink-3);\n  margin-bottom: 10px;\n  font-weight: 600;\n  letter-spacing: 0.05em;\n}\n\n.pmac-course-card h3 {\n  font-size: 20px;\n  margin-bottom: 14px;\n  line-height: 1.4;\n}\n\n.pmac-course-card p {\n  font-size: 15px;\n  color: var(--pmac-ink-2);\n  line-height: 1.7;\n  margin-bottom: 22px;\n  flex: 1;\n}\n\n.pmac-course-link {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--pmac-ink);\n  transition: gap 0.3s;\n}\n\n.pmac-course-link:hover {\n  gap: 12px;\n}\n\n.pmac-course-link::after {\n  content: '\u2192';\n  font-size: 18px;\n  transition: transform 0.3s;\n}\n\n\/* ============================================================\n   \u5c4f 5: \u6703\u54e1\u670d\u52d9\u9810\u544a\n   ============================================================ *\/\n.pmac-membership {\n  background: linear-gradient(135deg, #1A1A1A 0%, #2C2C2C 100%);\n  color: var(--pmac-white);\n  padding: 88px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-membership::before {\n  content: '';\n  position: absolute;\n  top: -100px;\n  right: -100px;\n  width: 400px;\n  height: 400px;\n  background: radial-gradient(circle, rgba(255, 210, 63, 0.15) 0%, transparent 70%);\n  border-radius: 50%;\n}\n\n.pmac-membership-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 64px;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n#pmac-root .pmac-membership-left h2 {\n  color: var(--pmac-white);\n  font-size: clamp(32px, 4.5vw, 48px);\n  margin-bottom: 24px;\n}\n\n.pmac-membership-left h2 .pmac-yellow-text {\n  color: var(--pmac-yellow);\n}\n\n.pmac-membership-desc {\n  font-size: 17px;\n  color: rgba(255, 255, 255, 0.8);\n  margin-bottom: 32px;\n  line-height: 1.85;\n}\n\n.pmac-membership-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 36px 0;\n}\n\n.pmac-membership-list li {\n  display: flex;\n  align-items: flex-start;\n  gap: 14px;\n  padding: 14px 0;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n  font-size: 16px;\n  color: rgba(255, 255, 255, 0.92);\n  line-height: 1.6;\n}\n\n.pmac-membership-list li::before {\n  content: '';\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background: var(--pmac-yellow);\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231A1A1A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C\/polyline%3E%3C\/svg%3E\");\n  background-repeat: no-repeat;\n  background-position: center;\n  margin-top: 2px;\n}\n\n.pmac-membership-right {\n  position: relative;\n}\n\n.pmac-membership-card {\n  background: linear-gradient(180deg, #FFFFFF 0%, #FFFBF0 100%);\n  color: var(--pmac-ink);\n  border-radius: var(--pmac-radius-lg);\n  padding: 44px 40px;\n  position: relative;\n  z-index: 2;\n  box-shadow:\n    0 24px 60px rgba(0, 0, 0, 0.25),\n    0 8px 16px rgba(0, 0, 0, 0.12),\n    inset 0 1px 0 rgba(255, 255, 255, 0.8);\n  transform: rotate(2deg);\n  transition: transform 0.5s var(--pmac-ease), box-shadow 0.5s var(--pmac-ease);\n  overflow: hidden;\n}\n\n\/* \u5361\u7247\u5de6\u4e0a\u7684\u5f69\u8272\u5149\u6688\u88dd\u98fe *\/\n.pmac-membership-card::before {\n  content: '';\n  position: absolute;\n  top: -80px;\n  left: -80px;\n  width: 220px;\n  height: 220px;\n  background: radial-gradient(circle, rgba(255, 210, 63, 0.6) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* \u5361\u7247\u53f3\u4e0b\u7684\u5c0f\u89d2\u6a19 *\/\n.pmac-membership-card::after {\n  content: '';\n  position: absolute;\n  bottom: -1px;\n  right: -1px;\n  width: 80px;\n  height: 80px;\n  background: var(--pmac-yellow);\n  clip-path: polygon(100% 0, 100% 100%, 0 100%);\n  z-index: 0;\n}\n\n.pmac-membership-card > * {\n  position: relative;\n  z-index: 1;\n}\n\n.pmac-membership-card:hover {\n  transform: rotate(0deg) translateY(-8px);\n  box-shadow:\n    0 32px 72px rgba(0, 0, 0, 0.3),\n    0 12px 24px rgba(0, 0, 0, 0.15),\n    inset 0 1px 0 rgba(255, 255, 255, 0.9);\n}\n\n.pmac-card-tier {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: var(--pmac-ink);\n  color: var(--pmac-yellow);\n  padding: 10px 20px;\n  border-radius: 999px;\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  margin-bottom: 18px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.pmac-card-tier::before {\n  content: '\u2726';\n  font-size: 14px;\n  color: var(--pmac-yellow);\n}\n\n.pmac-card-title {\n  font-size: 28px;\n  margin-bottom: 8px;\n}\n\n.pmac-card-price {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  margin-bottom: 24px;\n  color: var(--pmac-ink);\n  padding: 16px 20px;\n  background: linear-gradient(135deg, #FFF9EC 0%, #FFFFFF 100%);\n  border-radius: 16px;\n  border: 1px solid #FFE5B4;\n}\n\n.pmac-card-price-num {\n  font-size: 56px;\n  font-weight: 900;\n  font-family: var(--pmac-font-en);\n  background: linear-gradient(135deg, var(--pmac-ink) 0%, #555 100%);\n  -webkit-background-clip: text;\n  background-clip: text;\n  -webkit-text-fill-color: transparent;\n  line-height: 1;\n}\n\n.pmac-card-price-unit {\n  font-size: 16px;\n  color: var(--pmac-ink-3);\n  font-weight: 500;\n}\n\n.pmac-card-divider {\n  height: 1px;\n  background: #EEF1F6;\n  margin: 24px 0;\n}\n\n.pmac-card-features {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px;\n}\n\n.pmac-card-features li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 0;\n  font-size: 15px;\n  color: var(--pmac-ink-2);\n}\n\n.pmac-card-features li svg {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  color: var(--pmac-line-color);\n}\n\n.pmac-card-note {\n  font-size: 13px;\n  color: var(--pmac-ink-3);\n  text-align: center;\n  margin-top: 16px;\n  line-height: 1.6;\n}\n\n\/* \u4f2f\u6069\u5c71\u5e7c\u72ac\u63a2\u982d \u2014 \u63a8\u5230 section \u53f3\u4e0a\u89d2\u5916\u5074\uff0c\u4e0d\u64cb\u6703\u54e1\u5361 *\/\n\/* \u6703\u54e1\u5340\uff1a\u4f2f\u6069\u5c71\u5e7c\u72ac\u63a2\u51fa\u65b9\u6848\u5361\u53f3\u4e0a\u89d2 *\/\n.pmac-membership-dog-peek {\n  position: absolute;\n  right: -18px;\n  top: -42px;\n  width: 150px;\n  z-index: 4;\n  transform: rotate(10deg);\n  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.25));\n  pointer-events: none;\n}\n\n\/* ============================================================\n   \u5c4f 6: AI \u7167\u8b77\u554f\u7b54\n   ============================================================ *\/\n.pmac-ai {\n  background: var(--pmac-white);\n  padding: 88px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-ai-inner {\n  display: grid;\n  grid-template-columns: 1fr 1.1fr;\n  gap: 64px;\n  align-items: center;\n}\n\n.pmac-ai-visual {\n  position: relative;\n}\n\n.pmac-ai-chat {\n  background: var(--pmac-bg-soft);\n  border-radius: var(--pmac-radius-lg);\n  padding: 28px;\n  box-shadow: var(--pmac-shadow);\n  position: relative;\n}\n\n.pmac-ai-chat-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-bottom: 20px;\n  border-bottom: 1px solid #E2E8F0;\n  margin-bottom: 20px;\n}\n\n.pmac-ai-avatar {\n  width: 48px;\n  height: 48px;\n  background: linear-gradient(135deg, var(--pmac-yellow) 0%, #FFA600 100%);\n  border-radius: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 24px;\n}\n\n.pmac-ai-info h4 {\n  font-size: 16px;\n  margin-bottom: 4px;\n}\n\n.pmac-ai-status {\n  font-size: 13px;\n  color: var(--pmac-line-color);\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.pmac-ai-status::before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: var(--pmac-line-color);\n  border-radius: 50%;\n  animation: pmac-pulse 2s infinite;\n}\n\n.pmac-chat-bubble {\n  padding: 14px 18px;\n  border-radius: 16px;\n  margin-bottom: 12px;\n  font-size: 15px;\n  max-width: 85%;\n  line-height: 1.65;\n  opacity: 0;\n  transform: translateY(10px);\n  animation: pmac-bubble-in 0.5s var(--pmac-ease) forwards;\n}\n\n.pmac-chat-bubble-user {\n  background: var(--pmac-ink);\n  color: var(--pmac-white);\n  margin-left: auto;\n  border-bottom-right-radius: 4px;\n  animation-delay: 0.2s;\n}\n\n.pmac-chat-bubble-bot {\n  background: var(--pmac-white);\n  color: var(--pmac-ink-2);\n  border-bottom-left-radius: 4px;\n  animation-delay: 0.8s;\n  box-shadow: var(--pmac-shadow-sm);\n}\n\n.pmac-chat-bubble-bot.pmac-second {\n  animation-delay: 1.4s;\n}\n\n@keyframes pmac-bubble-in {\n  to { opacity: 1; transform: translateY(0); }\n}\n\n.pmac-ai-typing {\n  display: inline-flex;\n  gap: 4px;\n  margin-top: 4px;\n}\n\n.pmac-ai-typing span {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--pmac-ink-3);\n  animation: pmac-typing 1.2s infinite;\n}\n\n.pmac-ai-typing span:nth-child(2) { animation-delay: 0.2s; }\n.pmac-ai-typing span:nth-child(3) { animation-delay: 0.4s; }\n\n@keyframes pmac-typing {\n  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }\n  30% { transform: translateY(-4px); opacity: 1; }\n}\n\n\/* \u5927\u9ea5\u753a\u63a2\u982d \u2014 \u63a8\u5230 section \u5de6\u4e0b\u89d2\u5916\u5074 *\/\n\/* AI \u5340\uff1a\u5927\u9ea5\u753a\u63a2\u51fa\u804a\u5929\u5361\u5de6\u4e0a\u89d2 *\/\n.pmac-ai-dog-peek {\n  position: absolute;\n  left: -18px;\n  top: -40px;\n  bottom: auto;\n  width: 140px;\n  transform: rotate(-8deg);\n  z-index: 4;\n  filter: drop-shadow(0 16px 32px rgba(0, 0, 0, 0.15));\n  pointer-events: none;\n}\n\n.pmac-ai-content h2 {\n  font-size: clamp(32px, 4.2vw, 44px);\n  margin-bottom: 20px;\n}\n\n.pmac-ai-content > p {\n  font-size: 17px;\n  color: var(--pmac-ink-2);\n  margin-bottom: 28px;\n  line-height: 1.85;\n}\n\n.pmac-ai-features {\n  display: grid;\n  gap: 12px;\n  margin-bottom: 28px;\n}\n\n.pmac-ai-feature {\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n  padding: 16px;\n  background: var(--pmac-bg-soft);\n  border-radius: var(--pmac-radius-sm);\n}\n\n.pmac-ai-feature-icon {\n  width: 32px;\n  height: 32px;\n  background: var(--pmac-yellow);\n  border-radius: 8px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n}\n\n.pmac-ai-feature-text strong {\n  display: block;\n  font-size: 16px;\n  color: var(--pmac-ink);\n  margin-bottom: 4px;\n}\n\n.pmac-ai-feature-text span {\n  font-size: 14px;\n  color: var(--pmac-ink-3);\n  line-height: 1.6;\n}\n\n.pmac-ai-warning {\n  background: #FFF4E5;\n  border-left: 4px solid #FF9F1C;\n  padding: 16px 20px;\n  border-radius: 8px;\n  font-size: 14px;\n  color: var(--pmac-ink-2);\n  line-height: 1.7;\n}\n\n.pmac-ai-warning strong {\n  color: #B25800;\n  display: block;\n  margin-bottom: 4px;\n}\n\n\/* ============================================================\n   \u5c4f 7: \u5c08\u5bb6\u80cc\u66f8 (\u7d14\u6587\u5b57)\n   ============================================================ *\/\n.pmac-experts {\n  background: var(--pmac-bg-cream);\n  padding: 88px 0;\n  position: relative;\n}\n\n.pmac-experts-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 24px;\n  margin-top: 56px;\n}\n\n.pmac-expert-card {\n  background: var(--pmac-white);\n  border-radius: var(--pmac-radius);\n  padding: 32px 24px;\n  text-align: center;\n  transition: all 0.4s var(--pmac-ease);\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-expert-card:hover {\n  transform: translateY(-6px) rotate(-1deg);\n  box-shadow: var(--pmac-shadow-lg);\n}\n\n.pmac-expert-icon {\n  width: 80px;\n  height: 80px;\n  margin: 0 auto 20px;\n  background: linear-gradient(135deg, var(--pmac-bg-cream) 0%, var(--pmac-yellow) 100%);\n  border-radius: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 36px;\n}\n\n.pmac-expert-card h3 {\n  font-size: 19px;\n  margin-bottom: 8px;\n}\n\n.pmac-expert-role {\n  font-size: 14px;\n  color: var(--pmac-ink-3);\n  margin-bottom: 18px;\n  font-weight: 500;\n}\n\n.pmac-expert-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  justify-content: center;\n}\n\n.pmac-expert-tag {\n  display: inline-block;\n  padding: 6px 12px;\n  background: var(--pmac-bg-soft);\n  border-radius: 999px;\n  font-size: 13px;\n  color: var(--pmac-ink-2);\n  font-weight: 600;\n}\n\n.pmac-experts-process {\n  display: flex;\n  justify-content: center;\n  gap: 16px;\n  margin-top: 64px;\n  flex-wrap: wrap;\n}\n\n.pmac-process-step {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 18px 28px;\n  background: var(--pmac-white);\n  border-radius: 999px;\n  box-shadow: var(--pmac-shadow-sm);\n  font-size: 16px;\n  font-weight: 700;\n  color: var(--pmac-ink);\n}\n\n.pmac-process-num {\n  width: 32px;\n  height: 32px;\n  background: var(--pmac-ink);\n  color: var(--pmac-yellow);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 15px;\n  font-family: var(--pmac-font-en);\n  font-weight: 700;\n}\n\n.pmac-process-arrow {\n  font-size: 24px;\n  color: var(--pmac-ink-3);\n  align-self: center;\n}\n\n\/* ============================================================\n   \u5c4f 8: \u514d\u8cbb\u8cc7\u6e90\n   ============================================================ *\/\n.pmac-resources {\n  background: var(--pmac-white);\n  padding: 88px 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-resources-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 32px;\n  margin-top: 64px;\n}\n\n.pmac-resource-card {\n  background: var(--pmac-bg-soft);\n  border-radius: var(--pmac-radius-lg);\n  padding: 36px 28px;\n  transition: all 0.4s var(--pmac-ease);\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-resource-card:hover {\n  transform: translateY(-8px);\n  background: var(--pmac-bg-cream);\n  box-shadow: var(--pmac-shadow-lg);\n}\n\n.pmac-resource-card:first-child::after,\n.pmac-resource-card:nth-child(2)::after,\n.pmac-resource-card:nth-child(3)::after {\n  content: '';\n  position: absolute;\n  top: -20px;\n  right: -20px;\n  width: 100px;\n  height: 100px;\n  background: var(--pmac-yellow);\n  opacity: 0.1;\n  border-radius: 50%;\n  transition: transform 0.5s var(--pmac-ease);\n}\n\n.pmac-resource-card:hover::after {\n  transform: scale(2);\n}\n\n.pmac-resource-icon {\n  width: 64px;\n  height: 64px;\n  background: var(--pmac-white);\n  border-radius: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 30px;\n  margin-bottom: 20px;\n  position: relative;\n  z-index: 2;\n  box-shadow: var(--pmac-shadow-sm);\n}\n\n.pmac-resource-card h3 {\n  font-size: 20px;\n  margin-bottom: 12px;\n  position: relative;\n  z-index: 2;\n}\n\n.pmac-resource-card > p {\n  font-size: 15px;\n  color: var(--pmac-ink-2);\n  margin-bottom: 22px;\n  line-height: 1.75;\n  position: relative;\n  z-index: 2;\n}\n\n.pmac-resource-list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px;\n  position: relative;\n  z-index: 2;\n}\n\n.pmac-resource-list li {\n  font-size: 14.5px;\n  color: var(--pmac-ink-2);\n  padding: 7px 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.pmac-resource-list li::before {\n  content: '\u2713';\n  color: var(--pmac-line-color);\n  font-weight: 700;\n}\n\n.pmac-resource-cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 13px 24px;\n  background: var(--pmac-line-color);\n  color: #FFFFFF;\n  border-radius: 999px;\n  font-size: 15px;\n  font-weight: 700;\n  transition: all 0.3s var(--pmac-ease);\n  position: relative;\n  z-index: 2;\n  box-shadow: 0 4px 0 #2F8830;\n}\n\n.pmac-resource-cta:hover {\n  background: #06C755;\n  color: #FFFFFF;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 0 #2F8830, 0 8px 24px rgba(6, 199, 85, 0.3);\n}\n\n.pmac-resource-cta:active {\n  transform: translateY(2px);\n  box-shadow: 0 2px 0 #2F8830;\n}\n\n\/* \u9ec3\u91d1\u7375\u72ac\u63a2\u982d \u2014 \u63a8\u5230\u53f3\u4e0b\u89d2\uff0c\u9060\u96e2\u6309\u9215 *\/\n\/* \u514d\u8cbb\u8cc7\u6e90\u5340\uff1a\u9ec3\u91d1\u7375\u72ac\u5f9e\u5de6\u4e0b\u89d2\u63a2\u982d\uff08\u653e\u5361\u7247\u5f8c\u65b9\uff0c\u50c5\u5728\u7a7a\u767d\u8655\u9732\u51fa\uff09 *\/\n.pmac-resources-dog-peek {\n  position: absolute;\n  left: 24px;\n  bottom: -30px;\n  right: auto;\n  top: auto;\n  width: 160px;\n  z-index: 0;\n  opacity: 0.95;\n  transform: rotate(-5deg);\n  filter: drop-shadow(0 16px 32px rgba(0, 0, 0, 0.12));\n  pointer-events: none;\n}\n\n\/* ============================================================\n   \u5c4f 9: LINE \u5c0e\u6d41 (Final CTA)\n   ============================================================ *\/\n.pmac-line-cta {\n  background: linear-gradient(135deg, #06C755 0%, #00B144 100%);\n  padding: 88px 0;\n  position: relative;\n  overflow: hidden;\n  color: var(--pmac-white);\n}\n\n.pmac-line-cta::before {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 800px;\n  height: 800px;\n  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 60%);\n  border-radius: 50%;\n}\n\n.pmac-line-cta-inner {\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: 64px;\n  align-items: center;\n  position: relative;\n  z-index: 2;\n}\n\n#pmac-root .pmac-line-cta h2 {\n  color: var(--pmac-white);\n  font-size: clamp(36px, 5vw, 56px);\n  margin-bottom: 24px;\n  line-height: 1.2;\n}\n\n.pmac-line-cta-sub {\n  font-size: 19px;\n  color: rgba(255, 255, 255, 0.95);\n  margin-bottom: 32px;\n  line-height: 1.8;\n  font-weight: 500;\n}\n\n.pmac-line-benefits {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n  margin-bottom: 36px;\n}\n\n.pmac-line-benefit {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  font-size: 15px;\n  font-weight: 500;\n  color: var(--pmac-white);\n  background: rgba(255, 255, 255, 0.18);\n  padding: 14px 18px;\n  border-radius: 12px;\n  backdrop-filter: blur(4px);\n}\n\n.pmac-line-benefit-icon {\n  flex-shrink: 0;\n  width: 26px;\n  height: 26px;\n  background: var(--pmac-yellow);\n  color: var(--pmac-ink);\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.pmac-line-cta-buttons {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.pmac-line-cta-buttons .pmac-btn {\n  font-size: 17px;\n  padding: 18px 36px;\n}\n\n\/* LINE \u5340\u767d\u8272\u6309\u9215 - \u6587\u5b57\u9810\u8a2d\u5c31\u662f\u6df1\u8272 + \u7da0\u8272\u5f37\u8abf (\u7528 !important \u78ba\u4fdd Elementor \/ \u4e3b\u984c\u4e0d\u6703\u8986\u84cb) *\/\n#pmac-root .pmac-btn-white {\n  background: #FFFFFF !important;\n  color: #06C755 !important;\n  box-shadow: 0 6px 0 rgba(6, 150, 60, 0.45), 0 8px 24px rgba(0, 0, 0, 0.18);\n  font-weight: 800;\n  border: 2px solid transparent;\n}\n\n#pmac-root .pmac-btn-white * {\n  color: #06C755 !important;\n}\n\n#pmac-root .pmac-btn-white:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 8px 0 rgba(6, 150, 60, 0.55), 0 12px 32px rgba(0, 0, 0, 0.22);\n  background: #FFFFFF !important;\n  color: #06C755 !important;\n  border-color: var(--pmac-yellow);\n}\n\n#pmac-root .pmac-btn-white svg {\n  color: #06C755 !important;\n  fill: #06C755 !important;\n}\n\n\/* LINE \u8996\u89ba\u5340 - QR Code \u5361\u7247 *\/\n.pmac-line-visual {\n  position: relative;\n}\n\n.pmac-qr-card {\n  background: var(--pmac-white);\n  border-radius: var(--pmac-radius-lg);\n  padding: 36px;\n  text-align: center;\n  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.25);\n  position: relative;\n  transform: rotate(-3deg);\n  transition: transform 0.5s var(--pmac-ease);\n}\n\n.pmac-qr-card:hover {\n  transform: rotate(0deg);\n}\n\n\/* QR Code \u5716\u7247\u5bb9\u5668 - \u4e0a\u50b3\u771f\u5be6 QR \u5716\u7247\u7528 *\/\n.pmac-qr-placeholder {\n  width: 200px;\n  height: 200px;\n  margin: 0 auto 20px;\n  border-radius: 16px;\n  position: relative;\n  overflow: hidden;\n  background: #FFFFFF;\n  border: 1px solid #ECEFF3;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s var(--pmac-ease);\n}\n\n.pmac-qr-placeholder img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  padding: 12px;\n}\n\n.pmac-qr-placeholder-empty {\n  text-align: center;\n  color: var(--pmac-ink-3);\n  font-size: 13px;\n  padding: 16px;\n  line-height: 1.5;\n}\n\n.pmac-qr-placeholder-empty svg {\n  width: 36px;\n  height: 36px;\n  margin: 0 auto 8px;\n  display: block;\n  opacity: 0.5;\n}\n\n.pmac-qr-card h4 {\n  font-size: 19px;\n  margin-bottom: 6px;\n  color: var(--pmac-ink);\n}\n\n.pmac-qr-card p {\n  font-size: 14px;\n  color: var(--pmac-ink-3);\n}\n\n.pmac-qr-id {\n  margin-top: 16px;\n  padding: 10px 20px;\n  background: var(--pmac-bg-soft);\n  border-radius: 999px;\n  font-family: var(--pmac-font-en);\n  font-size: 15px;\n  color: var(--pmac-ink);\n  font-weight: 600;\n  display: inline-block;\n}\n\n\/* \u864e\u6591\u8c93\u63a2\u982d - \u63a8\u5230 QR \u5361\u5de6\u5916\u5074\u4e0a\u65b9 *\/\n\/* LINE \u5340\uff1a\u864e\u6591\u8c93\u63a2\u51fa QR \u5361\u5de6\u4e0a\u89d2 *\/\n.pmac-line-cat-peek {\n  position: absolute;\n  left: -28px;\n  top: -34px;\n  width: 150px;\n  z-index: 4;\n  transform: rotate(-10deg);\n  filter: drop-shadow(0 16px 40px rgba(0, 0, 0, 0.25));\n  pointer-events: none;\n}\n\n\/* ============================================================\n   FOOTER\n   ============================================================ *\/\n.pmac-footer {\n  background: var(--pmac-ink);\n  color: rgba(255, 255, 255, 0.7);\n  padding: 80px 0 32px;\n}\n\n.pmac-footer-top {\n  display: grid;\n  grid-template-columns: 1.5fr 1fr 1fr 1fr;\n  gap: 48px;\n  margin-bottom: 48px;\n}\n\n#pmac-root .pmac-footer-brand h4 {\n  color: var(--pmac-white);\n  font-size: 18px;\n  margin-bottom: 12px;\n}\n\n.pmac-footer-brand p {\n  font-size: 15px;\n  line-height: 1.8;\n  margin-bottom: 16px;\n}\n\n.pmac-footer-col h5 {\n  color: var(--pmac-white);\n  font-size: 15px;\n  font-weight: 700;\n  margin-bottom: 18px;\n  letter-spacing: 0.05em;\n}\n\n.pmac-footer-col ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.pmac-footer-col li {\n  padding: 7px 0;\n}\n\n.pmac-footer-col a {\n  font-size: 14.5px;\n  color: rgba(255, 255, 255, 0.7);\n  transition: color 0.2s;\n}\n\n.pmac-footer-col a:hover {\n  color: var(--pmac-yellow);\n}\n\n.pmac-footer-bottom {\n  border-top: 1px solid rgba(255, 255, 255, 0.1);\n  padding-top: 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n\n.pmac-footer-disclaimer {\n  font-size: 13px;\n  line-height: 1.8;\n  color: rgba(255, 255, 255, 0.5);\n  max-width: 900px;\n  margin-top: 16px;\n  padding-top: 20px;\n  border-top: 1px solid rgba(255, 255, 255, 0.08);\n  width: 100%;\n}\n\n\/* ============================================================\n   Floating LINE Button (\u56fa\u5b9a\u53f3\u4e0b)\n   ============================================================ *\/\n.pmac-float-line {\n  position: fixed;\n  bottom: 24px;\n  right: 24px;\n  z-index: 90;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: var(--pmac-line-color);\n  color: var(--pmac-white);\n  padding: 16px 24px 16px 18px;\n  border-radius: 999px;\n  font-weight: 700;\n  font-size: 16px;\n  box-shadow: 0 12px 32px rgba(6, 199, 85, 0.4);\n  transition: all 0.3s var(--pmac-ease);\n  animation: pmac-breathe 3s ease-in-out infinite;\n}\n\n.pmac-float-line:hover {\n  transform: scale(1.05);\n  box-shadow: 0 16px 40px rgba(6, 199, 85, 0.5);\n}\n\n.pmac-float-line-icon {\n  width: 28px;\n  height: 28px;\n  background: var(--pmac-white);\n  color: var(--pmac-line-color);\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 900;\n}\n\n@keyframes pmac-breathe {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.04); }\n}\n\n\/* ============================================================\n   ANIMATION ENTRY\n   \u9810\u8a2d\u4e0d\u96b1\u85cf\uff0c\u7531 JS (IntersectionObserver) \u52a0\u4e0a .pmac-in-view \u624d\u52d5\n   \u9019\u6a23 JS \u5931\u6548 \/ Elementor \u7de8\u8f2f\u5668\u5167\u4e5f\u80fd\u770b\u898b\u5168\u90e8\u5167\u5bb9\n   ============================================================ *\/\n.pmac-fade-up,\n.pmac-fade-in,\n.pmac-scale-in {\n  opacity: 1;\n  transform: none;\n}\n\n\/* \u53ea\u5728 body \u6709 .pmac-anim-ready (JS \u4e3b\u52d5\u52a0\u4e0a) \u6642\u624d\u96b1\u85cf \u2192 \u7b49\u52d5\u756b\u89f8\u767c *\/\nbody.pmac-anim-ready .pmac-fade-up:not(.pmac-in-view) {\n  opacity: 0;\n  transform: translateY(32px);\n}\n\nbody.pmac-anim-ready .pmac-fade-in:not(.pmac-in-view) {\n  opacity: 0;\n}\n\nbody.pmac-anim-ready .pmac-scale-in:not(.pmac-in-view) {\n  opacity: 0;\n  transform: scale(0.94);\n}\n\n.pmac-fade-up.pmac-in-view,\n.pmac-fade-in.pmac-in-view,\n.pmac-scale-in.pmac-in-view {\n  opacity: 1 !important;\n  transform: none !important;\n  transition: opacity 0.7s var(--pmac-ease), transform 0.7s var(--pmac-ease);\n}\n\n\/* ============================================================\n   MICRO-INTERACTIONS & EXTRA ANIMATIONS\n   ============================================================ *\/\n\n\/* \u5361\u7247\u5149\u6688\u6ed1\u904e\u6548\u679c *\/\n.pmac-course-card,\n.pmac-service-card,\n.pmac-resource-card,\n.pmac-expert-card {\n  position: relative;\n}\n\n.pmac-course-card::after,\n.pmac-service-card::after,\n.pmac-resource-card::after {\n  \/* \u4e0d\u8986\u84cb\u5df2\u6709\u7684\u507d\u5143\u7d20\uff0c\u7531\u5404\u81ea\u898f\u5247\u6c7a\u5b9a *\/\n}\n\n\/* \u6ed1\u904e\u5361\u7247\u6642\uff0c\u5361\u7247\u5167\u90e8\u8ddf\u8457\u8f15\u50be\u7684 3D \u900f\u8996\u6548\u679c (\u900f\u904e JS \u63a7\u5236) *\/\n.pmac-tilt {\n  transition: transform 0.3s var(--pmac-ease);\n  transform-style: preserve-3d;\n  perspective: 1000px;\n}\n\n\/* \u670d\u52d9 icon \u8df3\u52d5\u5149\u74b0 *\/\n.pmac-service-icon-wrap {\n  position: relative;\n}\n\n.pmac-service-icon-wrap::after {\n  content: '';\n  position: absolute;\n  inset: -6px;\n  border-radius: 26px;\n  border: 2px dashed rgba(255, 210, 63, 0);\n  transition: border-color 0.4s, transform 0.6s var(--pmac-ease-bounce);\n}\n\n.pmac-service-card:hover .pmac-service-icon-wrap::after {\n  border-color: var(--pmac-yellow);\n  transform: rotate(45deg) scale(1.08);\n  animation: pmac-spin-slow 8s linear infinite;\n}\n\n\/* \u8ab2\u7a0b\u5361\u5c01\u9762\uff1a\u6ed1\u904e\u6642\u5149\u7dda\u6383\u904e *\/\n.pmac-course-cover {\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-course-cover::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 50%;\n  height: 100%;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    rgba(255, 255, 255, 0.4) 50%,\n    transparent 100%\n  );\n  transform: skewX(-20deg);\n  transition: left 0.7s var(--pmac-ease);\n  pointer-events: none;\n  z-index: 1;\n}\n\n.pmac-course-card:hover .pmac-course-cover::before {\n  left: 150%;\n}\n\n\/* \u8ab2\u7a0b\u5361 hover \u6d6e\u8d77 + \u908a\u6846\u6f38\u5c64 *\/\n.pmac-course-card {\n  border: 1px solid #EEF1F6;\n  transition: all 0.4s var(--pmac-ease);\n}\n\n.pmac-course-card:hover {\n  transform: translateY(-12px) scale(1.01);\n  box-shadow:\n    0 24px 48px rgba(0, 0, 0, 0.12),\n    0 8px 16px rgba(255, 210, 63, 0.2);\n  border-color: var(--pmac-yellow);\n}\n\n\/* \u75db\u9ede\u5361\u7247\u6f38\u5c64\u63ed\u793a *\/\n.pmac-pain-item {\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-pain-item::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(255, 210, 63, 0.08) 0%, transparent 60%);\n  opacity: 0;\n  transition: opacity 0.4s var(--pmac-ease);\n  pointer-events: none;\n}\n\n.pmac-pain-item:hover::after {\n  opacity: 1;\n}\n\n.pmac-pain-item:hover .pmac-pain-icon {\n  transform: rotate(-8deg) scale(1.08);\n  background: var(--pmac-yellow);\n}\n\n.pmac-pain-icon {\n  transition: all 0.4s var(--pmac-ease-bounce);\n}\n\n\/* \u5c08\u5bb6\u5361\u7247\uff1a\u6ed1\u904e\u6642\u6696\u5149 *\/\n.pmac-expert-card::before {\n  content: '';\n  position: absolute;\n  bottom: -60%;\n  left: 50%;\n  transform: translateX(-50%);\n  width: 140%;\n  height: 140%;\n  background: radial-gradient(circle, rgba(255, 210, 63, 0.25) 0%, transparent 60%);\n  opacity: 0;\n  transition: opacity 0.5s var(--pmac-ease);\n  pointer-events: none;\n}\n\n.pmac-expert-card:hover::before {\n  opacity: 1;\n}\n\n.pmac-expert-icon {\n  transition: transform 0.5s var(--pmac-ease-bounce);\n}\n\n.pmac-expert-card:hover .pmac-expert-icon {\n  transform: scale(1.12) rotate(-6deg);\n}\n\n\/* AI Chat \u5340\uff1a\u6c23\u6ce1\u8f15\u5fae\u8108\u52d5 (\u6301\u7e8c) *\/\n.pmac-chat-bubble-bot.pmac-second {\n  position: relative;\n}\n\n\/* \u6703\u54e1\u5217\u8868\u9805\uff1a\u6ed1\u904e\u5fae\u7e2e\u653e *\/\n.pmac-membership-list li {\n  transition: padding 0.3s var(--pmac-ease), color 0.3s;\n  cursor: default;\n}\n\n.pmac-membership-list li:hover {\n  padding-left: 8px;\n  color: var(--pmac-yellow);\n}\n\n\/* \u6efe\u52d5\u9032\u5ea6\u689d (\u9801\u9762\u9802\u90e8\u9ec3\u8272\u7d30\u689d) *\/\n.pmac-scroll-progress {\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 3px;\n  width: 0%;\n  background: linear-gradient(90deg, var(--pmac-yellow) 0%, #FFA600 100%);\n  z-index: 999;\n  transition: width 0.1s ease-out;\n  box-shadow: 0 0 8px rgba(255, 210, 63, 0.6);\n}\n\n\/* \u300c\u5411\u4e0a\u56de\u9802\u300d\u6309\u9215 *\/\n.pmac-back-top {\n  position: fixed;\n  left: 24px;\n  bottom: 24px;\n  width: 48px;\n  height: 48px;\n  background: var(--pmac-white);\n  color: var(--pmac-ink);\n  border-radius: 50%;\n  z-index: 89;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--pmac-shadow);\n  opacity: 0;\n  pointer-events: none;\n  transform: translateY(20px);\n  transition: all 0.3s var(--pmac-ease);\n  cursor: pointer;\n  border: 2px solid var(--pmac-yellow);\n}\n\n.pmac-back-top.pmac-show {\n  opacity: 1;\n  pointer-events: auto;\n  transform: translateY(0);\n}\n\n.pmac-back-top:hover {\n  background: var(--pmac-yellow);\n  transform: translateY(-4px) scale(1.05);\n}\n\n@media (max-width: 640px) {\n  .pmac-back-top {\n    left: 16px;\n    bottom: 80px;\n    width: 42px;\n    height: 42px;\n  }\n}\n\n\/* \u9023\u7e8c\u9583\u720d\u5149\u9ede (\u7528\u65bc hero \u88dd\u98fe) *\/\n@keyframes pmac-twinkle {\n  0%, 100% { opacity: 0.3; transform: scale(0.9); }\n  50% { opacity: 1; transform: scale(1.1); }\n}\n\n.pmac-deco-star-1 {\n  animation: pmac-spin-slow 12s linear infinite, pmac-twinkle 3s ease-in-out infinite;\n}\n\n\/* \u8ab2\u7a0b\u5361\u7247 emoji \u6ed1\u904e\u6642\u8df3\u52d5 *\/\n@keyframes pmac-bouncy {\n  0%, 100% { transform: scale(1) rotate(0); }\n  25% { transform: scale(1.18) rotate(-12deg); }\n  50% { transform: scale(1.08) rotate(8deg); }\n  75% { transform: scale(1.15) rotate(-4deg); }\n}\n\n.pmac-course-card:hover .pmac-course-emoji {\n  animation: pmac-bouncy 0.8s ease-in-out;\n}\n\n\/* \u670d\u52d9\u5361 hover \u6642\u5fae\u5fae\u4e0b\u6c89\u7684\u5f71\u5b50\u8ffd\u96a8 *\/\n.pmac-service-card {\n  position: relative;\n}\n\n.pmac-service-card:hover {\n  transform: translateY(-12px);\n}\n\n\/* \u5340\u584a\u9593\u6ce2\u6d6a\u904e\u6e21 (\u984d\u5916\u9ede\u7db4) *\/\n.pmac-wave-divider {\n  position: relative;\n  height: 60px;\n  margin-top: -60px;\n  pointer-events: none;\n  z-index: 5;\n}\n\n\/* AI Chat \u982d\u50cf\u547c\u5438\u611f *\/\n.pmac-ai-avatar {\n  position: relative;\n}\n\n.pmac-ai-avatar::after {\n  content: '';\n  position: absolute;\n  inset: -4px;\n  border-radius: 18px;\n  border: 2px solid var(--pmac-yellow);\n  opacity: 0;\n  animation: pmac-ring-pulse 2.4s ease-out infinite;\n}\n\n@keyframes pmac-ring-pulse {\n  0% { opacity: 0.8; transform: scale(0.92); }\n  100% { opacity: 0; transform: scale(1.25); }\n}\n\n\/* QR Code \u5361\u7247\u89d2\u6a19 *\/\n.pmac-qr-card {\n  position: relative;\n  overflow: visible;\n}\n\n.pmac-qr-card::before {\n  content: none;   \/* FREE \u5fbd\u7ae0\u79fb\u9664 *\/\n}\n\n\/* \u75db\u9ede conclusion \u5340\u5149\u9ede\u88dd\u98fe *\/\n.pmac-pain-conclusion {\n  position: relative;\n  overflow: hidden;\n}\n\n.pmac-pain-conclusion::after {\n  content: '';\n  position: absolute;\n  top: -20px;\n  right: -20px;\n  width: 80px;\n  height: 80px;\n  background: radial-gradient(circle, rgba(255, 210, 63, 0.4) 0%, transparent 70%);\n  border-radius: 50%;\n  pointer-events: none;\n}\n\n\/* \u6578\u5b57\u8a08\u6578\u52d5\u756b\u4f7f\u7528 *\/\n.pmac-stat-num {\n  font-family: var(--pmac-font-en);\n  font-weight: 800;\n}\n\n\/* ============================================================\n   RESPONSIVE - TABLET (1024px)\n   ============================================================ *\/\n@media (max-width: 1024px) {\n  .pmac-section { padding: 100px 0; }\n\n  .pmac-hero-inner {\n    grid-template-columns: 1fr;\n    text-align: center;\n    gap: 20px;\n  }\n\n  .pmac-hero-content {\n    padding-bottom: 0;\n  }\n\n  .pmac-hero-sub {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .pmac-hero-ctas { justify-content: center; }\n  .pmac-hero-trust { justify-content: center; }\n\n  .pmac-hero-visual {\n    min-height: 400px;\n  }\n\n  .pmac-hero-visual { justify-content: center; min-height: 420px; }\n\n  .pmac-hero-image {\n    position: relative;\n    width: 100%;\n    max-width: 560px;\n    margin: 0 auto;\n  }\n\n  \/* \u5e73\u677f\uff1a\u5e95\u677f\u8207 chip \u6536\u9032\u7bc4\u570d\uff0c\u907f\u514d\u8dd1\u7248 *\/\n  .pmac-hero-blob { inset: -4% 0 -4% 0; }\n  .pmac-hero-chip--tr { top: 2%; right: 2%; }\n  .pmac-hero-chip--bl { bottom: 2%; left: 2%; }\n\n  .pmac-services-grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .pmac-courses-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .pmac-membership-inner,\n  .pmac-ai-inner,\n  .pmac-line-cta-inner {\n    grid-template-columns: 1fr;\n    gap: 48px;\n  }\n\n  .pmac-experts-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .pmac-resources-grid {\n    grid-template-columns: 1fr;\n    max-width: 500px;\n    margin: 56px auto 0;\n  }\n\n  .pmac-footer-top {\n    grid-template-columns: 1fr 1fr;\n    gap: 32px;\n  }\n\n  .pmac-services-cat-peek,\n  .pmac-courses-cat-peek,\n  .pmac-resources-dog-peek,\n  .pmac-line-cat-peek {\n    width: 140px;\n  }\n\n  \/* tablet \u5f71\u7247\u5361\u7247\u5c3a\u5bf8 *\/\n  .pmac-hero-image {\n    max-width: 520px;\n    width: 100%;\n  }\n\n  \/* tablet \u8ab2\u7a0b\u5361\u7247\u6539 2 \u6b04 (\u672c\u4f86\u5c31 2 \u6b04\u4fdd\u6301) *\/\n  .pmac-courses-grid {\n    max-width: 720px;\n  }\n}\n\n\/* ============================================================\n   RESPONSIVE - MOBILE (640px)\n   ============================================================ *\/\n@media (max-width: 640px) {\n  .pmac-container { padding: 0 20px; }\n  .pmac-section { padding: 80px 0; }\n\n  .pmac-nav-menu { display: none; }\n  .pmac-nav-cta .pmac-btn { display: none; }\n  .pmac-nav-burger { display: flex; }\n\n  \/* \u624b\u6a5f\u7248 Hero\uff1a\u9806\u5e8f \u6a19\u7c64\u2192\u6a19\u984c\u2192\u52d5\u7269\u2192sub\u2192CTA\u2192trust *\/\n  .pmac-hero {\n    padding: 90px 0 32px;\n    min-height: auto;\n  }\n  .pmac-hero-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    min-height: auto;\n  }\n  \/* hero-content \u8b8a\u6210\u300c\u5bb9\u5668\u300d\uff0c\u5167\u90e8\u5b50\u5143\u7d20\u81ea\u5df1 order *\/\n  .pmac-hero-content {\n    display: contents;\n    padding-bottom: 0;\n  }\n  \/* \u624b\u6a5f\u9806\u5e8f\uff1a\u5927\u6a19\u984c \u2192 \u52d5\u756b \u2192 \u6309\u9215 \u2192 \u4fe1\u4efb \u2192 \u8aaa\u660e\uff08\u6a19\u7c64 bar \u5728\u624b\u6a5f\u96b1\u85cf\uff0c\u9a30\u51fa\u7a7a\u9593\uff09 *\/\n  .pmac-hero-content .pmac-hero-tag    { display: none; }\n  .pmac-hero h1                         { order: 2; margin: 8px 0 52px; text-align: center; padding-bottom: 6px; }\n  .pmac-hero-visual                     { order: 3; min-height: 0; height: auto; margin: 0 0 24px; width: 100%; }\n  .pmac-hero-ctas                       { order: 4; justify-content: center; margin-bottom: 16px; width: 100%; }\n  .pmac-hero-trust                      { order: 5; justify-content: center; gap: 14px; font-size: 13px; margin-bottom: 20px; }\n  .pmac-hero-sub                        { order: 6; text-align: center; margin: 0 auto; max-width: 100%; }\n\n  .pmac-hero h1 {\n    font-size: clamp(40px, 11vw, 60px);\n    line-height: 1.12;\n  }\n  \/* \u624b\u6a5f hero \u6a19\u984c\uff1a\u5169\u884c\u6536\u5c3e \u2192 \u5b78\u6703\u7167\u9867 \/ \u7d66\u6bdb\u5b69\u6700\u597d\u7684\u611b\uff08\u7b2c\u4e8c\u884c\u7565\u5c0f\uff09 *\/\n  .pmac-h1-comma,\n  .pmac-h1-shi,\n  .pmac-h1-br2 { display: none; }\n  .pmac-h1-line2 { font-size: 0.78em; }\n\n  \/* \u624b\u6a5f logo \u7e2e\u5c0f *\/\n  #pmac-root .pmac-logo-img { height: 42px; }\n\n  \/* ===== \u624b\u6a5f\u7248\u5168\u5c40\u6a19\u984c\uff1a\u667a\u80fd\u5206\u884c =====\n     \u96b1\u85cf section \u6a19\u984c\uff08h2\/h3\uff09\u7684\u786c\u63db\u884c <br>\uff0c\u6539\u7531\u700f\u89bd\u5668\u4f9d\u5bec\u5ea6\u81ea\u7136\u65b7\u884c\uff0b\u5e73\u8861\uff0c\n     \u907f\u514d\u786c <br> \u5728\u7a84\u87a2\u5e55\u9020\u6210\u5947\u602a\u65b7\u53e5\u6216\u6ea2\u51fa\u3002hero h1 \u7528\u81ea\u5df1\u7684 br \u985e\u5225\u63a7\u5236\uff0c\u4e0d\u53d7\u5f71\u97ff\u3002 *\/\n  #pmac-root h2 br,\n  #pmac-root h3 br { display: none; }\n\n  #pmac-root h2,\n  #pmac-root h3 {\n    text-wrap: balance;\n    overflow-wrap: break-word;\n    word-break: normal;\n    line-height: 1.3;\n  }\n\n  \/* \u6536\u6582\u5e7e\u500b\u504f\u5927\u7684\u6a19\u984c\u5b57\u7d1a\uff0c\u78ba\u4fdd\u4e0d\u8cbc\u908a\/\u4e0d\u6ea2\u51fa *\/\n  .pmac-pain-headline { font-size: clamp(24px, 6.6vw, 30px); line-height: 1.4; }\n  .pmac-h2 { font-size: clamp(26px, 7vw, 34px); }\n\n  \/* Hero \u5f71\u7247\u5361\u7247\u624b\u6a5f\u7248\uff1a\u6eff\u7248\u5230\u87a2\u5e55\u908a\u7de3 + 4:3 \u88c1\u5207\uff0c\u8b93\u8c93\u72d7\u66f4\u5927 *\/\n  .pmac-hero-image {\n    position: relative;\n    top: auto;\n    right: auto;\n    left: auto;\n    bottom: auto;\n    transform: none;\n    width: 95%;\n    max-width: 95%;\n    margin: 0 auto;\n    aspect-ratio: 5 \/ 4;\n    border-radius: 22px;\n  }\n  .pmac-hero-image video,\n  .pmac-hero-image img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    max-height: none;\n    margin: 0;\n  }\n  \/* \u624b\u6a5f\u96b1\u85cf\u6d6e\u52d5 chip\uff0c\u907f\u514d\u64e0\u58d3\u756b\u9762 *\/\n  .pmac-hero-chip { display: none; }\n  \/* Hero \u5e95\u677f\u624b\u6a5f\u7248\uff1a\u4e0d\u5411\u4e0a\u8d85\u51fa\uff0c\u907f\u514d\u8996\u89ba\u8cbc\u5230\u6a19\u984c *\/\n  .pmac-hero-blob {\n    inset: 0 0 -2% 0;\n    border-radius: 24px;\n  }\n\n  .pmac-pain-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pmac-services-grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .pmac-service-card { padding: 24px 16px; }\n  .pmac-service-card h3 { font-size: 16px; }\n\n  .pmac-courses-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pmac-experts-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pmac-experts-process {\n    flex-direction: column;\n  }\n\n  .pmac-process-arrow {\n    transform: rotate(90deg);\n  }\n\n  .pmac-line-benefits {\n    grid-template-columns: 1fr;\n  }\n\n  .pmac-footer-top {\n    grid-template-columns: 1fr;\n    gap: 32px;\n  }\n\n  .pmac-membership-card {\n    padding: 28px 24px;\n    transform: rotate(0deg);\n  }\n\n  .pmac-membership-card::before {\n    width: 160px;\n    height: 160px;\n    top: -60px;\n    left: -60px;\n  }\n\n  .pmac-card-price {\n    padding: 14px 18px;\n  }\n\n  .pmac-card-price-num {\n    font-size: 44px;\n  }\n\n  .pmac-qr-card {\n    padding: 24px;\n  }\n\n  .pmac-qr-placeholder {\n    width: 160px;\n    height: 160px;\n  }\n\n  \/* \u624b\u6a5f\uff1a\u864e\u6591\u8c93\u6539\u5f9e QR \u5361\u7247\u53f3\u4e0a\u89d2\u63a2\u982d\uff08\u53d6\u4ee3\u539f FREE \u5fbd\u7ae0\u4f4d\u7f6e\uff09\uff0c\u4e0d\u518d\u6d6e\u5728\u7da0\u5e95\u8dd1\u7248\n     \u7528 #pmac-root \u63d0\u9ad8\u7279\u7570\u6027\u4ee5\u84cb\u904e 820 \u5340\u584a\u7684 !important \u76f8\u5c0d\u5b9a\u4f4d *\/\n  #pmac-root .pmac-line-cat-peek {\n    position: absolute !important;\n    top: -26px !important;\n    right: 4% !important;\n    left: auto !important;\n    bottom: auto !important;\n    width: 118px !important;\n    margin: 0 !important;\n    transform: rotate(-10deg) !important;\n    z-index: 5 !important;\n  }\n\n  .pmac-float-line {\n    padding: 12px 18px 12px 12px;\n    font-size: 13px;\n    bottom: 16px;\n    right: 16px;\n  }\n\n  \/* \u63a2\u982d\u52d5\u7269\u4fdd\u7559\u986f\u793a\uff0c\u7531\u4e0a\u9762 @media max-width 820px \u7d71\u4e00\u8655\u7406\u6392\u7248 *\/\n\n  .pmac-hero-ctas { flex-direction: column; width: 100%; align-items: center; }\n  .pmac-hero-ctas .pmac-btn { width: 90%; padding: 14px 22px; font-size: 15px; }\n\n  .pmac-deco-star-1,\n  .pmac-deco-paw-1,\n  .pmac-deco-burst-1 { display: none; }\n}\n\n\/* ============================================================\n   \u624b\u6a5f\/\u5e73\u677f\uff08\u2264820\uff09\u63a2\u982d\u52d5\u7269\u5c0d\u7248\uff1a\n   \u7d14\u80cc\u666f\u578b\u52d5\u7269\u5728\u7a84\u87a2\u5e55\u6c92\u6709\u4e7e\u6de8\u843d\u9ede\uff0c\u6703\u64e0\u58d3\u5167\u5bb9 \u2192 \u96b1\u85cf\uff1b\n   \u53ea\u4fdd\u7559\u6709\u660e\u78ba\u4f9d\u9644\u5143\u4ef6\u7684\u864e\u6591\u8c93\uff08\u63a2\u51fa QR \u5361\u89d2\u843d\uff09\u3002\n   ============================================================ *\/\n@media (max-width: 820px) {\n  .pmac-services-cat-peek,\n  .pmac-courses-cat-peek,\n  .pmac-resources-dog-peek,\n  .pmac-membership-dog-peek,\n  .pmac-ai-dog-peek {\n    display: none !important;\n  }\n\n  \/* \u864e\u6591\u8c93\uff1a\u63a2\u51fa QR \u5361\u53f3\u4e0a\u89d2 *\/\n  .pmac-line-cat-peek {\n    position: absolute !important;\n    top: -24px !important;\n    right: 6% !important;\n    left: auto !important;\n    bottom: auto !important;\n    width: 112px !important;\n    margin: 0 !important;\n    transform: rotate(-10deg) !important;\n    z-index: 5 !important;\n  }\n}\n\n\/* \u300c\u8fd1\u671f\u958b\u653e\u300d\u63d0\u793a toast *\/\n.pmac-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 40px;\n  transform: translateX(-50%) translateY(20px);\n  background: var(--pmac-ink);\n  color: #fff;\n  font-size: 16px;\n  font-weight: 700;\n  padding: 14px 28px;\n  border-radius: 999px;\n  box-shadow: 0 12px 32px rgba(0,0,0,0.25);\n  z-index: 9999;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.3s var(--pmac-ease), transform 0.3s var(--pmac-ease);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.pmac-toast.pmac-toast-show {\n  opacity: 1;\n  transform: translateX(-50%) translateY(0);\n}\n\n\/* prefers-reduced-motion \u5c0a\u91cd\u4f7f\u7528\u8005\u504f\u597d *\/\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<div id=\"pmac-root\">\n\n<!-- ============================================================\n     NAVIGATION\n     ============================================================ -->\n<nav class=\"pmac-nav\" id=\"pmac-nav\">\n  <div class=\"pmac-container pmac-nav-inner\">\n    <!-- LOGO \u5bb9\u5668\uff1a\u4e0a\u50b3 logo \u5f8c\u628a\u4e0b\u65b9 <span class=\"pmac-logo-empty\"> \u6574\u6bb5\u522a\u9664\uff0c\u6539\u6210 <img decoding=\"async\" class=\"pmac-logo-img\" src=\"...\" alt=\"\u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662\"> -->\n    <a href=\"\/\" class=\"pmac-logo\" data-pmac-url=\"home\" aria-label=\"\u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662\">\n      <img decoding=\"async\" class=\"pmac-logo-img\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/LOGO%E6%A9%AB.png\" alt=\"\u6bdb\u5c0f\u5b69\u5b78\u9662\">\n    <\/a>\n\n    <ul class=\"pmac-nav-menu\">\n      <li><a href=\"#courses\">\u8ab2\u7a0b<\/a><\/li>\n      <li><a href=\"#membership\">\u6703\u54e1<\/a><\/li>\n      <li><a href=\"#ai\">AI \u554f\u7b54<\/a><\/li>\n      <li><a href=\"#resources\">\u514d\u8cbb\u8cc7\u6e90<\/a><\/li>\n      <li><a href=\"#experts\">\u5c08\u5bb6\u5718\u968a<\/a><\/li>\n    <\/ul>\n\n    <div class=\"pmac-nav-cta\">\n      <!-- TODO: \u66ff\u63db\u6210 LINE \u52a0\u597d\u53cb\u9023\u7d50 -->\n      <a href=\"https:\/\/linevoom.line.me\/user\/_deUWqH0Q8WgdwIUqDN1EyMg8uMwJEN4EHxrNdhg\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"line-add\" class=\"pmac-btn pmac-btn-line\">\u52a0\u5165 LINE<\/a>\n      <button class=\"pmac-nav-burger\" id=\"pmac-burger-open\" aria-label=\"\u958b\u555f\u9078\u55ae\" aria-expanded=\"false\">\n        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n          <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\n          <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\n          <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<!-- Mobile Menu Drawer -->\n<div class=\"pmac-mobile-overlay\" id=\"pmac-mobile-overlay\"><\/div>\n<aside class=\"pmac-mobile-menu\" id=\"pmac-mobile-menu\" aria-hidden=\"true\">\n  <button class=\"pmac-mobile-menu-close\" id=\"pmac-burger-close\" aria-label=\"\u95dc\u9589\u9078\u55ae\">\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/>\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/>\n    <\/svg>\n  <\/button>\n\n  <ul>\n    <li><a href=\"#courses\" data-pmac-mobile-link>\u7dda\u4e0a\u8ab2\u7a0b<\/a><\/li>\n    <li><a href=\"#membership\" data-pmac-mobile-link>\u6703\u54e1\u670d\u52d9<\/a><\/li>\n    <li><a href=\"#ai\" data-pmac-mobile-link>AI \u7167\u8b77\u554f\u7b54<\/a><\/li>\n    <li><a href=\"#resources\" data-pmac-mobile-link>\u514d\u8cbb\u8cc7\u6e90<\/a><\/li>\n    <li><a href=\"#experts\" data-pmac-mobile-link>\u5c08\u5bb6\u5718\u968a<\/a><\/li>\n    <li><a href=\"#line\" data-pmac-mobile-link>\u52a0\u5165 LINE<\/a><\/li>\n  <\/ul>\n\n  <div class=\"pmac-mobile-menu-cta\">\n    <a href=\"#REPLACE_COURSES_URL\" data-pmac-url=\"all-courses\" class=\"pmac-btn pmac-btn-ghost\">\u67e5\u770b\u8ab2\u7a0b<\/a>\n  <\/div>\n<\/aside>\n\n<!-- ============================================================\n     \u5c4f 1: HERO\n     ============================================================ -->\n<section class=\"pmac-hero\">\n  <div class=\"pmac-container pmac-hero-inner\">\n\n    <!-- \u5de6\u5074\u6587\u5b57 -->\n    <div class=\"pmac-hero-content\">\n      <span class=\"pmac-hero-tag\">\n        <span class=\"pmac-hero-tag-dot\"><\/span>\n        \u5168\u65b0\u6703\u54e1\u670d\u52d9\u5373\u5c07\u4e0a\u7dda\n      <\/span>\n\n      <h1>\n        <span class=\"pmac-h1-line1\">\u5b78\u6703\u7167\u9867<\/span><br class=\"pmac-h1-br1\">\n        <span class=\"pmac-h1-line2\"><span class=\"pmac-h1-shi\">\u662f<\/span>\u7d66\u6bdb\u5b69<br class=\"pmac-h1-br2\"><span class=\"pmac-hi-highlight\">\u6700\u597d\u7684\u611b<\/span><\/span>\n      <\/h1>\n\n      <p class=\"pmac-hero-sub\">\n        \u5c08\u70ba\u72ac\u8c93\u5bb6\u5ead\u6253\u9020\u7684\u7167\u8b77\u6559\u80b2\u8207\u6703\u54e1\u670d\u52d9\u5e73\u53f0\u3002<br>\n        \u7d50\u5408\u7dda\u4e0a\u8ab2\u7a0b\u3001AI \u6bdb\u5b69\u5bb6\u91ab\u9867\u554f\u3001\u5546\u57ce\u6b0a\u76ca\u8207\u5b89\u5fc3\u7167\u8b77\u65b9\u6848\uff0c<br>\n        \u966a\u4f60\u5f9e\u65b0\u624b\u990a\u80b2\u5230\u9ad8\u9f61\u966a\u4f34\uff0c\u4e00\u6b65\u4e00\u6b65\u5efa\u7acb\u6b63\u78ba\u53c8\u5b89\u5fc3\u7684\u7167\u8b77\u80fd\u529b\u3002\n      <\/p>\n\n      <div class=\"pmac-hero-ctas\">\n        <!-- TODO: \u66ff\u63db\u6210 LINE \u52a0\u597d\u53cb\u9023\u7d50 -->\n        <a href=\"https:\/\/linevoom.line.me\/user\/_deUWqH0Q8WgdwIUqDN1EyMg8uMwJEN4EHxrNdhg\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"line-freebie\" class=\"pmac-btn pmac-btn-primary\">\n          \u52a0\u5165 LINE \u9818\u514d\u8cbb\u6e05\u55ae\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 5l7 7-7 7\"\/><\/svg>\n        <\/a>\n        <!-- TODO: \u66ff\u63db\u6210\u8ab2\u7a0b\u7e3d\u89bd\u9801\u9023\u7d50 (Teachify) -->\n        <a href=\"#REPLACE_COURSES_URL\" data-pmac-url=\"courses\" class=\"pmac-btn pmac-btn-outline\">\u67e5\u770b\u7dda\u4e0a\u8ab2\u7a0b<\/a>\n      <\/div>\n\n      <div class=\"pmac-hero-trust\">\n        <div class=\"pmac-trust-item\">\n          <div class=\"pmac-trust-stars\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\n          <span>4.9 \u98fc\u4e3b\u8a55\u50f9<\/span>\n        <\/div>\n        <div class=\"pmac-trust-item\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B8DEF\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n          \u5c08\u5bb6\u5be9\u7a3f\u8a8d\u8b49\n        <\/div>\n        <div class=\"pmac-trust-item\">\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#45B649\" stroke-width=\"2\"><path d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z\"\/><\/svg>\n          LINE \u771f\u4eba\u966a\u8dd1\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u53f3\u5074\u8996\u89ba -->\n    <div class=\"pmac-hero-visual\">\n      <div class=\"pmac-hero-blob\"><\/div>\n\n      <!-- \u624b\u7e6a\u88dd\u98fe SVG -->\n      <svg class=\"pmac-deco pmac-deco-star-1\" viewBox=\"0 0 60 60\" fill=\"none\">\n        <path d=\"M30 5 L34 24 L52 28 L34 32 L30 52 L26 32 L8 28 L26 24 Z\" fill=\"#FFD23F\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n      <\/svg>\n\n      <svg class=\"pmac-deco pmac-deco-paw-1\" viewBox=\"0 0 50 50\" fill=\"#1A1A1A\">\n        <ellipse cx=\"25\" cy=\"35\" rx=\"12\" ry=\"10\"\/>\n        <ellipse cx=\"10\" cy=\"20\" rx=\"5\" ry=\"7\"\/>\n        <ellipse cx=\"40\" cy=\"20\" rx=\"5\" ry=\"7\"\/>\n        <ellipse cx=\"18\" cy=\"8\" rx=\"4\" ry=\"6\"\/>\n        <ellipse cx=\"32\" cy=\"8\" rx=\"4\" ry=\"6\"\/>\n      <\/svg>\n\n      <svg class=\"pmac-deco pmac-deco-burst-1 pmac-deco-wiggle\" viewBox=\"0 0 40 40\" fill=\"none\">\n        <line x1=\"20\" y1=\"5\" x2=\"20\" y2=\"14\" stroke=\"#FFD23F\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n        <line x1=\"5\" y1=\"20\" x2=\"14\" y2=\"20\" stroke=\"#FFD23F\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n        <line x1=\"26\" y1=\"20\" x2=\"35\" y2=\"20\" stroke=\"#FFD23F\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n        <line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\" stroke=\"#FFD23F\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n        <line x1=\"25\" y1=\"25\" x2=\"31\" y2=\"31\" stroke=\"#FFD23F\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n      <\/svg>\n\n      <!-- \u6d6e\u52d5\u8cc7\u8a0a chip -->\n      <div class=\"pmac-hero-chip pmac-hero-chip--tr\">\n        <span class=\"pmac-hero-chip-ic\">\u2b50<\/span>\n        <span>4.9\u2605 \u98fc\u4e3b\u597d\u8a55<small>\u771f\u5be6\u5b78\u54e1\u56de\u994b<\/small><\/span>\n      <\/div>\n      <div class=\"pmac-hero-chip pmac-hero-chip--bl\">\n        <span class=\"pmac-hero-chip-ic\">\ud83d\udc3e<\/span>\n        <span>AI \u6bdb\u5b69\u5bb6\u91ab<small>24 \u5c0f\u6642\u5373\u6642\u554f\u7b54<\/small><\/span>\n      <\/div>\n\n      <!-- Hero \u4e3b\u8996\u89ba\uff1a\u8c93+\u72d7\u5f71\u7247 (autoplay muted loop\uff0c\u7121\u63a7\u5236\u689d) -->\n      <div class=\"pmac-hero-image\" id=\"pmac-hero-img\">\n        <video class=\"pmac-hero-video\" autoplay muted loop playsinline preload=\"metadata\"\n               poster=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/hero-1-poster.jpg\">\n          <!-- TODO: \u5c07 assets\/videos\/hero-1.mp4 \u4e0a\u50b3\u5230 WP \u5a92\u9ad4\u5eab\u5f8c\uff0c\u628a\u4e0b\u65b9\u7db2\u5740\u63db\u6210\u5be6\u969b\u9023\u7d50 -->\n          <source src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/hero-1.mp4\" type=\"video\/mp4\">\n          <img decoding=\"async\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/hero-1-poster.jpg\" alt=\"\u6bdb\u5c0f\u5b69\u7167\u8b77\">\n        <\/video>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- \u5e95\u90e8\u5f4e\u66f2\u904e\u6e21 -->\n  <svg class=\"pmac-hero-wave\" viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\">\n    <path d=\"M0,40 C360,80 720,0 1080,40 C1260,60 1380,30 1440,40 L1440,80 L0,80 Z\" fill=\"#FFFFFF\"\/>\n  <\/svg>\n<\/section>\n\n<!-- ============================================================\n     \u5c4f 2: \u75db\u9ede\n     ============================================================ -->\n<section class=\"pmac-pain\">\n  <div class=\"pmac-container\">\n    <h2 class=\"pmac-pain-headline pmac-fade-up\">\n      \u7b2c\u4e00\u6b21\u990a\u6bdb\u5b69\uff0c\u6700\u6015\u7684\u4e0d\u662f\u4e0d\u611b\u7260\uff0c<br>\n      \u800c\u662f<span class=\"pmac-emphasis\">\u4e0d\u77e5\u9053\u600e\u9ebc\u6b63\u78ba\u7167\u9867\u7260<\/span>\n    <\/h2>\n\n    <div class=\"pmac-pain-grid\">\n      <div class=\"pmac-pain-item pmac-fade-up\">\n        <div class=\"pmac-pain-icon\">\ud83d\udc36<\/div>\n        <div class=\"pmac-pain-text\">\u6e96\u5099\u990a\u72d7\u6216\u990a\u8c93\uff0c\u537b\u4e0d\u77e5\u9053\u8981\u5148\u6e96\u5099\u4ec0\u9ebc\u3002<\/div>\n      <\/div>\n      <div class=\"pmac-pain-item pmac-fade-up\">\n        <div class=\"pmac-pain-icon\">\ud83c\udf7c<\/div>\n        <div class=\"pmac-pain-text\">\u5e7c\u72ac\u5e7c\u8c93\u525b\u56de\u5bb6\uff0c\u4e0d\u77e5\u9053\u600e\u9ebc\u5b89\u6392\u5403\u98ef\u3001\u7761\u89ba\u8207\u4e0a\u5ec1\u6240\u3002<\/div>\n      <\/div>\n      <div class=\"pmac-pain-item pmac-fade-up\">\n        <div class=\"pmac-pain-icon\">\ud83e\uddb4<\/div>\n        <div class=\"pmac-pain-text\">\u72d7\u72d7\u4e82\u53eb\u3001\u54ac\u624b\u3001\u62c6\u5bb6\uff0c\u4e0d\u77e5\u9053\u8a72\u600e\u9ebc\u6559\u3002<\/div>\n      <\/div>\n      <div class=\"pmac-pain-item pmac-fade-up\">\n        <div class=\"pmac-pain-icon\">\ud83d\udc08<\/div>\n        <div class=\"pmac-pain-text\">\u8c93\u54aa\u4e82\u5c3f\u5c3f\u3001\u6293\u5bb6\u5177\uff0c\u4e0d\u77e5\u9053\u662f\u4e0d\u662f\u7260\u5728\u751f\u6c23\u3002<\/div>\n      <\/div>\n      <div class=\"pmac-pain-item pmac-fade-up\">\n        <div class=\"pmac-pain-icon\">\ud83c\udfaf<\/div>\n        <div class=\"pmac-pain-text\">\u60f3\u990a\u7279\u5b9a\u54c1\u7a2e\uff0c\u537b\u4e0d\u4e86\u89e3\u7260\u7684\u500b\u6027\u8207\u5065\u5eb7\u98a8\u96aa\u3002<\/div>\n      <\/div>\n      <div class=\"pmac-pain-item pmac-fade-up\">\n        <div class=\"pmac-pain-icon\">\u23f3<\/div>\n        <div class=\"pmac-pain-text\">\u6bdb\u5b69\u5e74\u7d00\u5927\u4e86\uff0c\u958b\u59cb\u8b8a\u7626\u3001\u8b8a\u5b89\u975c\u3001\u6d3b\u52d5\u529b\u4e0b\u964d\uff0c\u537b\u4e0d\u77e5\u9053\u8a72\u6ce8\u610f\u4ec0\u9ebc\u3002<\/div>\n      <\/div>\n      <div class=\"pmac-pain-item pmac-fade-up\">\n        <div class=\"pmac-pain-icon\">\ud83d\udc8a<\/div>\n        <div class=\"pmac-pain-text\">\u60f3\u8cb7\u4fdd\u5065\u54c1\u8207\u7167\u8b77\u7528\u54c1\uff0c\u4f46\u4e0d\u77e5\u9053\u4ec0\u9ebc\u662f\u771f\u7684\u9700\u8981\u3002<\/div>\n      <\/div>\n      <div class=\"pmac-pain-item pmac-fade-up\">\n        <div class=\"pmac-pain-icon\">\ud83d\udd0d<\/div>\n        <div class=\"pmac-pain-text\">\u7db2\u8def\u8cc7\u8a0a\u592a\u591a\uff0c\u4e0d\u77e5\u9053\u54ea\u4e9b\u662f\u6b63\u78ba\u89c0\u5ff5\uff0c\u54ea\u4e9b\u53ea\u662f\u504f\u65b9\u3002<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"pmac-pain-conclusion pmac-scale-in\">\n      \u4f60\u4e0d\u662f\u4e0d\u5920\u611b\u7260\uff0c<br>\u53ea\u662f\u9084\u6c92\u6709\u4eba\u597d\u597d\u6559\u4f60\u600e\u9ebc\u7167\u9867\u7260\u3002\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     \u5c4f 3: \u4e94\u5927\u670d\u52d9\u4e3b\u8ef8\n     ============================================================ -->\n<section class=\"pmac-services\" id=\"services\">\n  <div class=\"pmac-container\">\n    <div class=\"pmac-section-header\">\n      <span class=\"pmac-eyebrow pmac-eyebrow-show\">What we offer<\/span>\n      <h2 class=\"pmac-h2 pmac-fade-up\">\u966a\u4f34\u6bdb\u5b69\u5bb6\u5ead\u7684<br><span style=\"color: #F4B400;\">\u9577\u671f\u7167\u8b77\u652f\u6301\u7cfb\u7d71<\/span><\/h2>\n      <p class=\"pmac-section-sub pmac-fade-up\">\u5f9e\u7b2c\u4e00\u6b65\u6e96\u5099\uff0c\u5230\u9ad8\u9f61\u966a\u4f34\uff0c\u6211\u5011\u966a\u4f60\u8d70\u6bcf\u4e00\u500b\u968e\u6bb5\u3002<\/p>\n    <\/div>\n\n    <div class=\"pmac-services-grid\">\n      <!-- Card 1 -->\n      <div class=\"pmac-service-card pmac-fade-up\">\n        <div class=\"pmac-service-icon-wrap\">\n          <svg viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M18 4v6M14 7l4-3 4 3\"\/>\n            <rect x=\"6\" y=\"14\" width=\"24\" height=\"18\" rx=\"4\"\/>\n            <circle cx=\"13\" cy=\"22\" r=\"1.5\" fill=\"#1A1A1A\"\/>\n            <circle cx=\"23\" cy=\"22\" r=\"1.5\" fill=\"#1A1A1A\"\/>\n            <path d=\"M14 26c1 1 5 1 8 0\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u65b0\u624b\u7167\u8b77<\/h3>\n        <p>\u990a\u72d7\u990a\u8c93\u524d\u6e96\u5099\u3001\u5e7c\u72ac\u5e7c\u8c93\u56de\u5bb6\u3001\u7528\u54c1\u3001\u98f2\u98df\u3001\u75ab\u82d7<\/p>\n      <\/div>\n\n      <!-- Card 2 -->\n      <div class=\"pmac-service-card pmac-fade-up\">\n        <div class=\"pmac-service-icon-wrap\">\n          <svg viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"18\" cy=\"14\" r=\"6\"\/>\n            <path d=\"M9 32c0-5 4-8 9-8s9 3 9 8\"\/>\n            <path d=\"M14 12l-2-2M22 12l2-2\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u884c\u70ba\u6559\u990a<\/h3>\n        <p>\u72d7\u72d7\u5b9a\u9ede\u5927\u5c0f\u4fbf\u3001\u4e82\u53eb\u3001\u8c93\u54aa\u4e82\u5c3f\u5c3f\u3001\u6293\u5bb6\u5177\u3001\u591a\u8c93\u76f8\u8655<\/p>\n      <\/div>\n\n      <!-- Card 3 -->\n      <div class=\"pmac-service-card pmac-fade-up\">\n        <div class=\"pmac-service-icon-wrap\">\n          <svg viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <circle cx=\"18\" cy=\"18\" r=\"14\"\/>\n            <circle cx=\"13\" cy=\"15\" r=\"2\"\/>\n            <circle cx=\"23\" cy=\"15\" r=\"2\"\/>\n            <path d=\"M14 24c1 2 7 2 8 0\"\/>\n            <path d=\"M8 8l2-2M28 8l-2-2\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u54c1\u7a2e\u7167\u8b77<\/h3>\n        <p>\u67f4\u72ac\u3001\u6cd5\u9b25\u3001\u5e03\u5076\u8c93\u7b49\u54c1\u7a2e\u5c08\u5c6c\u7167\u8b77\u91cd\u9ede<\/p>\n      <\/div>\n\n      <!-- Card 4 -->\n      <div class=\"pmac-service-card pmac-fade-up\">\n        <div class=\"pmac-service-icon-wrap\">\n          <svg viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"M18 4l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u9ad8\u9f61\u966a\u4f34<\/h3>\n        <p>\u9ad8\u9f61\u72ac\u8c93\u5065\u5eb7\u89c0\u5bdf\u3001\u75bc\u75db\u8fa8\u8b58\u3001\u5c45\u5bb6\u8abf\u6574\u3001\u751f\u547d\u966a\u4f34<\/p>\n      <\/div>\n\n      <!-- Card 5 -->\n      <div class=\"pmac-service-card pmac-fade-up\">\n        <div class=\"pmac-service-icon-wrap\">\n          <svg viewBox=\"0 0 36 36\" fill=\"none\" stroke=\"#1A1A1A\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <rect x=\"4\" y=\"8\" width=\"28\" height=\"20\" rx=\"3\"\/>\n            <path d=\"M18 14v8M14 18h8\"\/>\n            <circle cx=\"9\" cy=\"13\" r=\"1\" fill=\"#1A1A1A\"\/>\n            <circle cx=\"27\" cy=\"13\" r=\"1\" fill=\"#1A1A1A\"\/>\n          <\/svg>\n        <\/div>\n        <h3>\u6703\u54e1\u670d\u52d9<\/h3>\n        <p>\u5168\u8ab2\u7a0b\uff0bAI \u554f\u7b54\uff0b\u5546\u57ce\uff0b\u5065\u5eb7\u6aa2\u6e2c\uff0b\u5b89\u5fc3\u7167\u8b77\u65b9\u6848<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u5976\u6cb9\u82f1\u77ed\u63a2\u982d -->\n    <img decoding=\"async\" class=\"pmac-services-cat-peek\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/image-5.png\" alt=\"\">\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     \u5c4f 4: 6 \u9580\u6838\u5fc3\u8ab2\u7a0b\n     ============================================================ -->\n<section class=\"pmac-courses\" id=\"courses\">\n  <div class=\"pmac-container\">\n\n    <!-- \u7070\u82f1\u77ed\u63a2\u982d -->\n    <img decoding=\"async\" class=\"pmac-courses-cat-peek\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/image-6.png\" alt=\"\">\n\n    <div class=\"pmac-section-header\">\n      <span class=\"pmac-eyebrow pmac-eyebrow-show\">Core Courses \u00b7 MVP<\/span>\n      <h2 class=\"pmac-h2 pmac-fade-up\">\u5efa\u7acb\u6bdb\u5b69\u7167\u8b77\u7684<br><span style=\"color: #F4B400;\">\u57fa\u672c\u529f\u8ab2\u7a0b<\/span><\/h2>\n      <p class=\"pmac-section-sub pmac-fade-up\">6 \u5802 MVP \u6838\u5fc3\u8ab2\u7a0b\uff0c\u7531\u5c08\u696d\u5718\u968a\u5be9\u7a3f\uff0c\u642d\u914d LINE \u5b78\u7fd2\u63d0\u9192\u966a\u4f60\u5b8c\u6210\u3002<\/p>\n    <\/div>\n\n    <div class=\"pmac-courses-grid\">\n\n      <!-- \u8ab2 1 -->\n      <article class=\"pmac-course-card pmac-fade-up\">\n        <div class=\"pmac-course-cover pmac-course-cover-1\">\n          <span class=\"pmac-course-badge\">\u65b0\u624b\u5fc5\u4fee<\/span>\n          <span class=\"pmac-course-emoji\">\ud83d\udc15<\/span>\n        <\/div>\n        <div class=\"pmac-course-body\">\n          <span class=\"pmac-course-tag\">\u65b0\u624b\u5b89\u5fc3\u8ab2 \u00b7 \u990a\u72d7<\/span>\n          <h3>\u65b0\u624b\u990a\u72d7\u5b89\u5fc3\u5165\u9580\u8ab2<\/h3>\n          <p>\u7b2c\u4e00\u6b21\u990a\u72d7\u5fc5\u4fee\u3002\u5f9e\u990a\u72d7\u524d\u6e96\u5099\u3001\u7528\u54c1\u3001\u5c45\u5bb6\u5b89\u5168\u3001\u98f2\u98df\u3001\u75ab\u82d7\u5230\u65b0\u624b\u5e38\u898b\u932f\u8aa4\uff0c\u4e00\u6b21\u5efa\u7acb\u6b63\u78ba\u89c0\u5ff5\u3002<\/p>\n          <!-- TODO: \u66ff\u63db\u6210 Teachify \u8ab2\u7a0b\u9023\u7d50 (\u65b0\u624b\u990a\u72d7) -->\n          <a href=\"#REPLACE_COURSE_URL_1\" data-pmac-url=\"course-1\" class=\"pmac-course-link\">\u67e5\u770b\u8ab2\u7a0b<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- \u8ab2 2 -->\n      <article class=\"pmac-course-card pmac-fade-up\">\n        <div class=\"pmac-course-cover pmac-course-cover-2\">\n          <span class=\"pmac-course-badge\">\u5e7c\u72ac\u9ec3\u91d1\u671f<\/span>\n          <span class=\"pmac-course-emoji\">\ud83d\udc36<\/span>\n        <\/div>\n        <div class=\"pmac-course-body\">\n          <span class=\"pmac-course-tag\">\u65b0\u624b\u5b89\u5fc3\u8ab2 \u00b7 \u5e7c\u72ac<\/span>\n          <h3>\u5e7c\u72ac\u56de\u5bb6 30 \u5929\u7167\u8b77\u8207\u6559\u990a\u8ab2<\/h3>\n          <p>\u5e7c\u72ac\u56de\u5bb6\u524d 30 \u5929\u662f\u5efa\u7acb\u597d\u7fd2\u6163\u7684\u9ec3\u91d1\u671f\u3002\u5354\u52a9\u4f60\u5efa\u7acb\u5403\u98ef\u3001\u7761\u89ba\u3001\u6392\u6cc4\u3001\u793e\u6703\u5316\u8207\u5bb6\u5ead\u898f\u5247\u3002<\/p>\n          <!-- TODO: \u66ff\u63db\u6210 Teachify \u8ab2\u7a0b\u9023\u7d50 (\u5e7c\u72ac\u56de\u5bb630\u5929) -->\n          <a href=\"#REPLACE_COURSE_URL_2\" data-pmac-url=\"course-2\" class=\"pmac-course-link\">\u67e5\u770b\u8ab2\u7a0b<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- \u8ab2 3 -->\n      <article class=\"pmac-course-card pmac-fade-up\">\n        <div class=\"pmac-course-cover pmac-course-cover-3\">\n          <span class=\"pmac-course-badge\">\u884c\u70ba\u71b1\u9580<\/span>\n          <span class=\"pmac-course-emoji\">\ud83d\udebd<\/span>\n        <\/div>\n        <div class=\"pmac-course-body\">\n          <span class=\"pmac-course-tag\">\u884c\u70ba\u6559\u990a\u8ab2 \u00b7 \u72d7\u72d7<\/span>\n          <h3>\u72d7\u72d7\u5b9a\u9ede\u5927\u5c0f\u4fbf\u8207\u57fa\u790e\u884c\u70ba\u8ab2<\/h3>\n          <p>\u72d7\u72d7\u4e0d\u662f\u6545\u610f\u4e82\u5c3f\uff0c\u800c\u662f\u9084\u6c92\u5b78\u6703\u898f\u5247\u3002\u5f9e\u74b0\u5883\u914d\u7f6e\u3001\u6392\u6cc4\u6642\u9593\u3001\u734e\u52f5\u65b9\u5f0f\u4e00\u6b65\u4e00\u6b65\u6539\u5584\u3002<\/p>\n          <!-- TODO: \u66ff\u63db\u6210 Teachify \u8ab2\u7a0b\u9023\u7d50 (\u72d7\u72d7\u5b9a\u9ede\u5927\u5c0f\u4fbf) -->\n          <a href=\"#REPLACE_COURSE_URL_3\" data-pmac-url=\"course-3\" class=\"pmac-course-link\">\u67e5\u770b\u8ab2\u7a0b<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- \u8ab2 4 -->\n      <article class=\"pmac-course-card pmac-fade-up\">\n        <div class=\"pmac-course-cover pmac-course-cover-4\">\n          <span class=\"pmac-course-badge\">\u65b0\u624b\u5fc5\u4fee<\/span>\n          <span class=\"pmac-course-emoji\">\ud83d\udc31<\/span>\n        <\/div>\n        <div class=\"pmac-course-body\">\n          <span class=\"pmac-course-tag\">\u65b0\u624b\u5b89\u5fc3\u8ab2 \u00b7 \u990a\u8c93<\/span>\n          <h3>\u65b0\u624b\u990a\u8c93\u5b89\u5fc3\u5165\u9580\u8ab2<\/h3>\n          <p>\u8c93\u4e0d\u662f\u4e0d\u7528\u7167\u9867\uff0c\u53ea\u662f\u7260\u8868\u9054\u5f97\u6bd4\u8f03\u5b89\u975c\u3002\u5b78\u6703\u8c93\u7802\u76c6\u3001\u98f2\u98df\u559d\u6c34\u3001\u74b0\u5883\u8c50\u5bcc\u5316\u3001\u58d3\u529b\u7ba1\u7406\u3002<\/p>\n          <!-- TODO: \u66ff\u63db\u6210 Teachify \u8ab2\u7a0b\u9023\u7d50 (\u65b0\u624b\u990a\u8c93) -->\n          <a href=\"#REPLACE_COURSE_URL_4\" data-pmac-url=\"course-4\" class=\"pmac-course-link\">\u67e5\u770b\u8ab2\u7a0b<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- \u8ab2 5 -->\n      <article class=\"pmac-course-card pmac-fade-up\">\n        <div class=\"pmac-course-cover pmac-course-cover-5\">\n          <span class=\"pmac-course-badge\">\u884c\u70ba\u71b1\u9580<\/span>\n          <span class=\"pmac-course-emoji\">\ud83d\udce6<\/span>\n        <\/div>\n        <div class=\"pmac-course-body\">\n          <span class=\"pmac-course-tag\">\u884c\u70ba\u6559\u990a\u8ab2 \u00b7 \u8c93\u54aa<\/span>\n          <h3>\u8c93\u7802\u76c6\u8207\u4e82\u5c3f\u5c3f\u554f\u984c\u6539\u5584\u8ab2<\/h3>\n          <p>\u8c93\u54aa\u4e82\u5c3f\u5c3f\u4e0d\u662f\u5831\u5fa9\u4f60\uff0c\u662f\u7260\u6b63\u5728\u544a\u8a34\u4f60\u6709\u4e8b\u60c5\u4e0d\u5c0d\u3002\u5b78\u6703\u5206\u8fa8\u91ab\u7642\u3001\u58d3\u529b\u3001\u7802\u76c6\u8207\u74b0\u5883\u554f\u984c\u3002<\/p>\n          <!-- TODO: \u66ff\u63db\u6210 Teachify \u8ab2\u7a0b\u9023\u7d50 (\u8c93\u7802\u76c6\u8207\u4e82\u5c3f\u5c3f) -->\n          <a href=\"#REPLACE_COURSE_URL_5\" data-pmac-url=\"course-5\" class=\"pmac-course-link\">\u67e5\u770b\u8ab2\u7a0b<\/a>\n        <\/div>\n      <\/article>\n\n      <!-- \u8ab2 6 -->\n      <article class=\"pmac-course-card pmac-fade-up\">\n        <div class=\"pmac-course-cover pmac-course-cover-6\">\n          <span class=\"pmac-course-badge\">\u9ad8\u9f61\u966a\u4f34<\/span>\n          <span class=\"pmac-course-emoji\">\ud83e\uddae<\/span>\n        <\/div>\n        <div class=\"pmac-course-body\">\n          <span class=\"pmac-course-tag\">\u9ad8\u9f61\u966a\u4f34\u8ab2 \u00b7 \u5165\u9580<\/span>\n          <h3>\u9ad8\u9f61\u72ac\u8c93\u5b89\u5fc3\u7167\u8b77\u5165\u9580\u8ab2<\/h3>\n          <p>\u966a\u6bdb\u5b69\u6162\u6162\u8b8a\u8001\uff0c\u662f\u4e00\u9580\u9700\u8981\u5b78\u7fd2\u7684\u611b\u3002\u5f9e\u98f2\u98df\u3001\u9ad4\u91cd\u3001\u75bc\u75db\u3001\u884c\u52d5\u529b\u3001\u8a8d\u77e5\u9000\u5316\u5efa\u7acb\u57fa\u672c\u89c0\u5ff5\u3002<\/p>\n          <!-- TODO: \u66ff\u63db\u6210 Teachify \u8ab2\u7a0b\u9023\u7d50 (\u9ad8\u9f61\u72ac\u8c93) -->\n          <a href=\"#REPLACE_COURSE_URL_6\" data-pmac-url=\"course-6\" class=\"pmac-course-link\">\u67e5\u770b\u8ab2\u7a0b<\/a>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div style=\"text-align: center; margin-top: 64px;\" class=\"pmac-fade-up\">\n      <!-- TODO: \u66ff\u63db\u6210\u8ab2\u7a0b\u7e3d\u89bd\u9801\u9023\u7d50 (Teachify) -->\n      <a href=\"#REPLACE_COURSES_URL\" data-pmac-url=\"all-courses\" class=\"pmac-btn pmac-btn-ghost\">\u67e5\u770b\u6240\u6709\u8ab2\u7a0b \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     \u5c4f 5: \u6703\u54e1\u670d\u52d9\u9810\u544a\n     ============================================================ -->\n<section class=\"pmac-membership\" id=\"membership\">\n  <div class=\"pmac-container pmac-membership-inner\">\n\n    <div class=\"pmac-membership-left\">\n      <span class=\"pmac-eyebrow pmac-eyebrow-show pmac-eyebrow-dark\">Membership Service<\/span>\n      <h2>\n        \u4e00\u500b\u6703\u54e1<br>\n        \u966a\u4f60\u7167\u9867\u6bdb\u5b69<br>\n        <span class=\"pmac-yellow-text\">\u6bcf\u4e00\u500b\u968e\u6bb5<\/span>\n      <\/h2>\n      <p class=\"pmac-membership-desc\">\n        \u5f9e\u525b\u5e36\u7260\u56de\u5bb6\u3001\u5efa\u7acb\u751f\u6d3b\u898f\u5247\u3001\u9762\u5c0d\u884c\u70ba\u554f\u984c\uff0c\u5230\u7260\u6162\u6162\u8b8a\u8001\u3002<br>\n        \u6bcf\u4e00\u500b\u968e\u6bb5\uff0c\u90fd\u6703\u9047\u5230\u4e0d\u540c\u7684\u7167\u8b77\u554f\u984c\u2014\u2014\u800c\u6211\u5011\u966a\u4f60\u4e00\u8d77\u8d70\u3002\n      <\/p>\n\n      <ul class=\"pmac-membership-list\">\n        <li>\u5168\u90e8\u7dda\u4e0a\u8ab2\u7a0b\u89c0\u770b\u6b0a\u76ca\uff08\u6301\u7e8c\u66f4\u65b0\uff09<\/li>\n        <li>AI \u6bdb\u5b69\u5bb6\u91ab\u9867\u554f\u7121\u9650\u5236\u554f\u7b54<\/li>\n        <li>\u6703\u54e1\u5c08\u5c6c\u5546\u57ce\u512a\u60e0\u8207\u5fc5\u5099\u5305<\/li>\n        <li>\u5065\u5eb7\u6aa2\u6e2c\u8207\u5b89\u5fc3\u7167\u8b77\u65b9\u6848\u6b0a\u76ca<\/li>\n        <li>\u5c08\u5bb6\u76f4\u64ad\u8207\u7167\u8b77\u5de5\u5177\u66f4\u65b0<\/li>\n        <li>LINE \u6703\u54e1\u966a\u8dd1\u63d0\u9192<\/li>\n      <\/ul>\n\n      <!-- TODO: \u66ff\u63db\u6210 LINE \u52a0\u597d\u53cb\u9023\u7d50 -->\n      <a href=\"https:\/\/linevoom.line.me\/user\/_deUWqH0Q8WgdwIUqDN1EyMg8uMwJEN4EHxrNdhg\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"line-membership\" class=\"pmac-btn pmac-btn-primary\">\u7acb\u5373\u52a0\u5165 LINE \u9810\u7d04\u6703\u54e1 \u2192<\/a>\n    <\/div>\n\n    <div class=\"pmac-membership-right\">\n\n      <!-- \u4f2f\u6069\u5c71\u5e7c\u72ac\u63a2\u982d -->\n      <img decoding=\"async\" class=\"pmac-membership-dog-peek\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/image-3.png\" alt=\"\">\n\n      <div class=\"pmac-membership-card\">\n        <span class=\"pmac-card-tier\">\u5b89\u5fc3\u5b78\u7fd2\u6703\u54e1<\/span>\n        <h3 class=\"pmac-card-title\">\u4e3b\u529b\u8a02\u95b1\u65b9\u6848<\/h3>\n        <div class=\"pmac-card-price\">\n          <span class=\"pmac-card-price-unit\">NT$<\/span>\n          <span class=\"pmac-card-price-num\">299<\/span>\n          <span class=\"pmac-card-price-unit\">\/ \u6708\u8d77<\/span>\n        <\/div>\n\n        <div class=\"pmac-card-divider\"><\/div>\n\n        <ul class=\"pmac-card-features\">\n          <li>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            \u5168\u90e8\u7dda\u4e0a\u8ab2\u7a0b\u89c0\u770b\n          <\/li>\n          <li>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            AI \u554f\u7b54\u7121\u9650\u5236\u4f7f\u7528\n          <\/li>\n          <li>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            \u5c08\u5bb6\u76f4\u64ad\u56de\u653e\n          <\/li>\n          <li>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            \u5546\u57ce\u6703\u54e1\u512a\u60e0\u50f9\n          <\/li>\n          <li>\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n            LINE \u9032\u968e\u5b78\u7fd2\u63d0\u9192\n          <\/li>\n        <\/ul>\n\n        <p class=\"pmac-card-note\">\uff0a \u53e6\u6709\u300c\u5b89\u5fc3\u7167\u8b77\u6703\u54e1\u300d\u6574\u5408\u8108\u840c\u5065\u5eb7\u6aa2\u6e2c\u65b9\u6848<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     \u5c4f 6: AI \u7167\u8b77\u554f\u7b54\n     ============================================================ -->\n<section class=\"pmac-ai\" id=\"ai\">\n  <div class=\"pmac-container pmac-ai-inner\">\n\n    <!-- \u5de6\u5074 Chat \u8996\u89ba -->\n    <div class=\"pmac-ai-visual\">\n      <!-- \u5927\u9ea5\u753a\u63a2\u982d -->\n      <img decoding=\"async\" class=\"pmac-ai-dog-peek\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/image-2.png\" alt=\"\">\n\n      <div class=\"pmac-ai-chat\">\n        <div class=\"pmac-ai-chat-header\">\n          <div class=\"pmac-ai-avatar\">\ud83e\udd16<\/div>\n          <div class=\"pmac-ai-info\">\n            <h4>AI \u6bdb\u5b69\u5bb6\u91ab\u9867\u554f<\/h4>\n            <span class=\"pmac-ai-status\">\u7dda\u4e0a\u5373\u6642\u56de\u61c9\u4e2d<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"pmac-chat-bubble pmac-chat-bubble-user\">\n          \u5e7c\u72ac\u525b\u56de\u5bb6\u7b2c\u4e00\u5929\u600e\u9ebc\u5b89\u6392\uff1f\n        <\/div>\n\n        <div class=\"pmac-chat-bubble pmac-chat-bubble-bot\">\n          \u5efa\u8b70\u5148\u6e96\u5099\u597d\u300c\u5b89\u5168\u4f11\u606f\u5340\uff0b\u56fa\u5b9a\u9935\u98df\u9ede\uff0b\u5ec1\u6240\u5340\u300d\u4e09\u500b\u5206\u5340\u3002\u7b2c\u4e00\u5929\u6e1b\u5c11\u8a2a\u5ba2\u3001\u8072\u97f3\u8207\u62b1\u62b1\uff0c\u8b93\u7260\u7528\u55c5\u89ba\u719f\u6089\u65b0\u5bb6\u5c31\u597d...\n        <\/div>\n\n        <div class=\"pmac-chat-bubble pmac-chat-bubble-bot pmac-second\">\n          \u26a0\ufe0f \u63d0\u9192\uff1a\u82e5\u5e7c\u72ac\u51fa\u73fe\u7cbe\u795e\u4e0d\u4f73\u3001\u62d2\u98df\u8d85\u904e 12 \u5c0f\u6642\u3001\u5614\u5410\u6216\u8179\u7009\uff0c\u8acb\u7acb\u5373\u5c31\u91ab\u3002\n          <div class=\"pmac-ai-typing\">\n            <span><\/span><span><\/span><span><\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u53f3\u5074\u5167\u5bb9 -->\n    <div class=\"pmac-ai-content\">\n      <span class=\"pmac-eyebrow\">AI Pet Care Assistant<\/span>\n      <h2>\u6709\u554f\u984c\u6642<br>\u4e0d\u518d\u53ea\u80fd<span style=\"background: #FFD23F; padding: 0 8px;\">\u4e82\u67e5\u7db2\u8def<\/span><\/h2>\n      <p>AI \u6bdb\u5b69\u5bb6\u91ab\u9867\u554f\u7531\u7378\u91ab\u7167\u8b77\u77e5\u8b58\u5eab\u5efa\u69cb\uff0c\u5354\u52a9\u98fc\u4e3b\u5feb\u901f\u7406\u89e3\u5e38\u898b\u7167\u8b77\u554f\u984c\uff0c\u4e26\u5728\u5fc5\u8981\u6642\u63d0\u9192\u5c31\u91ab\u6216\u5c0b\u6c42\u5c08\u5bb6\u5354\u52a9\u3002<\/p>\n\n      <div class=\"pmac-ai-features\">\n        <div class=\"pmac-ai-feature\">\n          <div class=\"pmac-ai-feature-icon\">\ud83d\udcac<\/div>\n          <div class=\"pmac-ai-feature-text\">\n            <strong>\u65b0\u624b\u5230\u9ad8\u9f61\uff0c\u5168\u968e\u6bb5\u63d0\u554f<\/strong>\n            <span>\u5e7c\u72ac\u7167\u8b77\u3001\u884c\u70ba\u554f\u984c\u3001\u8c93\u54aa\u4e82\u5c3f\u3001\u9ad8\u9f61\u75bc\u75db\u3001\u54c1\u7a2e\u98a8\u96aa\u90fd\u80fd\u554f<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"pmac-ai-feature\">\n          <div class=\"pmac-ai-feature-icon\">\u26a1<\/div>\n          <div class=\"pmac-ai-feature-text\">\n            <strong>\u5373\u6642\u56de\u61c9\uff0c\u4e0d\u518d\u7126\u616e<\/strong>\n            <span>\u6574\u5408\u7378\u91ab\u77e5\u8b58\u5eab\uff0c\u7d66\u4f60\u65b9\u5411\u3001\u63d0\u9192\u98a8\u96aa\u3001\u907f\u514d\u932f\u8aa4\u504f\u65b9<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"pmac-ai-feature\">\n          <div class=\"pmac-ai-feature-icon\">\ud83d\udea8<\/div>\n          <div class=\"pmac-ai-feature-text\">\n            <strong>\u5c31\u91ab\u7d05\u65d7\u8b66\u793a<\/strong>\n            <span>\u9047\u5230\u6025\u6027\u75c7\u72c0\uff0cAI \u6703\u660e\u78ba\u63d0\u9192\u300c\u7acb\u5373\u5c31\u91ab\u300d\uff0c\u4e0d\u5ef6\u8aa4\u9ec3\u91d1\u6642\u9593<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pmac-ai-warning\">\n        <strong>\u26a0 \u91cd\u8981\u63d0\u9192<\/strong>\n        AI \u554f\u7b54\u50c5\u63d0\u4f9b\u4e00\u822c\u7167\u8b77\u6559\u80b2\u8207\u5065\u5eb7\u89c0\u5bdf\u53c3\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u7378\u91ab\u8a3a\u65b7\u3001\u6cbb\u7642\u6216\u7528\u85e5\u5efa\u8b70\u3002\u82e5\u6bdb\u5b69\u51fa\u73fe\u6025\u6027\u75c7\u72c0\u8acb\u7acb\u5373\u5c31\u91ab\u3002\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     \u5c4f 7: \u5c08\u5bb6\u80cc\u66f8\n     ============================================================ -->\n<section class=\"pmac-experts\" id=\"experts\">\n  <div class=\"pmac-container\">\n\n    <div class=\"pmac-section-header\">\n      <span class=\"pmac-eyebrow pmac-eyebrow-show\">Our Experts<\/span>\n      <h2 class=\"pmac-h2 pmac-fade-up\">\u7531\u5c08\u696d\u5718\u968a\u628a\u95dc\u7684<br><span style=\"color: #F4B400;\">\u5bf5\u7269\u7167\u8b77\u6559\u80b2<\/span><\/h2>\n      <p class=\"pmac-section-sub pmac-fade-up\">\u63a1\u7528\u300cAI \u8f14\u52a9\u88fd\u8ab2 \uff0b \u5c08\u5bb6\u5be9\u7a3f\u300d\u6a21\u5f0f\uff0c\u78ba\u4fdd\u5167\u5bb9\u5b89\u5168\u3001\u6e05\u695a\u3001\u9069\u5408\u98fc\u4e3b\u5b78\u7fd2\u3002<\/p>\n    <\/div>\n\n    <div class=\"pmac-experts-grid\">\n\n      <div class=\"pmac-expert-card pmac-fade-up\">\n        <div class=\"pmac-expert-icon\">\ud83e\ude7a<\/div>\n        <h3>\u7378\u91ab\u9867\u554f<\/h3>\n        <div class=\"pmac-expert-role\">Veterinary Advisor<\/div>\n        <div class=\"pmac-expert-tags\">\n          <span class=\"pmac-expert-tag\">\u5065\u5eb7<\/span>\n          <span class=\"pmac-expert-tag\">\u75ab\u82d7<\/span>\n          <span class=\"pmac-expert-tag\">\u9ad8\u9f61\u7167\u8b77<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pmac-expert-card pmac-fade-up\">\n        <div class=\"pmac-expert-icon\">\ud83d\udc3e<\/div>\n        <h3>\u5bf5\u7269\u884c\u70ba\u9867\u554f<\/h3>\n        <div class=\"pmac-expert-role\">Behavior Specialist<\/div>\n        <div class=\"pmac-expert-tags\">\n          <span class=\"pmac-expert-tag\">\u6b63\u5411\u8a13\u7df4<\/span>\n          <span class=\"pmac-expert-tag\">\u7126\u616e<\/span>\n          <span class=\"pmac-expert-tag\">\u793e\u6703\u5316<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pmac-expert-card pmac-fade-up\">\n        <div class=\"pmac-expert-icon\">\ud83d\udc9d<\/div>\n        <h3>\u7167\u8b77\uff06\u751f\u547d\u6559\u80b2\u9867\u554f<\/h3>\n        <div class=\"pmac-expert-role\">Care & Life Educator<\/div>\n        <div class=\"pmac-expert-tags\">\n          <span class=\"pmac-expert-tag\">\u5c45\u5bb6\u7167\u8b77<\/span>\n          <span class=\"pmac-expert-tag\">\u751f\u6d3b\u54c1\u8cea<\/span>\n          <span class=\"pmac-expert-tag\">\u966a\u4f34<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"pmac-expert-card pmac-fade-up\">\n        <div class=\"pmac-expert-icon\">\ud83e\udd57<\/div>\n        <h3>\u5bf5\u7269\u71df\u990a\u9867\u554f<\/h3>\n        <div class=\"pmac-expert-role\">Nutrition Advisor<\/div>\n        <div class=\"pmac-expert-tags\">\n          <span class=\"pmac-expert-tag\">\u98f2\u98df<\/span>\n          <span class=\"pmac-expert-tag\">\u9ad4\u91cd<\/span>\n          <span class=\"pmac-expert-tag\">\u4fdd\u5065\u54c1<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"pmac-experts-process\">\n      <div class=\"pmac-process-step pmac-fade-up\">\n        <div class=\"pmac-process-num\">1<\/div>\n        <span>AI \u8f14\u52a9\u88fd\u8ab2<\/span>\n      <\/div>\n      <div class=\"pmac-process-arrow\">\u2192<\/div>\n      <div class=\"pmac-process-step pmac-fade-up\">\n        <div class=\"pmac-process-num\">2<\/div>\n        <span>\u5c08\u5bb6\u5be9\u7a3f<\/span>\n      <\/div>\n      <div class=\"pmac-process-arrow\">\u2192<\/div>\n      <div class=\"pmac-process-step pmac-fade-up\">\n        <div class=\"pmac-process-num\">3<\/div>\n        <span>\u98fc\u4e3b\u53ef\u64cd\u4f5c\u5de5\u5177<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     \u5c4f 8: \u514d\u8cbb\u8cc7\u6e90\n     ============================================================ -->\n<section class=\"pmac-resources\" id=\"resources\">\n  <div class=\"pmac-container\">\n\n    <div class=\"pmac-section-header\">\n      <span class=\"pmac-eyebrow pmac-eyebrow-show\">Free Resources<\/span>\n      <h2 class=\"pmac-h2 pmac-fade-up\">\u514d\u8cbb\u9818\u53d6\u6bdb\u5b69\u7167\u8b77\u6e05\u55ae<br>\u5148\u5f9e<span style=\"color: #F4B400;\">\u6b63\u78ba\u6e96\u5099<\/span>\u958b\u59cb<\/h2>\n      <p class=\"pmac-section-sub pmac-fade-up\">\u52a0\u5165 LINE \u5373\u53ef\u9818\u53d6\uff0c\u4f9d\u4f60\u7684\u6bdb\u5b69\u72c0\u614b\u6536\u5230\u9069\u5408\u7684\u6e05\u55ae\u3002<\/p>\n    <\/div>\n\n    <div class=\"pmac-resources-grid\">\n\n      <div class=\"pmac-resource-card pmac-fade-up\">\n        <div class=\"pmac-resource-icon\">\ud83d\udc15<\/div>\n        <h3>\u65b0\u624b\u990a\u72d7\u6e96\u5099\u6e05\u55ae<\/h3>\n        <p>\u6e96\u5099\u990a\u72d7\u524d\uff0c\u5148\u78ba\u8a8d\u4f60\u5df2\u7d93\u6e96\u5099\u597d\u6642\u9593\u3001\u7a7a\u9593\u3001\u9810\u7b97\u8207\u8cac\u4efb\u3002<\/p>\n        <ul class=\"pmac-resource-list\">\n          <li>\u990a\u72d7\u524d\u81ea\u6211\u8a55\u4f30<\/li>\n          <li>\u5fc5\u5099\u7528\u54c1\u6e05\u55ae<\/li>\n          <li>\u5c45\u5bb6\u5b89\u5168\u6aa2\u67e5<\/li>\n          <li>\u7b2c\u4e00\u6b21\u770b\u7378\u91ab\u554f\u984c\u6e05\u55ae<\/li>\n          <li>\u72d7\u72d7\u56de\u5bb6 7 \u5929\u7167\u8b77\u8868<\/li>\n        <\/ul>\n        <!-- TODO: \u66ff\u63db\u6210 LINE \u52a0\u597d\u53cb\u9023\u7d50 (\u65b0\u624b\u990a\u72d7\u6e05\u55ae) -->\n        <a href=\"https:\/\/linevoom.line.me\/user\/_deUWqH0Q8WgdwIUqDN1EyMg8uMwJEN4EHxrNdhg\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"line-resource-dog\" class=\"pmac-resource-cta\">\u52a0\u5165 LINE \u9818\u53d6 \u2192<\/a>\n      <\/div>\n\n      <div class=\"pmac-resource-card pmac-fade-up\">\n        <div class=\"pmac-resource-icon\">\ud83d\udc31<\/div>\n        <h3>\u65b0\u624b\u990a\u8c93\u6e96\u5099\u6e05\u55ae<\/h3>\n        <p>\u990a\u8c93\u4e0d\u662f\u53ea\u6e96\u5099\u8c93\u7802\u76c6\u3002\u5efa\u7acb\u8c93\u54aa\u56de\u5bb6\u524d\u7684\u7a7a\u9593\u8207\u5b89\u5168\u611f\u6e96\u5099\u3002<\/p>\n        <ul class=\"pmac-resource-list\">\n          <li>\u990a\u8c93\u524d\u81ea\u6211\u8a55\u4f30<\/li>\n          <li>\u8c93\u7802\u76c6\u8207\u8c93\u7802\u6e96\u5099<\/li>\n          <li>\u5b89\u5168\u623f\u914d\u7f6e<\/li>\n          <li>\u98f2\u98df\u559d\u6c34\u89c0\u5bdf<\/li>\n          <li>\u8c93\u54aa\u56de\u5bb6 7 \u5929\u9069\u61c9\u8868<\/li>\n        <\/ul>\n        <!-- TODO: \u66ff\u63db\u6210 LINE \u52a0\u597d\u53cb\u9023\u7d50 (\u65b0\u624b\u990a\u8c93\u6e05\u55ae) -->\n        <a href=\"https:\/\/linevoom.line.me\/user\/_deUWqH0Q8WgdwIUqDN1EyMg8uMwJEN4EHxrNdhg\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"line-resource-cat\" class=\"pmac-resource-cta\">\u52a0\u5165 LINE \u9818\u53d6 \u2192<\/a>\n      <\/div>\n\n      <div class=\"pmac-resource-card pmac-fade-up\">\n        <div class=\"pmac-resource-icon\">\ud83c\udf97\ufe0f<\/div>\n        <h3>\u9ad8\u9f61\u72ac\u8c93\u5065\u5eb7\u89c0\u5bdf\u8868<\/h3>\n        <p>\u9ad8\u9f61\u72ac\u8c93\u7684\u8b8a\u5316\u5e38\u5e38\u5f88\u7d30\u5fae\u3002\u8a18\u9304\u98df\u617e\u3001\u9ad4\u91cd\u3001\u6d3b\u52d5\u529b\u3001\u75bc\u75db\u8207\u60c5\u7dd2\u3002<\/p>\n        <ul class=\"pmac-resource-list\">\n          <li>\u98df\u617e\u8207\u9ad4\u91cd\u89c0\u5bdf<\/li>\n          <li>\u98f2\u6c34\u8207\u6392\u5c3f\u89c0\u5bdf<\/li>\n          <li>\u6d3b\u52d5\u529b\u89c0\u5bdf<\/li>\n          <li>\u75bc\u75db\u8207\u60c5\u7dd2\u8b8a\u5316<\/li>\n          <li>\u751f\u6d3b\u54c1\u8cea\u89c0\u5bdf<\/li>\n        <\/ul>\n        <!-- TODO: \u66ff\u63db\u6210 LINE \u52a0\u597d\u53cb\u9023\u7d50 (\u9ad8\u9f61\u89c0\u5bdf\u8868) -->\n        <a href=\"https:\/\/linevoom.line.me\/user\/_deUWqH0Q8WgdwIUqDN1EyMg8uMwJEN4EHxrNdhg\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"line-resource-senior\" class=\"pmac-resource-cta\">\u52a0\u5165 LINE \u9818\u53d6 \u2192<\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- \u9ec3\u91d1\u7375\u72ac\u5927\u9f3b\u63a2\u982d -->\n    <img decoding=\"async\" class=\"pmac-resources-dog-peek\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/image-4.png\" alt=\"\">\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     \u5c4f 9: LINE \u5c0e\u6d41 (Final CTA)\n     ============================================================ -->\n<section class=\"pmac-line-cta\" id=\"line\">\n  <div class=\"pmac-container pmac-line-cta-inner\">\n\n    <div class=\"pmac-line-cta-content\">\n      <h2>\n        \u52a0\u5165 LINE<br>\n        \u8b93\u7167\u8b77\u5b78\u7fd2\u4e0d\u53ea\u662f\u770b\u8ab2<br>\n        \u800c\u662f\u6709\u4eba\u966a\u4f60\u958b\u59cb\n      <\/h2>\n\n      <p class=\"pmac-line-cta-sub\">\n        \u52a0\u5165\u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662 LINE \u5b98\u65b9\u5e33\u865f\uff0c\u4f60\u53ef\u4ee5\uff1a\n      <\/p>\n\n      <div class=\"pmac-line-benefits\">\n        <div class=\"pmac-line-benefit\">\n          <div class=\"pmac-line-benefit-icon\">\u2713<\/div>\n          \u9818\u53d6\u514d\u8cbb\u7167\u8b77\u6e05\u55ae\n        <\/div>\n        <div class=\"pmac-line-benefit\">\n          <div class=\"pmac-line-benefit-icon\">\u2713<\/div>\n          \u4f9d\u72ac\u8c93\u7a2e\u985e\u53d6\u5f97\u63a8\u85a6\n        <\/div>\n        <div class=\"pmac-line-benefit\">\n          <div class=\"pmac-line-benefit-icon\">\u2713<\/div>\n          \u63a5\u6536\u65b0\u624b\u7167\u8b77\u63d0\u9192\n        <\/div>\n        <div class=\"pmac-line-benefit\">\n          <div class=\"pmac-line-benefit-icon\">\u2713<\/div>\n          \u5c08\u5bb6\u76f4\u64ad\u8207\u8ab2\u7a0b\u512a\u60e0\n        <\/div>\n        <div class=\"pmac-line-benefit\">\n          <div class=\"pmac-line-benefit-icon\">\u2713<\/div>\n          \u6703\u54e1\u670d\u52d9\u4e0a\u7dda\u901a\u77e5\n        <\/div>\n        <div class=\"pmac-line-benefit\">\n          <div class=\"pmac-line-benefit-icon\">\u2713<\/div>\n          AI \u554f\u7b54\u5feb\u901f\u5165\u53e3\n        <\/div>\n      <\/div>\n\n      <div class=\"pmac-line-cta-buttons\">\n        <!-- TODO: \u66ff\u63db\u6210 LINE \u52a0\u597d\u53cb\u9023\u7d50 -->\n        <a href=\"https:\/\/linevoom.line.me\/user\/_deUWqH0Q8WgdwIUqDN1EyMg8uMwJEN4EHxrNdhg\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"line-add\" class=\"pmac-btn pmac-btn-white\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .63.283.63.63 0 .344-.282.629-.63.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314\"\/><\/svg>\n          \u52a0\u5165 LINE \u5b98\u65b9\u5e33\u865f\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"pmac-line-visual\">\n      <div class=\"pmac-qr-card\">\n        <div class=\"pmac-qr-placeholder\">\n          <img decoding=\"async\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/%E6%AF%9B%E5%AD%A9%E5%81%A5%E5%BA%B7QRCODE.png\" alt=\"\u6bdb\u5b69\u5065\u5eb7 LINE QR Code\">\n        <\/div>\n        <h4>\u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662<\/h4>\n        <p>\u6383\u63cf\u6216\u9ede\u64ca\u52a0\u5165<\/p>\n        <div class=\"pmac-qr-id\">\u6bdb\u5b69\u5065\u5eb7 PetHealth<\/div>\n      <\/div>\n\n      <!-- \u864e\u6591\u8c93\u63a2\u982d -->\n      <img decoding=\"async\" class=\"pmac-line-cat-peek\" src=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/image-7.png\" alt=\"\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ============================================================\n     FOOTER\n     ============================================================ -->\n<footer class=\"pmac-footer\">\n  <div class=\"pmac-container\">\n\n    <div class=\"pmac-footer-top\">\n      <div class=\"pmac-footer-brand\">\n        <h4>\u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662<\/h4>\n        <p>\u5c08\u70ba\u72ac\u8c93\u5bb6\u5ead\u6253\u9020\u7684\u7167\u8b77\u6559\u80b2\u8207\u6703\u54e1\u670d\u52d9\u5e73\u53f0\u3002\u5b78\u6703\u7167\u9867\uff0c\u662f\u7d66\u6bdb\u5b69\u6700\u597d\u7684\u611b\u3002<\/p>\n      <\/div>\n\n      <div class=\"pmac-footer-col\">\n        <h5>\u5b78\u7fd2\u8cc7\u6e90<\/h5>\n        <ul>\n          <li><a href=\"#courses\">\u7dda\u4e0a\u8ab2\u7a0b<\/a><\/li>\n          <li><a href=\"#ai\">AI \u7167\u8b77\u554f\u7b54<\/a><\/li>\n          <li><a href=\"#resources\">\u514d\u8cbb\u8cc7\u6e90<\/a><\/li>\n          <!-- TODO: \u66ff\u63db\u6210\u6587\u7ae0\u5c08\u6b04\u9801\u9023\u7d50 -->\n          <li><a href=\"#REPLACE_BLOG_URL\" data-pmac-url=\"blog\">\u6587\u7ae0\u5c08\u6b04<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"pmac-footer-col\">\n        <h5>\u95dc\u65bc\u6211\u5011<\/h5>\n        <ul>\n          <!-- TODO: \u66ff\u63db\u6210\u95dc\u65bc\u6211\u5011\u9801\u9023\u7d50 -->\n          <li><a href=\"#REPLACE_ABOUT_URL\" data-pmac-url=\"about\">\u54c1\u724c\u4ecb\u7d39<\/a><\/li>\n          <li><a href=\"#experts\">\u5c08\u5bb6\u5718\u968a<\/a><\/li>\n          <li><a href=\"#membership\">\u6703\u54e1\u670d\u52d9<\/a><\/li>\n          <!-- TODO: \u66ff\u63db\u6210\u806f\u7d61\u5408\u4f5c\u9801\u9023\u7d50 -->\n          <li><a href=\"#REPLACE_CONTACT_URL\" data-pmac-url=\"contact\">\u806f\u7d61\u5408\u4f5c<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <div class=\"pmac-footer-col\">\n        <h5>\u806f\u7d61\u6211\u5011<\/h5>\n        <ul>\n          <!-- TODO: \u66ff\u63db\u6210\u5404\u793e\u7fa4\u9023\u7d50 -->\n          <li><a href=\"https:\/\/linevoom.line.me\/user\/_deUWqH0Q8WgdwIUqDN1EyMg8uMwJEN4EHxrNdhg\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"line-add\">LINE \u5b98\u65b9\u5e33\u865f<\/a><\/li>\n          <li><a href=\"https:\/\/www.instagram.com\/haohaipet\/\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"instagram\">Instagram<\/a><\/li>\n          <li><a href=\"https:\/\/www.threads.com\/@haohaipet\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"threads\">Threads<\/a><\/li>\n          <li><a href=\"https:\/\/www.facebook.com\/profile.php?id=61589397312526\" target=\"_blank\" rel=\"noopener\" data-pmac-url=\"facebook\">Facebook<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n\n    <div class=\"pmac-footer-bottom\">\n      <p style=\"font-size: 14px;\">\u00a9 2026 \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662. All rights reserved.<\/p>\n      <div style=\"display: flex; gap: 20px; font-size: 14px;\">\n        <!-- TODO: \u66ff\u63db\u6210\u514d\u8cac\u8072\u660e \/ \u96b1\u79c1\u6b0a\u653f\u7b56\u9801\u9023\u7d50 -->\n        <a href=\"#REPLACE_DISCLAIMER_URL\" data-pmac-url=\"disclaimer\">\u514d\u8cac\u8072\u660e<\/a>\n        <a href=\"#REPLACE_PRIVACY_URL\" data-pmac-url=\"privacy\">\u96b1\u79c1\u6b0a\u653f\u7b56<\/a>\n      <\/div>\n    <\/div>\n\n    <p class=\"pmac-footer-disclaimer\">\n      \u26a0 \u672c\u7db2\u7ad9\u5167\u5bb9\u70ba\u4e00\u822c\u5bf5\u7269\u7167\u8b77\u6559\u80b2\u8cc7\u8a0a\uff0c\u4e0d\u80fd\u53d6\u4ee3\u7378\u91ab\u8a3a\u65b7\u8207\u6cbb\u7642\u3002\u82e5\u6bdb\u5b69\u51fa\u73fe\u7cbe\u795e\u4e0d\u4f73\u3001\u98df\u617e\u4e0b\u964d\u3001\u6301\u7e8c\u5614\u5410\u6216\u8179\u7009\u3001\u547c\u5438\u7570\u5e38\u3001\u6392\u5c3f\u56f0\u96e3\u3001\u62bd\u6410\u3001\u75bc\u75db\u6216\u5176\u4ed6\u6025\u6027\u75c7\u72c0\uff0c\u8acb\u7acb\u5373\u5c31\u91ab\u3002\n    <\/p>\n\n  <\/div>\n<\/footer>\n\n<!-- \u6efe\u52d5\u9032\u5ea6\u689d -->\n<div class=\"pmac-scroll-progress\" id=\"pmac-scroll-progress\"><\/div>\n\n<!-- \u56de\u9802\u6309\u9215 -->\n<button class=\"pmac-back-top\" id=\"pmac-back-top\" aria-label=\"\u56de\u5230\u9802\u7aef\">\n  <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path d=\"M12 19V5M5 12l7-7 7 7\"\/>\n  <\/svg>\n<\/button>\n\n<!-- \u6d6e\u52d5 LINE \u6309\u9215\u5df2\u79fb\u9664\uff08\u4f9d\u7528\u6236\u8981\u6c42\uff09 -->\n\n<!-- \u300c\u8fd1\u671f\u958b\u653e\u300d\u63d0\u793a -->\n<div class=\"pmac-toast\" id=\"pmac-toast\" role=\"status\" aria-live=\"polite\">\ud83d\udc3e \u8fd1\u671f\u958b\u653e\uff01<\/div>\n\n<\/div><!-- \/#pmac-root -->\n\n<!-- ============================================================\n     SCRIPTS\n     ============================================================ -->\n<script>\n(function() {\n  'use strict';\n\n  \/\/ ===== Navigation Scroll + Scroll Progress + Back Top =====\n  const nav = document.getElementById('pmac-nav');\n  const progressBar = document.getElementById('pmac-scroll-progress');\n  const backTop = document.getElementById('pmac-back-top');\n\n  const onScroll = () => {\n    const y = window.scrollY;\n    const docH = document.documentElement.scrollHeight - window.innerHeight;\n    const pct = docH > 0 ? (y \/ docH) * 100 : 0;\n\n    if (nav) {\n      if (y > 60) nav.classList.add('pmac-nav-scrolled');\n      else nav.classList.remove('pmac-nav-scrolled');\n    }\n    if (progressBar) progressBar.style.width = pct + '%';\n    if (backTop) {\n      if (y > 600) backTop.classList.add('pmac-show');\n      else backTop.classList.remove('pmac-show');\n    }\n  };\n  window.addEventListener('scroll', onScroll, { passive: true });\n  onScroll();\n\n  if (backTop) {\n    backTop.addEventListener('click', () => {\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    });\n  }\n\n  \/\/ ===== Tilt effect on cards =====\n  \/\/ \u52a0\u5728\u8ab2\u7a0b \/ \u670d\u52d9 \/ \u5c08\u5bb6\u5361\u7247\u4e0a\uff0c\u6ed1\u9f20\u79fb\u52d5\u6642\u8f15\u50be\n  const tiltCards = document.querySelectorAll('.pmac-course-card, .pmac-service-card, .pmac-expert-card, .pmac-resource-card');\n  if (window.innerWidth > 1024) {\n    tiltCards.forEach(card => {\n      card.addEventListener('mousemove', (e) => {\n        const rect = card.getBoundingClientRect();\n        const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n        const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n        card.style.transform = `perspective(1000px) rotateY(${x * 4}deg) rotateX(${-y * 4}deg) translateY(-8px)`;\n      });\n      card.addEventListener('mouseleave', () => {\n        card.style.transform = '';\n      });\n    });\n  }\n\n  \/\/ ===== Mobile Menu =====\n  const burgerOpen = document.getElementById('pmac-burger-open');\n  const burgerClose = document.getElementById('pmac-burger-close');\n  const mobileMenu = document.getElementById('pmac-mobile-menu');\n  const mobileOverlay = document.getElementById('pmac-mobile-overlay');\n\n  const openMobileMenu = () => {\n    if (!mobileMenu) return;\n    mobileMenu.classList.add('pmac-open');\n    mobileOverlay.classList.add('pmac-open');\n    document.body.classList.add('pmac-no-scroll');\n    burgerOpen.setAttribute('aria-expanded', 'true');\n    mobileMenu.setAttribute('aria-hidden', 'false');\n  };\n  const closeMobileMenu = () => {\n    if (!mobileMenu) return;\n    mobileMenu.classList.remove('pmac-open');\n    mobileOverlay.classList.remove('pmac-open');\n    document.body.classList.remove('pmac-no-scroll');\n    burgerOpen.setAttribute('aria-expanded', 'false');\n    mobileMenu.setAttribute('aria-hidden', 'true');\n  };\n\n  if (burgerOpen) burgerOpen.addEventListener('click', openMobileMenu);\n  if (burgerClose) burgerClose.addEventListener('click', closeMobileMenu);\n  if (mobileOverlay) mobileOverlay.addEventListener('click', closeMobileMenu);\n\n  \/\/ \u9ede\u64ca\u884c\u52d5\u9078\u55ae\u5167\u4efb\u4e00\u9023\u7d50\u5f8c\u81ea\u52d5\u95dc\u9589\n  document.querySelectorAll('[data-pmac-mobile-link]').forEach(link => {\n    link.addEventListener('click', closeMobileMenu);\n  });\n\n  \/\/ Esc \u95dc\u9589\u884c\u52d5\u9078\u55ae\n  document.addEventListener('keydown', (e) => {\n    if (e.key === 'Escape' && mobileMenu && mobileMenu.classList.contains('pmac-open')) {\n      closeMobileMenu();\n    }\n  });\n\n  \/\/ \u8996\u7a97\u7e2e\u653e\u56de\u684c\u6a5f\u5c3a\u5bf8\u6642\u81ea\u52d5\u95dc\u9589\uff0c\u907f\u514d\u72c0\u614b\u932f\u4e82\n  window.addEventListener('resize', () => {\n    if (window.innerWidth > 640 && mobileMenu && mobileMenu.classList.contains('pmac-open')) {\n      closeMobileMenu();\n    }\n  });\n\n  \/\/ ===== Smooth Scroll for Anchor Links =====\n  \/\/ \u53ea\u8655\u7406\u300c\u771f\u7684\u6307\u5411\u9801\u5167 id\u300d\u7684\u9023\u7d50\uff1b# \u958b\u982d\u4f46\u5e36 REPLACE_ \u7684\u9810\u7559 URL \u4e0d\u6514\u622a\uff0c\u8b93\u4f60\u4e4b\u5f8c\u76f4\u63a5\u6539 href\n  document.querySelectorAll('#pmac-root a[href^=\"#\"], #pmac-mobile-menu a[href^=\"#\"]').forEach(link => {\n    link.addEventListener('click', (e) => {\n      const targetId = link.getAttribute('href');\n      if (!targetId || targetId === '#' || targetId.startsWith('#REPLACE_')) return;\n      const target = document.querySelector(targetId);\n      if (target) {\n        e.preventDefault();\n        const offset = 80;\n        const top = target.getBoundingClientRect().top + window.scrollY - offset;\n        window.scrollTo({ top, behavior: 'smooth' });\n      }\n    });\n  });\n\n  \/\/ ===== IntersectionObserver: \u53d6\u4ee3 GSAP ScrollTrigger\uff0c\u66f4\u53ef\u9760 =====\n  \/\/ \u53ea\u6709\u7576\u9801\u9762 ready \u624d\u6a19 body class\uff0c\u555f\u7528\u52d5\u756b\n  document.body.classList.add('pmac-anim-ready');\n\n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('pmac-in-view');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });\n\n  document.querySelectorAll('.pmac-fade-up, .pmac-fade-in, .pmac-scale-in').forEach(el => {\n    io.observe(el);\n  });\n\n  \/\/ ===== GSAP Animations =====\n  if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ Hero entry \u52d5\u756b \u2014 \u9032\u5834\u5f8c\u7acb\u523b\u986f\u793a\uff0c\u518d\u7528 ScrollTrigger \u505a Lottie-like \u6efe\u52d5\u52d5\u756b\n    const heroTimeline = gsap.timeline({ defaults: { ease: 'power3.out' } });\n    heroTimeline\n      .fromTo('.pmac-hero-tag',    { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: 0.6 })\n      .fromTo('.pmac-hero h1',     { y: 40, opacity: 0 }, { y: 0, opacity: 1, duration: 0.8 }, '-=0.3')\n      .fromTo('.pmac-hero-sub',    { y: 30, opacity: 0 }, { y: 0, opacity: 1, duration: 0.6 }, '-=0.4')\n      .fromTo('.pmac-hero-ctas',   { y: 20, opacity: 0 }, { y: 0, opacity: 1, duration: 0.5 }, '-=0.3')\n      .fromTo('.pmac-hero-trust',  { y: 20, opacity: 0 }, { y: 0, opacity: 1, duration: 0.5 }, '-=0.3');\n\n    \/\/ Hero \u5f71\u7247\u5361\u7247 + chip\uff1a\u6efe\u52d5\u9032\u5834\uff08\u6efe\u5230\u624d\u6d6e\u73fe\uff1b\u624b\u6a5f\/\u5e73\u677f\u5f71\u7247\u5728\u4e0b\u65b9\u6642\u624d\u89f8\u767c\uff09\n    gsap.set('.pmac-hero-image, .pmac-hero-chip', { opacity: 0 });\n    gsap.timeline({\n      scrollTrigger: { trigger: '.pmac-hero-visual', start: 'top 82%', once: true }\n    })\n      .fromTo('.pmac-hero-image',\n        { y: 70, opacity: 0, scale: 0.9 },\n        { y: 0, opacity: 1, scale: 1, duration: 1, ease: 'back.out(1.4)' })\n      .fromTo('.pmac-hero-chip',\n        { y: 20, opacity: 0, scale: 0.8 },\n        { y: 0, opacity: 1, scale: 1, duration: 0.5, stagger: 0.12, ease: 'back.out(1.7)' }, '-=0.5');\n\n    \/\/ Hero ScrollTrigger \u2014 \u6587\u5b57\u96a8\u6efe\u52d5\u6de1\u51fa\uff08\u5f71\u7247\u5361\u7247\u4e0d\u518d\u505a scrub\uff0c\u907f\u514d\u8207\u9032\u5834\u52d5\u756b\u885d\u7a81\uff09\n    if (window.innerWidth > 1024) {\n      gsap.to('.pmac-hero-content', {\n        y: 80,\n        opacity: 0.3,\n        ease: 'none',\n        scrollTrigger: {\n          trigger: '.pmac-hero',\n          start: 'top top',\n          end: 'bottom 30%',\n          scrub: 1\n        }\n      });\n      gsap.to('.pmac-deco-star-1', {\n        rotation: 360,\n        y: -200,\n        x: -60,\n        ease: 'none',\n        scrollTrigger: {\n          trigger: '.pmac-hero',\n          start: 'top top',\n          end: 'bottom top',\n          scrub: 1\n        }\n      });\n      gsap.to('.pmac-deco-paw-1', {\n        y: 240,\n        x: 40,\n        rotation: -25,\n        opacity: 0,\n        ease: 'none',\n        scrollTrigger: {\n          trigger: '.pmac-hero',\n          start: 'top top',\n          end: 'bottom top',\n          scrub: 1\n        }\n      });\n      gsap.to('.pmac-deco-burst-1', {\n        scale: 2.4,\n        rotation: 180,\n        opacity: 0,\n        ease: 'none',\n        scrollTrigger: {\n          trigger: '.pmac-hero',\n          start: 'top top',\n          end: 'bottom top',\n          scrub: 1\n        }\n      });\n      gsap.to('.pmac-hero-blob', {\n        scale: 1.4,\n        opacity: 0.4,\n        ease: 'none',\n        scrollTrigger: {\n          trigger: '.pmac-hero',\n          start: 'top top',\n          end: 'bottom top',\n          scrub: 1\n        }\n      });\n    }\n\n    \/\/ Hero \u6ed1\u9f20\u8996\u5dee\n    const heroImg = document.getElementById('pmac-hero-img');\n    const heroVisual = document.querySelector('.pmac-hero-visual');\n    if (heroImg && heroVisual && window.innerWidth > 1024) {\n      heroVisual.addEventListener('mousemove', (e) => {\n        const rect = heroVisual.getBoundingClientRect();\n        const x = (e.clientX - rect.left - rect.width \/ 2) \/ rect.width;\n        const y = (e.clientY - rect.top - rect.height \/ 2) \/ rect.height;\n        gsap.to(heroImg, {\n          x: x * 24,\n          y: y * 16,\n          rotation: x * 3,\n          duration: 0.8,\n          ease: 'power2.out'\n        });\n      });\n      heroVisual.addEventListener('mouseleave', () => {\n        gsap.to(heroImg, { x: 0, y: 0, rotation: 0, duration: 1, ease: 'elastic.out(1, 0.5)' });\n      });\n    }\n\n    \/\/ fade-up \/ fade-in \/ scale-in \u5df2\u7531 IntersectionObserver \u8655\u7406\uff0c\u9019\u88e1\u53ea\u505a\u9032\u968e\u6548\u679c\n\n    \/\/ \u63a2\u982d\u52d5\u7269 - \u5f9e\u908a\u7de3\u6ed1\u5165 (\u7528 IntersectionObserver \u4e00\u6a23\u53ef\u9760)\n    const peekImages = document.querySelectorAll(\n      '.pmac-services-cat-peek, .pmac-courses-cat-peek, .pmac-membership-dog-peek, .pmac-ai-dog-peek, .pmac-resources-dog-peek, .pmac-line-cat-peek'\n    );\n    const peekIO = new IntersectionObserver((entries) => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.style.opacity = '1';\n          entry.target.style.transform = (entry.target.style.transform || '') + ' translate3d(0,0,0)';\n          peekIO.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.1 });\n\n    peekImages.forEach(el => {\n      el.style.opacity = '0';\n      el.style.transition = 'opacity 0.9s ease-out, transform 1s cubic-bezier(0.34, 1.56, 0.64, 1)';\n      peekIO.observe(el);\n    });\n\n    \/\/ \u6703\u54e1\u5361\u7247 hover \u589e\u5f37\n    const memberCard = document.querySelector('.pmac-membership-card');\n    if (memberCard && window.innerWidth > 1024) {\n      memberCard.addEventListener('mousemove', (e) => {\n        const rect = memberCard.getBoundingClientRect();\n        const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n        const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n        gsap.to(memberCard, {\n          rotationY: x * 8,\n          rotationX: -y * 8,\n          transformPerspective: 1000,\n          duration: 0.4,\n          ease: 'power2.out'\n        });\n      });\n      memberCard.addEventListener('mouseleave', () => {\n        gsap.to(memberCard, {\n          rotationY: 0, rotationX: 0,\n          duration: 0.8, ease: 'elastic.out(1, 0.5)'\n        });\n      });\n    }\n  }\n\n  \/\/ \u300c\u67e5\u770b\u8ab2\u7a0b\u300d\u985e\u6309\u9215 \u2192 \u986f\u793a\u300c\u8fd1\u671f\u958b\u653e\uff01\u300dtoast\uff08\u8ab2\u7a0b\u9801\u5c1a\u672a\u4e0a\u7dda\uff09\n  (function () {\n    const toast = document.getElementById('pmac-toast');\n    let toastTimer = null;\n    const showToast = () => {\n      if (!toast) return;\n      toast.classList.add('pmac-toast-show');\n      if (toastTimer) clearTimeout(toastTimer);\n      toastTimer = setTimeout(() => toast.classList.remove('pmac-toast-show'), 2200);\n    };\n    document.querySelectorAll('a[data-pmac-url*=\"course\"]').forEach((el) => {\n      el.addEventListener('click', (e) => {\n        e.preventDefault();\n        showToast();\n        \/\/ \u82e5\u624b\u6a5f\u9078\u55ae\u958b\u8457\uff0c\u9806\u624b\u95dc\u9589\n        const menu = document.getElementById('pmac-mobile-menu');\n        const overlay = document.getElementById('pmac-mobile-overlay');\n        if (menu && menu.classList.contains('pmac-open')) {\n          menu.classList.remove('pmac-open');\n          if (overlay) overlay.classList.remove('pmac-open');\n          document.body.classList.remove('pmac-no-scroll');\n        }\n      });\n    });\n  })();\n\n  console.log('%c\ud83d\udc3e \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662', 'color: #FFD23F; font-size: 20px; font-weight: bold;');\n  console.log('\u5b78\u6703\u7167\u9867\uff0c\u662f\u7d66\u6bdb\u5b69\u6700\u597d\u7684\u611b\u3002');\n})();\n<\/script>\n\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>\u8ab2\u7a0b \u6703\u54e1 AI \u554f\u7b54 \u514d\u8cbb\u8cc7\u6e90 \u5c08\u5bb6\u5718\u968a \u52a0\u5165 LINE \u7dda\u4e0a\u8ab2\u7a0b \u6703\u54e1\u670d\u52d9 AI \u7167\u8b77\u554f\u7b54 \u514d\u8cbb\u8cc7\u6e90 \u5c08\u5bb6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/maolearn.com\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662\" \/>\n<meta property=\"og:description\" content=\"\u8ab2\u7a0b \u6703\u54e1 AI \u554f\u7b54 \u514d\u8cbb\u8cc7\u6e90 \u5c08\u5bb6\u5718\u968a \u52a0\u5165 LINE \u7dda\u4e0a\u8ab2\u7a0b \u6703\u54e1\u670d\u52d9 AI \u7167\u8b77\u554f\u7b54 \u514d\u8cbb\u8cc7\u6e90 \u5c08\u5bb6 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/maolearn.com\/\" \/>\n<meta property=\"og:site_name\" content=\"MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T08:28:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/LOGO%E6%A9%AB.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"40 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/maolearn.com\\\/\",\"url\":\"https:\\\/\\\/maolearn.com\\\/\",\"name\":\"Home - MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/maolearn.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/maolearn.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/maolearn.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/maolearn.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/LOGO%E6%A9%AB.png\",\"datePublished\":\"2026-06-09T09:50:56+00:00\",\"dateModified\":\"2026-06-11T08:28:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/maolearn.com\\\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/maolearn.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/maolearn.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/maolearn.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/LOGO%E6%A9%AB.png\",\"contentUrl\":\"https:\\\/\\\/maolearn.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/LOGO%E6%A9%AB.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/maolearn.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/maolearn.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/maolearn.com\\\/#website\",\"url\":\"https:\\\/\\\/maolearn.com\\\/\",\"name\":\"MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662\",\"description\":\"\u5c08\u70ba\u72ac\u8c93\u5bb6\u5ead\u6253\u9020\u7684\u7167\u8b77\u6559\u80b2\u8207\u6703\u54e1\u670d\u52d9\u5e73\u53f0\uff0c\u63d0\u4f9b\u7dda\u4e0a\u8ab2\u7a0b\u3001AI \u554f\u7b54\u8207\u5b89\u5fc3\u7167\u8b77\u65b9\u6848\",\"alternateName\":\"\u6bdb\u5c0f\u5b69\u5b78\u9662\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/maolearn.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/maolearn.com\/","og_locale":"zh_TW","og_type":"article","og_title":"Home - MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662","og_description":"\u8ab2\u7a0b \u6703\u54e1 AI \u554f\u7b54 \u514d\u8cbb\u8cc7\u6e90 \u5c08\u5bb6\u5718\u968a \u52a0\u5165 LINE \u7dda\u4e0a\u8ab2\u7a0b \u6703\u54e1\u670d\u52d9 AI \u7167\u8b77\u554f\u7b54 \u514d\u8cbb\u8cc7\u6e90 \u5c08\u5bb6 [&hellip;]","og_url":"https:\/\/maolearn.com\/","og_site_name":"MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662","article_modified_time":"2026-06-11T08:28:47+00:00","og_image":[{"url":"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/LOGO%E6%A9%AB.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"40 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/maolearn.com\/","url":"https:\/\/maolearn.com\/","name":"Home - MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662","isPartOf":{"@id":"https:\/\/maolearn.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/maolearn.com\/#primaryimage"},"image":{"@id":"https:\/\/maolearn.com\/#primaryimage"},"thumbnailUrl":"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/LOGO%E6%A9%AB.png","datePublished":"2026-06-09T09:50:56+00:00","dateModified":"2026-06-11T08:28:47+00:00","breadcrumb":{"@id":"https:\/\/maolearn.com\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/maolearn.com\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/maolearn.com\/#primaryimage","url":"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/LOGO%E6%A9%AB.png","contentUrl":"https:\/\/maolearn.com\/wp-content\/uploads\/2026\/06\/LOGO%E6%A9%AB.png"},{"@type":"BreadcrumbList","@id":"https:\/\/maolearn.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/maolearn.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/maolearn.com\/#website","url":"https:\/\/maolearn.com\/","name":"MaoLearn | \u6bdb\u5c0f\u5b69\u5b89\u5fc3\u7167\u8b77\u5b78\u9662","description":"\u5c08\u70ba\u72ac\u8c93\u5bb6\u5ead\u6253\u9020\u7684\u7167\u8b77\u6559\u80b2\u8207\u6703\u54e1\u670d\u52d9\u5e73\u53f0\uff0c\u63d0\u4f9b\u7dda\u4e0a\u8ab2\u7a0b\u3001AI \u554f\u7b54\u8207\u5b89\u5fc3\u7167\u8b77\u65b9\u6848","alternateName":"\u6bdb\u5c0f\u5b69\u5b78\u9662","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/maolearn.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/maolearn.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maolearn.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/maolearn.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/maolearn.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maolearn.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/maolearn.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/maolearn.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/maolearn.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}