{"id":788,"date":"2026-08-14T05:20:06","date_gmt":"2026-08-14T05:20:06","guid":{"rendered":"https:\/\/arkgotosea.com\/?page_id=788"},"modified":"2026-08-14T07:04:01","modified_gmt":"2026-08-14T07:04:01","slug":"chengmei%e6%88%90%e7%be%8e%e9%9b%86%e5%9c%98","status":"publish","type":"page","link":"https:\/\/arkgotosea.com\/","title":{"rendered":"\u6210\u7f8e CHENGMEI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"788\" class=\"elementor elementor-788\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a03cc95 e-flex e-con-boxed rael-particle-no jltma-glass-effect-no wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no tmpcoder-jarallax-no tmpcoder-parallax-no tmpcoder-particle-no e-con e-parent\" data-id=\"a03cc95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;rae_animations_entrance&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82fdd99 jltma-glass-effect-no elementor-widget elementor-widget-html\" data-id=\"82fdd99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \u6210\u7f8e\u8fb2\u696d\u79d1\u6280\u98df\u54c1\u96c6\u5718 \u2014 \u54c1\u724c\u5b98\u7db2\u9996\u9801\n     \u7522\u751f\u6642\u9593\uff1a\u7531 build-wp.mjs \u7d44\u5efa\n     \u7d20\u6750\u4f86\u6e90\uff1ahttps:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     \u8cbc\u4e0a\u65b9\u5f0f\uff1aElementor \u2192 HTML Widget\uff0c\u6216 \u53e4\u9a30\u5821 \u2192 \u81ea\u8a02 HTML\n     \u6574\u6bb5\u4e00\u6b21\u8cbc\u4e0a\uff0c\u4e0d\u8981\u62c6\u958b\u3002\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<style id=\"cm-style\">\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u6210\u7f8e\u5b98\u7db2 \u2014 WordPress \u4e3b\u984c\u9632\u8b77\u5c64\uff08ARMOR\uff09\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   \u9019\u6bb5\u5fc5\u9808\u6392\u5728\u6240\u6709\u6a23\u5f0f\u6700\u524d\u9762\u3002\u4f5c\u7528\u662f\u628a #cm-root \u5167\u90e8\u9694\u96e2\u6210\n   \u4e00\u500b\u300c\u4e3b\u984c\u7ba1\u4e0d\u5230\u300d\u7684\u5340\u57df\uff0c\u62b5\u92b7\u4f48\u666f\u4e3b\u984c\u8207\u9801\u9762\u5efa\u69cb\u5668\u7684\u5e72\u64fe\u3002\n\n   \u6bcf\u4e00\u689d\u90fd\u5c0d\u61c9\u4e00\u500b\u5be6\u969b\u6703\u767c\u751f\u7684\u7834\u58de\uff0c\u4e0d\u662f\u9810\u9632\u6027\u6e4a\u6578\u3002\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* \u2500\u2500\u2500 1. \u5bb9\u5668\u672c\u8eab\uff1a\u812b\u96e2\u4e3b\u984c\u7684\u5167\u5bb9\u5340\u5bec\u5ea6\u9650\u5236 \u2500\u2500\u2500\n   \u4e3b\u984c\u5e38\u898b .site-content{max-width:1200px;padding:40px} \u6703\u628a\u6574\u500b\n   \u5168\u5c4f\u8a2d\u8a08\u58d3\u6210\u4e2d\u9593\u4e00\u689d\u3002\u7528 100vw + \u8ca0 margin \u7834\u51fa\u4f86\u3002 *\/\n#cm-root{\n  position:relative;\n\n  \/* \u2500\u2500 \u7834\u51fa\u7956\u5148\u5bb9\u5668\u7684\u5de6\u53f3 padding \u2500\u2500\n     \u26a0 \u4e0d\u80fd\u7528 margin-left:calc(50% - 50vw)\uff1a\n     \u8a72\u516c\u5f0f\u7684 50% \u76f8\u5c0d\u300c\u7236\u5bb9\u5668\u5bec\u5ea6\u300d\uff0c\u7236\u5bb9\u5668\u82e5\u88ab\u5c64\u5c64 padding \u63a8\u5230\n     \u975e\u7f6e\u4e2d\u4f4d\u7f6e\uff08\u5be6\u6e2c Elementor \u5de2\u72c0\u5bb9\u5668\u8b93 #cm-root \u7684 left=70px\uff09\uff0c\n     \u5c31\u88dc\u4e0d\u56de\u4f86\uff0c\u53f3\u5074\u6703\u8d85\u51fa\u8996\u7a97\u3002\n\n     \u6539\u7528 left + margin-left \u9328\u5b9a\u6cd5\uff1a\n     left:50% \u628a\u5de6\u7de3\u63a8\u5230\u7236\u5bb9\u5668\u4e2d\u7dda\uff0cmargin-left \u518d\u62c9\u56de\u8996\u7a97\u4e2d\u7dda\uff0c\n     \u7d50\u679c\u8207\u7236\u5bb9\u5668\u7684\u5bec\u5ea6\u3001padding\u3001\u4f4d\u7f6e\u5b8c\u5168\u7121\u95dc\u3002\n\n     \u26a0 \u55ae\u4f4d\u9078\u64c7\uff1a100vw \u5305\u542b\u5782\u76f4\u6372\u8ef8\u5bec\uff08\u5be6\u6e2c\u8996\u7a97 838 vs \u53ef\u7528 768\uff09\uff0c\n     \u76f4\u63a5\u7528\u6703\u8b93\u53f3\u5074\u6ea2\u51fa 70px\u3002\u6539\u7528 100dvw\uff08\u4e0d\u542b\u6372\u8ef8\uff09\uff0c\n     \u4e26\u5728\u4e0b\u65b9\u4ee5 @supports \u63d0\u4f9b vw \u5f8c\u5099\u3002 *\/\n  \/* \u9019\u56db\u884c\u52a0 !important\uff1a\u4e3b\u6a23\u5f0f\u8868\u8207\u4e3b\u984c\u90fd\u53ef\u80fd\u51fa\u73fe margin:0 \u4e4b\u985e\u7684\u5ba3\u544a\n     \u8986\u84cb\u6389\u7834\u5bec\uff08\u5be6\u6e2c\u524d\u7db4\u5f8c\u7684 body{margin:0} \u5c31\u9020\u6210\u5bb9\u5668\u504f\u79fb 384px\uff09\u3002 *\/\n  width:100vw !important;\n  max-width:none !important;\n  left:50% !important;\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n\n  padding:0;\n\n  \/* \u26a0 \u7d55\u5c0d\u4e0d\u8981\u5728\u9019\u88e1\u8a2d\u4efb\u4f55 overflow\u3002\n     CSS \u898f\u7bc4\uff1aoverflow \u5169\u8ef8\u4e0d\u80fd\u4e00\u500b visible \u4e00\u500b hidden\uff0c\n     \u5beb overflow-x:hidden \u6703\u8b93 overflow-y \u88ab\u6b63\u898f\u5316\u6210 auto\uff0c\n     #cm-root \u5c31\u8b8a\u6210\u300c\u53ef\u6efe\u52d5\u7956\u5148\u300d\u2192 \u5167\u90e8 position:sticky \u7684\u821e\u53f0\n     \u6539\u70ba\u76f8\u5c0d\u5b83\u9ecf\u8457\uff0c\u4f46\u5be6\u969b\u6372\u52d5\u7684\u662f window\uff0c\u821e\u53f0\u6c38\u9060\u4e0d\u6703\u9ecf\u4f4f\n     \u2192 \u4e94\u5e55\u80cc\u666f\u5168\u9ed1\uff08\u5be6\u6e2c stage.rectTop \u96a8\u6372\u52d5\u8b8a\u6210 -2000\uff09\u3002 *\/\n\n  \/* \u4e3b\u984c\u5b57\u7d1a\u53ef\u80fd\u662f 62.5% \u6216 18px\uff0c\u9396\u56de 16px \u57fa\u6e96\uff0cclamp \u624d\u6703\u6e96 *\/\n  font-size:16px;\n  line-height:1.6;\n  text-align:left;\n\n  \/* \u26a0 \u5b57\u578b\u5728\u6b64\u9396\u5b9a\u4e26\u5411\u4e0b\u7e7c\u627f\u3002\u4e3b\u984c\u5e38\u8a2d body{font-family:Georgia,serif}\uff0c\n     \u5b50\u5143\u7d20\u82e5\u6c92\u660e\u78ba\u6307\u5b9a\u6703\u7e7c\u627f\u5230\uff0c\u4e2d\u6587\u6a19\u984c\u6703\u8b8a\u6210\u896f\u7dda\u9ad4\u3002\n     \uff08\u50c5\u9760\u7e7c\u627f\u4e0d\u5920\uff0c\u4e3b\u984c\u7684 h1\/h2 \u76f4\u63a5\u547d\u4e2d\u9078\u64c7\u5668\uff0c\u898b\u7b2c 5 \u689d\u7684\u9010\u4e00\u8986\u84cb\uff09 *\/\n  font-family:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",\n              -apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n  font-weight:300;\n\n  \/* \u9694\u7d55\u4e3b\u984c\u7684 filter \/ opacity \u7e7c\u627f *\/\n  filter:none;\n  opacity:1;\n}\n\n\/* \u4e0d\u542b\u6372\u8ef8\u7684\u8996\u7a97\u5bec\u5ea6\uff08\u73fe\u4ee3\u700f\u89bd\u5668\uff09\u2014\u2014\u907f\u514d\u53f3\u5074\u6ea2\u51fa *\/\n@supports (width:100dvw){\n  #cm-root{\n    width:100dvw !important;\n    margin-left:-50dvw !important;\n    margin-right:-50dvw !important;\n  }\n}\n\/* \u6975\u820a\u700f\u89bd\u5668\u4e0d\u652f\u63f4 vw\uff1a\u9000\u56de\u7236\u5bb9\u5668\u5bec\u4e26\u53d6\u6d88\u9328\u5b9a\uff0c\u5be7\u53ef\u504f\u7a84\u4e5f\u4e0d\u6ea2\u51fa *\/\n@supports not (width:100vw){\n  #cm-root{\n    width:100% !important;\n    left:auto !important;\n    margin-left:0 !important;\n    margin-right:0 !important;\n  }\n}\n\n\/* \u2500\u2500\u2500 2. \u5716\u7247\uff1a\u62b5\u92b7 `img{max-width:100%;height:auto}` \u2500\u2500\u2500\n   \u26a0 \u9019\u662f\u6700\u81f4\u547d\u7684\u4e00\u689d\u3002\u4e3b\u984c\u9019\u884c\u6703\u628a\u6211\u5011\u8a2d\u5b9a\u7684 104%~200% \u5bec\u5ea6\u58d3\u56de 100%\uff0c\n   \u8996\u5dee\u5c64\u5931\u53bb\u5197\u9918\u7a7a\u9593 \u2192 \u4f4d\u79fb\u88ab clamp \u6210 0 \u2192 \u4e94\u5e55\u5168\u90e8\u4e0d\u6703\u52d5\u3002\n   WP \u9084\u6703\u81ea\u52d5\u52a0 srcset\/sizes\uff0c\u4e5f\u4e00\u4f75\u95dc\u9589\u907f\u514d\u700f\u89bd\u5668\u9078\u932f\u5c3a\u5bf8\u3002 *\/\n#cm-root img{\n  max-width:none !important;\n  max-height:none !important;\n  min-width:0;\n  min-height:0;\n  height:auto;\n  border:0 !important;\n  border-radius:0 !important;\n  box-shadow:none !important;\n  margin:0 !important;\n  padding:0 !important;\n  vertical-align:baseline;\n  \/* \u4e3b\u984c\u5e38\u5c0d\u5716\u7247\u52a0\u8f49\u5834\uff0c\u6703\u8b93\u8996\u5dee\u6bcf\u5e40\u90fd\u5728\u88dc\u9593\uff0c\u9020\u6210\u62d6\u5f71 *\/\n  transition:none !important;\n  \/* Elementor \/ \u4e3b\u984c\u7684 hover \u7e2e\u653e *\/\n  transform-origin:center center;\n}\n\/* WP \u81ea\u52d5\u63d2\u5165\u7684 srcset \u82e5\u8b93\u700f\u89bd\u5668\u6311\u4e86\u5c0f\u5716\uff0c\u8996\u5dee\u6703\u7cca\u3002\u5f37\u5236\u7528\u539f\u5716\u3002 *\/\n#cm-root img[srcset]{ \/* \u4f54\u4f4d\uff1a\u5be6\u969b\u7531 HTML \u4e0d\u8f38\u51fa srcset \u4fdd\u8b49 *\/ }\n\n\/* \u2500\u2500\u2500 3. \u5f71\u7247\uff1a\u4e3b\u984c\u5e38\u5c0d video \u52a0 max-width \u8207 aspect-ratio \u2500\u2500\u2500 *\/\n#cm-root video{\n  max-width:none !important;\n  max-height:none !important;\n  width:auto;height:auto;\n  aspect-ratio:auto !important;\n  border-radius:0 !important;\n  box-shadow:none !important;\n  display:block;\n}\n\n\/* \u2500\u2500\u2500 4. \u6e05\u55ae\uff1a\u4e3b\u984c\u7684 ul\/li \u6a23\u5f0f\uff08\u9805\u76ee\u7b26\u865f\u3001\u7e2e\u6392\u3001before \u5167\u5bb9\uff09\u2500\u2500\u2500 *\/\n#cm-root ul,\n#cm-root ol,\n#cm-root li{\n  list-style:none !important;\n  margin:0;\n  padding:0;\n  background:none;\n  text-indent:0;\n}\n\/* \u26a0 \u4e3b\u984c\u82e5\u7528 li::before \u756b\u9805\u76ee\u7b26\u865f\uff08\u5be6\u6e2c content:\"\u25b8 \";color:#c00\uff09\uff0c\n   \u6703\u6ef2\u9032\u6211\u5011\u6240\u6709\u7684\u6e05\u55ae\u2014\u2014\u5074\u908a\u7ae0\u7bc0\u5217\u3001\u5730\u9ede\u81a0\u56ca\u3001\u8a8d\u8b49\u3001\u5faa\u74b0\u884c\u52d5\u3002\n   \u5fc5\u9808\u5168\u9762\u6e05\u9664\uff0c\u4e0d\u80fd\u53ea\u5217\u8209\u500b\u5225 class\uff08\u5be6\u6e2c\u6f0f\u6389 .rail__list \u5c31\u9577\u51fa\u7d05\u4e09\u89d2\uff09\u3002\n   \u4f8b\u5916\uff1a.cycle li::before \u662f\u6211\u5011\u81ea\u5df1\u7684\u7da0\u8272\u9032\u5ea6\u7dda\uff0c\u9700\u4fdd\u7559\uff0c\n   \u6545\u5728\u5f8c\u9762\u7528\u66f4\u9ad8\u7279\u7570\u6027\u5fa9\u539f\u3002 *\/\n#cm-root li::before,\n#cm-root li::after,\n#cm-root li::marker,\n#cm-root ul::before,\n#cm-root ol::before{\n  content:none !important;\n  display:none !important;\n}\n\/* \u5fa9\u539f\u6211\u5011\u81ea\u5df1\u7684\u88dd\u98fe\uff1a04 \u5c4f\u5faa\u74b0\u884c\u52d5\u7684\u5de6\u5074\u7da0\u7dda *\/\n#cm-root .cycle li::before{\n  content:\"\" !important;\n  display:block !important;\n}\n\n\/* \u2500\u2500\u2500 5. \u6a19\u984c\u8207\u6bb5\u843d\uff1a\u4e3b\u984c\u7684 margin \/ color \/ font-weight \u2500\u2500\u2500\n   \u26a0 \u5c0d\u61c9\u8a18\u61b6\u300celementor-container-text-color-override\u300d\uff1a\n   Elementor \u5bb9\u5668\u8a2d\u5b9a\u7684\u6587\u5b57\u984f\u8272\u6703\u8986\u5beb\uff0c\u8b93\u6211\u5011\u8abf\u597d\u7684 5.5:1 \u5c0d\u6bd4\u5931\u6548\u3002\n   \u9019\u88e1\u9023\u5167\u5c64 span \u4e00\u8d77\u9396\u3002 *\/\n\/* \u26a0 \u4e3b\u984c\u7684 h1,h2,h3{font-family:Georgia} \u662f\u76f4\u63a5\u547d\u4e2d\u5b50\u5143\u7d20\uff0c\n   \u7279\u7570\u6027\u9ad8\u65bc\u5f9e #cm-root \u7e7c\u627f\uff0c\u5fc5\u9808\u9010\u4e00\u660e\u78ba\u8986\u84cb\u3002\n   \u5be6\u6e2c\u82e5\u53ea\u5728\u5bb9\u5668\u4e0a\u8a2d font-family\uff0c\u4e2d\u6587\u4e3b\u6a19\u4ecd\u6703\u8b8a\u6210\u896f\u7dda\u9ad4\u3002 *\/\n#cm-root h1,#cm-root h2,#cm-root h3,\n#cm-root h4,#cm-root h5,#cm-root h6,\n#cm-root p,#cm-root span,#cm-root b,\n#cm-root em,#cm-root i,#cm-root li,\n#cm-root a,#cm-root button,#cm-root div{\n  font-family:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",\n              -apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif !important;\n}\n#cm-root h1,#cm-root h2,#cm-root h3,\n#cm-root h4,#cm-root h5,#cm-root h6,\n#cm-root p{\n  margin:0;\n  padding:0;\n  text-transform:none;\n  font-weight:inherit;      \/* \u4e3b\u984c\u7684 700 \u6703\u58d3\u6389\u6211\u5011\u7684\u7d30\u9ad4\u7f8e\u5b78 *\/\n}\n\/* \u5b57\u91cd\uff1a\u4e3b\u984c h1{font-weight:700} \u6703\u8b93\u7d30\u9ad4\u6a19\u984c\u8b8a\u7c97\uff0c\u9010\u4e00\u9396\u56de\u8a2d\u8a08\u503c *\/\n#cm-root .h-display{font-weight:200 !important}\n#cm-root .eyebrow,\n#cm-root .h-en,\n#cm-root .lead{font-weight:300 !important}\n#cm-root .stat b{font-weight:200 !important}\n#cm-root .tech b,\n#cm-root .cycle b,\n#cm-root .nav__logo{font-weight:500 !important}\n#cm-root,\n#cm-root p,\n#cm-root span,\n#cm-root b,\n#cm-root em,\n#cm-root i,\n#cm-root h1,#cm-root h2,#cm-root h3{\n  color:var(--paper);\n}\n\/* \u4f8b\u5916\uff1a\u9019\u4e9b\u5143\u7d20\u6709\u81ea\u5df1\u7684\u984f\u8272\uff0c\u5fc5\u9808\u8d0f\u904e\u4e0a\u9762\u90a3\u689d *\/\n#cm-root .eyebrow{color:var(--leaf-lit) !important}\n#cm-root .nav__logo span,\n#cm-root .nav__links a,\n#cm-root .h-en,\n#cm-root .stat span,\n#cm-root .tech span,\n#cm-root .cycle span,\n#cm-root .chips li,\n#cm-root .certs li,\n#cm-root .foot__note{color:var(--paper-dim) !important}\n#cm-root .stat em{color:var(--leaf-lit) !important}\n#cm-root .stat b,\n#cm-root .h-display,\n#cm-root .lead{color:var(--paper) !important}\n\n\/* \u2500\u2500\u2500 6. \u9023\u7d50\uff1a\u4e3b\u984c\u7684\u5e95\u7dda\u3001\u984f\u8272\u3001hover \u52d5\u756b \u2500\u2500\u2500 *\/\n#cm-root a{\n  text-decoration:none !important;\n  box-shadow:none !important;\n  border-bottom:0 !important;\n  background-image:none !important;\n}\n\n\/* \u2500\u2500\u2500 7. \u6309\u9215\uff1a\u4e3b\u984c\u8207 Elementor \u7684 button \u6a23\u5f0f\u975e\u5e38\u5f37\u52e2 \u2500\u2500\u2500 *\/\n#cm-root button{\n  font-family:inherit;\n  text-transform:none;\n  letter-spacing:inherit;\n  line-height:normal;\n  min-height:0;\n  width:auto;\n  box-shadow:none !important;\n  text-shadow:none !important;\n  -webkit-appearance:none;\n  appearance:none;\n}\n\n\/* \u2500\u2500\u2500 8. \u821e\u53f0\u5b9a\u4f4d\uff1afixed \u70ba\u4e3b\u3001sticky \u70ba\u8f14\uff08\u7531 JS \u6c7a\u5b9a\uff0c\u898b main.js\uff09\u2500\u2500\u2500\n\n   \u5169\u7a2e\u5b9a\u4f4d\u5404\u6709\u4e00\u500b\u81f4\u547d\u5f31\u9ede\uff0c\u6c92\u6709\u55ae\u4e00\u89e3\uff1a\n\n   \u00b7 position:fixed  \u2192 \u82e5\u300c\u4efb\u4f55\u7956\u5148\u300d\u6709 transform \/ filter \/ perspective \/ will-change\uff0c\n                       \u6703\u5efa\u7acb containing block\uff0c\u821e\u53f0\u88ab\u95dc\u9032\u8a72\u7956\u5148\u5167\u3002\n                       \uff08Elementor sticky header \u4e00\u5b9a\u6709 transform\uff09\n\n   \u00b7 position:sticky \u2192 \u82e5\u300c\u4efb\u4f55\u7956\u5148\u300d\u6709 overflow:hidden\/auto\/scroll\uff0c\n                       \u6703\u6539\u70ba\u76f8\u5c0d\u8a72\u7956\u5148\u9ecf\u8457\uff1b\u4f46\u5be6\u969b\u6372\u52d5\u7684\u662f window\uff0c\n                       \u821e\u53f0\u5c31\u5b8c\u5168\u4e0d\u9ecf\uff0c\u8ddf\u8457\u9801\u9762\u6372\u8d70 \u2192 \u4e94\u5e55\u80cc\u666f\u5168\u9ed1\u3002\n                       \uff08\u4e3b\u984c\u7684 .entry-content{overflow:hidden} \u6975\u5e38\u898b\uff0c\u5be6\u6e2c\u547d\u4e2d\uff09\n\n   \u7b56\u7565\uff1a\u9810\u8a2d fixed\uff08\u591a\u6578\u4e3b\u984c\u6c92\u6709 transform \u7956\u5148\uff09\uff0c\n        main.js \u958b\u6a5f\u6642\u5be6\u6e2c\u821e\u53f0\u662f\u5426\u88ab\u56f0\u4f4f\uff0c\u88ab\u56f0\u624d\u5207\u63db\u6210 sticky \u6a21\u5f0f\uff0c\n        \u4e26\u540c\u6642\u6253\u958b\u7956\u5148\u7684 overflow\uff08\u4e0b\u9762\u7b2c 8b \u689d\uff09\u3002\n\n   CSS \u53ea\u8ca0\u8cac\u5169\u7a2e\u6a21\u5f0f\u7684\u6a23\u5f0f\uff0c\u6c7a\u7b56\u4ea4\u7d66 JS\u3002 *\/\n#cm-root .cm-stage{\n  position:fixed;\n  top:0;\n  left:0;\n  right:0;                      \/* \u7528 right:0 \u800c\u975e width:100vw\uff0c\u5929\u7136\u907f\u958b\u6372\u8ef8\u5bec *\/\n  height:100vh;                 \/* \u820a\u700f\u89bd\u5668\u5f8c\u5099 *\/\n  overflow:hidden;\n  z-index:1;\n}\n@supports (height:100svh){\n  #cm-root .cm-stage{height:100svh}\n}\n\/* JS \u5075\u6e2c\u5230 fixed \u88ab\u56f0\u4f4f\u6642\uff0c\u6539\u639b\u9019\u500b class\uff08sticky \u6a21\u5f0f\uff09 *\/\n#cm-root.cm-sticky .cm-stage{\n  position:-webkit-sticky;\n  position:sticky;\n  width:100%;\n}\n\n\/* \u2500\u2500\u2500 8b. \u6253\u958b\u7956\u5148\u7684 overflow\uff0c\u8b93 sticky \u6a21\u5f0f\u80fd\u6b63\u5e38\u9ecf\u8457 \u2500\u2500\u2500\n   \u26a0 \u9019\u662f\u552f\u4e00\u5fc5\u9808\u4f5c\u7528\u5728\u300c\u6211\u5011\u5bb9\u5668\u4e4b\u5916\u300d\u7684\u898f\u5247\u3002\n   \u7528 :has() \u7cbe\u6e96\u547d\u4e2d\u300c\u7956\u5148\u93c8\u4e0a\u5305\u8457 #cm-root \u7684\u5143\u7d20\u300d\uff0c\n   \u4e0d\u6703\u5f71\u97ff\u9801\u9762\u5176\u4ed6\u5340\u584a\u3002\u4e3b\u984c\u5e38\u898b\u7684 .entry-content{overflow:hidden}\n   \u6703\u8b93 sticky \u5b8c\u5168\u5931\u6548\uff08\u5be6\u6e2c stage.top \u96a8\u6372\u52d5\u8b8a\u6210 -2700\uff09\u3002 *\/\n.entry-content:has(#cm-root),\n.site-content:has(#cm-root),\n.e-con:has(#cm-root),\n.e-con-inner:has(#cm-root),\n.elementor-widget-container:has(#cm-root),\n.elementor-widget-html:has(#cm-root),\n.wp-block-html:has(#cm-root),\n.page-content:has(#cm-root),\n.content-area:has(#cm-root),\nmain:has(#cm-root),\narticle:has(#cm-root){\n  overflow:visible !important;\n}\n\n\/* \u2500\u2500\u2500 9\/10. \u5c0e\u89bd\u5217\u8207\u5de6\u5074\u7ae0\u7bc0\u9032\u5ea6 \u2500\u2500\u2500\n   \u8ddf\u821e\u53f0\u63a1\u540c\u4e00\u5957\u5b9a\u4f4d\u7b56\u7565\uff1afixed \u6a21\u5f0f\u8ddf\u8457\u8996\u7a97\uff0csticky \u6a21\u5f0f\u8ddf\u8457\u5bb9\u5668\u3002\n   \u6ce8\u610f .rail \u4e0d\u80fd\u7528 transform:translateY \u5b9a\u4f4d\u2014\u2014\u90a3\u6703\u8b93\u5b83\u81ea\u5df1\u6210\u70ba\n   containing block\uff0c\u82e5\u672a\u4f86\u8981\u5728\u88e1\u9762\u653e fixed \u5143\u7d20\u6703\u51fa\u554f\u984c\uff1b\n   \u6539\u7528 margin-top \u8ca0\u503c\u914d\u5408 top:50%\u3002 *\/\n#cm-root .nav{\n  position:fixed;\n  top:0;left:0;right:0;\n  z-index:60;\n}\n#cm-root .rail{\n  position:fixed;\n  top:50%;\n  transform:translateY(-50%);\n  z-index:55;\n}\n\/* sticky \u6a21\u5f0f\uff1a\u6539\u70ba\u76f8\u5c0d\u5bb9\u5668\u5b9a\u4f4d *\/\n#cm-root.cm-sticky{position:relative}\n#cm-root.cm-sticky .nav{\n  position:absolute;\n  top:0;left:0;right:0;\n}\n#cm-root.cm-sticky .rail{\n  position:absolute;\n  top:50vh;\n}\n\n\/* \u2500\u2500\u2500 11. \u76d2\u6a21\u578b\uff1a\u4e3b\u984c\u82e5\u7528 content-box \u6703\u8b93 padding \u6490\u7834\u9762\u677f \u2500\u2500\u2500 *\/\n#cm-root *,\n#cm-root *::before,\n#cm-root *::after{\n  box-sizing:border-box;\n}\n\n\/* \u2500\u2500\u2500 12. \u52d5\u756b\u9632\u8b77\uff1a\u4e3b\u984c\u6216\u5916\u639b\uff08AOS\u3001WOW.js\u3001Elementor \u52d5\u756b\uff09\n   \u53ef\u80fd\u5c0d\u5b50\u5143\u7d20\u5957 opacity:0 \u6216 transform\uff0c\u6703\u84cb\u6389\u6211\u5011\u7684\u9032\u5834\u52d5\u756b\u3002 *\/\n#cm-root [data-aos],\n#cm-root .elementor-invisible,\n#cm-root .animated{\n  opacity:1 !important;\n  transform:none !important;\n  animation:none !important;\n  visibility:visible !important;\n}\n\n\/* \u2500\u2500\u2500 13. \u9801\u9762\u5efa\u69cb\u5668\u5bb9\u5668\uff1a\u8b93\u5916\u5c64\u5bb9\u5668\u4e0d\u8981\u9650\u5236\u5bec\u5ea6 \u2500\u2500\u2500\n   \u9019\u5e7e\u689d\u4f5c\u7528\u5728 #cm-root \u7684\u300c\u7956\u5148\u300d\u4e0a\uff0c\u662f\u552f\u4e00\u5fc5\u9808\u5916\u6d29\u7684\u898f\u5247\u3002\n   \u7528 :has() \u7cbe\u6e96\u547d\u4e2d\u300c\u5305\u8457\u6211\u5011\u5bb9\u5668\u7684\u90a3\u4e00\u5c64\u300d\uff0c\u4e0d\u5f71\u97ff\u9801\u9762\u5176\u4ed6\u5340\u584a\u3002 *\/\n.e-con:has(> #cm-root),\n.e-con-inner:has(> #cm-root),\n.elementor-widget-container:has(> #cm-root),\n.elementor-widget-html:has(#cm-root),\n.wp-block-html:has(> #cm-root),\n.entry-content:has(> #cm-root){\n  max-width:none !important;\n  width:100% !important;\n  padding:0 !important;\n  margin:0 !important;\n  overflow:visible !important;\n}\n\/* :has() \u4e0d\u652f\u63f4\u6642\u7684\u5f8c\u5099\uff1a\u7531\u90e8\u7f72\u6587\u4ef6\u6307\u793a\u624b\u52d5\u8a2d\u5b9a Elementor \u70ba\u300c\u5168\u5bec\u300d *\/\n\n\/* \u2500\u2500\u2500 14. \u4e3b\u984c\u82e5\u5c0d body \u8a2d overflow:hidden \u6703\u8b93\u9801\u9762\u7121\u6cd5\u6372\u52d5 \u2500\u2500\u2500\n   \u26a0 \u9019\u88e1\u53ea\u653e\u884c y \u8ef8\uff0c\u4e0d\u5beb overflow-x:hidden\u3002\n   \u7406\u7531\u540c\u7b2c 1 \u689d\uff1ahidden \u6703\u8b93\u53e6\u4e00\u8ef8\u88ab\u6b63\u898f\u5316\u6210 auto\uff0c\n   \u5728 html\/body \u4e0a\u6703\u7522\u751f\u7b2c\u4e8c\u500b\u6efe\u52d5\u5bb9\u5668\uff0c\u7834\u58de sticky \u821e\u53f0\u3002\n   \u6a6b\u5411\u6ea2\u51fa\u6539\u7531 #cm-root \u7684 width:100vw \u7cbe\u6e96\u63a7\u5236\uff08\u5df2\u7121\u6ea2\u51fa\uff0c\u5be6\u6e2c 0px\uff09\u3002 *\/\nhtml:has(#cm-root),\nbody:has(#cm-root){\n  overflow-y:visible;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u5197\u9918\u5bec\u5ea6\u5ba3\u544a\uff08--ow\uff09\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   main.js \u8b80\u9019\u500b\u8b8a\u6578\u4f86\u6c7a\u5b9a\u8996\u5dee\u7684\u5b89\u5168\u4f4d\u79fb\u7bc4\u570d\uff0c\n   \u4e0d\u518d\u5f9e getComputedStyle \u53cd\u63a8\uff08\u6703\u88ab\u4e3b\u984c\u7684 max-width \u7834\u58de\uff09\u3002\n   \u6578\u503c = \u5716\u7247\u5bec\u5ea6\u767e\u5206\u6bd4 - 100\u3002\u4f8b\uff1awidth:104% \u2192 --ow:4\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cm-root .layer img{--ow:4}                                \/* \u9810\u8a2d 104% *\/\n#cm-root .layer img.cover{--ow:4}\n#cm-root .layer--wallL img.cover,\n#cm-root .layer--wallR img.cover{--ow:50}                  \/* 150% \u2192 \u5197\u9918 50 *\/\n#cm-root .layer--solo img.cover{--ow:14}                   \/* 114% \u2192 \u5197\u9918 14 *\/\n\n@media (min-width:901px) and (max-width:1279px){\n  #cm-root .layer img{--ow:18}                             \/* \u5e73\u677f 118% *\/\n  #cm-root .layer img.cover{--ow:20}                       \/* \u5e73\u677f 120% *\/\n}\n@media (max-width:900px){\n  #cm-root .layer img{--ow:90}                             \/* \u624b\u6a5f 190% *\/\n  #cm-root .layer img.cover{--ow:100}                      \/* \u624b\u6a5f 200% *\/\n  #cm-root .layer--mobase img.cover{--ow:110}              \/* \u624b\u6a5f 210% *\/\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u6210\u7f8e\u96c6\u5718\u5b98\u7db2 \u2014 \u5206\u5c64\u8996\u5dee\n   \u8a2d\u8a08\u57fa\u6e96\uff1a\u8fd1\u9ed1\u5e95\u3001\u6df1\u58a8\u7da0\u3001\u7981\u7c73\u8272\u3001\u5c0d\u6bd4\u22655.5:1\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n#cm-root{\n  --ink:#0D0F0E;          \/* \u8fd1\u9ed1\u4e3b\u80cc\u666f *\/\n  --ink-2:#121A16;        \/* \u6df1\u58a8\u7da0 *\/\n  --paper:#F0F0EE;        \/* \u51b7\u767d\u6587\u5b57 *\/\n  --paper-dim:#A8B0AB;    \/* \u6b21\u7d1a\u6587\u5b57 *\/\n  --leaf:#4E7C4A;         \/* \u6df1\u8449\u7da0\u5f37\u8abf *\/\n  --leaf-lit:#7BA86F;     \/* \u4eae\u8449\u7da0 *\/\n  --line:rgba(240,240,238,.14);\n\n  --pad:clamp(20px,4vw,72px);\n  --nav-h:64px;\n  --safe-top:calc(var(--nav-h) + 28px);   \/* \u5167\u5bb9\u4e0d\u5f97\u4fb5\u5165\u7684\u9802\u90e8\u5b89\u5168\u5340 *\/\n  --safe-bot:clamp(28px,4.4vh,64px);\n\n  \/* \u5b57\u7d1a\uff1a\u540c\u6642\u53d7\u5bec\u5ea6\u8207\u9ad8\u5ea6\u9650\u5236\uff08vmin\uff09\uff0c\u907f\u514d\u77ee\u8996\u7a97\u653e\u4e0d\u4e0b\n     \u6700\u5c0f 15px\uff0c\u8aaa\u660e\u6587\u4e0d\u5c0f\u65bc 12px\uff08\u4f7f\u7528\u8005\u9435\u5f8b\uff09 *\/\n  --fs-display:clamp(32px,5.2vmin,72px);\n  --fs-h2:clamp(26px,4.4vmin,54px);\n  --fs-en:clamp(15px,1.7vmin,20px);\n  --fs-lead:clamp(15px,1.5vmin,17px);\n  --fs-body:clamp(14px,1.4vmin,16px);\n  --fs-small:clamp(12px,1.2vmin,13px);\n}\n\n#cm-root *,\n#cm-root *::before,\n#cm-root *::after{box-sizing:border-box}\n#cm-root{scroll-behavior:smooth;-webkit-text-size-adjust:100%}\n#cm-root{\n  \/* margin:0 \u5df2\u79fb\u9664\uff1a\u539f\u7248\u662f body{margin:0}\uff08\u91cd\u8a2d\u700f\u89bd\u5668\u9810\u8a2d\uff09\uff0c\n     \u5957\u5230\u5bb9\u5668\u4e0a\u6703\u8986\u84cb 00_armor.css \u7684\u7834\u5bec\u8ca0 margin\uff0c\n     \u5c0e\u81f4\u5bb9\u5668\u504f\u79fb\u534a\u500b\u8996\u7a97\u5bec\uff08\u5be6\u6e2c left=384\uff09\u3002 *\/\n  background:var(--ink);\n  color:var(--paper);\n  font-family:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",\n              -apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n  font-weight:300;\n  line-height:1.6;\n  \/* overflow-x:hidden \u5df2\u79fb\u9664\uff1a\u6703\u8b93 overflow-y \u88ab\u6b63\u898f\u5316\u6210 auto\uff0c\n     \u4f7f #cm-root \u8b8a\u6210\u53ef\u6efe\u52d5\u7956\u5148\uff0c\u5c0e\u81f4\u5167\u90e8 sticky \u821e\u53f0\u5931\u6548\uff08\u80cc\u666f\u5168\u9ed1\uff09\u3002 *\/\n}\n#cm-root img{display:block}   \/* max-width \u7531 00_armor.css \u7d71\u4e00\u8a2d\u70ba none *\/\n#cm-root button{font-family:inherit;cursor:pointer}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 \u5c0e\u89bd \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cm-root .nav{\n  inset:0 0 auto 0;height:var(--nav-h);z-index:60;   \/* position \u898b 00_armor.css *\/\n  display:flex;align-items:center;gap:24px;\n  padding:0 var(--pad);\n  background:linear-gradient(to bottom,rgba(13,15,14,.92),rgba(13,15,14,0));\n  transition:background .4s ease;\n}\n#cm-root .nav__logo{\n  font-size:17px;font-weight:500;letter-spacing:.16em;white-space:nowrap;\n}\n#cm-root .nav__logo span{\n  font-size:10px;letter-spacing:.34em;color:var(--paper-dim);\n  margin-left:8px;font-weight:300;\n}\n#cm-root .nav__links{display:flex;gap:clamp(14px,2vw,32px);margin-left:auto}\n#cm-root .nav__links a{\n  color:var(--paper-dim);text-decoration:none;\n  font-size:var(--fs-small);letter-spacing:.12em;\n  transition:color .3s ease;\n}\n#cm-root .nav__links a:hover,\n#cm-root .nav__links a.is-on{color:var(--paper)}\n#cm-root .nav__cta{\n  background:transparent;color:var(--paper);\n  border:1px solid var(--line);border-radius:999px;\n  padding:9px 20px;font-size:var(--fs-small);letter-spacing:.1em;\n  transition:border-color .3s,background .3s;\n}\n#cm-root .nav__cta:hover{border-color:var(--leaf-lit);background:rgba(78,124,74,.16)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 \u5de6\u5074\u7ae0\u7bc0\u9032\u5ea6 \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cm-root .rail{\n  left:var(--pad);z-index:55;   \/* position\/top\/transform \u898b 00_armor.css *\/\n  \/* \u81ea\u5e36\u67d4\u5149\u5e95\uff0c\u4efb\u4f55\u80cc\u666f\u4e0b\u90fd\u8207\u5167\u5bb9\u5206\u96e2\u3001\u4e0d\u7cca\u5728\u4e00\u8d77 *\/\n  padding:14px 16px 14px 10px;\n  border-radius:999px;\n  background:radial-gradient(60% 50% at 30% 50%,rgba(9,12,10,.55),transparent 78%);\n}\n#cm-root .rail__list{list-style:none;margin:0;padding:0;display:grid;gap:18px}\n#cm-root .rail__list li{display:flex;align-items:center;gap:10px;opacity:.35;transition:opacity .4s}\n#cm-root .rail__list li.is-on{opacity:1}\n#cm-root .rail__list i{\n  width:6px;height:6px;border-radius:50%;\n  background:var(--paper);display:block;flex:none;\n  transition:transform .4s,background .4s;\n}\n#cm-root .rail__list li.is-on i{background:var(--leaf-lit);transform:scale(1.6)}\n#cm-root .rail__list span{\n  font-size:11px;letter-spacing:.2em;white-space:nowrap;\n  opacity:0;transform:translateX(-6px);transition:opacity .4s,transform .4s;\n}\n#cm-root .rail__list li.is-on span{opacity:1;transform:none}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 \u8996\u5dee\u821e\u53f0 \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* \u5b9a\u4f4d\u7531 00_armor.css \u7684 sticky \u7248\u672c\u8ca0\u8cac\uff08fixed \u6703\u88ab\u7956\u5148 transform \u56f0\u4f4f\uff09 *\/\n#cm-root .cm-stage{background:var(--ink)}\n#cm-root .cm-stage__inner{position:absolute;inset:0;filter:brightness(1.28) contrast(1.06)}\n\n#cm-root .scene{\n  position:absolute;inset:0;\n  opacity:0;visibility:hidden;\n  transition:opacity .9s cubic-bezier(.4,0,.2,1),visibility .9s;\n  will-change:opacity;\n}\n#cm-root .scene.is-live{opacity:1;visibility:visible}\n\n#cm-root .layer{\n  position:absolute;inset:0;\n  will-change:transform;\n  transform:translate3d(0,0,0);\n}\n#cm-root .layer img{\n  position:absolute;left:50%;width:104%;\n  transform:translateX(-50%);\n  \/* \u9810\u8a2d\u5782\u76f4\u5b9a\u4f4d\u7531 data-y \u7d93 JS \u8a2d\u5b9a *\/\n}\n#cm-root .layer img.pin-top{top:0}\n#cm-root .layer img.pin-bottom{bottom:0}\n#cm-root .layer img.cover{\n  top:50%;left:50%;width:104%;height:104%;\n  object-fit:cover;transform:translate(-50%,-50%);\n}\n#cm-root .layer img.contain{\n  top:50%;left:50%;width:100%;height:100%;\n  object-fit:contain;transform:translate(-50%,-50%);\n}\n#cm-root .layer img.dim{filter:brightness(.42) saturate(.8)}\n\n#cm-root .layer--fg{z-index:5}\n#cm-root .layer--mobase{display:none}          \/* \u684c\u6a5f\u7528\u5206\u5c64\u7248\uff0c\u9019\u5c64\u53ea\u7d66\u624b\u6a5f *\/\n\n\/* \u2500\u2500 Hero \u5f71\u7247\u5c64 \u2500\u2500 *\/\n#cm-root .layer--hero{z-index:0}\n#cm-root .hero-vid{\n  position:absolute;top:50%;left:50%;\n  width:112%;height:112%;\n  transform:translate(-50%,-50%);\n  object-fit:cover;\n  \/* \u5f71\u7247\u539f\u751f\u8f03\u4eae\uff0c\u58d3\u6697\u4e26\u964d\u98fd\u548c\u4ee5\u4fdd\u4f4f\u6587\u5b57\u5c0d\u6bd4\u8207\u5168\u7ad9\u51b7\u8abf *\/\n  filter:brightness(.62) saturate(.82) contrast(1.05);\n  opacity:0;transition:opacity 1.1s ease;\n}\n#cm-root .hero-vid.is-ready{opacity:1}\n\/* \u5f71\u7247\u5c31\u7dd2\u5f8c\uff0c\u96b1\u85cf\u975c\u614b\u5206\u5c64\u907f\u514d\u91cd\u8907\u758a\u5716 *\/\n#cm-root .scene[data-scene=\"0\"].has-video .layer:not(.layer--hero):not(.atmo):not(.layer--fg){\n  opacity:0;transition:opacity .9s ease;\n}\n\/* \u5f71\u7247\u5df2\u81ea\u5e36\u771f\u5be6\u9ad4\u7a4d\u9727\u8207\u6d41\u52d5 \u2192 CSS \u9727\u5c64\u5b8c\u5168\u95dc\u9589\uff0c\u907f\u514d\u9727\u4e0a\u52a0\u9727\n   \uff08\u90a3\u4e09\u5c64\u662f\u70ba\u975c\u614b\u5716\u6e96\u5099\u7684\u88dc\u511f\uff0c\u6709\u5f71\u7247\u5c31\u4e0d\u9700\u8981\uff09 *\/\n#cm-root .scene[data-scene=\"0\"].has-video .atmo{display:none}\n\/* \u5f71\u7247\u5c4f\u52a0\u5f37\u5de6\u5074\u6697\u89d2\uff0c\u4fdd\u4f4f\u6a19\u984c\u53ef\u8b80\u6027 *\/\n#cm-root .scene[data-scene=\"0\"].has-video::after{\n  content:\"\";position:absolute;inset:0;z-index:6;pointer-events:none;\n  background:linear-gradient(to right,rgba(9,12,10,.86) 0%,rgba(9,12,10,.42) 34%,transparent 62%);\n}\n\n\/* 02 \u8449\u7246\uff1a\u52a0\u5927\u5197\u9918\u5bec\u5ea6\uff0c\u624d\u6709\u8db3\u5920\u7a7a\u9593\u5f80\u5169\u5074\u6ed1\u958b\u800c\u4e0d\u9732\u5e95 *\/\n#cm-root .layer--wallL img.cover,\n#cm-root .layer--wallR img.cover{width:150%;height:106%}\n\n\/* \u55ae\u5f35\u69cb\u5716\u5c64\uff0803\/04\/05\uff09\uff1a\u7d66\u8db3\u5197\u9918\u8b93\u7de9\u63a8\u4e0d\u9732\u5e95 *\/\n#cm-root .layer--solo img.cover{width:114%;height:114%}\n\n\/* 04\/05 \u6bcd\u5716\u539f\u751f\u504f\u6696\u8910\uff0c\u58d3\u6210\u51b7\u8abf\u4ee5\u7b26\u5408\u5168\u7ad9\u7981\u7c73\u8272\u898f\u7bc4 *\/\n#cm-root .scene[data-scene=\"3\"] .layer--solo img,\n#cm-root .scene[data-scene=\"4\"] .layer--solo img{\n  filter:saturate(.46) hue-rotate(-26deg) brightness(.84) contrast(1.12);\n}\n\/* \u758a\u4e00\u5c64\u51b7\u8272\u8abf\u5149\uff0c\u628a\u6b98\u7559\u6696\u8910\u5fb9\u5e95\u58d3\u6210\u58a8\u7da0\u51b7\u8abf *\/\n#cm-root .scene[data-scene=\"3\"]::before,\n#cm-root .scene[data-scene=\"4\"]::before{\n  content:\"\";position:absolute;inset:0;z-index:3;pointer-events:none;\n  background:linear-gradient(160deg,rgba(16,34,30,.62),rgba(10,20,22,.48));\n  mix-blend-mode:color;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u6c1b\u570d\u5c64\uff1a\u7d14 CSS \u9727\u6c23\u8207\u5149\u6688\u547c\u5438\n   \u96f6\u6a94\u6848\u3001\u96f6\u767d\u908a\u3001GPU \u5408\u6210\uff0c\u4e0d\u5f71\u97ff LCP\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cm-root .atmo{pointer-events:none;z-index:4;mix-blend-mode:screen}\n\n\/* \u6668\u9727 A\uff1a\u6a6b\u5411\u7de9\u6162\u6f02\u79fb *\/\n#cm-root .atmo--mist1{\n  background:\n    radial-gradient(70% 42% at 28% 52%,rgba(176,196,190,.16) 0%,transparent 62%),\n    radial-gradient(84% 36% at 72% 58%,rgba(158,182,178,.13) 0%,transparent 66%);\n  animation:mistDriftA 26s ease-in-out infinite alternate;\n}\n\/* \u6668\u9727 B\uff1a\u53cd\u5411\u6f02\u79fb\uff0b\u4e0d\u540c\u7bc0\u594f\uff0c\u5169\u5c64\u932f\u958b\uff1d\u7a7a\u6c23\u5728\u6d41\u52d5 *\/\n#cm-root .atmo--mist2{\n  background:\n    radial-gradient(96% 30% at 58% 46%,rgba(190,208,204,.12) 0%,transparent 70%),\n    radial-gradient(64% 26% at 18% 62%,rgba(168,190,186,.10) 0%,transparent 64%);\n  animation:mistDriftB 34s ease-in-out infinite alternate;\n}\n\/* \u6668\u5149\uff1a\u7de9\u6162\u660e\u6ec5\u7684\u5149\u6688 *\/\n#cm-root .atmo--glow{\n  background:\n    radial-gradient(46% 34% at 62% 34%,rgba(214,232,220,.20) 0%,rgba(190,214,206,.08) 42%,transparent 70%);\n  animation:glowBreathe 12s ease-in-out infinite;\n}\n\/* 02 \u901a\u9053\u76e1\u982d\u7684\u967d\u5149 *\/\n#cm-root .atmo--sun{\n  background:\n    radial-gradient(28% 30% at 50% 42%,rgba(255,248,228,.34) 0%,rgba(240,236,214,.14) 38%,transparent 68%),\n    radial-gradient(52% 46% at 50% 44%,rgba(226,236,220,.12) 0%,transparent 72%);\n  \/* \u8f03\u5feb\u7684\u547c\u5438\u983b\u7387\uff1d\u967d\u5149\u5728\u8449\u9699\u9593\u8df3\u52d5\u7684\u611f\u89ba *\/\n  animation:sunBreathe 4.2s ease-in-out infinite;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 03 \u611f\u6e2c\u9ede\u9663 \u2550\u2550\u2550\u2550\u2550\u2550\n   \u7530\u88e1\u7684\u76e3\u6e2c\u7bc0\u9ede\u9010\u500b\u4eae\u8d77\u518d\u6de1\u51fa\uff0c\u547c\u61c9\u300c\u5892\u60c5\u76e3\u6e2c \u00b7 \u87f2\u60c5\u8fa8\u8b58\u300d\n   \u7d14 CSS\uff1a12 \u500b\u9ede\uff0c\u5404\u81ea\u5ef6\u9072\uff0c\u5f62\u6210\u4e0d\u898f\u5247\u7684\u56de\u50b3\u7bc0\u594f *\/\n#cm-root .sensors{z-index:4;pointer-events:none}\n#cm-root .sensors i{\n  position:absolute;\n  left:var(--x);top:var(--y);\n  width:9px;height:9px;margin:-4.5px 0 0 -4.5px;\n  border-radius:50%;\n  background:rgba(206,246,212,1);\n  box-shadow:0 0 14px 4px rgba(150,220,166,.7),\n             0 0 26px 8px rgba(120,196,140,.28);\n  opacity:0;\n  animation:sensorPing 5s ease-in-out infinite;\n  animation-delay:var(--d);\n}\n\/* \u5916\u64f4\u7684\u8a0a\u865f\u74b0 *\/\n#cm-root .sensors i::after{\n  content:\"\";position:absolute;inset:-3px;\n  border:1px solid rgba(170,228,182,.7);\n  border-radius:50%;\n  opacity:0;\n  animation:sensorRing 6.2s ease-out infinite;\n  animation-delay:var(--d);\n}\n\n@keyframes sensorPing{\n  0%,100%{opacity:0;transform:scale(.5)}\n  6%     {opacity:1;transform:scale(1.06)}\n  16%    {opacity:.95;transform:scale(1)}\n  46%    {opacity:.72;transform:scale(.96)}\n  62%    {opacity:0;transform:scale(.7)}\n}\n@keyframes sensorRing{\n  0%     {opacity:0;transform:scale(.6)}\n  6%     {opacity:.9}\n  40%,100%{opacity:0;transform:scale(4)}\n}\n\n\/* \u2500\u2500 04 \u751f\u9577\u8108\u52d5\uff1a\u7de9\u6162\u640f\u52d5\u7684\u5149\u6688 \u2500\u2500 *\/\n#cm-root .atmo--pulse{\n  background:radial-gradient(34% 40% at 64% 44%,\n    rgba(186,232,184,.30) 0%,rgba(146,200,158,.11) 46%,transparent 74%);\n  animation:growPulse 8.5s ease-in-out infinite;\n}\n\n\/* \u2500\u2500 05 \u805a\u5149\u547c\u5438\uff1a\u8996\u7dda\u6536\u675f\u5230\u96d9\u624b \u2500\u2500 *\/\n#cm-root .atmo--spot{\n  background:radial-gradient(40% 44% at 58% 50%,\n    rgba(222,238,222,.24) 0%,rgba(176,208,186,.08) 48%,transparent 76%);\n  animation:spotBreathe 10s ease-in-out infinite;\n}\n\n@keyframes dappleDrift{\n  0%  {transform:translate3d(-1.4%,-.6%,0) scale(1.02);opacity:.72}\n  100%{transform:translate3d( 1.6%, .8%,0) scale(1.06);opacity:1}\n}\n@keyframes growPulse{\n  0%,100%{opacity:.55;transform:scale(1)}\n  50%    {opacity:1;transform:scale(1.05)}\n}\n@keyframes spotBreathe{\n  0%,100%{opacity:.6;transform:scale(1)}\n  50%    {opacity:1;transform:scale(1.04)}\n}\n\n@keyframes mistDriftA{\n  0%  {transform:translate3d(-2.4%,0,0) scale(1.03);opacity:.82}\n  100%{transform:translate3d( 2.6%,-1.1%,0) scale(1.07);opacity:1}\n}\n@keyframes mistDriftB{\n  0%  {transform:translate3d( 2.2%,.8%,0) scale(1.06);opacity:1}\n  100%{transform:translate3d(-2.8%,0,0) scale(1.02);opacity:.78}\n}\n@keyframes glowBreathe{\n  0%,100%{opacity:.62;transform:scale(1)}\n  50%    {opacity:1;transform:scale(1.06)}\n}\n@keyframes sunBreathe{\n  0%,100%{opacity:.52;transform:scale(1)}\n  38%    {opacity:1;transform:scale(1.11)}\n  62%    {opacity:.86;transform:scale(1.06)}\n}\n\n\/* \u2500\u2500 01 \u524d\u666f\u6697\u5e36\uff08\u53d6\u4ee3\u6473\u5716\u8449\u5c64\uff09\u2500\u2500\n   \u4f5c\u7528\u662f\u88fd\u9020\u524d\u666f\u906e\u64cb\u8207\u7e31\u6df1\uff0c\u4e0d\u9700\u8981\u662f\u5177\u9ad4\u7684\u8449\u5b50\u3002\n   \u7d14\u6f38\u5c64\uff1d\u96f6\u767d\u908a\u3001\u96f6\u4e0b\u8f09\u3001\u62c9\u4f38\u4e0d\u5931\u771f\u3001\u6c38\u4e0d\u7a7f\u5e6b\u3002 *\/\n#cm-root .fg-band{\n  top:auto;bottom:-6%;height:52%;\n  background:\n    radial-gradient(140% 100% at 22% 118%,rgba(9,14,10,.96) 0%,rgba(9,14,10,.55) 42%,transparent 68%),\n    radial-gradient(130% 96% at 78% 122%,rgba(10,16,11,.94) 0%,rgba(10,16,11,.5) 40%,transparent 66%),\n    linear-gradient(to top,rgba(9,13,10,.98) 0%,rgba(9,13,10,.72) 26%,rgba(9,13,10,.28) 54%,transparent 82%);\n  pointer-events:none;\n}\n\n\/* 04 \u5e7c\u82d7\u300105 \u96d9\u624b\uff1a\u4e3b\u9ad4\u63a8\u5411\u53f3\u5074\uff0c\u8b93\u5de6\u534a\u7559\u7d66\u6587\u5b57 *\/\n#cm-root .layer--seed img.contain{left:68%;width:62%}\n#cm-root .layer--hands img.contain{top:58%;width:82%}\n\n\/* \u6697\u89d2\uff1a\u4fdd\u969c\u6587\u5b57\u5c0d\u6bd4 *\/\n#cm-root .cm-stage__vignette{\n  position:absolute;inset:0;pointer-events:none;z-index:8;\n  background:\n    linear-gradient(to right,rgba(13,15,14,.80) 0%,rgba(13,15,14,.30) 30%,rgba(13,15,14,0) 56%),\n    linear-gradient(to top,rgba(13,15,14,.72) 0%,rgba(13,15,14,0) 34%),\n    radial-gradient(130% 90% at 50% 42%,rgba(13,15,14,0) 52%,rgba(13,15,14,.38) 100%);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 \u5167\u5bb9 \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cm-root .content{position:relative;z-index:20}\n#cm-root .panel{\n  height:100svh;                 \/* \u56fa\u5b9a\u4e00\u5c4f\uff0c\u8b93 offsetTop \u53ef\u9760 *\/\n  box-sizing:border-box;\n  display:flex;flex-direction:column;justify-content:center;\n  \/* \u4e0a\u4e0b\u5b89\u5168\u5340\uff1a\u5167\u5bb9\u6c38\u4e0d\u4fb5\u5165 header\uff0c\u4e5f\u4e0d\u6ea2\u51fa\u5230\u4e0b\u4e00\u5c4f *\/\n  padding:var(--safe-top) var(--pad) var(--safe-bot);\n  padding-left:calc(var(--pad) + 96px);   \/* \u8b93\u958b\u5de6\u5074 rail *\/\n  max-width:1680px;margin-inline:auto;\n  overflow:hidden;\n  gap:clamp(12px,2vh,28px);\n}\n\/* \u5167\u5bb9\u5340\u584a\u672c\u8eab\u4e5f\u53d7\u9650\uff0c\u8d85\u51fa\u5247\u5167\u90e8\u6536\u6582\u800c\u975e\u6490\u7834\u9762\u677f *\/\n#cm-root .panel>*{flex:0 0 auto;min-height:0;max-height:100%}\n#cm-root .panel--center{align-items:center;text-align:center;padding-left:var(--pad)}\n#cm-root .panel--center .panel__box{margin-inline:auto}\n#cm-root .panel__box{max-width:min(720px,92%)}\n\/* 03\uff1a\u6587\u5b57\u8207\u6280\u8853\u5361\u9760\u53f3\uff0c\u8b93\u958b\u5de6\u5074\u7684\u83dc\u5217\u4e3b\u9ad4 *\/\n#cm-root .panel--split{\n  justify-content:center;align-items:flex-end;text-align:right;\n  padding-left:var(--pad);\n}\n#cm-root .panel--split .panel__box{max-width:min(560px,94%)}\n#cm-root .panel--split .techlist{margin-left:auto;max-width:min(520px,94%);text-align:left}\n\n\/* \u6587\u5b57\u6c89\u5230\u4e0b\u534a\u90e8\uff1a\u8b93\u958b\u756b\u9762\u4e2d\u592e\u7684\u4e3b\u9ad4\uff08\u8449\u7246\u901a\u9053\u3001\u96d9\u624b\uff09 *\/\n#cm-root .panel--bottom{\n  justify-content:flex-end;\n  padding-left:calc(var(--pad) + 96px);   \/* \u8207\u5176\u4ed6\u5c4f\u4e00\u81f4\uff0c\u8b93\u958b\u5de6\u5074 rail *\/\n  padding-bottom:clamp(40px,7vh,88px);\n}\n#cm-root .panel--bottom .panel__box{\n  max-width:min(560px,90%);\n  max-height:min(62vh,640px);            \/* \u5361\u5728\u8996\u7a97\u5167\uff0c\u4e0d\u6490\u7834 *\/\n  padding:clamp(16px,2.2vmin,26px) clamp(18px,2.6vmin,32px);\n  background:linear-gradient(to top,rgba(13,15,14,.90),rgba(13,15,14,.62));\n  backdrop-filter:blur(10px);\n  border:1px solid var(--line);\n  border-radius:4px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 \u9032\u5834\u52d5\u756b \u2550\u2550\u2550\u2550\u2550\u2550\n   \u57fa\u790e\uff1a\u6de1\u5165\uff0b\u4e0a\u79fb\uff0b\u8f15\u5fae\u6a21\u7cca\u6d88\u6563\uff0c\u9010\u9805\u5ef6\u9072\u5f62\u6210\u7bc0\u594f *\/\n#cm-root .panel__box>*,\n#cm-root .stats,\n#cm-root .techlist,\n#cm-root .chips,\n#cm-root .cycle,\n#cm-root .certs,\n#cm-root .cta-row{\n  opacity:0;transform:translateY(26px);\n  filter:blur(6px);\n  transition:opacity .95s cubic-bezier(.22,1,.36,1),\n             transform .95s cubic-bezier(.22,1,.36,1),\n             filter .8s ease;\n}\n#cm-root .panel.is-in .panel__box>*,\n#cm-root .panel.is-in .stats,\n#cm-root .panel.is-in .techlist{\n  opacity:1;transform:none;filter:blur(0);\n}\n#cm-root .panel.is-in .panel__box>*:nth-child(2){transition-delay:.10s}\n#cm-root .panel.is-in .panel__box>*:nth-child(3){transition-delay:.20s}\n#cm-root .panel.is-in .panel__box>*:nth-child(4){transition-delay:.30s}\n#cm-root .panel.is-in .panel__box>*:nth-child(5){transition-delay:.40s}\n#cm-root .panel.is-in .stats{transition-delay:.42s}\n#cm-root .panel.is-in .techlist{transition-delay:.24s}\n\n\/* \u4e3b\u6a19\uff1a\u5f9e\u4e0b\u65b9\u88c1\u5207\u63ed\u5e55\uff08\u50cf\u7c3e\u5e55\u62c9\u958b\uff09\uff0c\u6bd4\u55ae\u7d14\u6de1\u5165\u6709\u529b\u9053 *\/\n#cm-root .h-display{\n  clip-path:inset(0 0 100% 0);\n  transition:clip-path 1.05s cubic-bezier(.22,1,.36,1),\n             opacity .8s ease,transform .95s cubic-bezier(.22,1,.36,1),\n             filter .8s ease;\n}\n#cm-root .panel.is-in .h-display{clip-path:inset(0 0 -12% 0)}\n\n\/* eyebrow\uff1a\u5b57\u8ddd\u7531\u5bec\u6536\u650f\uff0c\u50cf\u5c0d\u7126 *\/\n#cm-root .eyebrow{letter-spacing:.9em;transition:letter-spacing 1.1s cubic-bezier(.22,1,.36,1),opacity .9s ease,transform .9s ease,filter .8s ease}\n#cm-root .panel.is-in .eyebrow{letter-spacing:.34em}\n\n\/* \u82f1\u6587\u526f\u6a19\uff1a\u5de6\u5074\u8f15\u5fae\u63a8\u5165 *\/\n#cm-root .h-en{transform:translateY(26px) translateX(-14px)}\n#cm-root .panel.is-in .h-en{transform:none}\n\n\/* \u6578\u64da\uff1a\u9010\u6b04\u63a5\u529b\uff0c\u6578\u5b57\u7531\u4e0b\u7ac4\u8d77 *\/\n#cm-root .panel.is-in .stat{animation:statRise .85s cubic-bezier(.22,1,.36,1) both}\n#cm-root .panel.is-in .stat:nth-child(1){animation-delay:.46s}\n#cm-root .panel.is-in .stat:nth-child(2){animation-delay:.58s}\n#cm-root .panel.is-in .stat:nth-child(3){animation-delay:.70s}\n#cm-root .panel.is-in .stat:nth-child(4){animation-delay:.82s}\n@keyframes statRise{\n  from{opacity:0;transform:translateY(20px)}\n  to  {opacity:1;transform:none}\n}\n\n\/* \u6280\u8853\u5361\uff1a\u9010\u5217\u6ed1\u5165\uff0c\u53f3\u5074\u7d30\u7dda\u5148\u4eae *\/\n#cm-root .panel.is-in .tech{animation:techIn .7s cubic-bezier(.22,1,.36,1) both}\n#cm-root .panel.is-in .tech:nth-child(1){animation-delay:.30s}\n#cm-root .panel.is-in .tech:nth-child(2){animation-delay:.40s}\n#cm-root .panel.is-in .tech:nth-child(3){animation-delay:.50s}\n#cm-root .panel.is-in .tech:nth-child(4){animation-delay:.60s}\n@keyframes techIn{\n  from{opacity:0;transform:translateX(18px)}\n  to  {opacity:1;transform:none}\n}\n\n\/* \u5faa\u74b0\u884c\u52d5\uff1a\u5de6\u5074\u7da0\u7dda\u7531\u4e0a\u9577\u51fa *\/\n#cm-root .cycle li{position:relative;border-left-color:transparent}\n#cm-root .cycle li::before{\n  content:\"\";position:absolute;left:-2px;top:0;width:2px;height:0;\n  background:var(--leaf);transition:height .6s cubic-bezier(.22,1,.36,1);\n}\n#cm-root .panel.is-in .cycle li::before{height:100%}\n#cm-root .panel.is-in .cycle li:nth-child(1)::before{transition-delay:.40s}\n#cm-root .panel.is-in .cycle li:nth-child(2)::before{transition-delay:.52s}\n#cm-root .panel.is-in .cycle li:nth-child(3)::before{transition-delay:.64s}\n#cm-root .panel.is-in .cycle li:nth-child(4)::before{transition-delay:.76s}\n\n\/* \u5730\u9ede\u81a0\u56ca \/ \u8a8d\u8b49\uff1a\u9010\u9846\u5f48\u5165 *\/\n#cm-root .panel.is-in .chips li,\n#cm-root .panel.is-in .certs li{animation:chipPop .55s cubic-bezier(.22,1,.36,1) both}\n#cm-root .panel.is-in .chips li:nth-child(1),\n#cm-root .panel.is-in .certs li:nth-child(1){animation-delay:.50s}\n#cm-root .panel.is-in .chips li:nth-child(2),\n#cm-root .panel.is-in .certs li:nth-child(2){animation-delay:.58s}\n#cm-root .panel.is-in .chips li:nth-child(3),\n#cm-root .panel.is-in .certs li:nth-child(3){animation-delay:.66s}\n#cm-root .panel.is-in .chips li:nth-child(4),\n#cm-root .panel.is-in .certs li:nth-child(4){animation-delay:.74s}\n@keyframes chipPop{\n  from{opacity:0;transform:translateY(10px) scale(.94)}\n  to  {opacity:1;transform:none}\n}\n\n\/* CTA\uff1a\u6700\u5f8c\u6d6e\u73fe *\/\n#cm-root .panel.is-in .cta-row{animation:ctaIn .7s cubic-bezier(.22,1,.36,1) .82s both}\n@keyframes ctaIn{\n  from{opacity:0;transform:translateY(16px)}\n  to  {opacity:1;transform:none}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 \u6587\u5b57\u5143\u4ef6 \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cm-root .eyebrow{\n  margin:0 0 18px;font-size:var(--fs-small);\n  letter-spacing:.34em;color:var(--leaf-lit);text-transform:uppercase;\n}\n#cm-root .h-display{\n  margin:0 0 16px;\n  font-size:var(--fs-display);line-height:1.02;\n  font-weight:200;letter-spacing:-.015em;\n  text-shadow:0 2px 40px rgba(0,0,0,.6);\n}\n#cm-root h2.h-display{font-size:var(--fs-h2)}\n#cm-root .h-en{\n  margin:0 0 20px;\n  font-size:var(--fs-en);letter-spacing:.14em;\n  color:var(--paper-dim);font-weight:300;\n}\n#cm-root .lead{\n  margin:0 0 8px;font-size:var(--fs-lead);\n  color:var(--paper);opacity:.9;line-height:1.85;\n}\n\n\/* \u6578\u64da\u5217 *\/\n#cm-root .stats{\n  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:clamp(12px,2vw,34px);margin-top:clamp(22px,3.4vh,46px);\n  padding-top:26px;border-top:1px solid var(--line);\n}\n#cm-root .stat b{\n  display:block;font-size:clamp(30px,4.4vw,60px);\n  font-weight:200;line-height:1;color:var(--paper);\n  font-variant-numeric:tabular-nums;\n}\n#cm-root .stat em{\n  font-style:normal;font-size:var(--fs-small);\n  color:var(--leaf-lit);letter-spacing:.1em;margin-left:4px;\n}\n#cm-root .stat span{\n  display:block;margin-top:8px;\n  font-size:var(--fs-small);color:var(--paper-dim);letter-spacing:.06em;\n}\n\n\/* \u5730\u9ede\u81a0\u56ca *\/\n#cm-root .chips{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}\n#cm-root .chips li{\n  border:1px solid var(--line);border-radius:999px;\n  padding:7px 16px;font-size:var(--fs-small);\n  letter-spacing:.1em;color:var(--paper-dim);\n}\n\n\/* \u6280\u8853\u5217 *\/\n#cm-root .techlist{display:grid;gap:1px;margin-top:clamp(20px,3vh,36px);background:var(--line);max-width:640px}\n#cm-root .tech{\n  background:rgba(13,15,14,.72);backdrop-filter:blur(6px);\n  padding:18px 22px;display:flex;flex-direction:column;gap:5px;\n  transition:background .35s;\n}\n#cm-root .tech:hover{background:rgba(18,26,22,.9)}\n#cm-root .tech b{font-size:var(--fs-body);font-weight:500;letter-spacing:.08em}\n#cm-root .tech span{font-size:var(--fs-small);color:var(--paper-dim)}\n\n\/* \u5faa\u74b0\u884c\u52d5 *\/\n#cm-root .cycle{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:16px}\n#cm-root .cycle li{\n  display:flex;flex-direction:column;gap:4px;\n  padding-left:18px;border-left:2px solid var(--leaf);\n}\n#cm-root .cycle b{font-size:var(--fs-body);font-weight:500;letter-spacing:.06em}\n#cm-root .cycle span{font-size:var(--fs-small);color:var(--paper-dim)}\n\n\/* \u8a8d\u8b49 *\/\n#cm-root .certs{\n  list-style:none;margin:30px 0 0;padding:0;\n  display:flex;flex-wrap:wrap;gap:clamp(14px,2.4vw,34px);justify-content:center;\n}\n#cm-root .certs li{\n  font-size:var(--fs-small);letter-spacing:.18em;\n  color:var(--paper-dim);\n}\n\n\/* CTA *\/\n#cm-root .cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:36px}\n#cm-root .btn{\n  background:transparent;color:var(--paper);\n  border:1px solid var(--line);border-radius:999px;\n  padding:13px 30px;font-size:var(--fs-body);letter-spacing:.1em;\n  transition:border-color .3s,background .3s,transform .3s;\n}\n#cm-root .btn:hover{border-color:var(--leaf-lit);transform:translateY(-2px)}\n#cm-root .btn--solid{background:var(--leaf);border-color:var(--leaf)}\n#cm-root .btn--solid:hover{background:var(--leaf-lit);border-color:var(--leaf-lit)}\n\n\/* \u9801\u5c3e *\/\n#cm-root .foot{\n  position:relative;z-index:20;background:var(--ink);\n  padding:56px var(--pad) 64px;text-align:center;\n  border-top:1px solid var(--line);\n}\n#cm-root .foot p{margin:0 0 8px;font-size:var(--fs-body);letter-spacing:.1em}\n#cm-root .foot__note{font-size:var(--fs-small);color:var(--paper-dim)}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u5e73\u677f\u9069\u914d\uff08901\u20131279px\uff09\u2014 \u76f4\u5411\u8207\u6a6b\u5411\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (min-width:901px) and (max-width:1279px){\n  #cm-root .panel{padding-left:calc(var(--pad) + 76px)}\n  #cm-root .rail__list span{display:none}          \/* \u53ea\u7559\u5713\u9ede\uff0c\u7701\u7a7a\u9593 *\/\n  #cm-root .rail{left:calc(var(--pad) - 4px)}\n  #cm-root .stats{gap:clamp(10px,1.6vw,22px)}\n  #cm-root .stat b{font-size:clamp(26px,4.2vmin,44px)}\n  #cm-root .panel--split .panel__box,\n#cm-root .panel--split .techlist{max-width:min(480px,92%)}\n  #cm-root .panel--bottom .panel__box{max-width:min(520px,88%)}\n  #cm-root .layer img{width:118%}\n  #cm-root .layer img.cover{width:120%;height:106%}\n}\n\n\/* \u77ee\u8996\u7a97\uff08\u542b\u6a6b\u5411\u5e73\u677f\uff0f\u7b46\u96fb 720p\uff09\uff1a\u9032\u4e00\u6b65\u6536\u6582 *\/\n@media (max-height:760px) and (min-width:901px){\n  #cm-root{--safe-top:calc(var(--nav-h) + 16px);--safe-bot:20px}\n  #cm-root .panel{gap:clamp(8px,1.4vh,16px)}\n  #cm-root .stats{padding-top:16px;margin-top:clamp(14px,2.2vh,26px)}\n  #cm-root .stat span{margin-top:4px}\n  #cm-root .tech{padding:12px 16px}\n  #cm-root .cycle{gap:10px}\n  #cm-root .panel--bottom .panel__box{max-height:min(58vh,420px)}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u624b\u6a5f\u677f\u9069\u914d\uff08\u2264900px\uff09\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width:900px){\n  #cm-root{--nav-h:56px}\n\n  #cm-root .rail{display:none}               \/* \u76f4\u5c4f\u7121\u7a7a\u9593\uff0c\u6539\u7528 nav *\/\n  #cm-root .nav__links{display:none}\n  #cm-root .nav__cta{margin-left:auto}\n\n  #cm-root .panel{\n    padding-left:var(--pad);\n    padding-right:var(--pad);\n  }\n  #cm-root .panel__box{max-width:100%}\n  #cm-root .panel--bottom .panel__box{max-width:100%;max-height:min(64vh,540px)}\n  \/* \u624b\u6a5f\u6a19\u984c\u518d\u6536\u4e00\u7d1a\uff0c\u78ba\u4fdd\u9577\u6a19\u984c\u4e0d\u6490\u7834 *\/\n  #cm-root .h-display{font-size:clamp(30px,7.2vw,42px)}\n  #cm-root h2.h-display{font-size:clamp(26px,6.4vw,38px)}\n\n  \/* \u6578\u64da\u6539\u5169\u6b04\uff0c\u907f\u514d\u56db\u6b04\u64e0\u7206 *\/\n  #cm-root .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}\n\n  \/* \u5716\u5c64\u653e\u5927\u4ee5\u586b\u6eff\u76f4\u5c4f\uff0c\u907f\u514d\u5de6\u53f3\u9732\u51fa\u80cc\u666f *\/\n  #cm-root .layer img{width:190%}\n  #cm-root .layer img.cover{width:200%;height:104%}\n  #cm-root .layer img.contain{width:130%}\n  #cm-root .layer--seed img.contain{left:50%;width:96%}\n  #cm-root .layer--hands img.contain{top:38%;width:150%}\n\n  \/* 01 \u5c4f\uff1a\u76f4\u5c4f\u6539\u7528\u5b8c\u6574\u6bcd\u5716\u7576\u5e95\uff08\u5206\u5c64\u5e36\u72c0\u5728\u76f4\u5c4f\u6703\u812b\u7bc0\uff09\uff0c\n     \u53ea\u4fdd\u7559\u524d\u666f\u8449\u5c64\u505a\u8996\u5dee\uff0c\u7dad\u6301\u7e31\u6df1\u611f *\/\n  #cm-root .layer--mobase{display:block}\n  #cm-root .layer--mobase img.cover{width:210%;height:104%}\n  #cm-root .scene[data-scene=\"0\"] .layer:not(.layer--mobase):not(.layer--fg){display:none}\n\n  \/* \u76f4\u5c4f\u6697\u89d2\u6539\u70ba\u4e0a\u4e0b\u5411\uff0c\u8b93\u4e2d\u592e\u4e3b\u9ad4\u770b\u5f97\u898b *\/\n  #cm-root .cm-stage__vignette{\n    background:\n      linear-gradient(to top,rgba(13,15,14,.94) 0%,rgba(13,15,14,.2) 42%,rgba(13,15,14,0) 62%),\n      linear-gradient(to bottom,rgba(13,15,14,.86) 0%,rgba(13,15,14,0) 32%);\n  }\n\n  #cm-root .techlist{max-width:100%}\n  #cm-root .cta-row{width:100%}\n  #cm-root .btn{flex:1 1 auto;text-align:center}\n}\n\n@media (max-width:420px){\n  #cm-root .stats{grid-template-columns:1fr 1fr;gap:18px 12px}\n  #cm-root .stat b{font-size:28px}\n  #cm-root .chips li{padding:6px 12px}\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 \u62bd\u5e40\u6a21\u5f0f\uff1a\u505c\u7528\u904e\u6e21\uff0c\u78ba\u4fdd\u622a\u5230\u7a69\u5b9a\u614b \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#cm-root.shot-mode .scene{transition:none !important}\n#cm-root.shot-mode .sensors i,\n#cm-root.shot-mode .sensors i::after{animation:none !important;opacity:.9 !important;transform:none !important}\n#cm-root.shot-mode .panel__box>*,\n#cm-root.shot-mode .stats,\n#cm-root.shot-mode .techlist,\n#cm-root.shot-mode .chips,\n#cm-root.shot-mode .cycle,\n#cm-root.shot-mode .certs,\n#cm-root.shot-mode .cta-row{\n  opacity:1 !important;transform:none !important;transition:none !important;\n  filter:none !important;clip-path:none !important;letter-spacing:.34em;\n}\n#cm-root.shot-mode .stat,\n#cm-root.shot-mode .tech,\n#cm-root.shot-mode .chips li,\n#cm-root.shot-mode .certs li,\n#cm-root.shot-mode .cta-row{animation:none !important;opacity:1 !important}\n#cm-root.shot-mode .cycle li::before{height:100% !important;transition:none !important}\n#cm-root.shot-mode .h-en{letter-spacing:.14em}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550 \u6e1b\u5c11\u52d5\u614b\uff08Brief \u8981\u6c42\uff09 \u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (prefers-reduced-motion:reduce){\n  #cm-root{scroll-behavior:auto}\n  #cm-root .layer{transform:none !important}\n  #cm-root .scene{transition:none}\n  #cm-root .atmo{animation:none !important}\n  #cm-root .sensors{display:none !important}\n  #cm-root .panel__box>*,\n#cm-root .stats,\n#cm-root .techlist,\n#cm-root .chips,\n#cm-root .cycle,\n#cm-root .certs,\n#cm-root .cta-row{\n    opacity:1 !important;transform:none !important;transition:none !important;\n    filter:none !important;clip-path:none !important;\n  }\n  #cm-root .stat,\n#cm-root .tech,\n#cm-root .chips li,\n#cm-root .certs li{animation:none !important;opacity:1 !important}\n  #cm-root .cycle li::before{height:100% !important;transition:none !important}\n  #cm-root .eyebrow{letter-spacing:.34em}\n}\n\n<\/style>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \u6210\u7f8e\u96c6\u5718\u5b98\u7db2 \u2014 WordPress \u5d4c\u5165\u7248\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     \u7d20\u6750\u7db2\u5740\u4f54\u4f4d\u7b26\uff1ahttps:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/  \u2190 \u7531 build-wp.mjs \u66ff\u63db\u6210\u5a92\u9ad4\u5eab\u7db2\u5740\n     \u5bb9\u5668 id\uff1a#cm-root  \u2190 \u6240\u6709 CSS \u8207 JS \u90fd\u4ee5\u6b64\u70ba\u754c\uff0c\u4e0d\u6c61\u67d3\u4e3b\u984c\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div id=\"cm-root\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 \u56fa\u5b9a\u5c0e\u89bd \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<header class=\"nav\">\n  <div class=\"nav__logo\">\u6210\u7f8e <span>CHENGMEI<\/span><\/div>\n  <nav class=\"nav__links\">\n    <a href=\"#s01\">\u898f\u6a21<\/a>\n    <a href=\"#s02\">\u57fa\u5730<\/a>\n    <a href=\"#s03\">\u79d1\u6280<\/a>\n    <a href=\"#s04\">\u5faa\u74b0<\/a>\n    <a href=\"#s05\">\u5408\u4f5c<\/a>\n  <\/nav>\n  <button class=\"nav__cta\" type=\"button\">\u806f\u7d61\u6211\u5011<\/button>\n<\/header>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 \u5de6\u5074\u7ae0\u7bc0\u9032\u5ea6\uff08\u96fb\u8166\u677f\uff09 \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<aside class=\"rail\" aria-hidden=\"true\">\n  <ul class=\"rail__list\">\n    <li data-rail=\"0\"><i><\/i><span>\u898f\u6a21<\/span><\/li>\n    <li data-rail=\"1\"><i><\/i><span>\u57fa\u5730<\/span><\/li>\n    <li data-rail=\"2\"><i><\/i><span>\u79d1\u6280<\/span><\/li>\n    <li data-rail=\"3\"><i><\/i><span>\u5faa\u74b0<\/span><\/li>\n    <li data-rail=\"4\"><i><\/i><span>\u5408\u4f5c<\/span><\/li>\n  <\/ul>\n<\/aside>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 \u8996\u5dee\u821e\u53f0\uff08sticky\uff0c\u6efe\u52d5\u53ea\u6539 transform\uff09 \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"cm-stage\">\n  <div class=\"cm-stage__inner\">\n\n    <!-- \u2500\u2500\u2500 \u5834\u666f 01\uff1a\u898f\u6a21 \u2500\u2500\u2500\n         Hero \u5f71\u7247\uff1a\u6668\u5149\u7051\u843d\uff0b\u9727\u6c23\u6d41\u52d5\u7684\u7121\u7e2b\u5faa\u74b0\uff08\u56de\u6587\u63a5\u6cd5\uff09\u3002\n         poster \u5148\u986f\u793a\uff0c\u5f71\u7247\u8f09\u5165\u5f8c\u6de1\u5165\uff1b\u4f4e\u6548\u80fd\u8207 reduced-motion \u53ea\u7559 poster\u3002 -->\n    <div class=\"scene\" data-scene=\"0\">\n      <div class=\"layer layer--hero\" data-depth=\"0.06\">\n        <video class=\"hero-vid\" playsinline muted loop preload=\"none\"\n               data-src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/hero_pc.mp4\"\n               poster=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/hero_poster.webp\" aria-hidden=\"true\"><\/video>\n      <\/div>\n      <!-- \u624b\u6a5f\u677f\u5e95\u5716\uff1a\u76f4\u5c4f\u7528\u5b8c\u6574\u6bcd\u5716 cover\uff0c\u78ba\u4fdd\u7530\u666f\u586b\u6eff -->\n      <div class=\"layer layer--mobase\" data-depth=\"0.05\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_master.webp\" alt=\"\" class=\"cover\" loading=\"eager\" decoding=\"async\">\n      <\/div>\n      <div class=\"layer\" data-depth=\"0.03\" data-y=\"-2\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_S0_sky.webp\" alt=\"\" class=\"pin-top\" loading=\"eager\" decoding=\"async\">\n      <\/div>\n      <div class=\"layer\" data-depth=\"0.10\" data-y=\"17\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_S1_treeband.webp\" alt=\"\" loading=\"eager\" decoding=\"async\">\n      <\/div>\n      <div class=\"layer\" data-depth=\"0.30\" data-y=\"34\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_S2_fieldfar.webp\" alt=\"\" loading=\"eager\" decoding=\"async\">\n      <\/div>\n      <div class=\"layer\" data-depth=\"0.52\" data-y=\"61\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_S3_fieldnear.webp\" alt=\"\" loading=\"eager\" decoding=\"async\">\n      <\/div>\n      <!-- \u6668\u9727\u547c\u5438\uff1a\u5169\u5c64\u4e0d\u540c\u901f\u7387\u7684\u9727\u6c23\uff0c\u88fd\u9020\u7a7a\u6c23\u6d41\u52d5\u611f -->\n      <div class=\"layer atmo atmo--mist1\" data-depth=\"0.12\"><\/div>\n      <div class=\"layer atmo atmo--mist2\" data-depth=\"0.20\"><\/div>\n      <!-- \u6668\u5149\u7051\u843d\uff1a\u7de9\u6162\u660e\u6ec5\u7684\u5149\u6688 -->\n      <div class=\"layer atmo atmo--glow\" data-depth=\"0.14\"><\/div>\n      <!-- \u524d\u666f\uff1a\u7d14 CSS \u6697\u5e36\uff0c\u96f6\u767d\u908a\u3001\u96f6\u6a94\u6848\u3001\u6c38\u4e0d\u7a7f\u5e6b -->\n      <div class=\"layer layer--fg fg-band\" data-depth=\"0.92\"><\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 \u5834\u666f 02\uff1a\u7a7f\u8d8a\u57fa\u5730 \u2500\u2500\u2500 -->\n    <div class=\"scene\" data-scene=\"1\">\n      <div class=\"layer\" data-depth=\"0.08\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/B02_L1_bg_plate.webp\" alt=\"\" class=\"cover\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n      <div class=\"layer layer--wallL\" data-depth=\"0.85\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/B02_L3_wallL.webp\" alt=\"\" class=\"cover\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n      <!-- \u901a\u9053\u76e1\u982d\u7684\u967d\u5149\uff1a\u547c\u5438\u5f0f\u660e\u6ec5\uff0b\u5149\u6688\u64f4\u6563 -->\n      <div class=\"layer atmo atmo--sun\" data-depth=\"0.10\"><\/div>\n      <div class=\"layer layer--wallR\" data-depth=\"0.85\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/B02_L4_wallR.webp\" alt=\"\" class=\"cover\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 \u5834\u666f 03\uff1a\u667a\u6167\u8fb2\u696d \u2500\u2500\u2500\n         \u55ae\u5f35\u69cb\u5716\uff0b\u611f\u6e2c\u9ede\u9663\uff0c\u4e0d\u758a\u6473\u5716\uff08\u907f\u514d\u4e3b\u9ad4\u91cd\u8907\u8207\u767d\u908a\uff09\u3002 -->\n    <div class=\"scene\" data-scene=\"2\">\n      <div class=\"layer layer--solo\" data-depth=\"0.14\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/C03_ai_v2.webp\" alt=\"\" class=\"cover\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n      <!-- \u611f\u6e2c\u9ede\u9663\uff1a\u7530\u88e1\u7684\u76e3\u6e2c\u7bc0\u9ede\u9010\u500b\u4eae\u8d77\uff0c\u547c\u61c9\u5892\u60c5\u8207\u87f2\u60c5\u8fa8\u8b58 -->\n      <div class=\"layer sensors\" data-depth=\"0.26\" aria-hidden=\"true\">\n        <i style=\"--x:14%;--y:62%;--d:0s\"><\/i>\n        <i style=\"--x:23%;--y:71%;--d:1.1s\"><\/i>\n        <i style=\"--x:31%;--y:56%;--d:2.4s\"><\/i>\n        <i style=\"--x:39%;--y:76%;--d:.6s\"><\/i>\n        <i style=\"--x:46%;--y:64%;--d:3.2s\"><\/i>\n        <i style=\"--x:18%;--y:83%;--d:1.8s\"><\/i>\n        <i style=\"--x:52%;--y:58%;--d:4.1s\"><\/i>\n        <i style=\"--x:27%;--y:90%;--d:2.9s\"><\/i>\n        <i style=\"--x:9%;--y:74%;--d:3.7s\"><\/i>\n        <i style=\"--x:43%;--y:86%;--d:1.4s\"><\/i>\n        <i style=\"--x:35%;--y:67%;--d:4.6s\"><\/i>\n        <i style=\"--x:57%;--y:70%;--d:2.1s\"><\/i>\n      <\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 \u5834\u666f 04\uff1a\u5faa\u74b0\u518d\u751f \u2500\u2500\u2500 -->\n    <div class=\"scene\" data-scene=\"3\">\n      <div class=\"layer layer--solo\" data-depth=\"0.16\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A04_seedling.webp\" alt=\"\" class=\"cover\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n      <!-- \u751f\u9577\u8108\u52d5\uff1a\u7de9\u6162\u7684\u5149\u6688\u640f\u52d5\uff0c\u547c\u61c9\u300c\u56de\u5230\u571f\u88e1\u518d\u751f\u9577\u300d -->\n      <div class=\"layer atmo atmo--pulse\" data-depth=\"0.24\"><\/div>\n    <\/div>\n\n    <!-- \u2500\u2500\u2500 \u5834\u666f 05\uff1a\u5408\u4f5c \u2500\u2500\u2500 -->\n    <div class=\"scene\" data-scene=\"4\">\n      <div class=\"layer layer--solo\" data-depth=\"0.16\">\n        <img src=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/B04_hands.webp\" alt=\"\" class=\"cover\" loading=\"lazy\" decoding=\"async\">\n      <\/div>\n      <!-- \u805a\u5149\u547c\u5438\uff1a\u628a\u8996\u7dda\u6536\u675f\u5230\u6367\u571f\u7684\u96d9\u624b -->\n      <div class=\"layer atmo atmo--spot\" data-depth=\"0.20\"><\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- \u5168\u57df\u6697\u89d2\u8207\u5e95\u90e8\u6f38\u5c64\uff0c\u78ba\u4fdd\u6587\u5b57\u5c0d\u6bd4 \u22655.5:1 -->\n  <div class=\"cm-stage__vignette\" aria-hidden=\"true\"><\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 \u5167\u5bb9\uff08\u6efe\u52d5\u4e3b\u9ad4\uff09 \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<main class=\"content\">\n\n  <!-- 01 \u898f\u6a21 -->\n  <section class=\"panel\" id=\"s01\" data-panel=\"0\">\n    <div class=\"panel__box\">\n      <p class=\"eyebrow\">\u6210\u7f8e\u96c6\u5718<\/p>\n      <h1 class=\"h-display\">\u5f9e\u571f\u5730<br>\u5230\u5168\u7403\u9910\u684c<\/h1>\n      <p class=\"h-en\">From the land to tables worldwide<\/p>\n      <p class=\"lead\">\u81ea\u6709\u57fa\u5730 \u81ea\u6709\u5de5\u5ee0 \u81ea\u6709\u7522\u92b7<\/p>\n    <\/div>\n    <div class=\"stats\">\n      <div class=\"stat\"><b data-count=\"10\">0<\/b><em>\u842c+<\/em><span>\u755d\u8fb2\u696d\u571f\u5730<\/span><\/div>\n      <div class=\"stat\"><b data-count=\"200\">0<\/b><em>\u842c\u5678<\/em><span>\u9bae\u852c\u5e74\u7522<\/span><\/div>\n      <div class=\"stat\"><b data-count=\"20\">0<\/b><em>\u842c\u5678<\/em><span>\u812b\u6c34\u852c\u83dc\u5e74\u7522<\/span><\/div>\n      <div class=\"stat\"><b data-count=\"30\">0<\/b><em>\u5104\u5143<\/em><span>\u4eba\u6c11\u5e63\u5e74\u71df\u6536<\/span><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 02 \u57fa\u5730 -->\n  <section class=\"panel panel--bottom\" id=\"s02\" data-panel=\"1\">\n    <div class=\"panel__box\">\n      <p class=\"eyebrow\">\u5168\u7403\u4f48\u5c40<\/p>\n      <h2 class=\"h-display\">\u8d70\u9032\u4e00\u584a<br>\u771f\u6b63\u7684\u571f\u5730<\/h2>\n      <p class=\"h-en\">Step inside the field<\/p>\n      <p class=\"lead\">\u5f9e\u5eb7\u5df4\u8afe\u723e\u8349\u539f \u5230\u5854\u514b\u62c9\u746a\u5e72\u908a\u7de3<br>\u9ad8\u539f\u65e5\u7167 \u4f4e\u6c61\u67d3 \u5929\u7136\u4f4e\u6eab<br>\u7522\u5730\u6c7a\u5b9a\u4e86\u4e4b\u5f8c\u7684\u4e00\u5207<\/p>\n      <ul class=\"chips\">\n        <li>\u6cb3\u5317 \u5eb7\u4fdd<\/li><li>\u965d\u897f \u795e\u6728<\/li><li>\u65b0\u7586 \u5580\u4ec0<\/li><li>\u6cb3\u5317 \u5f35\u5bb6\u53e3<\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <!-- 03 \u79d1\u6280 -->\n  <section class=\"panel panel--split\" id=\"s03\" data-panel=\"2\">\n    <div class=\"panel__box\">\n      <p class=\"eyebrow\">\u54c1\u8cea\u8207\u79d1\u6280<\/p>\n      <h2 class=\"h-display\">\u540c\u4e00\u584a\u5730<br>\u591a\u4e86\u4e00\u5c64\u5224\u65b7<\/h2>\n      <p class=\"h-en\">Farming made precise<\/p>\n    <\/div>\n    <div class=\"techlist\">\n      <div class=\"tech\"><b>\u5892\u60c5\u76e3\u6e2c<\/b><span>\u571f\u58e4\u542b\u6c34\u7387\u5373\u6642\u56de\u50b3 \u8b93\u704c\u6e89\u6709\u4f9d\u64da<\/span><\/div>\n      <div class=\"tech\"><b>\u87f2\u60c5\u8fa8\u8b58<\/b><span>\u9060\u7aef\u5f71\u50cf\u5224\u8b80 \u5728\u64f4\u6563\u524d\u4ecb\u5165<\/span><\/div>\n      <div class=\"tech\"><b>\u6c34\u80a5\u81ea\u52d5\u5316<\/b><span>\u95a5\u9580\u4f9d\u4f5c\u7269\u968e\u6bb5\u8abf\u7bc0 \u6e1b\u5c11\u6d6a\u8cbb<\/span><\/div>\n      <div class=\"tech\"><b>AI \u6392\u7522<\/b><span>\u4f9d\u7522\u5b63\u8207\u8a02\u55ae\u63a8\u7b97 \u7a69\u5b9a\u4ea4\u671f<\/span><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- 04 \u5faa\u74b0 -->\n  <section class=\"panel\" id=\"s04\" data-panel=\"3\">\n    <div class=\"panel__box\">\n      <p class=\"eyebrow\">\u6c38\u7e8c\u767c\u5c55<\/p>\n      <h2 class=\"h-display\">\u6536\u6210\u4e4b\u5f8c<br>\u56de\u5230\u571f\u88e1<\/h2>\n      <p class=\"h-en\">Every harvest part of a better cycle<\/p>\n      <ul class=\"cycle\">\n        <li><b>\u6709\u6a5f\u5806\u80a5<\/b><span>\u8fb2\u696d\u5269\u9918\u7269\u56de\u5230\u571f\u5730 \u800c\u4e0d\u662f\u8b8a\u6210\u5ee2\u68c4\u7269<\/span><\/li>\n        <li><b>PBAT \u5730\u819c<\/b><span>\u8986\u819c\u5f8c\u81ea\u7136\u5206\u89e3 \u4e0d\u7559\u6b98\u819c<\/span><\/li>\n        <li><b>\u4f4e\u5ea6\u7ffb\u8015<\/b><span>\u6e1b\u5c11\u64fe\u52d5 \u4fdd\u4f4f\u571f\u58e4\u7d50\u69cb\u8207\u78b3<\/span><\/li>\n        <li><b>\u5fae\u751f\u7269\u80a5\u6599<\/b><span>\u4ee5\u83cc\u76f8\u7ba1\u7406\u53d6\u4ee3\u55ae\u5411\u65bd\u7528<\/span><\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <!-- 05 \u5408\u4f5c -->\n  <section class=\"panel panel--bottom\" id=\"s05\" data-panel=\"4\">\n    <div class=\"panel__box\">\n      <p class=\"eyebrow\">\u5408\u4f5c\u63d0\u6848<\/p>\n      <h2 class=\"h-display\">\u571f\u5730\u6703\u8a18\u5f97<br>\u6bcf\u4e00\u6b21\u8a8d\u771f\u5c0d\u5f85<\/h2>\n      <p class=\"h-en\">Let us build what lasts<\/p>\n      <p class=\"lead\">\u8207\u8fb2\u6c11\u5171\u76ca \u6295\u5165\u9109\u6751\u632f\u8208<br>\u5f9e\u57fa\u5730\u5230\u9910\u684c \u6bcf\u4e00\u6279\u90fd\u6709\u7d00\u9304<\/p>\n      <ul class=\"certs\"><li>ISO 9001<\/li><li>HACCP<\/li><li>ISO 22000<\/li><li>FSSC 22000<\/li><\/ul>\n      <div class=\"cta-row\">\n        <button class=\"btn btn--solid\" type=\"button\">\u806f\u7d61\u6210\u7f8e<\/button>\n        <button class=\"btn\" type=\"button\">\u7d22\u53d6\u7522\u54c1\u8cc7\u6599<\/button>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<footer class=\"foot\">\n  <p>\u6210\u7f8e\u8fb2\u696d\u79d1\u6280\u98df\u54c1\u96c6\u5718<\/p>\n  <p class=\"foot__note\">\u83cf\u6fa4\u5609\u5b8f \u00b7 \u5580\u4ec0\u5609\u7f8e \u00b7 \u965d\u897f\u6210\u7f8e\u5609\u5143 \u00b7 \u5f35\u5bb6\u53e3\u5609\u5eb7 \u00b7 \u5c71\u6771\u65fa\u5f97\u798f<\/p>\n  <p class=\"foot__note\">\u6578\u64da\u4ee5\u5ba2\u6236\u6700\u7d42\u78ba\u8a8d\u53e3\u5f91\u70ba\u6e96<\/p>\n<\/footer>\n\n<\/div><!-- \/#cm-root -->\n\n\n<script id=\"cm-script\">\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   \u6210\u7f8e\u96c6\u5718\u5b98\u7db2 \u2014 \u5206\u5c64\u8996\u5dee\u5f15\u64ce\n   \u539f\u5247\uff1a\u5c64\u8de8\u5c4f\u5b58\u6d3b\u3001rAF \u7bc0\u6d41\u3001translate3d \u8d70\u5408\u6210\u5c64\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n(function () {\n  'use strict';\n\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var mqMobile = window.matchMedia('(max-width: 900px)');\n\n  \/* \u26a0 WordPress \u7248\uff1a\u5168\u90e8\u67e5\u8a62\u9650\u5b9a\u5728 #cm-root \u5167\uff0c\n     \u907f\u514d\u8207\u4f48\u666f\u4e3b\u984c\u6216\u5176\u4ed6\u5916\u639b\u7684\u540c\u540d class\uff08.nav \/ .panel \/ .layer \u5f88\u5e38\u898b\uff09\u4e92\u649e\u3002 *\/\n  var root = document.getElementById('cm-root');\n  if (!root) return;                       \/\/ \u5bb9\u5668\u4e0d\u5b58\u5728\u5c31\u6574\u652f\u4e0d\u57f7\u884c\uff0c\u4e0d\u6c61\u67d3\u9801\u9762\n\n  var stage   = root.querySelector('.cm-stage');\n  var scenes  = Array.prototype.slice.call(root.querySelectorAll('.scene'));\n  var panels  = Array.prototype.slice.call(root.querySelectorAll('.panel'));\n  var layers  = Array.prototype.slice.call(root.querySelectorAll('.layer'));\n  var railLis = Array.prototype.slice.call(root.querySelectorAll('.rail__list li'));\n  var navLnks = Array.prototype.slice.call(root.querySelectorAll('.nav__links a'));\n\n  \/* \u2500\u2500 \u9762\u677f\u9802\u7aef\u5ea7\u6a19 \u2500\u2500\n     \u26a0 WordPress \u7248\u95dc\u9375\u5dee\u7570\uff1a\n     \u539f\u7248\u76f4\u63a5\u7528 panel.offsetTop\uff0c\u8a72\u503c\u662f\u76f8\u5c0d\u65bc\u300c\u6700\u8fd1\u7684 positioned \u7956\u5148\u300d\u3002\n     \u5728 WP \u88e1\u5916\u5c64\u53ef\u80fd\u88ab\u4e3b\u984c\u6216 Elementor \u5957\u4e0a position:relative\uff0c\n     offsetTop \u5c31\u8b8a\u6210\u76f8\u5c0d\u5bb9\u5668\u800c\u975e\u6587\u4ef6\u9802\u7aef \u2192 \u5834\u666f\u5207\u63db\u6642\u6a5f\u5168\u90e8\u932f\u4e82\u3002\n     \u6539\u7528 getBoundingClientRect + scrollY\uff0c\u6c38\u9060\u53d6\u5f97\u76f8\u5c0d\u6587\u4ef6\u9802\u7aef\u7684\u7d55\u5c0d\u5ea7\u6a19\u3002 *\/\n  function panelTop(p) {\n    return p.getBoundingClientRect().top + (window.scrollY || window.pageYOffset);\n  }\n\n  \/* \u5ea7\u6a19\u5feb\u53d6\uff1a\u6bcf\u5e40\u547c\u53eb getBoundingClientRect \u6703\u89f8\u767c\u91cd\u6392\uff0c\n     \u6545\u53ea\u5728 resize \/ \u5b57\u578b\u8f09\u5165 \/ \u5716\u7247\u8f09\u5165\u5b8c\u6210\u5f8c\u91cd\u7b97\u4e00\u6b21\u3002 *\/\n  var tops = [];\n  var heights = [];\n  function measurePanels() {\n    tops = panels.map(panelTop);\n    heights = panels.map(function (p) { return p.offsetHeight || window.innerHeight; });\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     \u821e\u53f0\u5b9a\u4f4d\u6a21\u5f0f\u5075\u6e2c\uff08WordPress \u7248\u6838\u5fc3\uff09\n     \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n     position:fixed \u8207 position:sticky \u5404\u6709\u4e00\u500b\u81f4\u547d\u5f31\u9ede\uff1a\n\n       fixed  \u2192 \u88ab\u300c\u6709 transform\/filter\/perspective \u7684\u7956\u5148\u300d\u56f0\u4f4f\n                \uff08Elementor sticky header \u4e00\u5b9a\u6709 transform\uff09\n       sticky \u2192 \u88ab\u300c\u6709 overflow:hidden\/auto \u7684\u7956\u5148\u300d\u7834\u58de\n                \uff08\u4e3b\u984c\u7684 .entry-content{overflow:hidden} \u6975\u5e38\u898b\uff09\n\n     \u5169\u8005\u7121\u6cd5\u540c\u6642\u907f\u958b\uff0c\u4e14\u7121\u6cd5\u5f9e CSS \u5224\u65b7\uff0c\u53ea\u80fd\u5be6\u6e2c\u3002\n     \u505a\u6cd5\uff1a\u9810\u8a2d fixed\uff0c\u91cf\u6e2c\u821e\u53f0\u662f\u5426\u771f\u7684\u8cbc\u9f4a\u8996\u7a97\u9802\u7aef\uff1b\n          \u82e5\u6c92\u8cbc\u9f4a\u4ee3\u8868\u88ab\u56f0\u4f4f\uff0c\u5207\u63db\u5230 sticky \u6a21\u5f0f\u4e26\u6253\u958b\u7956\u5148 overflow\u3002\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n  var modeLocked = false;               \/\/ \u5075\u6e2c\u6210\u529f\u5f8c\u4e0d\u518d\u91cd\u8907\u57f7\u884c\n\n  function detectStageMode() {\n    if (!stage || modeLocked) return;\n\n    var cur = window.scrollY || window.pageYOffset;\n    \/* \u53ea\u5728\u9801\u9762\u9802\u7aef\u5075\u6e2c\uff1a\u4e2d\u9014\u6372\u52d5\u6642\u505a\u81e8\u6642 scrollTo \u6703\u8b93\u756b\u9762\u8df3\u4e00\u4e0b\u3002\n       \u82e5\u4f7f\u7528\u8005\u4e00\u9032\u9801\u5c31\u5f80\u4e0b\u6372\uff0c\u7b49\u4ed6\u6372\u56de\u9802\u7aef\u6216 load \u4e8b\u4ef6\u6642\u518d\u5075\u6e2c\u3002 *\/\n    if (cur > 4) return;\n\n    \/* \u5148\u78ba\u4fdd\u662f fixed \u6a21\u5f0f\uff08\u79fb\u9664\u53ef\u80fd\u6b98\u7559\u7684 sticky class\uff09 *\/\n    root.classList.remove('cm-sticky');\n\n    var probeY = Math.min(600, Math.max(0, document.documentElement.scrollHeight - window.innerHeight));\n    if (probeY <= 0) return;             \/\/ \u5167\u5bb9\u4e0d\u8db3\u4e00\u5c4f\uff0c\u7121\u5f9e\u9a57\u8b49\n\n    window.scrollTo(0, probeY);\n    \/* \u8b80\u53d6 rect \u6703\u5f37\u5236\u540c\u6b65\u91cd\u6392\uff0c\u78ba\u4fdd\u62ff\u5230\u6372\u52d5\u5f8c\u7684\u771f\u5be6\u4f4d\u7f6e *\/\n    var trapped = Math.abs(stage.getBoundingClientRect().top) > 4;\n\n    if (trapped) {\n      \/* fixed \u88ab\u7956\u5148 transform \u56f0\u4f4f \u2192 \u6539\u7528 sticky \u6a21\u5f0f *\/\n      root.classList.add('cm-sticky');\n      if (Math.abs(stage.getBoundingClientRect().top) > 4) {\n        \/* sticky \u4e5f\u5931\u6557\uff08\u7956\u5148\u6709 overflow:hidden \u4e14 :has() \u4e0d\u652f\u63f4\uff09\n           \u2192 \u6700\u5f8c\u624b\u6bb5\uff1a\u7531 JS \u9010\u5c64\u6253\u958b\u7956\u5148\u7684 overflow *\/\n        openAncestorOverflow();\n        \/* \u518d\u9a57\u4e00\u6b21\uff0c\u4ecd\u5931\u6557\u5c31\u9000\u56de fixed\uff08\u81f3\u5c11\u80cc\u666f\u6703\u986f\u793a\uff0c\u53ea\u662f\u4e0d\u8ddf\u96a8\uff09 *\/\n        if (Math.abs(stage.getBoundingClientRect().top) > 4) {\n          root.classList.remove('cm-sticky');\n        }\n      }\n    }\n\n    window.scrollTo(0, cur);\n    modeLocked = true;\n  }\n\n  \/* \u6700\u5f8c\u624b\u6bb5\uff1a\u9010\u5c64\u628a\u7956\u5148\u7684 overflow \u6539\u56de visible\u3002\n     \u53ea\u5728 CSS \u7684 :has() \u65b9\u6848\u5931\u6548\u6642\u57f7\u884c\uff08\u820a\u7248 Safari \/ Firefox\uff09\u3002 *\/\n  function openAncestorOverflow() {\n    var el = root.parentElement;\n    var patched = 0;\n    while (el && el !== document.body && el !== document.documentElement) {\n      var ov = getComputedStyle(el).overflow;\n      if (ov && ov !== 'visible') {\n        el.style.setProperty('overflow', 'visible', 'important');\n        patched++;\n      }\n      el = el.parentElement;\n    }\n    if (patched) {\n      \/* \u6253\u958b\u5f8c\u91cd\u65b0\u78ba\u8a8d sticky \u662f\u5426\u751f\u6548 *\/\n      measurePanels();\n    }\n  }\n\n  \/* \u2500\u2500 \u521d\u59cb\u5782\u76f4\u5b9a\u4f4d\uff1a\u628a\u5e36\u72c0\u5c64\u653e\u56de\u539f\u69cb\u5716\u5ea7\u6a19 \u2500\u2500 *\/\n  function placeLayers() {\n    var mob = mqMobile.matches;\n    layers.forEach(function (layer) {\n      var y = layer.getAttribute('data-y');\n      if (y === null) return;\n      var img = layer.querySelector('img');\n      if (!img || img.classList.contains('pin-top') || img.classList.contains('pin-bottom')) return;\n      \/* \u76f4\u5c4f\u8996\u7a97\u8f03\u9ad8\uff1a\u5e36\u72c0\u5c64\u7b49\u6bd4\u4e0b\u79fb\uff0c\u7dad\u6301\u8207\u539f\u69cb\u5716\u76f8\u540c\u7684\u76f8\u5c0d\u95dc\u4fc2 *\/\n      img.style.top = (mob ? parseFloat(y) * 1.62 + 8 : parseFloat(y)) + '%';\n    });\n  }\n  placeLayers();\n  mqMobile.addEventListener('change', placeLayers);\n\n  \/* \u2500\u2500 \u5e73\u6ed1\u6efe\u52d5\u503c\uff08lerp\uff0c\u7d66\u5c64\u300c\u91cd\u91cf\u300d\uff09 \u2500\u2500 *\/\n  var target = 0, current = 0, ticking = false;\n  var mx = 0, my = 0, cmx = 0, cmy = 0;      \/\/ \u6ed1\u9f20\u8996\u5dee\n  var activeScene = -1;\n\n  function clamp(v, a, b) { return v < a ? a : (v > b ? b : v); }\n\n  \/* \u2500\u2500 \u6c7a\u5b9a\u76ee\u524d\u8a72\u986f\u793a\u54ea\u500b\u5834\u666f \u2500\u2500\n     \u4ee5\u300c\u9762\u677f\u4f54\u64da\u8996\u7a97\u4e2d\u592e\u7684\u6bd4\u4f8b\u300d\u5224\u65b7\uff0c\u907f\u514d\u80cc\u666f\u8207\u6587\u5b57\u4e0d\u540c\u6b65 *\/\n  function resolveScene() {\n    var vh = window.innerHeight;\n    var sy = window.scrollY || window.pageYOffset;\n    var probe = sy + vh * 0.42;\n    var best = 0;\n    for (var i = 0; i < panels.length; i++) {\n      if (probe >= tops[i]) best = i;\n    }\n    \/* \u5df2\u6372\u5230\u6700\u5f8c\u4e00\u5c4f\u7684\u7bc4\u570d\u5167\u5c31\u9396\u5b9a\u6700\u5f8c\u4e00\u666f\uff0c\n       \u907f\u514d\u9ad8\u8996\u7a97\u56e0 footer \u4f54\u4f4d\u800c\u5207\u4e0d\u5230\u6700\u7d42\u5834\u666f *\/\n    if (tops.length && sy + vh * 0.5 >= tops[tops.length - 1]) best = panels.length - 1;\n    return best;\n  }\n\n  function setScene(i) {\n    if (i === activeScene) return;\n    activeScene = i;\n    scenes.forEach(function (s, n) { s.classList.toggle('is-live', n === i); });\n    railLis.forEach(function (li, n) { li.classList.toggle('is-on', n === i); });\n    navLnks.forEach(function (a, n) { a.classList.toggle('is-on', n === i); });\n  }\n\n  \/* \u2500\u2500 \u4e3b\u66f4\u65b0\u8ff4\u5708 \u2500\u2500 *\/\n  function update() {\n    current += (target - current) * 0.085;     \/\/ scrub \u611f\uff1a0.085 \u2248 GSAP scrub:1\n    cmx += (mx - cmx) * 0.06;\n    cmy += (my - cmy) * 0.06;\n\n    if (Math.abs(target - current) < 0.1) current = target;\n\n    var isMobile = mqMobile.matches;\n    var sceneIdx = activeScene;\n\n    layers.forEach(function (layer) {\n      var depth = parseFloat(layer.getAttribute('data-depth')) || 0;\n      var parent = layer.closest('.scene');\n      var sIdx = parent ? parseInt(parent.getAttribute('data-scene'), 10) : 0;\n\n      \/* \u8a72\u5834\u666f\u7684\u5340\u57df\u9032\u5ea6 0\u21921 *\/\n      var panel = panels[sIdx];\n      var prog = 0;\n      if (panel) {\n        var vh0 = window.innerHeight;\n        var sy = current;                       \/\/ \u7528\u5e73\u6ed1\u5f8c\u7684\u503c\uff0c\u907f\u514d\u6296\u52d5\n        var top = tops[sIdx] || 0;              \/\/ \u8b80\u5feb\u53d6\uff0c\u4e0d\u6bcf\u5e40\u91cd\u6392\n        var h = heights[sIdx] || vh0;\n        prog = clamp((sy + vh0 - top) \/ (h + vh0), 0, 1);\n      }\n\n      \/* \u2500\u2500 \u5b89\u5168\u908a\u754c\uff1a\u4f4d\u79fb\u91cf\u7d55\u4e0d\u8d85\u904e\u5716\u7247\u7684\u5197\u9918\u7a7a\u9593 \u2500\u2500\n         \u5716\u7247\u5bec W%\uff08>100\uff09\uff0c\u5de6\u53f3\u5404\u6709 (W-100)\/2 % \u7684\u5197\u9918\u53ef\u79fb\u52d5\u3002\n         \u6240\u6709\u6c34\u5e73\u4f4d\u79fb\u52a0\u7e3d\u5f8c clamp \u5728\u6b64\u7bc4\u570d\u5167\uff0c\u78ba\u4fdd\u6c38\u4e0d\u9732\u5e95\u3002\n\n         \u26a0 WordPress \u7248\u95dc\u9375\u5dee\u7570\uff1a\n         \u539f\u7248\u7528 getComputedStyle(img).width \u53cd\u63a8\u5197\u9918\uff0c\u4f46 WP \u4f48\u666f\u4e3b\u984c\u5e7e\u4e4e\u90fd\u6709\n         `img{max-width:100%}`\uff0c\u6703\u628a\u6211\u5011\u8a2d\u5b9a\u7684 104%~200% \u5bec\u5ea6\u58d3\u56de 100%\uff0c\n         \u5c0e\u81f4 overW \u7b97\u51fa 0 \u2192 \u8996\u5dee\u4f4d\u79fb\u88ab clamp \u6210 0 \u2192 \u4e94\u5e55\u5168\u90e8\u4e0d\u6703\u52d5\uff08\u975c\u9ed8\u5931\u6557\uff09\u3002\n         \u6539\u70ba\u8b80 CSS \u81ea\u8a02\u5c6c\u6027 --ow\uff0c\u7531\u6a23\u5f0f\u8868\u660e\u78ba\u5ba3\u544a\u5197\u9918\u91cf\uff0c\n         \u8207\u4e3b\u984c\u5982\u4f55\u6539\u5beb img \u5c3a\u5bf8\u5b8c\u5168\u812b\u9264\u3002 *\/\n      var img = layer.querySelector('img');\n      var overW = 4;                                  \/\/ \u9810\u8a2d 104% \u2192 \u55ae\u908a\u5197\u9918 2%\n      if (img) {\n        var declared = parseFloat(getComputedStyle(img).getPropertyValue('--ow'));\n        if (!isNaN(declared)) {\n          overW = Math.max(0, declared);              \/\/ \u7531 CSS \u5ba3\u544a\uff0c\u4e3b\u984c\u52d5\u4e0d\u4e86\n        } else {\n          \/* \u5f8c\u5099\uff1a\u50c5\u5728 --ow \u7f3a\u5931\u6642\u624d\u56de\u9000\u5230\u91cf\u6e2c\uff08\u4e26\u7528 naturalWidth \u4ea4\u53c9\u9a57\u8b49\uff09 *\/\n          var cw = parseFloat(getComputedStyle(img).width);\n          var host = layer.getBoundingClientRect().width || window.innerWidth;\n          if (cw && host) overW = Math.max(0, (cw \/ host) * 100 - 100);\n        }\n      }\n      var slackX = overW \/ 2;                         \/\/ \u55ae\u908a\u53ef\u79fb\u52d5\u7684\u767e\u5206\u6bd4\n      var slackY = Math.max(12, slackX * 3);          \/\/ \u5782\u76f4\u5197\u9918\uff08\u5e36\u72c0\u5c64\u8f03\u9ad8\uff09\n\n      \/* \u6efe\u52d5\u8996\u5dee\uff1a\u6df1\u5ea6\u8d8a\u5927\u79fb\u52d5\u8d8a\u591a *\/\n      var ty = (prog - 0.5) * depth * (isMobile ? 130 : 210);\n\n      \/* \u6ed1\u9f20\u8996\u5dee\u5df2\u505c\u7528\uff1a\u56fa\u5b9a\u69cb\u5716\u6bd4\u8ddf\u8457\u6e38\u6a19\u6643\u66f4\u7a69\u5b9a\u3001\u66f4\u9ad8\u7d1a *\/\n      var px = 0;\n      var py = 0;\n\n      \/* \u5834\u666f 02 \u7684\u7a7f\u8d8a\uff1a\u5de6\u53f3\u8449\u7246\u5206\u96e2\u6ed1\u51fa\uff08\u4f4d\u79fb\u53d7\u5197\u9918\u9650\u5236\uff09 *\/\n      var extraX = 0, scale = 1;\n      if (sIdx === 1) {\n        var sp = clamp((prog - 0.32) \/ 0.62, 0, 1);\n        var ease = sp * sp * (3 - 2 * sp);            \/\/ smoothstep\n        if (layer.classList.contains('layer--wallL')) {\n          extraX = -ease * slackX;                    \/\/ \u6700\u591a\u6ed1\u5230\u5197\u9918\u7528\u76e1\u70ba\u6b62\n        } else if (layer.classList.contains('layer--wallR')) {\n          extraX = ease * slackX;\n        } else {\n          scale = 1 + ease * 0.19;                    \/\/ \u80cc\u666f\u63a8\u9032\uff1d\u7a7f\u8d8a\u611f\n        }\n      }\n\n      \/* \u593e\u5728\u5b89\u5168\u7bc4\u570d\u5167 *\/\n      px = clamp(px + extraX, -slackX, slackX);\n      ty = clamp(ty + py, -slackY, slackY);\n      extraX = 0; py = 0;\n\n      \/* \u5834\u666f 04\/05 \u4e3b\u9ad4\u5fae\u5e45\u6d6e\u8d77 *\/\n      if ((sIdx === 3 && layer.classList.contains('layer--seed')) ||\n          (sIdx === 4 && layer.classList.contains('layer--hands'))) {\n        scale = 1 + prog * 0.06;\n      }\n\n      layer.style.transform =\n        'translate3d(' + px.toFixed(3) + '%,' + ty.toFixed(2) + 'px,0)' +\n        (scale !== 1 ? ' scale(' + scale.toFixed(4) + ')' : '');\n    });\n\n    setScene(resolveScene());\n\n    ticking = false;\n  }\n\n  function requestTick() {\n    if (!ticking) { ticking = true; requestAnimationFrame(update); }\n  }\n\n  \/* \u2500\u2500 \u4e8b\u4ef6 \u2500\u2500 *\/\n  function onScroll() { target = window.scrollY || window.pageYOffset; requestTick(); }\n\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', function () { measurePanels(); requestTick(); }, { passive: true });\n\n  \/* \u26a0 WordPress \u7248\u88dc\u5f37\uff1a\u9801\u9762\u5167\u5176\u4ed6\u5143\u7d20\uff08\u4e3b\u984c header\u3001\u5916\u639b\u6a6b\u5e45\u3001\u5b57\u578b\uff09\n     \u8f09\u5165\u5b8c\u6210\u5f8c\u6703\u6539\u8b8a\u6587\u4ef6\u9ad8\u5ea6\uff0c\u9762\u677f\u5ea7\u6a19\u5fc5\u9808\u91cd\u91cf\uff0c\u5426\u5247\u5834\u666f\u5207\u63db\u6703\u504f\u79fb\u3002\n     load \u4e8b\u4ef6\u7684\u8655\u7406\u5728\u6a94\u6848\u672b\u7aef\uff08\u8207\u5b9a\u4f4d\u6a21\u5f0f\u5075\u6e2c\u5408\u4f75\uff0c\u907f\u514d\u91cd\u8907\u89f8\u767c\uff09\u3002 *\/\n  if (document.fonts && document.fonts.ready) {\n    document.fonts.ready.then(function () { measurePanels(); requestTick(); });\n  }\n  \/* \u4f48\u666f\u4e3b\u984c\u82e5\u5ef6\u9072\u63d2\u5165\u5143\u7d20\uff08sticky header\u3001cookie \u689d\uff09\uff0c\u7528 ResizeObserver \u515c\u5e95 *\/\n  if ('ResizeObserver' in window) {\n    var ro = new ResizeObserver(function () { measurePanels(); });\n    ro.observe(document.body);\n  }\n\n  if (!('ontouchstart' in window)) {\n    window.addEventListener('mousemove', function (e) {\n      mx = (e.clientX \/ window.innerWidth - 0.5) * 2;\n      my = (e.clientY \/ window.innerHeight - 0.5) * 2;\n      requestTick();\n    }, { passive: true });\n  }\n\n  \/* \u2500\u2500 \u5e38\u99d0 rAF\uff1a\u8b93 lerp \u6301\u7e8c\u6536\u6582 \u2500\u2500 *\/\n  if (!reduced) {\n    (function loop() { update(); requestAnimationFrame(loop); })();\n  } else {\n    setScene(0);\n    panels.forEach(function (p) { p.classList.add('is-in'); });\n  }\n\n  \/* \u2500\u2500 \u9762\u677f\u9032\u5834 \u2500\u2500 *\/\n  if ('IntersectionObserver' in window && !reduced) {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (en) {\n        if (en.isIntersecting) {\n          en.target.classList.add('is-in');\n          countUp(en.target);\n        } else if (en.intersectionRatio === 0) {\n          \/* \u5b8c\u5168\u96e2\u958b\u8996\u7a97\u624d\u6536\u56de\uff0c\u6efe\u56de\u4f86\u6642\u52d5\u756b\u6703\u91cd\u64ad *\/\n          en.target.classList.remove('is-in');\n        }\n      });\n    }, { threshold: [0, 0.28] });\n    panels.forEach(function (p) { io.observe(p); });\n  } else {\n    panels.forEach(function (p) { p.classList.add('is-in'); countUp(p); });\n  }\n\n  \/* \u2500\u2500 \u6578\u5b57\u751f\u9577 \u2500\u2500 *\/\n  function countUp(scope) {\n    var nums = scope.querySelectorAll('[data-count]');\n    \/* WP \u7248\uff1ashot-mode \u639b\u5728\u5bb9\u5668\u4e0a\uff08CSS \u5df2\u547d\u540d\u7a7a\u9593\u5316\u70ba #cm-root.shot-mode\uff09 *\/\n    var instant = root.classList.contains('shot-mode');\n    Array.prototype.forEach.call(nums, function (el) {\n      var to = parseFloat(el.getAttribute('data-count'));\n      if (instant) { el.textContent = String(to); return; }\n      \/* \u5df2\u7d93\u662f\u7d42\u503c\u5c31\u4e0d\u91cd\u64ad\uff0c\u907f\u514d\u6efe\u52d5\u6642\u53cd\u8986\u8df3\u52d5 *\/\n      if (el.textContent === String(to) && el.dataset.done) return;\n      el.dataset.done = '1';\n      var dur = 1500, t0 = null;\n      function step(ts) {\n        if (!t0) t0 = ts;\n        var k = clamp((ts - t0) \/ dur, 0, 1);\n        var e = 1 - Math.pow(1 - k, 3);\n        el.textContent = Math.round(to * e).toString();\n        if (k < 1) requestAnimationFrame(step);\n      }\n      requestAnimationFrame(step);\n    });\n  }\n\n  \/* \u2550\u2550\u2550\u2550\u2550\u2550 Hero \u5f71\u7247\uff1a\u5206\u7d1a\u8f09\u5165 \u2550\u2550\u2550\u2550\u2550\u2550\n     - reduced-motion \/ \u7701\u6d41\u91cf \/ \u4f4e\u6548\u80fd \u2192 \u53ea\u7559 poster\uff0c\u4e0d\u4e0b\u8f09\u5f71\u7247\n     - \u624b\u6a5f\u8f09 900px \u7248\uff08373KB\uff09\uff0c\u684c\u6a5f\u8f09 1600px \u7248\uff081.6MB\uff09\n     - \u53ea\u5728 01 \u5c4f\u53ef\u898b\u6642\u64ad\u653e\uff0c\u96e2\u958b\u5373\u66ab\u505c\uff08\u7701\u96fb\u3001\u7701 CPU\uff09 *\/\n  (function initHeroVideo() {\n    var vid = document.querySelector('.hero-vid');\n    if (!vid) return;\n\n    var conn = navigator.connection || {};\n    var saveData = conn.saveData === true;\n    var slowNet = \/(^|-)(2g|slow-2g)$\/.test(conn.effectiveType || '');\n    var weakCPU = (navigator.hardwareConcurrency || 8) <= 2;\n\n    \/* \u624b\u6a5f\u4e00\u5f8b\u7528\u975c\u614b\u6bcd\u5716\uff1a\u76f4\u5c4f\u6bd4\u4f8b\u8207\u5f71\u7247\u4e0d\u7b26\uff0c\u4e14\u7701\u6d41\u91cf *\/\n    if (reduced || saveData || slowNet || weakCPU || mqMobile.matches) return;\n\n    \/* \u26a0 WordPress \u7248\uff1a\u5f71\u7247\u7db2\u5740\u6539\u7531 HTML \u7684 data-src \u63d0\u4f9b\uff0c\n       \u6240\u6709\u7d20\u6750\u7db2\u5740\u96c6\u4e2d\u5728 HTML \u4e00\u8655\uff0cJS \u4e0d\u9700\u8981\u8ddf\u8457\u6539\u3002 *\/\n    var src = vid.getAttribute('data-src');\n    if (!src) return;                          \/\/ \u6c92\u586b\u7db2\u5740\u5c31\u53ea\u7559 poster\uff0c\u4e0d\u5831\u932f\n    vid.src = src;\n    vid.load();\n\n    vid.addEventListener('canplay', function () {\n      vid.classList.add('is-ready');\n      var sc = vid.closest('.scene');\n      if (sc) sc.classList.add('has-video');\n      if (activeScene === 0) vid.play().catch(function () {});\n    }, { once: true });\n\n    \/* \u50c5\u5728 01 \u5c4f\u64ad\u653e *\/\n    var wasLive = false;\n    setInterval(function () {\n      var live = (activeScene === 0);\n      if (live === wasLive) return;\n      wasLive = live;\n      if (live) { vid.play().catch(function () {}); } else { vid.pause(); }\n    }, 400);\n\n    \/* \u5206\u9801\u96b1\u85cf\u6642\u66ab\u505c *\/\n    document.addEventListener('visibilitychange', function () {\n      if (document.hidden) vid.pause();\n      else if (activeScene === 0) vid.play().catch(function () {});\n    });\n  })();\n\n  \/* \u2500\u2500 \u5c0e\u89bd\u5e73\u6ed1\u6372\u52d5 \u2500\u2500 *\/\n  navLnks.forEach(function (a) {\n    a.addEventListener('click', function (e) {\n      var id = a.getAttribute('href');\n      if (!id || id.charAt(0) !== '#') return;\n      var t = root.querySelector(id);              \/\/ \u9650\u5b9a\u5bb9\u5668\u5167\uff0c\u4e0d\u649e\u4e3b\u984c\u9328\u9ede\n      if (!t) return;\n      e.preventDefault();\n      \/* \u7528\u7d55\u5c0d\u5ea7\u6a19\u800c\u975e offsetTop\uff08\u540c\u524d\u8ff0\u5bb9\u5668\u504f\u79fb\u554f\u984c\uff09 *\/\n      window.scrollTo({ top: panelTop(t), behavior: reduced ? 'auto' : 'smooth' });\n    });\n  });\n\n  \/* \u521d\u59cb *\/\n  detectStageMode();       \/\/ \u5fc5\u9808\u5728 measurePanels \u4e4b\u524d\uff1a\u5207\u63db\u6a21\u5f0f\u6703\u6539\u8b8a\u6587\u4ef6\u9ad8\u5ea6\n  measurePanels();\n  setScene(0);\n  onScroll();\n\n  \/* \u4e3b\u984c\u7684 sticky header\u3001cookie \u689d\u7b49\u5143\u7d20\u53ef\u80fd\u5ef6\u9072\u63d2\u5165\u4e26\u5e36 transform\uff0c\n     \u8f09\u5165\u5b8c\u6210\u5f8c\u518d\u9a57\u4e00\u6b21\u5b9a\u4f4d\u6a21\u5f0f\u3002 *\/\n  window.addEventListener('load', function () {\n    detectStageMode();\n    measurePanels();\n    requestTick();\n  });\n\n  \/* \u2500\u2500 \u62bd\u5e40\u9a57\u8b49\u7528\uff1a?shot=<vh\u500d\u6578> \u76f4\u63a5\u5b9a\u4f4d\u4e26\u8df3\u904e lerp \u2500\u2500 *\/\n  var qs = new URLSearchParams(location.search);\n  if (qs.has('shot')) {\n    var k = parseFloat(qs.get('shot')) || 0;\n    root.classList.add('shot-mode');\n    var apply = function () {\n      \/* k \u70ba\u9762\u677f\u7d22\u5f15\uff080..4\uff09\uff1a\u76f4\u63a5\u5b9a\u4f4d\u5230\u8a72\u9762\u677f\u9802\u7aef\uff0c\n         \u907f\u514d\u7528 vh \u500d\u6578\u63a8\u7b97\uff08\u9762\u677f\u5be6\u969b\u9ad8\u5ea6\u4e0d\u7b49\u65bc 1vh\uff09 *\/\n      measurePanels();\n      var idx = Math.max(0, Math.min(panels.length - 1, Math.round(k)));\n      var y = panels[idx] ? panelTop(panels[idx]) : 0;\n      window.scrollTo(0, y);\n      target = current = y;\n      panels.forEach(function (p) { p.classList.add('is-in'); countUp(p); });\n      activeScene = -1;\n      setScene(resolveScene());\n      for (var n = 0; n < 40; n++) { update(); }   \/\/ \u5f37\u5236 lerp \u6536\u6582\u5230\u7a69\u5b9a\u614b\n    };\n    apply();\n    window.addEventListener('load', apply);\n    setTimeout(apply, 300);\n    setTimeout(apply, 900);\n  }\n})();\n\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u6210\u7f8e CHENGMEI \u898f\u6a21 \u57fa &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"more-link\" href=\"https:\/\/arkgotosea.com\/\"> <span class=\"screen-reader-text\">\u6210\u7f8e CHENGMEI<\/span> Read more \u2192<\/a><\/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-788","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>\u6210\u7f8e CHENGMEI - \u6210\u7f8e CHENGMEI<\/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:\/\/arkgotosea.com\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u6210\u7f8e CHENGMEI - \u6210\u7f8e CHENGMEI\" \/>\n<meta property=\"og:description\" content=\"\u6210\u7f8e CHENGMEI \u898f\u6a21 \u57fa &hellip; \u6210\u7f8e CHENGMEI Read more \u2192\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arkgotosea.com\/\" \/>\n<meta property=\"og:site_name\" content=\"\u6210\u7f8e CHENGMEI\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-14T07:04:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_master.webp\" \/>\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=\"3 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/\",\"url\":\"https:\\\/\\\/arkgotosea.com\\\/\",\"name\":\"\u6210\u7f8e CHENGMEI - \u6210\u7f8e CHENGMEI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/arkgotosea.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/A01_master.webp\",\"datePublished\":\"2026-08-14T05:20:06+00:00\",\"dateModified\":\"2026-08-14T07:04:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arkgotosea.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/arkgotosea.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/A01_master.webp\",\"contentUrl\":\"https:\\\/\\\/arkgotosea.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/A01_master.webp\",\"width\":2304,\"height\":1296},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/arkgotosea.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u6210\u7f8e CHENGMEI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#website\",\"url\":\"https:\\\/\\\/arkgotosea.com\\\/\",\"name\":\"\u6210\u7f8e CHENGMEI\",\"description\":\"\u6210\u7f8e\u519c\u4e1a\u79d1\u6280\u98df\u54c1\u96c6\u56e2\u4ee5\u5176\u521b\u9020\u5065\u5eb7\u98df\u54c1\u800c\u8131\u9896\u800c\u51fa\uff0c\u5305\u62ec \u8131\u6c34\u852c\u83dc\u3001\u51b7\u51bb\u98df\u54c1\u3001\u51bb\u5e72\u98df\u54c1\u548c\u65b0\u9c9c\u852c\u83dc\u3002\",\"publisher\":{\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#organization\"},\"alternateName\":\"\u6210\u7f8e CHENGMEI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/arkgotosea.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#organization\",\"name\":\"\u6210\u7f8e CHENGMEI\",\"url\":\"https:\\\/\\\/arkgotosea.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/arkgotosea.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/696x696px.svg\",\"contentUrl\":\"https:\\\/\\\/arkgotosea.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/696x696px.svg\",\"width\":696,\"height\":696,\"caption\":\"\u6210\u7f8e CHENGMEI\"},\"image\":{\"@id\":\"https:\\\/\\\/arkgotosea.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u6210\u7f8e CHENGMEI - \u6210\u7f8e CHENGMEI","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:\/\/arkgotosea.com\/","og_locale":"zh_TW","og_type":"article","og_title":"\u6210\u7f8e CHENGMEI - \u6210\u7f8e CHENGMEI","og_description":"\u6210\u7f8e CHENGMEI \u898f\u6a21 \u57fa &hellip; \u6210\u7f8e CHENGMEI Read more \u2192","og_url":"https:\/\/arkgotosea.com\/","og_site_name":"\u6210\u7f8e CHENGMEI","article_modified_time":"2026-08-14T07:04:01+00:00","og_image":[{"url":"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_master.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"3 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arkgotosea.com\/","url":"https:\/\/arkgotosea.com\/","name":"\u6210\u7f8e CHENGMEI - \u6210\u7f8e CHENGMEI","isPartOf":{"@id":"https:\/\/arkgotosea.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arkgotosea.com\/#primaryimage"},"image":{"@id":"https:\/\/arkgotosea.com\/#primaryimage"},"thumbnailUrl":"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_master.webp","datePublished":"2026-08-14T05:20:06+00:00","dateModified":"2026-08-14T07:04:01+00:00","breadcrumb":{"@id":"https:\/\/arkgotosea.com\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arkgotosea.com\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/arkgotosea.com\/#primaryimage","url":"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_master.webp","contentUrl":"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/A01_master.webp","width":2304,"height":1296},{"@type":"BreadcrumbList","@id":"https:\/\/arkgotosea.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arkgotosea.com\/"},{"@type":"ListItem","position":2,"name":"\u6210\u7f8e CHENGMEI"}]},{"@type":"WebSite","@id":"https:\/\/arkgotosea.com\/#website","url":"https:\/\/arkgotosea.com\/","name":"\u6210\u7f8e CHENGMEI","description":"\u6210\u7f8e\u519c\u4e1a\u79d1\u6280\u98df\u54c1\u96c6\u56e2\u4ee5\u5176\u521b\u9020\u5065\u5eb7\u98df\u54c1\u800c\u8131\u9896\u800c\u51fa\uff0c\u5305\u62ec \u8131\u6c34\u852c\u83dc\u3001\u51b7\u51bb\u98df\u54c1\u3001\u51bb\u5e72\u98df\u54c1\u548c\u65b0\u9c9c\u852c\u83dc\u3002","publisher":{"@id":"https:\/\/arkgotosea.com\/#organization"},"alternateName":"\u6210\u7f8e CHENGMEI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arkgotosea.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/arkgotosea.com\/#organization","name":"\u6210\u7f8e CHENGMEI","url":"https:\/\/arkgotosea.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/arkgotosea.com\/#\/schema\/logo\/image\/","url":"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/696x696px.svg","contentUrl":"https:\/\/arkgotosea.com\/wp-content\/uploads\/2026\/08\/696x696px.svg","width":696,"height":696,"caption":"\u6210\u7f8e CHENGMEI"},"image":{"@id":"https:\/\/arkgotosea.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/arkgotosea.com\/index.php?rest_route=\/wp\/v2\/pages\/788","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arkgotosea.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arkgotosea.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arkgotosea.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arkgotosea.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=788"}],"version-history":[{"count":4,"href":"https:\/\/arkgotosea.com\/index.php?rest_route=\/wp\/v2\/pages\/788\/revisions"}],"predecessor-version":[{"id":804,"href":"https:\/\/arkgotosea.com\/index.php?rest_route=\/wp\/v2\/pages\/788\/revisions\/804"}],"wp:attachment":[{"href":"https:\/\/arkgotosea.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=788"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}