SoulKind 有機生活保養首選｜歐盟認證・天然有機・純淨永續

SoulKind 有機生活保養首選｜歐盟認證・天然有機・純淨永續 window.__st={p: "index",cid: null,cem: null,cph: null,cfn: null,cln: null,cge: null,cdb: null,ccc: null}; (function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src='https://connect.facebook.net/zh_TW/sdk/xfbml.customerchat.js#xfbml=1&version=v6.0&autoLogAppEvents=1';fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk')); (function(){function asyncLoad(){var urls=['/assets/facebook-pixel.js?v=1.2.1740384656','/assets/traffic.js?v=1','https://apps.easystore.co/instagram-feed/script.js?shop=soulkind.easy.co&t=1775156875','https://apps.easystore.co/google-analytics-4/script.js?shop=soulkind.easy.co&t=1740131459','https://apps.easystore.co/facebook-login/script.js?shop=soulkind.easy.co&t=1740387365','https://apps.easystore.co/google-tag-manager/script.js?shop=soulkind.easy.co&t=1740398525'];for(var i=0;i (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', '', 'auto','myTracker'); ga('myTracker.send', 'pageview'); @font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: regular; src: local('Noto Sans TC regular'), local('Noto Sans TC-regular'), url(https://fonts.gstatic.com/s/notosanstc/v20/-nF7OG829Oofr2wohFbTp9iFOSsLA_ZJ1g.otf) format('truetype'); } @font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: regular; src: local('Noto Sans TC regular'), local('Noto Sans TC-regular'), url(https://fonts.gstatic.com/s/notosanstc/v20/-nF7OG829Oofr2wohFbTp9iFOSsLA_ZJ1g.otf) format('truetype'); } :root { --font-body-family: 'Noto Sans TC', sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-heading-family: 'Noto Sans TC', sans-serif; --font-heading-style: normal; --font-heading-weight: 700; --color-heading-text: 0,0,0; --color-base-text: 0,0,0; --color-base-background-1: 255,255,255; --color-base-background-2: 255,255,255; --color-base-solid-button-labels: 255,255,255; --color-base-outline-button-labels: 0,0,0; --color-base-accent-1: 243,140,107; --color-base-accent-2: 243,140,107; --payment-terms-background-color: 255,255,255; --gradient-base-background-1: 255,255,255; --gradient-base-background-2: 255,255,255; --gradient-base-accent-1: 243,140,107; --gradient-base-accent-2: 243,140,107; --page-width: 145rem; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: 62.5%; height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: 1.8; font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); /* 僅限主內容區（非 header/footer）留白 */ #MainContent .page-width { padding-left: 32px !important; padding-right: 32px !important; max-width: 1080px !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 767px) { #MainContent .page-width { padding-left: 20px !important; padding-right: 20px !important; } } /* 商品頁的內容微加寬（比品牌頁寬，但不滿版） */ .template-product #MainContent .page-width { max-width: 1180px !important; padding-left: 24px !important; padding-right: 24px !important; margin-left: auto !important; margin-right: auto !important; } /* 商品頁圖片寬滿＆無接縫 */ .template-product #MainContent img { display: block; margin: 0; padding: 0; line-height: 0; border: none; width: 100%; } /* 若你用 image-stack 也保留 */ .template-product .image-stack { font-size: 0; } /* 1. 外層容器：ratingComment (解決左右兩欄佈局問題) */ .ratingComment { /* 保持原有的 display: flex; align-items: flex-start; */ /* 調整 justify-content，使其不再強行拉伸空間，而是從左邊開始排列 */ justify-content: flex-start; flex-wrap: nowrap; /* 確保左右兩欄始終並排，不換行 */ } /* 2. 左側欄位：summaryRating.sr-app-card (解決「個評價」區塊偏窄問題) */ .summaryRating.sr-app-card { flex-shrink: 0; /* 關鍵：阻止這個元素在 Flex 佈局中被壓縮 */ width: 200px; /* 設定一個固定寬度，確保所有星級和數字能完整顯示。如果200px還是太窄，請嘗試220px。 */ margin-right: 20px; /* 與右邊評論列表的間距 */ padding: 20px; /* 增加內邊距，讓內容不那麼擠 */ box-sizing: border-box; /* 確保 padding 不會增加總寬度 */ background-color: #fff; /* 確保有白色背景 */ border-radius: 5px; /* 圓角 */ border: 1px solid #ececec; /* 邊框 */ } /* 確保「個評價」標題文字正常顯示 */ .summaryRating.sr-app-card .sr-display-title { width: auto !important; /* 確保寬度不會被限制 */ padding-bottom: 0.5rem !important; margin: 0 !important; text-align: left; white-space: nowrap; /* 確保「個評價」不換行 */ line-height: normal; /* 確保行高正常 */ } /* 3. 右側評論列表容器：es-sr-app-table */ .es-sr-app-table { flex-grow: 1; /* 讓評論列表區域佔據所有剩餘空間 */ min-width: 0; /* 關鍵：防止內容溢出導致水平卷軸 */ overflow-x: hidden; /