{"id":4233,"date":"2024-09-13T21:46:50","date_gmt":"2024-09-13T21:46:50","guid":{"rendered":"https:\/\/perandpro.com\/?page_id=4233"},"modified":"2026-09-02T18:52:52","modified_gmt":"2026-09-02T18:52:52","slug":"bionic-fragrance","status":"publish","type":"page","link":"https:\/\/perandpro.com\/en\/frontpage\/brand-story\/bionic-fragrance\/","title":{"rendered":"\ud83c\udf3f\u9996\u5275\u7368\u5bb6\uff5c\u4eff\u751f\u9999\u6280\u8853"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"4233\" class=\"elementor elementor-4233\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-63dbdfb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63dbdfb\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-21e650d\" data-id=\"21e650d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d4311e0 elementor-widget elementor-widget-html\" data-id=\"d4311e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pandp-bionic-wrapper\">\r\n\r\n  <!-- 1. \u958b\u5834\u5340\u584a (Hero Section) -->\r\n  <div class=\"bionic-hero-section\">\r\n    <div class=\"section-header\">\r\n      <!-- \u624b\u6a5f\u7248\u7cbe\u6e96\u65b7\u884c -->\r\n      <h2 class=\"section-title\">\u4f60\u77e5\u9053\u4ec0\u9ebc\u662f<br class=\"mobile-show\">\u300c\u4eff\u751f\u9999\u300d\u55ce\uff1f<\/h2>\r\n      <div class=\"title-divider\"><\/div>\r\n      <!-- \u624b\u6a5f\u7248\u7cbe\u6e96\u65b7\u884c -->\r\n      <p class=\"award-text\">- \u6ce2\u5152\u4fdd\u7f85\u7368\u5bb6\u6280\u8853\uff0c\u5168\u7403\u9996\u5275\uff0c<br class=\"mobile-show\">\u5b88\u8b77\u53f0\u7063\u7368\u7279\u9999\u5473 -<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"hero-video-wrapper\">\r\n      <div class=\"video-container horizontal\">\r\n        <iframe src=\"https:\/\/www.youtube.com\/embed\/hfcpHBwb5YA?rel=0\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\"><\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 2. \u4ec0\u9ebc\u662f\u4eff\u751f\u9999 (WHAT \u5340\u584a) -->\r\n  <div class=\"bionic-split-section\">\r\n    <div class=\"split-img\">\r\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/LINE_ALBUM_\u82b1\u7d20\u6750_240915_1.jpg\" alt=\"\u4ec0\u9ebc\u662f\u4eff\u751f\u9999\">\r\n    <\/div>\r\n    <div class=\"split-text\">\r\n      <div class=\"brush-text-container\">\r\n        <span class=\"brush-stroke-text\">WHAT<\/span>\r\n      <\/div>\r\n      <h3 class=\"split-title\">What is Bionic Fragrance<br><span>Per &amp; Pro Exclusive Technology<\/span><\/h3>\r\n      <div class=\"split-line\"><\/div>\r\n      <p>\r\n        \u6ce2\u5152\u4fdd\u7f85\u7684\u4eff\u751f\u9999\u4ee5<span class=\"highlight\">nature<\/span>\u70ba\u5e2b\uff0c\u662f\u900f\u904e\u8abf\u9999\u5e2b\u7684\u9f3b\u5b50\u53bb\u5206\u6790\u8fa8\u5225\u76ee\u6a19\u7269\u5473\u9053\uff0c\u518d\u9078\u7528<strong><span class=\"highlight\">By selecting ingredients that are either 'found in nature'<\/span><\/strong>or 'perfectly replicate it.<span class=\"highlight\">This technology crafts incredibly realistic aromas<\/span>\u7684\u6280\u8853\uff0c\u5c07\u65b0\u9bae\u82b1\u6735\u6216\u539f\u6728\u7684\u9748\u9b42\u88dd\u9032\u9999\u6c34\u74f6\u4e2d\uff0c\u5e36\u7d66\u60a8\u8d85\u4e4e\u60f3\u50cf\u7684<span class=\"highlight\">Natural<\/span>.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 3. \u4eff\u751f\u9999\u6280\u8853\u5982\u4f55\u5be6\u73fe (HOW \u5340\u584a) -->\r\n  <div class=\"bionic-split-section reverse\">\r\n    <div class=\"split-img\" style=\"margin-top: 50px;\">\r\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/IG\u8cbc\u6587\u5716\u7247-6.jpg\" alt=\"\u6280\u8853\u5be6\u73fe\">\r\n    <\/div>\r\n    <div class=\"split-text\">\r\n      <div class=\"brush-text-container\">\r\n        <span class=\"brush-stroke-text\">HOW<\/span>\r\n      <\/div>\r\n      <h3 class=\"split-title\">\u4eff\u751f\u9999\u6280\u8853\u662f\u5982\u4f55\u5be6\u73fe\u7684\uff1f<\/h3>\r\n      <div class=\"split-line\"><\/div>\r\n      <p>\r\n        \u6ce2\u5152\u4fdd\u7f85\u5275\u8fa6\u4eba\u64c1\u6709 40 \u5e74\u7684\u6df1\u539a\u8abf\u9999\u7d93\u9a57\uff0c\u4ed6\u7684\u9f3b\u5b50\u5c31\u7b49\u540c\u65bc\u662f\u7cbe\u5bc6\u7684\u9802\u7a7a\u53d6\u6a23\u5100\u5668\uff0c\u8166\u888b\u5c31\u5982\u540c\u662f GC-MS \u8cea\u8b5c\u5100\u3002\u800c\u4ed6\u591a\u5e74\u7d2f\u7a4d\u7684\u7d93\u9a57\u8207\u654f\u92b3\u5224\u8b80\uff0c\u5c31\u5982\u540c\u662f\u4e00\u5ea7\u9f90\u5927\u4e14\u7cbe\u6e96\u7684\u5b9a\u6027\u9999\u5473\u5206\u5b50\u8cc7\u6599\u5eab\u3002\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 4. \u70ba\u4ec0\u9ebc\u8981\u505a\u4eff\u751f\u9999 (WHY \u5340\u584a) -->\r\n  <div class=\"bionic-reasons-section\">\r\n    <div class=\"why-header\">\r\n      <div class=\"brush-text-container\">\r\n        <span class=\"brush-stroke-text\">WHY<\/span>\r\n      <\/div>\r\n      <h3 class=\"split-title\">Why BionicFragrance Technology?<\/h3>\r\n      <div class=\"split-line\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"why-layout-wrapper mt-4\">\r\n      \r\n      <!-- \u4e0a\u6392\uff1a1~3 \u9ede\u4e26\u5217 -->\r\n      <div class=\"why-top-row\">\r\n        <div class=\"reason-card\">\r\n          <div class=\"reason-number\">01<\/div>\r\n          <h4>Your Health Matters<\/h4>\r\n          <p>\u6211\u5011\u512a\u5148\u9078\u7528\u300c\u5929\u7136\u5b58\u5728\u300d\u751a\u81f3\u300c\u53ef\u98df\u7528\u300d\u6210\u5206\u4f86\u8abf\u914d\u4eff\u751f\u9999\uff0c\u5c0d\u4eba\u9ad4\u5065\u5eb7\u7121\u5bb3\uff0c\u8b93\u5927\u5bb6\u80fd\u6700\u5b89\u5fc3\u5730\u4f7f\u7528\u6211\u5011\u7684\u9999\u6c1b\u7522\u54c1\u3002<\/p>\r\n        <\/div>\r\n        <div class=\"reason-card\">\r\n          <div class=\"reason-number\">02<\/div>\r\n          <h4>\u88dc\u8db3\u7121\u6cd5\u53d6\u5f97\u7cbe\u6cb9\u7684\u690d\u7269<\/h4>\r\n          <p>\u4e26\u975e\u6240\u6709\u9999\u82b1\u90fd\u80fd\u88ab\u505a\u6210\u7cbe\u6cb9\uff0c\u6709\u4e9b\u82b1 (\u4f8b\u5982\u4e03\u91cc\u9999) \u82b1\u671f\u4e0d\u5b9a\uff0c\u96e3\u4ee5\u6536\u96c6\u82b1\u6735\u6216\u7cbe\u6cb9\u7522\u7387\u6975\u4f4e\uff0c\u4eff\u751f\u9999\u8b93\u60a8\u4e5f\u80fd\u4eab\u53d7\u5f97\u5230\u5979\u5011\u7684\u73cd\u8cb4\u82ac\u82b3\u3002<\/p>\r\n        <\/div>\r\n        <div class=\"reason-card\">\r\n          <div class=\"reason-number\">03<\/div>\r\n          <h4>\u74b0\u5883\u6c38\u7e8c<\/h4>\r\n          <p>\u6578\u767e\u516c\u65a4\u7684\u82b1\u6735\u53ea\u80fd\u91c0\u6210\u5e7ecc\u7684\u7cbe\u6cb9\uff0c\u662f\u5c0d\u571f\u5730\u8207\u80fd\u6e90\u7684\u6d88\u8017\u3002\u4eff\u751f\u9999\u96d6\u4e0d\u4f7f\u7528\u534a\u6735\u771f\u82b1\uff0c\u537b\u5b8c\u6574\u8907\u88fd\u9bae\u82b1\u6c23\u606f\uff0c\u505c\u6b62\u5c0d\u81ea\u7136\u7121\u76e1\u7d22\u53d6\uff0c\u843d\u5be6\u6c38\u7e8c\u7d93\u71df\u3002<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u4e0b\u6392\uff1a\u7b2c 4 \u9ede (\u6eff\u7248\u6a6b\u5411\u5361\u7247) -->\r\n      <div class=\"why-bottom-row\">\r\n        <div class=\"reason-card full-width-card\">\r\n          <div class=\"reason-number\">04<\/div>\r\n          <div class=\"full-width-text\">\r\n            <h4>\u5b8c\u6574\u9084\u539f\u690d\u7269\u9999\u6c23<\/h4>\r\n            <p>\u6211\u5011\u4ee5\u5927\u81ea\u7136\u70ba\u5e2b\uff0c\u5c07\u65b0\u9bae\u82b1\u6735\u6216\u539f\u6728\u7684\u9748\u9b42\u88dd\u9032\u9999\u6c34\u74f6\u4e2d\uff0c\u5e36\u7d66\u60a8\u8d85\u4e4e\u60f3\u50cf\u7684\u5929\u7136\u611f\uff0c\u9019\u662f\u4e00\u822c\u55ae\u4e00\u8403\u53d6\u6280\u8853\u7121\u6cd5\u9054\u5230\u7684\u5c64\u6b21\u3002<\/p>\r\n          <\/div>\r\n          <div class=\"reason-inner-img\">\r\n            <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/IG\u8cbc\u6587\u5716\u7247-4-1.jpg\" alt=\"\u9084\u539f\u690d\u7269\u9999\u6c23\u5716\u8868\">\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 5. \u6ce2\u5152\u4fdd\u7f85\u4eff\u751f\u9999\u7522\u54c1 -->\r\n  <div class=\"bionic-products-section\">\r\n    <div class=\"section-header\">\r\n      <h2 class=\"section-title\">Per &amp; Pro Bionic Fragrance Series<\/h2>\r\n      <div class=\"title-divider\"><\/div>\r\n      <p class=\"section-subtitle\">\r\n        - \u6211\u5011\u9a55\u50b2\u5730\u8aaa\uff0c\u5f9e 2023 \u5e74\u8d77\uff0c\u6211\u5011\u7684\u9999\u7cbe\u5df2\u7d93\u5916\u92b7\u5230\u6cd5\u570b\u8207\u7f8e\u570b\uff0c<br class=\"mobile-hide\">\u4e26\u4e14\u88ab\u5df4\u9ece\u85dd\u8853\u5bb6\u63a1\u7528\u88fd\u6210\u806f\u540d\u9999\u6c1b\u5546\u54c1 -\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"products-diamond-layout mt-4\">\r\n      \r\n      <!-- \u5de6\u5074\u6587\u5b57 -->\r\n      <div class=\"prod-col text-col\">\r\n        <div class=\"prod-item\">\r\n          <h4>1.Taiwanese Floral Fragrance<\/h4>\r\n          <p>25 Native Taiwanese Fragrant Plants.\nCrafted by Per &amp; Pro, this collection is a scent memory dedicated to Taiwan. Driven by a deep mission for our local fragrance industry, we aspire to bring Taiwan\u2019s unique floral perfumes onto the global stage.<\/p>\r\n          <a href=\"https:\/\/perandpro.com\/en\/frontpage\/products\/fragrance\/floral-fragrance-2\/\" target=\"_blank\" class=\"read-more-link\">\u9ede\u6211\u770b\u66f4\u591a \u2794<\/a>\r\n        <\/div>\r\n        <div class=\"prod-item\">\r\n          <h4>2.Animalic notes<\/h4>\r\n          <p>\u5305\u62ec\u9f8d\u6d8e\u9999\u3001\u9e9d\u9999\u3001\u9748\u8c93\u9999\u3002\u6ce2\u5152\u4fdd\u7f85\u7684\u52d5\u7269\u9999\u4ee5\u5404\u52d5\u7269\u5011\u7684\u751f\u614b\u98df\u7269\u93c8\u70ba\u57fa\u790e\uff0c\u671f\u76fc\u900f\u904e\u7368\u5bb6\u4eff\u751f\u9999\u6280\u8853\u9084\u539f\u771f\u5be6\u7684\u52d5\u7269\u817a\u9ad4\u9999\u6c23\uff0c\u6eff\u8db3\u5316\u5b78\u5408\u6210\u55ae\u9ad4\u7684\u7f3a\u61be\uff0c\u62fc\u6e4a\u5929\u7136\u9999\u6c23\u7684\u677f\u584a\u3002<\/p>\r\n          <a href=\"https:\/\/perandpro.com\/en\/frontpage\/products\/fragrance\/animalic-fragrance\/\" target=\"_blank\" class=\"read-more-link\">\u9ede\u6211\u770b\u66f4\u591a \u2794<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u4e2d\u592e\u5716\u7247 (\u55ae\u5f35\u5b8c\u6574\u83f1\u5f62) -->\r\n      <div class=\"prod-col img-col\">\r\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2026\/09\/\u5716\u72471.png\" alt=\"\u6ce2\u5152\u4fdd\u7f85\u56db\u5927\u4eff\u751f\u9999\u7522\u54c1\" class=\"diamond-single-img\">\r\n      <\/div>\r\n\r\n      <!-- \u53f3\u5074\u6587\u5b57 -->\r\n      <div class=\"prod-col text-col\">\r\n        <div class=\"prod-item\">\r\n          <h4>3.Oud<\/h4>\r\n          <p>\u7d05\u571f\u3001\u52a0\u91cc\u66fc\u4e39\u3001\u6703\u5b89\u7b49\uff0c\u542b\u62ec\u8d8a\u5357\u3001\u6d77\u5357\u3001\u52a0\u91cc\u66fc\u4e39\u5404\u7522\u5730\u7684\u6c89\u9999\u3002\u6ce2\u5152\u4fdd\u7f85\u8b93\u54c1\u8a55\u6c89\u9999\u4e0d\u518d\u53ea\u662f\u7687\u5bb6\u8cb4\u65cf\u7684\u5c08\u5229\uff0c\u800c\u662f\u878d\u5165\u666e\u7f85\u5927\u773e\u7684\u751f\u6d3b\u3002\u5448\u73fe\u6c89\u9999\u7368\u7279\u7684\u6728\u982d\u5473\u3001\u6dbc\u5473\uff0c\u5230\u9ad8\u7d1a\u6c89\u9999\u7279\u6709\u7684\u82b1\u679c\u9999\u5473\u3002<\/p>\r\n          <a href=\"https:\/\/perandpro.com\/en\/frontpage\/products\/fragrance\/agarwood-fragrance\/\" target=\"_blank\" class=\"read-more-link\">\u9ede\u6211\u770b\u66f4\u591a \u2794<\/a>\r\n        <\/div>\r\n        <div class=\"prod-item\">\r\n          <h4>4.Sandalwood<\/h4>\r\n          <p>Featuring Indian Crown, Mysore, and Australian Sandalwood. We express the profound layers and richness of natural sandalwood. With over 20 distinct varieties from iconic origins\u2014including India, Australia, and the Kingdom of Tonga\u2014each scent tells its own unique story.<\/p>\r\n          <a href=\"https:\/\/perandpro.com\/en\/frontpage\/products\/fragrance\/sandalwood-fragrance\/\" target=\"_blank\" class=\"read-more-link\">\u9ede\u6211\u770b\u66f4\u591a \u2794<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"section-divider\"><\/div>\r\n\r\n  <!-- 6. \u63a2\u82b1\u5c0b\u9999\u8a08\u756b -->\r\n  <div class=\"bionic-diary-section\" id=\"flowerchasing\">\r\n    <div class=\"section-header\">\r\n      <h2 class=\"section-title\">\u6ce2\u5152\u4fdd\u7f85\u63a2\u82b1\u5c0b\u9999\u8a08\u756b<\/h2>\r\n      <div class=\"title-divider\"><\/div>\r\n      <p class=\"section-subtitle\">\r\n        - \u6211\u5011\u81ea2015\u5e74\u958b\u555f\u4e86\u63a2\u82b1\u8a08\u756b\uff0c\u4ee5\u5927\u81ea\u7136\u70ba\u9748\u611f\uff0c\u4e0d\u8fad\u5343\u91cc\u3001\u4e0d\u754f\u98a8\u5439\u65e5\u66ec\uff0c<br class=\"mobile-hide\">\u53ea\u70ba\u63a2\u7d22\u8207\u7d00\u9304\u82b1\u6735\u7684\u9999\u6c23\u5206\u5b50\uff0c\u900f\u904e\u5275\u4f5c\u8868\u73fe\u6700\u771f\u5be6\u7684\u9999\u6c23\uff0c\u5c07\u9bae\u82b1\u7684\u9748\u9b42\u88dd\u9032\u9999\u6c34\u74f6 -\r\n      <\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"diary-hero-img\">\r\n      <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/-1-e1726416660799.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u8a08\u756b\">\r\n    <\/div>\r\n\r\n    <!-- \u5f71\u97f3\u5217\u8868 -->\r\n    <div class=\"diary-video-grid mt-4\">\r\n      \r\n      <div class=\"diary-video-item\">\r\n        <div class=\"video-container vertical\" onclick=\"this.innerHTML='<iframe src=\\'https:\/\/www.youtube.com\/embed\/wJjKS1lnDJE?autoplay=1&rel=0\\' frameborder=\\'0\\' allow=\\'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\' allowfullscreen style=\\'position:absolute;top:0;left:0;width:100%;height:100%;\\'><\/iframe>'\">\r\n          <img decoding=\"async\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/B6818F7D-D2A9-4C42-8D34-92D5D0E3BA47-1-scaled.jpg\" alt=\"\u53f0\u7063\u539f\u751f\u7a2e\u55ae\u74e3\u6894\u5b50\u82b1\" class=\"custom-video-cover\">\r\n          <div class=\"custom-play-btn\"><\/div>\r\n        <\/div>\r\n        <!-- \u624b\u6a5f\u7248\u7cbe\u6e96\u65b7\u884c -->\r\n        <div class=\"video-title\">\u53f0\u7063\u539f\u751f\u7a2e<br class=\"mobile-show\">\u55ae\u74e3\u6894\u5b50\u82b1<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"diary-video-item\">\r\n        <div class=\"video-container vertical\" onclick=\"this.innerHTML='<iframe src=\\'https:\/\/www.youtube.com\/embed\/fLOxUeCOd5k?autoplay=1&rel=0\\' frameborder=\\'0\\' allow=\\'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\' allowfullscreen style=\\'position:absolute;top:0;left:0;width:100%;height:100%;\\'><\/iframe>'\">\r\n          <img decoding=\"async\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/S__40739007.jpg\" alt=\"\u6ab3\u6994\u82b1\" class=\"custom-video-cover\">\r\n          <div class=\"custom-play-btn\"><\/div>\r\n        <\/div>\r\n        <div class=\"video-title\">Areca catechu Flower<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"diary-video-item\">\r\n        <div class=\"video-container vertical\" onclick=\"this.innerHTML='<iframe src=\\'https:\/\/www.youtube.com\/embed\/8LnNYRq5IK4?autoplay=1&rel=0\\' frameborder=\\'0\\' allow=\\'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\' allowfullscreen style=\\'position:absolute;top:0;left:0;width:100%;height:100%;\\'><\/iframe>'\">\r\n          <img decoding=\"async\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/E7DE97E5-46EC-496E-B046-C1552C1EE381.png\" alt=\"\u7a57\u82b1\u68cb\u76e4\u8173\" class=\"custom-video-cover\">\r\n          <div class=\"custom-play-btn\"><\/div>\r\n        <\/div>\r\n        <div class=\"video-title\">Small-leaved Barringtonia<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"diary-video-item\">\r\n        <div class=\"video-container vertical\" onclick=\"this.innerHTML='<iframe src=\\'https:\/\/www.youtube.com\/embed\/8t8oCbsXMqg?autoplay=1&rel=0\\' frameborder=\\'0\\' allow=\\'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\\' allowfullscreen style=\\'position:absolute;top:0;left:0;width:100%;height:100%;\\'><\/iframe>'\">\r\n          <img decoding=\"async\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/4D1A74F9-AE53-4B1A-B1E0-0072CBD92E5A-scaled.jpg\" alt=\"\u53f0\u7063\u539f\u751f\u7a2e\u767e\u5408\" class=\"custom-video-cover\">\r\n          <div class=\"custom-play-btn\"><\/div>\r\n        <\/div>\r\n        <div class=\"video-title\">Formosa Lily<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u63a2\u82b1\u5e55\u5f8c\u82b1\u7d6e (IG \u98a8\u683c\u76f8\u7247\u7246) -->\r\n    <div class=\"diary-photo-wall mt-5\">\r\n      <div class=\"photo-wall-grid\">\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/LINE_ALBUM_\u8b1b\u5e2b\u7167_240916_6-2.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/LINE_ALBUM_\u8b1b\u5e2b\u7167_240916_2-1.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/2FC701D7-65B9-4F36-BCEC-673CA93324D1-1.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/LINE_ALBUM_\u8b1b\u5e2b\u7167_240916_3.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/LINE_ALBUM_\u8b1b\u5e2b\u7167_240916_1-e1788199931203.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/LINE_ALBUM_\u8b1b\u5e2b\u7167_240916_4.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/LINE_ALBUM_\u8b1b\u5e2b\u7167_240916_5.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/04FBE0C1-9FB6-4192-82B7-9C569970EF54-1-scaled.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/p1-1.jpg\" alt=\"\u63a2\u82b1\u5c0b\u9999\u82b1\u7d6e\"><\/div>\r\n      <\/div>\r\n      \r\n      <!-- YT \u5c0e\u6d41\u6309\u9215 -->\r\n      <div class=\"photo-wall-action mt-5\">\r\n        <a href=\"https:\/\/www.youtube.com\/@perandpro\" target=\"_blank\" class=\"yt-channel-btn\" rel=\"noopener\">\u770b\u66f4\u591a\u63a2\u82b1\u5f71\u7247 \u2794<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- 7. \u5c0e\u8cfc\u8207\u5a92\u9ad4\u5831\u5c0e (\u9ad8\u8cea\u611f\u5716\u5361\u6309\u9215\u5340\u584a) -->\r\n  <div class=\"bionic-action-section\">\r\n    <div class=\"action-cards-grid\">\r\n      <a href=\"https:\/\/perandpro.com.tw\/shop\/taiwan-floral-fragrance\/\" target=\"_blank\" class=\"action-image-btn\">\r\n        <img decoding=\"async\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/09\/\u622a\u5716-2024-08-21-\u4e0b\u53482.35.40-1024x781.png\" alt=\"\u53f0\u7063\u7279\u8272\u9999\u82b1\u73cd\u85cf\u5957\u7d44\">\r\n        <div class=\"btn-content\">\r\n          <div class=\"btn-text\">Taiwanese Floral Fragrance<br>\u73cd\u85cf\u5957\u7d44\u5c08\u5340<\/div>\r\n          <div class=\"click-indicator\">\u524d\u5f80\u9078\u8cfc \u2794<\/div>\r\n        <\/div>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/crossing.cw.com.tw\/article\/18575\" target=\"_blank\" rel=\"noopener\" class=\"action-image-btn\">\r\n        <img decoding=\"async\" src=\"https:\/\/perandpro.com\/wp-content\/uploads\/2024\/08\/2024\u4e9e\u6d32\u7f8e\u5bb9\u5c55-5-1024x622.jpg\" alt=\"\u5929\u4e0b\u96dc\u8a8c\u5831\u5c0e\">\r\n        <div class=\"btn-content\">\r\n          <div class=\"btn-text\">\u5929\u4e0b\u96dc\u8a8c\u7279\u5225\u5831\u5c0e<br>\u6ce2\u5152\u4fdd\u7f85\u7368\u5bb6\u4eff\u751f\u9999<\/div>\r\n          <div class=\"click-indicator\">\u95b1\u8b80\u5168\u6587 \u2794<\/div>\r\n        <\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* \u57fa\u790e\u8a2d\u5b9a *\/\r\n.pandp-bionic-wrapper h2, \r\n.pandp-bionic-wrapper h3, \r\n.pandp-bionic-wrapper h4,\r\n.pandp-bionic-wrapper p {\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\r\n}\r\n\r\n.pandp-bionic-wrapper {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 40px 20px 80px 20px;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif !important;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  color: #333;\r\n}\r\n\r\n.pandp-bionic-wrapper * {\r\n  box-sizing: border-box;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.mt-4 { margin-top: 40px; }\r\n.mt-5 { margin-top: 50px; }\r\nbr.mobile-show { display: none; }\r\n.highlight { color: #800000; font-weight: bold; }\r\n\r\n\/* \u6a19\u984c\u901a\u7528\u6a23\u5f0f *\/\r\n.section-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n.section-title {\r\n  font-size: 36px;\r\n  font-weight: 800 !important;\r\n  color: #333 !important;\r\n  margin: 0 0 15px 0;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.title-divider {\r\n  width: 60px;\r\n  height: 3px;\r\n  background-color: #800000;\r\n  margin: 0 auto 20px auto;\r\n}\r\n\r\n.section-subtitle {\r\n  font-size: 18px;\r\n  color: #555;\r\n  font-style: italic;\r\n  font-weight: bold;\r\n  line-height: 1.6;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* 1. Hero \u5340\u584a *\/\r\n.bionic-hero-section {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.award-text {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  color: #800000;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.hero-video-wrapper {\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* \uff1d\uff1d\uff1d \u624b\u5beb\u6587\u5b57\u8207\u881f\u7b46\u7b46\u89f8\u7279\u6548 \uff1d\uff1d\uff1d *\/\r\n.brush-text-container {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.brush-stroke-text {\r\n  position: relative;\r\n  display: inline-block;\r\n  font-family: 'Comic Sans MS', 'Caveat', cursive, sans-serif;\r\n  font-size: 20px; \r\n  font-weight: 900;\r\n  color: #9d405b; \r\n  padding: 4px 22px; \r\n  z-index: 1;\r\n  letter-spacing: 2px; \r\n  text-transform: uppercase;\r\n}\r\n\r\n.brush-stroke-text::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 10%; left: 0%; right: 0%; bottom: 10%;\r\n  background: #ecd5de; \r\n  z-index: -1;\r\n  transform: rotate(-2deg) skewX(-15deg);\r\n  border-radius: 70% 30% 80% 20% \/ 20% 80% 30% 70%;\r\n}\r\n\r\n.brush-stroke-text::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 20%; left: -2%; right: 2%; bottom: 0%;\r\n  background: #e6b9c6; \r\n  z-index: -2;\r\n  transform: rotate(2deg) skewX(10deg);\r\n  border-radius: 30% 70% 20% 80% \/ 80% 20% 70% 30%;\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* 2 & 3. \u5de6\u53f3\u6392\u7248\u5716\u6587\u5340\u584a *\/\r\n.bionic-split-section {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 60px;\r\n  margin-bottom: 100px;\r\n}\r\n\r\n.bionic-split-section.reverse {\r\n  flex-direction: row-reverse;\r\n}\r\n\r\n.split-img {\r\n  flex: 1;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.split-img img {\r\n  width: 100%;\r\n  display: block;\r\n  object-fit: cover;\r\n}\r\n\r\n.split-text {\r\n  flex: 1;\r\n  padding: 20px 0; \r\n}\r\n\r\n.split-title {\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n  color: #333;\r\n  margin: 0 0 15px 0;\r\n  line-height: 1.4;\r\n}\r\n\r\n.split-title span {\r\n  color: #ac5b6f;\r\n}\r\n\r\n.split-line {\r\n  width: 50px;\r\n  height: 3px;\r\n  background-color: #d8d2c8;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.split-text p {\r\n  font-size: 18px;\r\n  color: #555;\r\n  line-height: 1.8;\r\n  margin: 0;\r\n  text-align: justify;\r\n}\r\n\r\n\/* 4. \u70ba\u4ec0\u9ebc\u8981\u505a (\u56db\u5927\u7406\u7531\u5361\u7247) *\/\r\n.bionic-reasons-section {\r\n  margin-bottom: 100px;\r\n}\r\n\r\n.why-header {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.why-layout-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 30px;\r\n}\r\n\r\n.why-top-row {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.why-bottom-row {\r\n  width: 100%;\r\n}\r\n\r\n.reason-card {\r\n  background: #FFF6FC; \r\n  border: 1px solid #f2e3ed;\r\n  border-radius: 16px;\r\n  padding: 30px 25px;\r\n  position: relative;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.reason-card:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 8px 20px rgba(128,0,0,0.06);\r\n  background: #fff;\r\n}\r\n\r\n.reason-number {\r\n  font-size: 40px;\r\n  font-weight: 900;\r\n  color: #f2e3ed;\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 25px;\r\n  line-height: 1;\r\n  font-family: Arial, sans-serif;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.reason-card:hover .reason-number {\r\n  color: #fbebf5;\r\n}\r\n\r\n.reason-card h4 {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  color: #800000;\r\n  margin: 0 0 12px 0;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.reason-card p {\r\n  font-size: 15px;\r\n  color: #555;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.full-width-card {\r\n  flex-direction: row; \r\n  align-items: center;\r\n  gap: 40px;\r\n  padding: 40px 50px;\r\n}\r\n\r\n.full-width-text {\r\n  flex: 1;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.full-width-card .reason-inner-img {\r\n  flex: 1.5; \r\n  margin: auto 0; \r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n}\r\n\r\n.reason-inner-img img {\r\n  width: 100%;\r\n  display: block;\r\n}\r\n\r\n\/* 5. \u7522\u54c1\u5206\u985e\u83f1\u5f62\u4f48\u5c40 *\/\r\n.bionic-products-section {\r\n  margin-bottom: 80px;\r\n  background-color: #FCFAF8;\r\n  padding: 60px 40px;\r\n  border-radius: 20px;\r\n}\r\n\r\n.products-diamond-layout {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 40px;\r\n}\r\n\r\n.prod-col.text-col {\r\n  flex: 1;\r\n  max-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 50px; \r\n}\r\n\r\n.prod-item h4 {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  color: #800000; \r\n  margin: 0 0 10px 0;\r\n}\r\n\r\n.prod-item p {\r\n  font-size: 15px;\r\n  color: #333;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  text-align: justify;\r\n}\r\n\r\n.read-more-link {\r\n  display: inline-block;\r\n  margin-top: 10px;\r\n  font-size: 15px;\r\n  font-weight: bold;\r\n  color: #d69a68;\r\n  text-decoration: none !important;\r\n  transition: color 0.3s ease, transform 0.3s ease;\r\n}\r\n\r\n.read-more-link:hover {\r\n  color: #800000;\r\n  transform: translateX(5px); \r\n}\r\n\r\n\/* \uff1d\uff1d\uff1d \u55ae\u5f35\u83f1\u5f62\u5716\u7247\u6a23\u5f0f \uff1d\uff1d\uff1d *\/\r\n.prod-col.img-col {\r\n  flex: 0 0 400px;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.diamond-single-img {\r\n  width: 100%;\r\n  max-width: 400px;\r\n  height: auto;\r\n  display: block;\r\n  margin: 0 auto;\r\n  object-fit: contain;\r\n  filter: drop-shadow(0 4px 12px rgba(0,0,0,0.08));\r\n}\r\n\r\n\/* \u5206\u9694\u7dda *\/\r\n.section-divider {\r\n  width: 100%;\r\n  height: 1px;\r\n  background-color: #eee;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n\/* 6. \u63a2\u82b1\u5c0b\u9999\u8a08\u756b *\/\r\n.bionic-diary-section {\r\n  margin-bottom: 100px;\r\n}\r\n\r\n.diary-hero-img {\r\n  margin: 40px 0;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n}\r\n.diary-hero-img img {\r\n  width: 100%;\r\n  display: block;\r\n}\r\n\r\n.diary-video-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.diary-video-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 12px;\r\n}\r\n\r\n.video-title {\r\n  text-align: center;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  color: #800000;\r\n}\r\n\r\n\/* \u5f71\u7247\u5171\u7528\u8a2d\u5b9a *\/\r\n.video-container {\r\n  position: relative;\r\n  width: 100%;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n  background: #000; \r\n  cursor: pointer;\r\n}\r\n.video-container.horizontal {\r\n  aspect-ratio: 16 \/ 9;\r\n}\r\n.video-container.vertical {\r\n  aspect-ratio: 9 \/ 16;\r\n}\r\n.custom-video-cover {\r\n  position: absolute;\r\n  top: 0; left: 0; width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.4s ease;\r\n  z-index: 1;\r\n}\r\n.video-container:hover .custom-video-cover {\r\n  transform: scale(1.05); \r\n}\r\n.custom-play-btn {\r\n  position: absolute;\r\n  top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n  width: 65px; height: 65px;\r\n  background: rgba(0, 0, 0, 0.65);\r\n  border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  transition: background 0.3s, transform 0.3s;\r\n  z-index: 2;\r\n}\r\n.custom-play-btn::before {\r\n  content: ''; display: block;\r\n  border-style: solid;\r\n  border-width: 14px 0 14px 22px;\r\n  border-color: transparent transparent transparent #fff;\r\n  margin-left: 6px;\r\n}\r\n.video-container:hover .custom-play-btn {\r\n  background: #800000;\r\n  transform: translate(-50%, -50%) scale(1.1); \r\n}\r\n\r\n\/* === IG\u98a8\u683c\u76f8\u7247\u7246 === *\/\r\n.photo-wall-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(9, 1fr);\r\n  gap: 10px;\r\n}\r\n.photo-item {\r\n  aspect-ratio: 1 \/ 1;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  box-shadow: 0 2px 10px rgba(0,0,0,0.05);\r\n}\r\n.photo-item img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.4s ease;\r\n}\r\n.photo-item:hover img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.photo-wall-action {\r\n  text-align: center;\r\n}\r\n.yt-channel-btn {\r\n  display: inline-block;\r\n  background-color: #ecd5de; \r\n  color: #800000;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  padding: 12px 35px;\r\n  border-radius: 30px;\r\n  text-decoration: none !important;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n}\r\n.yt-channel-btn:hover {\r\n  background-color: #800000;\r\n  color: #ffffff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 6px 15px rgba(128,0,0,0.15);\r\n}\r\n\r\n\/* 7. \u884c\u52d5\u547c\u7c72 (\u5716\u5361\u6309\u9215) *\/\r\n.action-cards-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 30px;\r\n}\r\n\r\n.action-image-btn {\r\n  position: relative;\r\n  display: block;\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  box-shadow: 0 5px 20px rgba(0,0,0,0.1);\r\n  aspect-ratio: 16 \/ 9;\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.action-image-btn::after {\r\n  content: '';\r\n  position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n  background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.65) 100%);\r\n  transition: background 0.3s ease;\r\n  z-index: 1;\r\n}\r\n\r\n.action-image-btn img {\r\n  position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n  z-index: 0;\r\n}\r\n\r\n.action-image-btn:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n}\r\n\r\n.action-image-btn:hover img {\r\n  transform: scale(1.05); \r\n}\r\n\r\n.action-image-btn:hover::after {\r\n  background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);\r\n}\r\n\r\n.btn-content {\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 100%;\r\n  padding: 0 20px;\r\n  text-align: center;\r\n  z-index: 2;\r\n  display: flex; flex-direction: column; align-items: center; gap: 15px; \r\n}\r\n\r\n.btn-text {\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  line-height: 1.4;\r\n  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.click-indicator {\r\n  display: inline-block;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  backdrop-filter: blur(4px);\r\n  border: 1px solid rgba(255, 255, 255, 0.5);\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  padding: 8px 24px;\r\n  border-radius: 30px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.action-image-btn:hover .click-indicator {\r\n  background: #ffffff;\r\n  color: #800000;\r\n  border-color: #ffffff;\r\n}\r\n\r\n\/* === RWD \u97ff\u61c9\u5f0f\u8a2d\u8a08 === *\/\r\n@media (max-width: 991px) {\r\n  \/* \u624b\u6a5f\u7248\uff1aWHAT\/HOW \u6587\u5b57\u9806\u5e8f\u512a\u5148 *\/\r\n  .bionic-split-section, .bionic-split-section.reverse {\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n  .bionic-split-section .split-text,\r\n  .bionic-split-section.reverse .split-text {\r\n    order: 1; \/* \u5f37\u5236\u6587\u5b57\u5728\u4e0a *\/\r\n    width: 100%;\r\n  }\r\n  .bionic-split-section .split-img,\r\n  .bionic-split-section.reverse .split-img {\r\n    order: 2; \/* \u5f37\u5236\u5716\u7247\u5728\u4e0b *\/\r\n    margin-top: 0 !important; \r\n  }\r\n  \r\n  .why-top-row {\r\n    grid-template-columns: repeat(1, 1fr);\r\n  }\r\n  .full-width-card {\r\n    flex-direction: column;\r\n    padding: 30px 25px;\r\n  }\r\n  \r\n  \/* \u7522\u54c1\u83f1\u5f62\u7248\u9762\u5728\u5e73\u677f\u8f49\u70ba\u76f4\u5f0f\u4ea4\u932f *\/\r\n  .products-diamond-layout {\r\n    flex-direction: column;\r\n    gap: 40px;\r\n  }\r\n  .prod-col.text-col {\r\n    max-width: 100%;\r\n    order: 2;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr; \r\n    gap: 30px;\r\n  }\r\n  .prod-col.img-col {\r\n    order: 1; \/* \u78ba\u4fdd\u55ae\u5716\u5728\u4e0a\u65b9 *\/\r\n    flex: 0 0 auto; \/* \u89e3\u9664\u9ad8\u5ea6\u9650\u5236 *\/\r\n    max-width: 380px;\r\n    width: 100%;\r\n    margin: 0 auto 20px auto; \/* \u5b8c\u7f8e\u7f6e\u4e2d *\/\r\n  }\r\n  \r\n  .diary-video-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  br.mobile-hide { display: none !important; }\r\n  br.mobile-show { display: block !important; content: \"\"; } \/* \u78ba\u4fdd\u5b89\u5168\u63db\u884c *\/\r\n  \r\n  .pandp-bionic-wrapper {\r\n    padding: 20px 15px 60px 15px;\r\n  }\r\n  .section-title {\r\n    font-size: 28px !important;\r\n  }\r\n  \r\n  .section-subtitle {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .split-title {\r\n    font-size: 26px;\r\n  }\r\n  .split-title span {\r\n    font-size: 20px;\r\n  }\r\n  .brush-stroke-text {\r\n    font-size: 18px;\r\n    padding: 2px 18px;\r\n  }\r\n  \r\n  \/* \u624b\u6a5f\u7248\u7522\u54c1\u6392\u7248 *\/\r\n  .prod-col.text-col {\r\n    grid-template-columns: 1fr; \/* \u6587\u5b57\u5806\u758a *\/\r\n    gap: 30px;\r\n  }\r\n  .prod-col.img-col {\r\n    max-width: 320px; \/* \u624b\u6a5f\u7248\u7565\u5fae\u7e2e\u5c0f *\/\r\n    margin: 0 auto 10px auto;\r\n  }\r\n\r\n  \/* \u76f8\u7247\u7246\u5728\u624b\u6a5f\u7248\u8f49\u70ba 3x3 \u7db2\u683c *\/\r\n  .photo-wall-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 5px;\r\n  }\r\n\r\n  .action-cards-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  .bionic-products-section {\r\n    padding: 40px 20px;\r\n  }\r\n  .btn-text {\r\n    font-size: 18px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u4f60\u77e5\u9053\u4ec0\u9ebc\u662f\u300c\u4eff\u751f\u9999\u300d\u55ce\uff1f &#038;#8211 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":18,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4233","page","type-page","status-publish","hentry"],"cb_excerpt":"\u4f60\u77e5\u9053\u4ec0\u9ebc\u662f\u300c\u4eff\u751f\u9999\u300d\u55ce\uff1f &#8211 [&hellip;]","_links":{"self":[{"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/pages\/4233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/comments?post=4233"}],"version-history":[{"count":205,"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/pages\/4233\/revisions"}],"predecessor-version":[{"id":6414,"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/pages\/4233\/revisions\/6414"}],"up":[{"embeddable":true,"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/pages\/18"}],"wp:attachment":[{"href":"https:\/\/perandpro.com\/en\/wp-json\/wp\/v2\/media?parent=4233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}