{"id":157,"date":"2026-06-13T18:43:03","date_gmt":"2026-06-13T10:43:03","guid":{"rendered":"https:\/\/pharma.hk\/?page_id=157"},"modified":"2026-06-13T19:05:38","modified_gmt":"2026-06-13T11:05:38","slug":"esg","status":"publish","type":"page","link":"https:\/\/pharma.hk\/?page_id=157","title":{"rendered":"ESG"},"content":{"rendered":"<style>\n  .esg-wrap *, .esg-wrap *::before, .esg-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\n  .esg-wrap { font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Microsoft JhengHei\", sans-serif; color: #333; }<\/p>\n<p>  \/* Hero *\/\n  .esg-hero {\n    position: relative; padding: 96px 16px; overflow: hidden; text-align: center;\n    background: linear-gradient(135deg,#F5F0E8 0%,#FFF8E7 50%,#F5E6D3 100%);\n  }\n  .esg-hero::before {\n    content: ''; position: absolute; inset: 0; opacity: .05;\n    background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M30 0L30 60M0 30L60 30' stroke='%23C19A6B' stroke-width='1' fill='none'\/%3E%3C\/svg%3E\");\n    background-size: 60px 60px;\n  }\n  .esg-hero h1 { font-size: clamp(2rem,5vw,3.5rem); font-weight: 700; color: #111; line-height: 1.25; position: relative; margin-bottom: 20px; }\n  .esg-hero h1 span { display: block; background: linear-gradient(90deg,#C19A6B,#D32F2F); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\n  .esg-hero p { font-size: 1.1rem; color: #555; line-height: 1.8; position: relative; max-width: 640px; margin: 0 auto; }<\/p>\n<p>  \/* Metrics *\/\n  .esg-metrics { background: #fff; padding: 48px 16px; border-bottom: 1px solid rgba(193,154,107,.1); }\n  .esg-metrics-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; max-width: 900px; margin: 0 auto; }\n  @media(min-width:640px){ .esg-metrics-grid { grid-template-columns: repeat(4,1fr); } }\n  .esg-metric-card { text-align: center; padding: 24px 16px; border-radius: 16px; border: 1px solid rgba(193,154,107,.15); background: #fff; }\n  .esg-metric-icon { width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; }\n  .esg-metric-value { font-size: 2rem; font-weight: 700; margin-bottom: 4px; }\n  .esg-metric-label { font-size: 12px; color: #888; line-height: 1.4; }<\/p>\n<p>  \/* Pillars *\/\n  .esg-pillars { padding: 64px 16px; background: linear-gradient(135deg,#F5F0E8 0%,#FFF8E7 100%); }\n  .esg-section-head { text-align: center; margin-bottom: 40px; }\n  .esg-section-badge { display: inline-block; padding: 4px 16px; border-radius: 999px; font-size: 13px; border: 1px solid rgba(193,154,107,.3); color: #C19A6B; background: #fff; margin-bottom: 10px; }\n  .esg-section-head h2 { font-size: 1.8rem; font-weight: 700; color: #111; margin-bottom: 6px; }\n  .esg-section-head p { color: #888; }<\/p>\n<p>  .esg-tabs { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 32px; }\n  .esg-tab { display: flex; align-items: center; gap: 6px; padding: 10px 20px; border-radius: 999px; font-size: 13px; font-weight: 600; cursor: pointer; border: 2px solid; transition: all .2s; background: #fff; }\n  .esg-tab.active-e { background: #C19A6B; border-color: #C19A6B; color: #fff; box-shadow: 0 4px 16px rgba(193,154,107,.4); }\n  .esg-tab.active-s { background: #C19A6B; border-color: #C19A6B; color: #fff; box-shadow: 0 4px 16px rgba(193,154,107,.4); }\n  .esg-tab.active-g { background: #A67C52; border-color: #A67C52; color: #fff; box-shadow: 0 4px 16px rgba(166,124,82,.4); }\n  .esg-tab-e { border-color: rgba(193,154,107,.4); color: #C19A6B; }\n  .esg-tab-s { border-color: rgba(193,154,107,.4); color: #C19A6B; }\n  .esg-tab-g { border-color: rgba(166,124,82,.4); color: #A67C52; }<\/p>\n<p>  .esg-pillar-grid { display: grid; grid-template-columns: 1fr; gap: 20px; max-width: 900px; margin: 0 auto; }\n  @media(min-width:700px){ .esg-pillar-grid { grid-template-columns: 1fr 1fr; } }\n  .esg-pillar-desc { border-radius: 16px; padding: 32px; display: flex; flex-direction: column; justify-content: space-between; min-height: 280px; }\n  .esg-pillar-icon-wrap { width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }\n  .esg-pillar-desc h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 10px; }\n  .esg-pillar-desc p { font-size: 13px; color: #555; line-height: 1.7; }\n  .esg-pillar-cert { margin-top: 20px; padding-top: 16px; font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 6px; }<\/p>\n<p>  .esg-accordion { display: flex; flex-direction: column; gap: 10px; }\n  .esg-acc-item { border: 1px solid rgba(193,154,107,.2); border-radius: 12px; overflow: hidden; }\n  .esg-acc-btn { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; background: #fff; border: none; cursor: pointer; font-size: 14px; font-weight: 600; color: #222; text-align: left; }\n  .esg-acc-btn:hover { background: #FDF6EE; }\n  .esg-acc-body { padding: 0 20px 16px; background: #fff; border-top: 1px solid rgba(193,154,107,.1); font-size: 13px; color: #666; line-height: 1.7; padding-top: 12px; display: none; }\n  .esg-acc-body.open { display: block; }<\/p>\n<p>  \/* Timeline *\/\n  .esg-timeline { padding: 64px 16px; background: #fff; }\n  .esg-tl-inner { max-width: 800px; margin: 0 auto; position: relative; }\n  .esg-tl-line { position: absolute; left: 20px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom,#C19A6B,#D4A574,#D32F2F); opacity: .25; }\n  @media(min-width:700px){ .esg-tl-line { left: 50%; } }\n  .esg-tl-items { display: flex; flex-direction: column; gap: 28px; }\n  .esg-tl-item { position: relative; display: flex; align-items: flex-start; gap: 20px; }\n  .esg-tl-dot { position: absolute; left: 12px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.15); flex-shrink: 0; z-index: 1; top: 14px; }\n  @media(min-width:700px){ .esg-tl-dot { left: calc(50% - 8px); } }\n  .esg-tl-content { margin-left: 44px; background: #fff; border: 1px solid rgba(193,154,107,.15); border-radius: 12px; padding: 16px 20px; box-shadow: 0 1px 6px rgba(0,0,0,.06); }\n  .esg-tl-content.future { background: #FDF6EE; border-style: dashed; border-color: rgba(193,154,107,.3); box-shadow: none; }\n  @media(min-width:700px){\n    .esg-tl-item:nth-child(even) .esg-tl-content { margin-left: calc(50% + 24px); margin-right: 0; }\n    .esg-tl-item:nth-child(odd) .esg-tl-content  { margin-left: 0; margin-right: calc(50% + 24px); }\n  }\n  .esg-tl-year { display: inline-block; font-size: 11px; font-weight: 700; color: #fff; padding: 2px 10px; border-radius: 999px; margin-bottom: 8px; }\n  .esg-tl-future-tag { font-size: 11px; color: rgba(193,154,107,.6); font-style: italic; margin-left: 6px; }\n  .esg-tl-content p { font-size: 13px; color: #555; line-height: 1.7; }<\/p>\n<p>  \/* Commitment *\/\n  .esg-commitment { padding: 64px 16px; background: linear-gradient(135deg,#F5F0E8 0%,#FFF8E7 100%); text-align: center; }\n  .esg-commitment h2 { font-size: 1.8rem; font-weight: 700; color: #111; margin-bottom: 16px; }\n  .esg-commitment p { color: #666; line-height: 1.8; max-width: 640px; margin: 0 auto 32px; font-size: 14px; }\n  .esg-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }\n  .esg-badge { padding: 8px 16px; border-radius: 999px; font-size: 13px; font-weight: 600; border: 1px solid rgba(193,154,107,.4); background: rgba(193,154,107,.1); color: #A67C52; }\n<\/style>\n<div class=\"esg-wrap\">\n<p>  <!-- Hero --><\/p>\n<section class=\"esg-hero\">\n<h1>\n      \u9999\u6c5f\u88fd\u85e5<br \/>\n      <span>ESG \u53ef\u6301\u7e8c\u767c\u5c55<\/span><br \/>\n    <\/h1>\n<p>\n      \u79c9\u627f\u300c\u666e\u8403\u5929\u7136\uff0c\u4ec1\u5fc3\u6fdf\u4e16\u300d\u7684\u54c1\u724c\u7406\u5ff5<br \/>\n      \u5c07\u74b0\u5883\u8cac\u4efb\u3001\u793e\u6703\u95dc\u61f7\u8207\u826f\u597d\u7ba1\u6cbb\u878d\u5165\u6bcf\u4e00\u500b\u696d\u52d9\u6c7a\u7b56<br \/>\n      \u4ee5\u8ca0\u8cac\u4efb\u7684\u65b9\u5f0f\u63a8\u52d5\u4e2d\u85e5\u73fe\u4ee3\u5316\n    <\/p>\n<\/section>\n<p>  <!-- \u95dc\u9375\u6307\u6a19 --><\/p>\n<section class=\"esg-metrics\">\n<div class=\"esg-metrics-grid\">\n<div class=\"esg-metric-card\">\n<div class=\"esg-metric-icon\" style=\"background:rgba(193,154,107,.12);border:1px solid rgba(193,154,107,.25)\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C19A6B\" stroke-width=\"2\"><polyline points=\"23 6 13.5 15.5 8.5 10.5 1 18\"\/><polyline points=\"17 6 23 6 23 12\"\/><\/svg>\n        <\/div>\n<div class=\"esg-metric-value\" style=\"color:#C19A6B\">30%<\/div>\n<div class=\"esg-metric-label\">2030\u5e74\u78b3\u6392\u653e\u6e1b\u5c11\u76ee\u6a19<\/div>\n<\/p><\/div>\n<div class=\"esg-metric-card\">\n<div class=\"esg-metric-icon\" style=\"background:rgba(193,154,107,.12);border:1px solid rgba(193,154,107,.25)\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C19A6B\" stroke-width=\"2\"><polyline points=\"1 4 1 10 7 10\"\/><path d=\"M3.51 15a9 9 0 1 0 .49-3.5\"\/><\/svg>\n        <\/div>\n<div class=\"esg-metric-value\" style=\"color:#C19A6B\">40%<\/div>\n<div class=\"esg-metric-label\">\u5305\u88dd\u5ee2\u68c4\u7269\u6e1b\u5c11\u76ee\u6a19<\/div>\n<\/p><\/div>\n<div class=\"esg-metric-card\">\n<div class=\"esg-metric-icon\" style=\"background:rgba(193,154,107,.12);border:1px solid rgba(193,154,107,.25)\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C19A6B\" stroke-width=\"2\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n        <\/div>\n<div class=\"esg-metric-value\" style=\"color:#C19A6B\">40h<\/div>\n<div class=\"esg-metric-label\">\u5e74\u5ea6\u4eba\u5747\u57f9\u8a13\u6642\u6578<\/div>\n<\/p><\/div>\n<div class=\"esg-metric-card\">\n<div class=\"esg-metric-icon\" style=\"background:rgba(166,124,82,.12);border:1px solid rgba(166,124,82,.25)\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#A67C52\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n        <\/div>\n<div class=\"esg-metric-value\" style=\"color:#A67C52\">92+<\/div>\n<div class=\"esg-metric-label\">\u914d\u9001\u570b\u5bb6\u53ca\u5730\u5340<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u767c\u5c55\u8def\u7dda\u5716 --><\/p>\n<section class=\"esg-timeline\">\n<div class=\"esg-section-head\">\n<div class=\"esg-section-badge\">\u767c\u5c55\u91cc\u7a0b<\/div>\n<h2>ESG \u767c\u5c55\u8def\u7dda\u5716<\/h2>\n<p>\u5f9e\u627f\u8afe\u5230\u884c\u52d5\uff0c\u6bcf\u4e00\u6b65\u90fd\u6709\u64da\u53ef\u67e5<\/p>\n<\/p><\/div>\n<div class=\"esg-tl-inner\">\n<div class=\"esg-tl-line\"><\/div>\n<div class=\"esg-tl-items\">\n<div class=\"esg-tl-item\">\n<div class=\"esg-tl-dot\" style=\"background:#C19A6B;top:14px\"><\/div>\n<div class=\"esg-tl-content\" style=\"margin-left:44px\">\n<div><span class=\"esg-tl-year\" style=\"background:#C19A6B\">2025<\/span><\/div>\n<p>\u9999\u6c5f\u88fd\u85e5\u6b63\u5f0f\u6210\u7acb\uff0c\u78ba\u7acb\u300c\u666e\u8403\u5929\u7136\uff0c\u4ec1\u5fc3\u6fdf\u4e16\u300d\u54c1\u724c\u7406\u5ff5\uff0c\u540c\u5e74\u7d44\u5efaESG\u5de5\u4f5c\u5c0f\u7d44\u4e26\u5236\u5b9a\u53ef\u6301\u7e8c\u767c\u5c55\u6846\u67b6\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"esg-tl-item\">\n<div class=\"esg-tl-dot\" style=\"background:#D4A574;top:14px\"><\/div>\n<div class=\"esg-tl-content future\" style=\"margin-left:44px\">\n<div><span class=\"esg-tl-year\" style=\"background:#D4A574\">2026<\/span><span class=\"esg-tl-future-tag\">\u76ee\u6a19<\/span><\/div>\n<p>\u555f\u52d5\u78b3\u6392\u653e\u57fa\u7dda\u8abf\u67e5\uff0c\u63a8\u884c\u54e1\u5de5\u5728\u8077\u57f9\u8a13\u9ad4\u7cfb\uff0c\u5b8c\u6210\u9996\u6279\u4f9b\u61c9\u5546ESG\u8a55\u4f30\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"esg-tl-item\">\n<div class=\"esg-tl-dot\" style=\"background:#D4A574;top:14px\"><\/div>\n<div class=\"esg-tl-content future\" style=\"margin-left:44px\">\n<div><span class=\"esg-tl-year\" style=\"background:#D4A574\">2027<\/span><span class=\"esg-tl-future-tag\">\u76ee\u6a19<\/span><\/div>\n<p>\u767c\u5e03\u9996\u4efdESG\u5831\u544a\uff0c\u5305\u88dd\u5ee2\u68c4\u7269\u8f03\u57fa\u7dda\u6e1b\u5c1140%\uff0c\u4f9b\u61c9\u93c8\u5168\u9762ESG\u5408\u898f\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"esg-tl-item\">\n<div class=\"esg-tl-dot\" style=\"background:#D4A574;top:14px\"><\/div>\n<div class=\"esg-tl-content future\" style=\"margin-left:44px\">\n<div><span class=\"esg-tl-year\" style=\"background:#D4A574\">2028<\/span><span class=\"esg-tl-future-tag\">\u76ee\u6a19<\/span><\/div>\n<p>\u5f15\u5165\u7da0\u8272\u751f\u7522\u8a2d\u5099\uff0c\u63a8\u52d5\u5305\u88dd\u6750\u6599\u5168\u9762\u8f49\u7528FSC\u8a8d\u8b49\u7d19\u5f35\uff0c\u5b8c\u6210ISO 14001\u74b0\u5883\u7ba1\u7406\u9ad4\u7cfb\u8a8d\u8b49\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"esg-tl-item\">\n<div class=\"esg-tl-dot\" style=\"background:#D32F2F;top:14px\"><\/div>\n<div class=\"esg-tl-content future\" style=\"margin-left:44px\">\n<div><span class=\"esg-tl-year\" style=\"background:#D32F2F\">2030<\/span><span class=\"esg-tl-future-tag\">\u76ee\u6a19<\/span><\/div>\n<p>\u7bc4\u7587\u4e00\u53ca\u7bc4\u7587\u4e8c\u78b3\u6392\u653e\u8f03\u57fa\u7dda\u4e0b\u964d30%\uff0c\u9081\u5411\u78b3\u4e2d\u548c\u9577\u9060\u76ee\u6a19\u3002<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- \u6211\u5011\u7684\u627f\u8afe --><\/p>\n<section class=\"esg-commitment\">\n    <svg width=\"36\" height=\"36\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C19A6B\" stroke-width=\"1.5\" style=\"margin:0 auto 16px;display:block\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"\/><\/svg><\/p>\n<h2>\u6211\u5011\u7684\u627f\u8afe<\/h2>\n<p>\u9999\u6c5f\u88fd\u85e5\u76f8\u4fe1\uff0c\u771f\u6b63\u7684\u53ef\u6301\u7e8c\u767c\u5c55\u5fc5\u9808\u5c07\u74b0\u5883\u3001\u793e\u6703\u8207\u7ba1\u6cbb\u7684\u8cac\u4efb\u878d\u5165\u4f01\u696dDNA\u3002\u6211\u5011\u627f\u8afe\u6bcf\u5e74\u767c\u5e03ESG\u9032\u5ea6\u5831\u544a\uff0c\u63a5\u53d7\u793e\u6703\u76e3\u7763\uff0c\u8207\u6301\u4efd\u8005\u651c\u624b\u5171\u5275\u66f4\u5065\u5eb7\u3001\u66f4\u7da0\u8272\u7684\u672a\u4f86\u3002<\/p>\n<div class=\"esg-badges\">\n      <span class=\"esg-badge\">\u2713 \u9999\u6e2f\u885b\u751f\u7f72GMP\u8a8d\u8b49<\/span><br \/>\n      <span class=\"esg-badge\">\u2713 ISO 14001\u74b0\u5883\u7ba1\u7406<\/span><br \/>\n      <span class=\"esg-badge\">\u2713 FSC\u8a8d\u8b49\u7d19\u5f35\u5305\u88dd<\/span><br \/>\n      <span class=\"esg-badge\">\u2713 \u72ec\u7acbESG\u62ab\u9732<\/span>\n    <\/div>\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u9999\u6c5f\u88fd\u85e5 ESG \u53ef\u6301\u7e8c\u767c\u5c55 \u79c9\u627f\u300c\u666e\u8403\u5929\u7136\uff0c\u4ec1\u5fc3\u6fdf\u4e16\u300d\u7684\u54c1\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-157","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pharma.hk\/index.php?rest_route=\/wp\/v2\/pages\/157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pharma.hk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pharma.hk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pharma.hk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pharma.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=157"}],"version-history":[{"count":5,"href":"https:\/\/pharma.hk\/index.php?rest_route=\/wp\/v2\/pages\/157\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/pharma.hk\/index.php?rest_route=\/wp\/v2\/pages\/157\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/pharma.hk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}