{"id":13336,"date":"2026-09-14T13:59:33","date_gmt":"2026-09-14T05:59:33","guid":{"rendered":"https:\/\/tricho-derm.com\/?page_id=13336"},"modified":"2026-10-23T11:43:58","modified_gmt":"2026-10-23T03:43:58","slug":"causes-of-grey-hair","status":"publish","type":"page","link":"https:\/\/tricho-derm.com\/zh-hant\/causes-of-grey-hair\/","title":{"rendered":"\u7070\u767d\u9aee\u6210\u56e0"},"content":{"rendered":"\t\t<div class=\"elementor elementor-13336\">\n\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"my-custom-class elementor-element elementor-element-16effb6 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-my_data=\"my-data-value\" data-id=\"16effb6\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div data-id=\"a33670e\" class=\"elementor-element elementor-element-a33670e elementor-column elementor-col-100 elementor-top-column\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div data-id=\"551d471\" class=\"elementor-element elementor-element-551d471 elementor-widget elementor-widget-wp-widget-custom_html\" data-element_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"textwidget custom-html-widget\"><!-- HTML \u90e8\u5206 -->\r\n<div class=\"responsive-banner\">\r\n  <picture class=\"banner-image\">\r\n    <!-- \u624b\u6a5f\u7248\u5716\u7247 (\u87a2\u5e55\u5bec\u5ea6 768px \u4ee5\u4e0b) -->\r\n    <source media=\"(max-width: 768px)\" srcset=\"https:\/\/tricho-derm.com\/wp-content\/uploads\/Anti-grey-banner-no-button-scaled.jpg\">\r\n    <!-- \u96fb\u8166\u7248\u5716\u7247 -->\r\n    <img decoding=\"async\" src=\"https:\/\/tricho-derm.com\/wp-content\/uploads\/Anti-grey-banner-no-button-scaled.jpg\">\r\n  <\/picture>\r\n  \r\n  <a href=\"https:\/\/tricho-derm.com\/wp-content\/uploads\/Anti-grey-banner-no-button-scaled.jpg\" class=\"shop-now-btn\" target=\"_blank\" rel=\"noopener\">\r\n    SHOP NOW\r\n  <\/a>\r\n<\/div>\r\n\r\n<!-- CSS \u90e8\u5206 -->\r\n<style>\r\n.responsive-banner {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 1920px;\r\n  margin: 0 auto;\r\n  overflow: hidden;\r\n}\r\n\r\n.banner-image img {\r\n  width: 100%;\r\n  height: auto;\r\n  display: block;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n\/* \u96fb\u8166\u7248\u6309\u9215\uff08\u53f3\u4e0b\u89d2\uff09 *\/\r\n.shop-now-btn {\r\n  position: absolute;\r\n  bottom: 8%;\r\n  right: 14%;\r\n  background-color: #ffffff;\r\n  color: #000000;\r\n  padding: 12px 36px;\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  font-family: sans-serif;\r\n  text-decoration: none;\r\n  letter-spacing: 1px;\r\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\r\n  transition: opacity 0.3s ease;\r\n  z-index: 2;\r\n}\r\n\r\n.shop-now-btn:hover {\r\n  opacity: 0.85;\r\n}\r\n\r\n\/* \u624b\u6a5f\u7248\u8a2d\u5b9a (768px \u4ee5\u4e0b) *\/\r\n@media (max-width: 768px) {\r\n  .responsive-banner {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  \/* \u88c1\u5207\u5de6\u53f3\u5169\u908a\uff0c\u5f37\u5316\u624b\u6a5f\u756b\u9762\u7126\u9ede *\/\r\n  .banner-image img {\r\n    height: 380px; \/* \u53ef\u4f9d\u9700\u6c42\u8abf\u6574\u9ad8\u5ea6\uff0c\u6578\u5b57\u8d8a\u5927\u88c1\u5207\u8d8a\u591a\/\u653e\u5927\u8d8a\u591a *\/\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n\r\n  \/* \u624b\u6a5f\u7248\uff1a\u5716\u7247\u4e0b\u65b9\u5168\u5bec\u9ed1\u8272 Bar \u6309\u9215 *\/\r\n  .shop-now-btn {\r\n    position: static;\r\n    display: block;\r\n    width: 100%;\r\n    background-color: #000000;\r\n    color: #ffffff;\r\n    font-size: 21pt;\r\n    font-weight: bold;\r\n    text-align: center;\r\n    padding: 16px 0;\r\n    border: none;\r\n    border-radius: 0;\r\n    box-shadow: none;\r\n    box-sizing: border-box;\r\n  }\r\n}\r\n<\/style><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-id=\"6b60179\" class=\"elementor-element elementor-element-6b60179 elementor-widget elementor-widget-wp-widget-custom_html\" data-element_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"textwidget custom-html-widget\"><!-- HTML \u7d50\u69cb -->\r\n<div class=\"banner-half-container\">\r\n  <!-- \u5de6\u5074\u80cc\u666f\u5716 (50%) -->\r\n  <div class=\"banner-left-side\">\r\n    <img decoding=\"async\" src=\"https:\/\/tricho-derm.com\/wp-content\/uploads\/Artboard-2.png\" alt=\"Hair Loss Background\">\r\n  <\/div>\r\n\r\n  <!-- \u53f3\u5074\u6587\u5b57\u5167\u5bb9 (50%) -->\r\n  <div class=\"banner-right-side\">\r\n    <!-- \u4e3b\u6a19\u984c (32pt + 42pt) -->\r\n    <h2 class=\"main-title\">\r\n      <span class=\"title-small\">\u5e74\u7d00\u5927<\/span><span class=\"title-large\">\u751f\u767d\u9aee\uff1f<\/span>\r\n    <\/h2>\r\n    \r\n    <!-- \u767d\u6846\u6a19\u8a9e (32pt) -->\r\n    <div class=\"highlight-box\">\r\n      \u767d\u9aee\u5514\u6b62\u4fc2\u8001\u5316\u5481\u7c21\u55ae\uff01\r\n    <\/div>\r\n\r\n    <!-- \u5c0f\u6a19\u984c (32pt - \u5df2\u8a2d\u5b9a\u70ba\u7d14\u767d) -->\r\n    <h3 class=\"section-title\">\u79d1\u5b78\u7814\u7a76\u986f\u793a<\/h3>\r\n\r\n    <!-- \u5167\u6587\u9ede\u5217\u8868 (28pt) -->\r\n    <div class=\"text-list\">\r\n      <p>\u9ed1\u8272\u7d20\u8a0a\u865f\u6e1b\u5f31<\/p>\r\n      <p>\u9ed1\u8272\u7d20\u7d30\u80de\u6e9d\u901a&\u6d3b\u6027\u4e0b\u964d<\/p>\r\n      <p>\u6bdb\u56ca\u5fae\u74b0\u5883\u8001\u5316+\u6c27\u5316\u58d3\u529b\u7d2f\u7a4d<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u6f38\u5c64\u4e0b\u7bad\u982d (SVG) -->\r\n    <div class=\"arrow-container\">\r\n      <svg width=\"44\" height=\"74\" viewBox=\"0 0 44 74\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <defs>\r\n          <linearGradient id=\"arrowGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n            <stop offset=\"0%\" stop-color=\"#444444\" \/>\r\n            <stop offset=\"100%\" stop-color=\"#ffffff\" \/>\r\n          <\/linearGradient>\r\n        <\/defs>\r\n        <path d=\"M15 0H29V44H44L22 74L0 44H15V0Z\" fill=\"url(#arrowGradient)\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- \u5e95\u90e8\u5927\u5b57 (42pt) -->\r\n    <div class=\"bottom-result\">\r\n      \u767d\u9aee\u589e\u591a\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CSS \u6a23\u5f0f -->\r\n<style>\r\n\/* \u5916\u5c64\u5bb9\u5668\uff1a\u5de6\u53f3 1:1 (\u5404 50%) \u7b49\u9ad8\u5e73\u5206 *\/\r\n.banner-half-container {\r\n  display: flex;\r\n  width: 100%;\r\n  max-width: 1920px;\r\n  margin: 0 auto;\r\n  background-color: #000000;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* \u5de6\u5074\u5716\u7247\u5340\u584a (50%) *\/\r\n.banner-left-side {\r\n  flex: 1 1 50%;\r\n  width: 50%;\r\n  overflow: hidden;\r\n}\r\n\r\n.banner-left-side img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\/* \u53f3\u5074\u6587\u5b57\u5340\u584a (50%) *\/\r\n.banner-right-side {\r\n  flex: 1 1 50%;\r\n  width: 50%;\r\n  background-color: #000000;\r\n  color: #ffffff;\r\n  padding: 60px 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  box-sizing: border-box;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n}\r\n\r\n\/* \u4e3b\u6a19\u984c *\/\r\n.banner-right-side .main-title {\r\n  margin: 0 0 25px 0;\r\n  font-weight: bold;\r\n  letter-spacing: 2px;\r\n  display: flex;\r\n  align-items: baseline;\r\n  justify-content: center;\r\n}\r\n\r\n.banner-right-side .title-small {\r\n  font-size: 32pt;\r\n  color: #ffffff;\r\n}\r\n\r\n.banner-right-side .title-large {\r\n  font-size: 42pt;\r\n  color: #ffffff;\r\n  margin-left: 6px;\r\n}\r\n\r\n\/* \u767d\u6846\u6a19\u8a9e *\/\r\n.banner-right-side .highlight-box {\r\n  border: 2px solid #ffffff;\r\n  padding: 12px 28px;\r\n  font-size: 32pt;\r\n  font-weight: bold;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 35px;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* \u5c0f\u6a19\u984c\uff08\u660e\u78ba\u8a2d\u5b9a\u767d\u5b57 color: #ffffff\uff09 *\/\r\n.banner-right-side .section-title {\r\n  font-size: 32pt;\r\n  font-weight: bold;\r\n  color: #ffffff;\r\n  margin: 0 0 20px 0;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n\/* \u5167\u6587\u5217\u8868 *\/\r\n.banner-right-side .text-list {\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.banner-right-side .text-list p {\r\n  margin: 10px 0;\r\n  font-size: 28pt;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n  letter-spacing: 1px;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* \u6f38\u5c64\u7bad\u982d *\/\r\n.banner-right-side .arrow-container {\r\n  margin: 15px 0 25px 0;\r\n}\r\n\r\n\/* \u5e95\u90e8\u5927\u5b57 *\/\r\n.banner-right-side .bottom-result {\r\n  font-size: 42pt;\r\n  font-weight: bold;\r\n  color: #ffffff;\r\n  letter-spacing: 3px;\r\n}\r\n\r\n\/* \ud83d\udcf1 \u624b\u6a5f\u7248 RWD *\/\r\n@media (max-width: 768px) {\r\n  .banner-half-container {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .banner-left-side,\r\n  .banner-right-side {\r\n    width: 100%;\r\n    flex: 1 1 100%;\r\n  }\r\n\r\n  .banner-right-side {\r\n    padding: 40px 20px;\r\n  }\r\n\r\n  .banner-right-side .title-small { font-size: 20pt; }\r\n  .banner-right-side .title-large { font-size: 26pt; }\r\n  .banner-right-side .highlight-box {\r\n    font-size: 18pt;\r\n    padding: 8px 16px;\r\n    margin-bottom: 25px;\r\n    white-space: normal;\r\n  }\r\n  .banner-right-side .section-title { font-size: 20pt; }\r\n  .banner-right-side .text-list p { font-size: 15pt; }\r\n  .banner-right-side .bottom-result { font-size: 26pt; }\r\n  .banner-right-side .arrow-container svg {\r\n    width: 32px;\r\n    height: 54px;\r\n  }\r\n}\r\n<\/style><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-id=\"cf6a806\" class=\"elementor-element elementor-element-cf6a806 elementor-widget elementor-widget-wp-widget-custom_html\" data-element_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"textwidget custom-html-widget\"><!-- HTML \u7d50\u69cb -->\r\n<div class=\"effect-banner-container\">\r\n  <div class=\"effect-banner-content\">\r\n    <!-- \u4e3b\u6a19\u984c -->\r\n    <h2 class=\"effect-title\">\r\n      <span class=\"text-black\">\u4e00\u822c\u9ed1\u9aee\u7522\u54c1<\/span><span class=\"text-gray\">\u9ede\u89e3\u5187\u6548\u679c\uff1f<\/span>\r\n    <\/h2>\r\n\r\n    <!-- \u6f38\u5c64\u9ed1\u767d\u689d -->\r\n    <div class=\"effect-gradient-bar\">\r\n      <span class=\"bar-left\">\u7f3a\u4e4f\u9ed1\u8272\u7d20\u8a0a\u865f<\/span>\r\n      <span class=\"bar-right\">\u7121\u6cd5\u9006\u8f49\u767d\u9aee\uff01<\/span>\r\n    <\/div>\r\n\r\n    <!-- \u5167\u6587\u8aaa\u660e -->\r\n    <div class=\"effect-desc\">\r\n      <p class=\"desc-bold\">\u9aee\u8272\u6df1\u6dfa\u57fa\u65bc<strong>\u9ed1\u9aee\u8a0a\u865f\u5f37\u5f31\uff01<\/strong><\/p>\r\n      <p>\u50b3\u7d71\u9ed1\u9aee\u7522\u54c1\u6b20\u7f3a\u8a0a\u865f\u50b3\u905e\u6a5f\u5236\uff0c\u96e3\u4ee5\u9006\u8f49\u767d\u9aee\u3002<\/p>\r\n      <p>\u552f\u6709\u6dfb\u52a0<strong>\u9ed1\u8272\u7d20\u8a0a\u865f<\/strong>\uff0c\u63a5\u901a\u6bdb\u56ca\u901a\u8a0a\u7cfb\u7d71\uff0c\u6839\u6e90\u7165\u9192\u9ed1\u8272\u7d20\u518d\u751f\uff0c<\/p>\r\n      <p class=\"desc-bold bottom-line\">\u7070\u767d\u9aee\u624d\u80fd\u81ea\u7136\u8b8a\u9ed1\uff01<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- CSS \u6a23\u5f0f -->\r\n<style>\r\n.effect-banner-container {\r\n  width: 100%;\r\n  max-width: 1920px;\r\n  margin: 0 auto;\r\n  background-color: #ffffff;\r\n  padding: 60px 20px;\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n}\r\n\r\n.effect-banner-content {\r\n  width: 100%;\r\n  max-width: 1100px;\r\n  text-align: center;\r\n}\r\n\r\n\/* \u4e3b\u6a19\u984c *\/\r\n.effect-title {\r\n  font-size: 42pt;\r\n  font-weight: bold;\r\n  margin: 0 0 30px 0;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.effect-title .text-black { color: #000000; }\r\n.effect-title .text-gray { color: #8c8c8c; }\r\n\r\n\/* \u9ed1\u767d\u6f38\u5c64\u6a6b\u689d *\/\r\n.effect-gradient-bar {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: linear-gradient(to right, #ffffff 0%, #dcdcdc 25%, #000000 50%, #000000 100%);\r\n  padding: 12px 40px;\r\n  margin: 0 auto 35px auto;\r\n  white-space: nowrap;\r\n}\r\n\r\n.bar-left {\r\n  color: #000000;\r\n  font-size: 32pt;\r\n  font-weight: bold;\r\n  margin-right: 15px;\r\n}\r\n\r\n.bar-right {\r\n  color: #ffffff;\r\n  font-size: 32pt;\r\n  font-weight: bold;\r\n}\r\n\r\n\/* \u5167\u6587\u6587\u5b57 *\/\r\n.effect-desc {\r\n  color: #000000;\r\n  line-height: 1.7;\r\n}\r\n\r\n.effect-desc p {\r\n  margin: 10px 0;\r\n  font-size: 26pt;\r\n}\r\n\r\n.effect-desc strong {\r\n  font-weight: bold;\r\n}\r\n\r\n.effect-desc .desc-bold {\r\n  font-weight: bold;\r\n}\r\n\r\n.effect-desc .bottom-line {\r\n  font-size: 28pt;\r\n  font-weight: bold;\r\n  margin-top: 15px;\r\n}\r\n\r\n\/* \ud83d\udcf1 \u624b\u6a5f\u7248 RWD (\u87a2\u5e55\u5c0f\u65bc 768px \u81ea\u52d5\u540c\u6bd4\u4f8b\u7e2e\u653e) *\/\r\n@media (max-width: 768px) {\r\n  .effect-banner-container {\r\n    padding: 30px 15px;\r\n  }\r\n  \r\n  .effect-title {\r\n    font-size: 22pt;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .effect-gradient-bar {\r\n    padding: 8px 16px;\r\n    margin-bottom: 25px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .bar-left, .bar-right {\r\n    font-size: 15pt;\r\n  }\r\n\r\n  .effect-desc p {\r\n    font-size: 14pt;\r\n  }\r\n\r\n  .effect-desc .bottom-line {\r\n    font-size: 16pt;\r\n  }\r\n}\r\n<\/style><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-id=\"9dd5b96\" class=\"elementor-element elementor-element-9dd5b96 elementor-widget elementor-widget-wp-widget-custom_html\" data-element_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"textwidget custom-html-widget\"><!-- WordPress \u5c08\u7528\u5168\u5bec\u9694\u96e2\u5bb9\u5668 (shampoo-p2.jpg - \u624b\u6a5f 1300w \u5c45\u4e2d\u653e\u5927\u88c1\u5207\u7248) -->\r\n<div class=\"wp-shampoo-p2-crop-wrapper\">\r\n  <style>\r\n    \/* 1. \u5168\u57df CSS \u91cd\u7f6e\u8207 WordPress \u4e3b\u984c\u6a23\u5f0f\u9694\u96e2 *\/\r\n    .wp-shampoo-p2-crop-wrapper,\r\n    .wp-shampoo-p2-crop-wrapper * {\r\n      box-sizing: border-box !important;\r\n      margin: 0 !important;\r\n      padding: 0 !important;\r\n      line-height: 0 !important;\r\n    }\r\n\r\n    \/* \u96b1\u85cf WordPress \u81ea\u52d5\u751f\u6210\u7684\u7a7a\u767d p \u6a19\u7c64 *\/\r\n    .wp-shampoo-p2-crop-wrapper p:empty {\r\n      display: none !important;\r\n    }\r\n\r\n    \/* 2. \u96fb\u8166\u7248 100vw \u5f37\u5236\u7834\u6846\u5168\u5bec\uff0c\u80cc\u666f\u7d14\u767d\uff0c\u5716\u7247\u4e0a\u9650 1920px \u5c45\u4e2d *\/\r\n    .wp-shampoo-p2-crop-wrapper {\r\n      width: 100vw !important;\r\n      position: relative !important;\r\n      left: 50% !important;\r\n      right: 50% !important;\r\n      margin-left: -50vw !important;\r\n      margin-right: -50vw !important;\r\n      overflow: hidden !important;\r\n      background-color: #ffffff !important;\r\n      display: flex !important;\r\n      justify-content: center !important;\r\n      align-items: center !important;\r\n    }\r\n\r\n    .wp-shampoo-p2-crop-wrapper img {\r\n      width: 100% !important;\r\n      max-width: 1920px !important;\r\n      height: auto !important;\r\n      display: block !important;\r\n    }\r\n\r\n    \/* \ud83d\udcf1 3. \u624b\u6a5f\u7248 RWD (\u5c0d\u61c9 392px \u756b\u9762\uff0c\u4ee5 1300w \u8996\u91ce\u5c45\u4e2d\u653e\u5927 147.7%\uff0c\u81ea\u52d5\u88c1\u5207\u5169\u5074) *\/\r\n    @media (max-width: 768px) {\r\n      .wp-shampoo-p2-crop-wrapper {\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n      }\r\n\r\n      .wp-shampoo-p2-crop-wrapper img {\r\n        width: 125.7% !important; \/* 1920\/1300 \u6bd4\u4f8b\u653e\u5927\uff0c\u4f7f\u6838\u5fc3\u5167\u5bb9\u5728\u624b\u6a5f\u4e0a\u653e\u5927\u4e26\u88c1\u5207\u5de6\u53f3\u5169\u908a *\/\r\n        max-width: none !important;\r\n        flex-shrink: 0 !important;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <img decoding=\"async\" src=\"https:\/\/tricho-derm.com\/wp-content\/uploads\/shampoo-p2.jpg\" alt=\"TRICHODERM Shampoo Banner\">\r\n<\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-id=\"ff52068\" class=\"elementor-element elementor-element-ff52068 elementor-widget elementor-widget-html\" data-element_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- HTML \u90e8\u5206 -->\n<div class=\"responsive-banner\">\n  <picture class=\"banner-image\">\n    <!-- \u624b\u6a5f\u7248\u5716\u7247 (\u87a2\u5e55\u5bec\u5ea6 768px \u4ee5\u4e0b) -->\n    <source media=\"(max-width: 768px)\" srcset=\"https:\/\/tricho-derm.com\/wp-content\/uploads\/Anti-grey-banner-no-button-scaled.jpg\">\n    <!-- \u96fb\u8166\u7248\u5716\u7247 -->\n    <img decoding=\"async\" src=\"https:\/\/tricho-derm.com\/wp-content\/uploads\/Anti-grey-banner-no-button-scaled.jpg\">\n  <\/picture>\n  \n  <a href=\"https:\/\/tricho-derm.com\/wp-content\/uploads\/Anti-grey-banner-no-button-scaled.jpg\" class=\"shop-now-btn\" target=\"_blank\" rel=\"noopener\">\n    SHOP NOW\n  <\/a>\n<\/div>\n\n<!-- CSS \u90e8\u5206 -->\n<style>\n.responsive-banner {\n  position: relative;\n  width: 100%;\n  max-width: 1920px;\n  margin: 0 auto;\n  overflow: hidden;\n}\n\n.banner-image img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n}\n\n\/* \u96fb\u8166\u7248\u6309\u9215\uff08\u53f3\u4e0b\u89d2\uff09 *\/\n.shop-now-btn {\n  position: absolute;\n  bottom: 8%;\n  right: 14%;\n  background-color: #ffffff;\n  color: #000000;\n  padding: 12px 36px;\n  font-size: 18px;\n  font-weight: bold;\n  font-family: sans-serif;\n  text-decoration: none;\n  letter-spacing: 1px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n  transition: opacity 0.3s ease;\n  z-index: 2;\n}\n\n.shop-now-btn:hover {\n  opacity: 0.85;\n}\n\n\/* \u624b\u6a5f\u7248\u8a2d\u5b9a (768px \u4ee5\u4e0b) *\/\n@media (max-width: 768px) {\n  .responsive-banner {\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* \u88c1\u5207\u5de6\u53f3\u5169\u908a\uff0c\u5f37\u5316\u624b\u6a5f\u756b\u9762\u7126\u9ede *\/\n  .banner-image img {\n    height: 380px; \/* \u53ef\u4f9d\u9700\u6c42\u8abf\u6574\u9ad8\u5ea6\uff0c\u6578\u5b57\u8d8a\u5927\u88c1\u5207\u8d8a\u591a\/\u653e\u5927\u8d8a\u591a *\/\n    object-fit: cover;\n    object-position: center;\n  }\n\n  \/* \u624b\u6a5f\u7248\uff1a\u5716\u7247\u4e0b\u65b9\u5168\u5bec\u9ed1\u8272 Bar \u6309\u9215 *\/\n  .shop-now-btn {\n    position: static;\n    display: block;\n    width: 100%;\n    background-color: #000000;\n    color: #ffffff;\n    font-size: 21pt;\n    font-weight: bold;\n    text-align: center;\n    padding: 16px 0;\n    border: none;\n    border-radius: 0;\n    box-shadow: none;\n    box-sizing: border-box;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"my-custom-class elementor-element elementor-element-0bfe6d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-my_data=\"my-data-value\" data-id=\"0bfe6d2\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div data-id=\"b4385f2\" class=\"elementor-element elementor-element-b4385f2 elementor-column elementor-col-100 elementor-top-column\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SHOP NOW<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-13336","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tricho-derm.com\/zh-hant\/wp-json\/wp\/v2\/page\/13336\/"}],"collection":[{"href":"https:\/\/tricho-derm.com\/zh-hant\/wp-json\/wp\/v2\/page\/"}],"about":[{"href":"https:\/\/tricho-derm.com\/zh-hant\/wp-json\/wp\/v2\/types\/page\/"}],"author":[{"embeddable":true,"href":"https:\/\/tricho-derm.com\/zh-hant\/wp-json\/wp\/v2\/users\/5\/"}],"replies":[{"embeddable":true,"href":"https:\/\/tricho-derm.com\/zh-hant\/wp-json\/wp\/v2\/comments\/?post=13336"}],"version-history":[{"count":51,"href":"https:\/\/tricho-derm.com\/zh-hant\/wp-json\/wp\/v2\/page\/13336\/revisions\/"}],"predecessor-version":[{"id":13709,"href":"https:\/\/tricho-derm.com\/zh-hant\/wp-json\/wp\/v2\/page\/13336\/revisions\/13709\/"}],"wp:attachment":[{"href":"https:\/\/tricho-derm.com\/zh-hant\/wp-json\/wp\/v2\/media\/?parent=13336"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}