{"id":76,"date":"2026-08-05T09:18:12","date_gmt":"2026-08-05T09:18:12","guid":{"rendered":"https:\/\/loh.wvs.mybluehost.me\/website_9078c0d1\/?page_id=76"},"modified":"2026-08-19T09:16:05","modified_gmt":"2026-08-19T09:16:05","slug":"about","status":"publish","type":"page","link":"https:\/\/betacrystal.com\/zh\/about\/","title":{"rendered":"\u95dc\u65bc"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   BETA CRYSTAL \u2014 ABOUT PAGE\n   ========================================================== *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');\n\n\n\/* ==========================================================\n   GLOBAL\n   ========================================================== *\/\n\n.bc-about-page,\n.bc-about-page *,\n.bc-about-page *::before,\n.bc-about-page *::after {\n  box-sizing: border-box;\n}\n\n.bc-about-page {\n\n  --bg: #141414;\n\n  --card-top: #303030;\n  --card-mid: #292929;\n  --card-bottom: #202020;\n\n  --ink: #ffffff;\n  --ink-faded: rgba(255,255,255,0.64);\n  --ink-dim: rgba(255,255,255,0.38);\n\n  --line: rgba(255,255,255,0.08);\n\n  --accent: #c9a06a;\n  --accent-bright: #dfb77c;\n\n  background: var(--bg);\n  color: var(--ink);\n\n  font-family: 'Space Grotesk', sans-serif;\n\n  -webkit-font-smoothing: antialiased;\n\n  overflow: hidden;\n}\n\n.bc-about-page a {\n  text-decoration: none;\n}\n\n\n\/* ==========================================================\n   TYPOGRAPHY\n   ========================================================== *\/\n\n.bc-about-page .bc-eyebrow,\n.bc-about-page .bc-label {\n\n  font-size: 10px;\n  font-weight: 600;\n\n  letter-spacing: 0.22em;\n  text-transform: uppercase;\n\n  color: var(--ink-dim) !important;\n}\n\n.bc-about-page .bc-eyebrow {\n  margin-bottom: 22px;\n}\n\n\n\/* ==========================================================\n   HERO\n   ========================================================== *\/\n\n.bc-about-page .bc-hero {\n\n  position: relative;\n\n  padding: 150px 24px 100px;\n\n  text-align: center;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 50% 30%,\n      rgba(201,160,106,0.06),\n      transparent 45%\n    );\n\n  border-bottom: 1px solid var(--line);\n}\n\n.bc-about-page .bc-hero-facet {\n\n  position: absolute;\n\n  top: -250px;\n  left: 50%;\n\n  width: 900px;\n  height: 600px;\n\n  transform: translateX(-50%);\n\n  background:\n    radial-gradient(\n      closest-side,\n      rgba(201,160,106,0.20),\n      transparent 70%\n    );\n\n  clip-path:\n    polygon(\n      30% 0%,\n      70% 0%,\n      100% 40%,\n      85% 100%,\n      15% 100%,\n      0% 40%\n    );\n\n  opacity: 0.55;\n\n  pointer-events: none;\n}\n\n.bc-about-page .bc-hero-inner {\n\n  position: relative;\n\n  max-width: 1000px;\n\n  margin: 0 auto;\n}\n\n.bc-about-page .bc-hero-inner h1 {\n\n  margin: 0;\n\n  font-weight: 600;\n\n  font-size:\n    clamp(\n      42px,\n      7vw,\n      112px\n    );\n\n  line-height: 0.92;\n\n  letter-spacing: -0.05em;\n\n  text-transform: uppercase;\n\n  color: var(--ink) !important;\n}\n\n.bc-about-page .bc-hero-inner h1 span {\n  color: var(--accent) !important;\n}\n\n.bc-about-page .bc-hero-intro {\n\n  margin: 28px auto 0;\n\n  max-width: 500px;\n\n  font-size: 15px;\n\n  line-height: 1.6;\n\n  color: var(--ink-dim);\n}\n\n\n\/* ==========================================================\n   STORY SECTIONS\n   ========================================================== *\/\n\n.bc-about-page .bc-story {\n\n  position: relative;\n\n  max-width: 1250px;\n\n  margin: 0 auto;\n\n  padding: 9px 24px;\n\n  background: var(--bg);\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.bc-about-page .bc-story-card {\n\n  position: relative;\n\n  width: min(900px, 100%);\n\n  min-height: 300px;\n\n  display: flex;\n\n  align-items: center;\n\n  padding: 55px 70px;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--card-top) 0%,\n      var(--card-mid) 42%,\n      var(--card-bottom) 100%\n    );\n\n  border: 1px solid rgba(255,255,255,0.08);\n\n  border-radius: 18px;\n\n  overflow: hidden;\n\n  box-shadow:\n\n    inset\n    0 1px 0\n    rgba(255,255,255,0.12),\n\n    inset\n    0 -1px 0\n    rgba(0,0,0,0.35),\n\n    0 3px 8px\n    rgba(0,0,0,0.30),\n\n    0 20px 45px\n    rgba(0,0,0,0.35),\n\n    0 35px 70px\n    rgba(0,0,0,0.25);\n\n  transition:\n    transform 0.5s cubic-bezier(0.16,1,0.3,1),\n    box-shadow 0.5s ease,\n    border-color 0.5s ease;\n}\n\n\n\/* ==========================================================\n   LEFT \/ RIGHT POSITION\n   ========================================================== *\/\n\n.bc-about-page .bc-origin .bc-story-card,\n.bc-about-page .bc-team .bc-story-card {\n\n  margin-left: 0;\n  margin-right: auto;\n\n  \/* Fade toward right\/background *\/\n  -webkit-mask-image:\n    linear-gradient(\n      to right,\n      #000 0%,\n      #000 72%,\n      rgba(0,0,0,0.75) 87%,\n      transparent 100%\n    );\n\n  mask-image:\n    linear-gradient(\n      to right,\n      #000 0%,\n      #000 72%,\n      rgba(0,0,0,0.75) 87%,\n      transparent 100%\n    );\n}\n\n\n.bc-about-page .bc-difference .bc-story-card,\n.bc-about-page .bc-passion .bc-story-card {\n\n  margin-left: auto;\n  margin-right: 0;\n\n  \/* Fade toward left\/background *\/\n  -webkit-mask-image:\n    linear-gradient(\n      to left,\n      #000 0%,\n      #000 72%,\n      rgba(0,0,0,0.75) 87%,\n      transparent 100%\n    );\n\n  mask-image:\n    linear-gradient(\n      to left,\n      #000 0%,\n      #000 72%,\n      rgba(0,0,0,0.75) 87%,\n      transparent 100%\n    );\n}\n\n\n\/* ==========================================================\n   HOVER\n   ========================================================== *\/\n\n.bc-about-page .bc-story-card:hover {\n\n  transform: (-6px) scale(1.025);\n\n  box-shadow:\n\n    inset\n    0 1px 0\n    rgba(255,255,255,0.14),\n\n    0 8px 18px\n    rgba(0,0,0,0.35),\n\n    0 25px 55px\n    rgba(0,0,0,0.45),\n\n    0 40px 80px\n    rgba(0,0,0,0.30);\n}\n\n\n\/* ==========================================================\n   GOLD EDGE\n   ========================================================== *\/\n\n.bc-about-page .bc-story-accent {\n\n  position: absolute;\n\n  top: 40px;\n  bottom: 40px;\n\n  left: 0;\n\n  width: 2px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      var(--accent),\n      transparent\n    );\n\n  opacity: 0.75;\n}\n\n.bc-about-page .bc-difference .bc-story-accent,\n.bc-about-page .bc-passion .bc-story-accent {\n\n  left: auto;\n  right: 0;\n}\n\n\n\/* ==========================================================\n   CONTENT\n   ========================================================== *\/\n\n.bc-about-page .bc-story-content {\n\n  position: relative;\n\n  z-index: 2;\n\n  max-width: 800px;\n}\n\n\n\/* LEFT *\/\n\n.bc-about-page .bc-origin .bc-story-content,\n.bc-about-page .bc-team .bc-story-content {\n\n  margin-left: 0;\n\n  text-align: left;\n}\n\n\n\/* RIGHT *\/\n\n.bc-about-page .bc-difference .bc-story-content,\n.bc-about-page .bc-passion .bc-story-content {\n\n  margin-left: auto;\n\n  text-align: right;\n}\n\n\n\/* ==========================================================\n   LABEL\n   ========================================================== *\/\n\n.bc-about-page .bc-label {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 16px;\n}\n\n.bc-about-page .bc-label::before {\n\n  content: \"\";\n\n  width: 28px;\n  height: 1px;\n\n  background: var(--accent);\n\n  flex-shrink: 0;\n}\n\n.bc-about-page .bc-difference .bc-label,\n.bc-about-page .bc-passion .bc-label {\n\n  justify-content: flex-end;\n}\n\n.bc-about-page .bc-difference .bc-label::before,\n.bc-about-page .bc-passion .bc-label::before {\n\n  order: 2;\n}\n\n\n\/* ==========================================================\n   HEADINGS\n   ========================================================== *\/\n\n.bc-about-page .bc-story-content h2 {\n\n  margin: 0 0 18px;\n\n  font-weight: 500;\n\n  font-size:\n    clamp(\n      32px,\n      4.2vw,\n      58px\n    );\n\n  line-height: 1.02;\n\n  letter-spacing: -0.04em;\n\n  text-transform: uppercase;\n\n  color: var(--ink) !important;\n}\n\n.bc-about-page .bc-story-content h2 span {\n\n  color: var(--accent) !important;\n}\n\n\n\/* ==========================================================\n   BODY\n   ========================================================== *\/\n\n.bc-about-page .bc-story-content p {\n\n  margin: 0;\n\n  max-width: 800px;\n\n  font-size: 16px;\n\n  line-height: 1.6;\n\n  color: var(--ink-faded) !important;\n}\n\n\n\/* ==========================================================\n   GIANT NUMBERS\n   ========================================================== *\/\n\n.bc-about-page .bc-story-number {\n\n  position: absolute;\n\n  right: 35px;\n  bottom: -55px;\n\n  font-size: 190px;\n\n  font-weight: 700;\n\n  line-height: 1;\n\n  letter-spacing: -0.09em;\n\n  color:\n    rgba(255,255,255,0.025);\n\n  pointer-events: none;\n\n  user-select: none;\n}\n\n\/* LEFT *\/\n\n.bc-about-page .bc-origin .bc-story-number,\n.bc-about-page .bc-team .bc-story-number {\n    left: 55px;\n    right: auto;\n}\n\n\n\/* RIGHT *\/\n\n.bc-about-page .bc-difference .bc-story-number,\n.bc-about-page .bc-passion .bc-story-number {\n    left: auto;\n    right: 55px;\n}\n\n\/* ==========================================================\n   SLIDE-IN ANIMATION\n   ========================================================== *\/\n\n.bc-about-page [data-crystallize] .bc-story-card {\n\n  opacity: 0;\n\n  transition:\n    transform 0.5s cubic-bezier(0.16,1,0.3,1),\n    box-shadow 0.5s ease,\n    border-color 0.5s ease;\n}\n\n\n\/* LEFT CARDS ENTER FROM LEFT *\/\n\n.bc-about-page .bc-origin[data-crystallize] .bc-story-card,\n.bc-about-page .bc-team[data-crystallize] .bc-story-card {\n\n  transform:\n    translateX(-100px)\n    scale(0.98);\n}\n\n\n\/* RIGHT CARDS ENTER FROM RIGHT *\/\n\n.bc-about-page .bc-difference[data-crystallize] .bc-story-card,\n.bc-about-page .bc-passion[data-crystallize] .bc-story-card {\n\n  transform:\n    translateX(100px)\n    scale(0.98);\n}\n\n\n\/* VISIBLE *\/\n\n.bc-about-page [data-crystallize].is-visible .bc-story-card {\n\n  opacity: 1;\n\n  transform:\n    translateX(0)\n    scale(1);\n}\n\n\n\/* ==========================================================\n   CTA\n   ========================================================== *\/\n\n.bc-about-page .bc-cta {\n\n  position: relative;\n\n  padding:\n    120px\n    24px\n    145px;\n\n  text-align: center;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      to bottom,\n      var(--bg),\n      #101010\n    );\n}\n\n.bc-about-page .bc-cta-facet {\n\n  position: absolute;\n\n  bottom: -250px;\n\n  left: 50%;\n\n  width: 1000px;\n  height: 600px;\n\n  transform: translateX(-50%);\n\n  background:\n    radial-gradient(\n      closest-side,\n      rgba(201,160,106,0.20),\n      transparent 70%\n    );\n\n  clip-path:\n    polygon(\n      20% 0%,\n      80% 0%,\n      100% 55%,\n      65% 100%,\n      35% 100%,\n      0% 55%\n    );\n\n  opacity: 0.45;\n\n  pointer-events: none;\n}\n\n.bc-about-page .bc-cta-inner {\n\n  position: relative;\n\n  max-width: 680px;\n\n  margin: 0 auto;\n}\n\n.bc-about-page .bc-cta-inner h2 {\n\n  margin: 0 0 25px;\n\n  font-weight: 500;\n\n  font-size:\n    clamp(\n      34px,\n      4.5vw,\n      60px\n    );\n\n  line-height: 1.05;\n\n  letter-spacing: -0.04em;\n\n  text-transform: uppercase;\n\n  color: var(--ink) !important;\n}\n\n.bc-about-page .bc-cta-inner h2 span {\n\n  color: var(--accent) !important;\n}\n\n.bc-about-page .bc-cta-inner p {\n\n  margin: 0 auto 42px;\n\n  max-width: 480px;\n\n  font-size: 16px;\n\n  line-height: 1.7;\n\n  color: var(--ink-faded) !important;\n}\n\n\n\/* ==========================================================\n   CTA BUTTON\n   ========================================================== *\/\n\n.bc-about-page .bc-cta-button {\n\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 58px;\n\n  padding:\n    18px\n    45px;\n\n  background: var(--accent);\n\n  color: #191410 !important;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 0.18em;\n\n  text-transform: uppercase;\n\n  clip-path:\n    polygon(\n      6% 0%,\n      100% 0%,\n      94% 100%,\n      0% 100%\n    );\n\n  transition:\n    transform 0.25s ease,\n    background 0.25s ease,\n    box-shadow 0.25s ease;\n}\n\n.bc-about-page .bc-cta-button:hover {\n\n  background: var(--accent-bright);\n\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 12px 30px\n    rgba(201,160,106,0.20);\n\n  color: #191410 !important;\n}\n\n\/* ==========================================================\n   HOVER HIGHLIGHTS\n   ========================================================== *\/\n\n.bc-about-page .bc-story-card:hover {\n  border-color: rgba(201,160,106,0.28);\n}\n\n\n\/* Gold accent becomes brighter *\/\n\n.bc-about-page .bc-story-card:hover .bc-story-accent {\n  opacity: 1;\n\n  box-shadow:\n    0 0 10px rgba(201,160,106,0.35),\n    0 0 22px rgba(201,160,106,0.18);\n\n  transition:\n    opacity 0.4s ease,\n    box-shadow 0.4s ease;\n}\n\n\n\/* Background number becomes slightly visible *\/\n\n.bc-about-page .bc-story-card:hover .bc-story-number {\n  color: rgba(201,160,106,0.075);\n  transform: scale(1.03);\n\n  transition:\n    color 0.5s ease,\n    transform 0.6s cubic-bezier(0.16,1,0.3,1);\n}\n\n\n\/* Gold heading highlight gets a subtle glow *\/\n\n.bc-about-page .bc-story-card:hover h2 span {\n  text-shadow:\n    0 0 18px rgba(201,160,106,0.22);\n  transition: text-shadow 0.5s ease;\n}\n\n\/* ==========================================================\n   REDUCED MOTION\n   ========================================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .bc-about-page [data-crystallize] .bc-story-card {\n\n    opacity: 1;\n\n    transform: none;\n\n    transition: none;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   ========================================================== *\/\n\n@media (max-width: 720px) {\n\n  .bc-about-page .bc-hero {\n\n    padding:\n      105px\n      20px\n      80px;\n  }\n\n\n  .bc-about-page .bc-story {\n\n    padding:\n      7px\n      14px;\n  }\n\n\n  .bc-about-page .bc-story-card {\n\n    min-height: auto;\n\n    padding:\n      42px\n      28px;\n\n    border-radius: 14px;\n\n    -webkit-mask-image: none !important;\n    mask-image: none !important;\n  }\n\n\n  \/* Reset positioning *\/\n\n  .bc-about-page .bc-origin .bc-story-card,\n  .bc-about-page .bc-team .bc-story-card,\n  .bc-about-page .bc-difference .bc-story-card,\n  .bc-about-page .bc-passion .bc-story-card {\n\n    margin-left: 0;\n\n    margin-right: 0;\n  }\n\n\n  \/* Reset animation direction *\/\n\n  .bc-about-page .bc-origin[data-crystallize] .bc-story-card,\n  .bc-about-page .bc-team[data-crystallize] .bc-story-card,\n  .bc-about-page .bc-difference[data-crystallize] .bc-story-card,\n  .bc-about-page .bc-passion[data-crystallize] .bc-story-card {\n\n    transform:\n      translateY(45px)\n      scale(0.98);\n  }\n\n\n  .bc-about-page [data-crystallize].is-visible .bc-story-card {\n\n    transform:\n      translateY(0)\n      scale(1);\n  }\n\n  \/* ==========================================================\n      CARD HOVER \u2014 AFTER SCROLL ANIMATION\n      ========================================================== *\/\n\n    .bc-about-page [data-crystallize].is-visible .bc-story-card:hover {\n      transform: translateY(-6px) scale(1.025);\n\n      border-color: rgba(201,160,106,0.30);\n\n      box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.15),\n\n        0 8px 18px rgba(0,0,0,0.35),\n\n        0 25px 55px rgba(0,0,0,0.48),\n\n        0 45px 90px rgba(0,0,0,0.38);\n    }\n\n\n    \/* Gold vertical accent *\/\n\n    .bc-about-page [data-crystallize].is-visible .bc-story-card:hover .bc-story-accent {\n      opacity: 1;\n\n      box-shadow:\n        0 0 10px rgba(201,160,106,0.45),\n        0 0 25px rgba(201,160,106,0.20);\n    }\n\n\n    \/* Highlight the gold heading *\/\n\n    .bc-about-page [data-crystallize].is-visible .bc-story-card:hover h2 span {\n      text-shadow:\n        0 0 18px rgba(201,160,106,0.25);\n    }\n\n\n    \/* Bring the giant number forward slightly *\/\n\n    .bc-about-page [data-crystallize].is-visible .bc-story-card:hover .bc-story-number {\n      color: rgba(201,160,106,0.075);\n\n      transform: scale(1.03);\n    }\n\n  \/* Content *\/\n\n  .bc-about-page .bc-story-content {\n\n    max-width: none;\n\n    margin-left: 0 !important;\n\n    text-align: left !important;\n  }\n\n\n  \/* Labels *\/\n\n  .bc-about-page .bc-label {\n\n    justify-content: flex-start !important;\n  }\n\n\n  .bc-about-page .bc-difference .bc-label::before,\n  .bc-about-page .bc-passion .bc-label::before {\n\n    order: initial;\n  }\n\n\n  \/* Accent *\/\n\n  .bc-about-page .bc-story-accent,\n  .bc-about-page .bc-difference .bc-story-accent,\n  .bc-about-page .bc-passion .bc-story-accent {\n\n    left: 0;\n\n    right: auto;\n  }\n\n\n  \/* Number *\/\n\n  .bc-about-page .bc-story-number {\n\n    right: 10px;\n\n    bottom: -25px;\n\n    font-size: 120px;\n  }\n\n\n  \/* CTA *\/\n\n  .bc-about-page .bc-cta {\n\n    padding:\n      90px\n      20px\n      110px;\n  }\n\n\n  .bc-about-page .bc-cta-button {\n\n    width: 100%;\n  }\n\n}\n\/* ==========================================================\n   FORCE HOVER TEST\n   ========================================================== *\/\n\n.bc-about-page .bc-story-card:hover {\n    transform: translateY(-10px) scale(1.02) !important;\n\n    border-color: rgba(201, 160, 106, 0.45) !important;\n\n    box-shadow:\n        0 0 0 1px rgba(201, 160, 106, 0.12),\n        0 10px 25px rgba(0, 0, 0, 0.45),\n        0 30px 70px rgba(0, 0, 0, 0.60),\n        0 50px 100px rgba(201, 160, 106, 0.12) !important;\n}\n\n\n\/* Gold edge glow *\/\n\n.bc-about-page .bc-story-card:hover .bc-story-accent {\n    opacity: 1 !important;\n\n    box-shadow:\n        0 0 10px rgba(201, 160, 106, 0.8),\n        0 0 30px rgba(201, 160, 106, 0.4) !important;\n}\n\n\n\/* Gold text glow *\/\n\n.bc-about-page .bc-story-card:hover h2 span {\n    color: #dfb77c !important;\n    text-shadow: none !important;\n}\n\n\n\/* Number highlight *\/\n\n.bc-about-page .bc-story-card:hover .bc-story-number {\n    color: rgba(201, 160, 106, 0.10) !important;\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(function () {\n\n  function init() {\n\n    var targets = document.querySelectorAll(\n      '.bc-about-page [data-crystallize]'\n    );\n\n    if (!targets.length) {\n      return;\n    }\n\n    \/* Fallback for older browsers *\/\n    if (!('IntersectionObserver' in window)) {\n\n      targets.forEach(function (el) {\n        el.classList.add('is-visible');\n      });\n\n      return;\n    }\n\n\n    var observer = new IntersectionObserver(\n\n      function (entries) {\n\n        entries.forEach(function (entry) {\n\n          if (entry.isIntersecting) {\n\n            entry.target.classList.add('is-visible');\n\n            observer.unobserve(entry.target);\n\n          }\n\n        });\n\n      },\n\n      {\n        threshold: 0.15,\n\n        rootMargin:\n          '0px 0px -80px 0px'\n      }\n\n    );\n\n\n    targets.forEach(function (el) {\n\n      observer.observe(el);\n\n    });\n\n  }\n\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      init\n    );\n\n  } else {\n\n    init();\n\n  }\n\n})();\n<\/script>\n\n<div class=\"bc-about-page\">\n\n  <!-- =====================================================\n       HERO\n       ===================================================== -->\n\n  <section class=\"bc-hero\">\n    <div class=\"bc-hero-facet\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bc-hero-inner\">\n      <div class=\"bc-eyebrow\">ABOUT US<\/div>\n\n      <h1>\n        Live Your <span>Passion.<\/span>\n      <\/h1>\n\n      <p class=\"bc-hero-intro\">\n        Where culinary artistry meets engineering precision.\n      <\/p>\n    <\/div>\n  <\/section>\n\n\n  <!-- =====================================================\n       ORIGIN\n       ===================================================== -->\n\n  <section class=\"bc-story bc-origin\" data-crystallize=\"\">\n\n    <div class=\"bc-story-card\">\n\n      <div class=\"bc-story-number\" aria-hidden=\"true\">01<\/div>\n\n      <div class=\"bc-story-accent\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"bc-story-content\">\n\n        <div class=\"bc-label\">\n          Our Origin Story\n        <\/div>\n\n        <h2>\n          Born in <span>Taipei.<\/span>\n        <\/h2>\n\n        <p>\n          Beta Crystal isn&#8217;t just a startup it&#8217;s a vision that took\n          flight in the vibrant heart of Taipei, Taiwan, in 2020.\n          Born from the creative fusion of an ingenious chef and a\n          brilliant engineer, our story is as diverse as our products.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       DIFFERENCE\n       ===================================================== -->\n\n  <section class=\"bc-story bc-difference\" data-crystallize=\"\">\n\n    <div class=\"bc-story-card\">\n\n      <div class=\"bc-story-number\" aria-hidden=\"true\">02<\/div>\n\n      <div class=\"bc-story-accent\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"bc-story-content\">\n\n        <div class=\"bc-label\">\n          The Beta Crystal Difference\n        <\/div>\n\n        <h2>\n          Tools built for <span>artistry.<\/span>\n        <\/h2>\n\n        <p>\n          Beta Crystal is a trailblazer, dedicated to revolutionizing\n          the world of artisan chocolatiers. Our commitment lies in\n          crafting innovative, functional tools that enhance the\n          artistry of your creations while optimizing your resources.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       TEAM\n       ===================================================== -->\n\n  <section class=\"bc-story bc-team\" data-crystallize=\"\">\n\n    <div class=\"bc-story-card\">\n\n      <div class=\"bc-story-number\" aria-hidden=\"true\">03<\/div>\n\n      <div class=\"bc-story-accent\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"bc-story-content\">\n\n        <div class=\"bc-label\">\n          The Team Behind the Magic\n        <\/div>\n\n        <h2>\n          Art meets <span>science.<\/span>\n        <\/h2>\n\n        <p>\n          Our team is a harmonious blend of culinary maestros and\n          engineering virtuosos. We&#8217;ve bridged the gap between the\n          worlds of art and science, understanding the intricate\n          challenges you face daily. With unwavering dedication,\n          we continuously innovate and create solutions that empower\n          you to transform your passion into reality.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       PASSION\n       ===================================================== -->\n\n  <section class=\"bc-story bc-passion\" data-crystallize=\"\">\n\n    <div class=\"bc-story-card\">\n\n      <div class=\"bc-story-number\" aria-hidden=\"true\">04<\/div>\n\n      <div class=\"bc-story-accent\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"bc-story-content\">\n\n        <div class=\"bc-label\">\n          Fueling Your Passion\n        <\/div>\n\n        <h2>\n          More than <span>tools.<\/span>\n        <\/h2>\n\n        <p>\n          Your love for chocolate fuels our relentless pursuit of\n          excellence. At Beta Crystal, we don&#8217;t just provide tools \u2014\n          we provide the means to live your passion.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n\n  <!-- =====================================================\n       CTA\n       ===================================================== -->\n\n  <section class=\"bc-cta\" data-crystallize=\"\">\n\n    <div class=\"bc-cta-facet\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"bc-cta-inner\">\n\n      <div class=\"bc-eyebrow\">\n        JOIN THE SWEET REVOLUTION\n      <\/div>\n\n      <h2>\n        Experience the future<br>\n        of <span>chocolatiering.<\/span>\n      <\/h2>\n\n      <p>\n        Explore our cutting-edge products and discover the Beta Crystal\n        advantage. Unleash your creativity, enhance your efficiency,\n        and craft confections that leave a lasting impression.\n      <\/p>\n\n      <a href=\"\/shop\/\" class=\"bc-cta-button\">\n        Shop CocoPix\n      <\/a>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ABOUT US Live Your Passion. Where culinary artistry meets engineering precision. 01 Our Origin Story Born in Taipei. Beta Crystal isn&#8217;t just a startup it&#8217;s a vision that took flight in the vibrant heart of Taipei, Taiwan, in 2020. Born from the creative fusion of an ingenious chef and a brilliant engineer, our story is&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About -<\/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:\/\/betacrystal.com\/zh\/about\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About -\" \/>\n<meta property=\"og:description\" content=\"ABOUT US Live Your Passion. Where culinary artistry meets engineering precision. 01 Our Origin Story Born in Taipei. Beta Crystal isn&#8217;t just a startup it&#8217;s a vision that took flight in the vibrant heart of Taipei, Taiwan, in 2020. Born from the creative fusion of an ingenious chef and a brilliant engineer, our story is...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/betacrystal.com\/zh\/about\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T09:16:05+00:00\" \/>\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=\"1 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/betacrystal.com\\\/about\\\/\",\"url\":\"https:\\\/\\\/betacrystal.com\\\/about\\\/\",\"name\":\"About -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/betacrystal.com\\\/#website\"},\"datePublished\":\"2026-08-05T09:18:12+00:00\",\"dateModified\":\"2026-08-19T09:16:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/betacrystal.com\\\/about\\\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/betacrystal.com\\\/about\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/betacrystal.com\\\/about\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/betacrystal.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/betacrystal.com\\\/#website\",\"url\":\"https:\\\/\\\/betacrystal.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/betacrystal.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":"About -","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:\/\/betacrystal.com\/zh\/about\/","og_locale":"zh_TW","og_type":"article","og_title":"About -","og_description":"ABOUT US Live Your Passion. Where culinary artistry meets engineering precision. 01 Our Origin Story Born in Taipei. Beta Crystal isn&#8217;t just a startup it&#8217;s a vision that took flight in the vibrant heart of Taipei, Taiwan, in 2020. Born from the creative fusion of an ingenious chef and a brilliant engineer, our story is...","og_url":"https:\/\/betacrystal.com\/zh\/about\/","article_modified_time":"2026-08-19T09:16:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"1 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/betacrystal.com\/about\/","url":"https:\/\/betacrystal.com\/about\/","name":"About -","isPartOf":{"@id":"https:\/\/betacrystal.com\/#website"},"datePublished":"2026-08-05T09:18:12+00:00","dateModified":"2026-08-19T09:16:05+00:00","breadcrumb":{"@id":"https:\/\/betacrystal.com\/about\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/betacrystal.com\/about\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/betacrystal.com\/about\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/betacrystal.com\/"},{"@type":"ListItem","position":2,"name":"About"}]},{"@type":"WebSite","@id":"https:\/\/betacrystal.com\/#website","url":"https:\/\/betacrystal.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/betacrystal.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/betacrystal.com\/zh\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betacrystal.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/betacrystal.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/betacrystal.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/betacrystal.com\/zh\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":17,"href":"https:\/\/betacrystal.com\/zh\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":435,"href":"https:\/\/betacrystal.com\/zh\/wp-json\/wp\/v2\/pages\/76\/revisions\/435"}],"wp:attachment":[{"href":"https:\/\/betacrystal.com\/zh\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}