{"product_id":"ustp123","title":"𝐎𝐟𝐟𝐢𝐜𝐢𝐚𝐥 𝐔𝐒 𝐒𝐭𝐨𝐫𝐞 🇺🇸  | 🧑‍⚕️🩺🎈 𝐆𝐞𝐞𝐋𝐞𝐦𝐨𝐧®","description":"\u003cstyle\u003e  \/* --- 整体卡片容器 --- *\/  .product-benefits-card {    background-color: #ffffff;    border-radius: 12px;    overflow: hidden;     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;    margin-top: 25px;        margin-bottom: 1px;         \/* 🌟 你的灵感：特色发光边框设计 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/  }  .benefits-top-image {    width: 100%;    height: auto;    display: block;  }  .benefits-table {    width: 100%;    border-collapse: collapse;   }  .benefits-table tr {    border-bottom: 1px solid #f3f4f6;   }    .benefits-table tr:last-child {    border-bottom: none;   }  .benefits-table td {    \/* 👇 调整行高和空隙：现在改小了，更紧凑 👇 *\/    padding-top: 12px;        padding-bottom: 12px;     padding-left: 20px;    padding-right: 20px;    vertical-align: top;   }  .icon-cell {    width: 30px;     font-size: 20px;    padding-right: 0 !important;     line-height: 1.4;  }  \/* --- 文字列基础样式 (描述文字) --- *\/  .text-cell {    color: #4b5563;     line-height: 1.5;        \/* 👇 电脑端：描述文字大小 👇 *\/    font-size: 13px;   }  \/* --- 标题单独样式 --- *\/  .text-cell strong {    color: #111827;     font-weight:700; \/* 加粗 *\/    display: block; \/* 让标题独占一行，排版更大气 *\/    margin-bottom: 2px; \/* 标题和下方描述的距离 *\/        \/* 👇 电脑端：标题文字大小 👇 *\/    font-size: 20px;   }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .benefits-table td {      \/* 👇 手机端行高空隙 👇 *\/      padding-top: 10px;      padding-bottom: 7px;      padding-left: 12px;      padding-right: 5px;    }    .icon-cell { font-size: 18px; width: 26px; }        \/* 👇 手机端：描述文字大小 👇 *\/    .text-cell { font-size: 12px; }         \/* 👇 手机端：标题文字大小 👇 *\/    .text-cell strong { font-size: 15px; }   }\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 整体卡片容器 (继承专属规范) --- *\/  .tech-formula-card {    background-color: #ffffff;    overflow: hidden;     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;        \/* 👇 1. 【统一规范】外边距 👇 *\/    margin-top: 8px;        margin-bottom: 2px;         \/* 👇 2. 【统一规范】淡绿光边框 👇 *\/    border: 1px solid #bbf7d0;     border-radius: 12px;    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12);   }  \/* --- 顶部图片 --- *\/  .tech-top-image {    width: 100%;    height: auto;    display: block;    border-bottom: 1px solid #f3f4f6;  }  \/* --- 内容外层容器 --- *\/  .tech-content-wrapper {    \/* 👇 3. 电脑端：整体内容内边距 👇 *\/    padding: 24px;  }  \/* --- 头部简介 (研发背景) --- *\/  .tech-intro-box {    text-align: center;    margin-bottom: 20px;    padding-bottom: 20px;    border-bottom: 1px dashed #e5e7eb; \/* 虚线分割，增加科技感 *\/  }  .tech-intro-text {    color: #4b5563;    font-size: 14px;    line-height: 1.6;    margin: 0;  }    .tech-intro-text strong {    color: #111827;    font-weight: 600;  }  \/* --- 🌟 核心排版：四宫格卖点布局 --- *\/  .tech-grid-container {    display: grid;    grid-template-columns: repeat(2, 1fr);     \/* 👇 4. 电脑端：网格之间的空隙 👇 *\/    gap: 16px;   }  .tech-grid-item {    background-color: #f8fafc;     padding: 16px;    border-radius: 8px;  }  .grid-item-title {    color: #268503;     font-size: 14px;    font-weight: 700;    margin-top: 0;    margin-bottom: 8px;    display: flex;    align-items: center;    gap: 6px;   }  .grid-item-desc {    color: #4b5563;    font-size: 12px;    line-height: 1.5;    margin: 0;  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .tech-content-wrapper { padding: 10px; }    .tech-intro-text { font-size: 12px; }    .tech-grid-container {      grid-template-columns: 1fr;       gap: 5px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 5px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 11px;    \/* 标题上方的空白 *\/    margin-bottom: 8px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 5px;      margin-bottom:5px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 17px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e\/* ===== 主容器 ===== *\/.clinical-claim-card{  background:#ffffff;  margin:25px 0;  border:1px solid #bbf7d0;  border-radius:12px;  box-shadow:0 6px 24px rgba(34,197,94,0.12);  overflow:hidden;  font-family:Helvetica,Arial,sans-serif;}\/* ===== 图片 ===== *\/.clinical-top-image{  width:100%;  display:block;  border-bottom:1px solid #f3f4f6;}\/* ===== 内容区 ===== *\/.clinical-content-wrapper{  padding:26px 24px;  text-align:center;}\/* ===== 标题 ===== *\/.clinical-title{  font-size:18px;  font-weight:800;  color:#0f3e00;  letter-spacing:0.6px;  text-transform:uppercase;  margin-bottom:16px;}\/* ===== 描述 ===== *\/.clinical-main-desc{  font-size:15px;  color:#374151;  line-height:1.65;  margin:0 0 20px 0;}.clinical-main-desc strong{  color:#111827;  font-weight:700;}\/* ===== 高亮承诺框 ===== *\/.promise-highlight-box{  background:#f0fdf4;  border:1px solid #bbf7d0;  border-radius:10px;  padding:18px;  position:relative;  overflow:hidden;}\/* ===== 扫光动画 ===== *\/.promise-highlight-box::after{  content:\"\";  position:absolute;  top:0;  left:-60%;  width:60%;  height:100%;  background:linear-gradient(    120deg,    transparent,    rgba(255,255,255,0.7),    transparent  );  transform:skewX(-20deg);  animation:shine 3.5s infinite;}@keyframes shine{  0%{left:-60%}  100%{left:130%}}\/* ===== 承诺文字 ===== *\/.promise-text{  font-size:18px;  font-weight:800;  color:#14532d;  margin:0;  line-height:1.4;}\/* ===== 手机优化 ===== *\/@media(max-width:480px){  .clinical-content-wrapper{    padding:20px 18px;  }  .clinical-title{    font-size:16px;  }  .clinical-main-desc{    font-size:14px;  }  .promise-text{    font-size:16px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 整体卡片容器 (继承专属规范) --- *\/  .review-card {    background-color: #ffffff;    overflow: hidden;     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;        \/* 👇 1. 【统一规范】外边距 👇 *\/    margin-top: 25px;        margin-bottom: 25px;         \/* 👇 2. 【统一规范】淡绿光边框 👇 *\/    border: 1px solid #bbf7d0;     border-radius: 12px;    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12);   }  \/* --- 顶部图片 --- *\/  .review-top-image {    width: 100%;    height: auto;    display: block;  }  \/* --- 内容外层容器 --- *\/  .review-content-wrapper {    \/* 👇 3. 电脑端：整体内容内边距 👇 *\/    padding: 24px;  }  \/* --- 头部：评价者信息与星级 --- *\/  .review-header {    display: flex;    justify-content: space-between;     align-items: center;    margin-bottom: 18px;    padding-bottom: 16px;    border-bottom: 1px solid #f3f4f6;   }  .reviewer-info h4 {    margin: 0 0 4px 0;    color: #111827;     font-size: 16px;    font-weight: 700;  }  .reviewer-title {    color: #16a34a;     font-size: 13px;    font-weight: 600;    margin: 0;  }  .review-stars {    color: #f59e0b;     font-size: 14px;    letter-spacing: 2px;  }  \/* --- 🌟 核心排版：好评内容容器 👇 --- *\/  .review-text-block {    display: flex;    flex-direction: column;    \/* 👇 4. 电脑端：段落之间的空隙 👇 *\/    gap: 14px;   }  \/* --- 正文段落样式 --- *\/  .review-para {    color: #4b5563;    margin: 0;        \/* 🌟 核心修复：改为左对齐，彻底解决字间距拉伸变大的问题 🌟 *\/    text-align: left;        \/* 👇 5. 电脑端：文字大小与行高 👇 *\/    font-size: 14px;     line-height: 1.7;   }  \/* 证言中的高亮加粗部分 *\/  .review-para strong {    color: #111827;    font-weight: 600;  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .review-content-wrapper {      \/* 👇 6. 手机端：内边距 👇 *\/      padding: 18px;    }        .reviewer-info h4 { font-size: 15px; }    .reviewer-title { font-size: 12px; }        .review-text-block {      \/* 👇 7. 手机端：段落空隙 👇 *\/      gap: 12px;    }        .review-para {      \/* 👇 8. 手机端：文字大小与行高 👇 *\/      font-size: 13px;      line-height: 1.6;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 整体卡片容器 (继承专属规范) --- *\/  .review-card {    background-color: #ffffff;    overflow: hidden;     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;    margin-top: 25px;        margin-bottom: 25px;     border: 1px solid #bbf7d0;     border-radius: 12px;    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12);   }  .review-top-image {    width: 100%;    height: auto;    display: block;  }  .review-content-wrapper {    padding: 24px;  }  \/* --- 头部：评价者信息与星级 --- *\/  .review-header {    display: flex;    justify-content: space-between;     align-items: center;    margin-bottom: 18px;    padding-bottom: 16px;    border-bottom: 1px solid #f3f4f6;   }  .reviewer-info h4 {    margin: 0 0 4px 0;    color: #111827;     font-size: 16px;    font-weight: 700;  }  .reviewer-title {    color: #16a34a;     font-size: 13px;    font-weight: 600;    margin: 0;  }  .review-stars {    color: #f59e0b;     font-size: 14px;    letter-spacing: 2px;  }  \/* --- 核心排版：左对齐，段落透气 --- *\/  .review-text-block {    display: flex;    flex-direction: column;    gap: 14px;   }  .review-para {    color: #4b5563;    margin: 0;    text-align: left; \/* 左对齐，告别单词间的大缝隙 *\/    font-size: 14px;     line-height: 1.7;   }  .review-para strong {    color: #111827;    font-weight: 600;  }  \/* --- 📱 移动端微调 --- *\/  @media (max-width: 480px) {    .review-content-wrapper { padding: 18px; }    .reviewer-info h4 { font-size: 15px; }    .reviewer-title { font-size: 12px; }    .review-text-block { gap: 12px; }    .review-para { font-size: 13px; line-height: 1.6; }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 整体卡片容器 (继承专属规范) --- *\/  .review-card {    background-color: #ffffff;    overflow: hidden;     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;        \/* 👇 1. 【统一规范】调整【整个卡片】距离网页上下元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 卡片上方的空白距离 *\/    margin-bottom: 25px; \/* 卡片下方的空白距离 *\/        \/* 👇 2. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0;     border-radius: 12px;    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12);   }  \/* --- 顶部图片 --- *\/  .review-top-image {    width: 100%;    height: auto;    display: block;  }  \/* --- 内容外层容器 --- *\/  .review-content-wrapper {    \/* 👇 3. 电脑端：整体内容内边距 (文字距离边框的宽敞度) 👇 *\/    padding: 24px;  }  \/* --- 头部：评价者信息与星级 --- *\/  .review-header {    display: flex;    justify-content: space-between;     align-items: center;    margin-bottom: 18px;    padding-bottom: 16px;    border-bottom: 1px solid #f3f4f6;   }  .reviewer-info h4 { margin: 0 0 4px 0; color: #111827; font-size: 16px; font-weight: 700; }  .reviewer-title { color: #16a34a; font-size: 13px; font-weight: 600; margin: 0; }  .review-stars { color: #f59e0b; font-size: 14px; letter-spacing: 2px; }  \/* --- 🌟 核心排版：好评内容容器 --- *\/  .review-text-block {    display: flex;    flex-direction: column;    \/* 👇 4. 电脑端：段落之间的空隙 👇 *\/    gap: 14px;   }  \/* --- 正文段落样式 --- *\/  .review-para {    color: #4b5563;    margin: 0;    text-align: left; \/* 左对齐防拉扯 *\/        \/* 👇 5. 电脑端：文字大小与行高 👇 *\/    font-size: 14px;     line-height: 1.7;   }  .review-para strong { color: #111827; font-weight: 600; }  \/* 🌟 品牌名高亮专属样式 (替代那些会导致乱码的特殊符号) *\/  .brand-highlight { color: #111827; font-weight: 700; font-style: italic; }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .review-content-wrapper {      \/* 👇 6. 手机端：整体内容内边距 👇 *\/      padding: 18px;    }    .reviewer-info h4 { font-size: 15px; }    .reviewer-title { font-size: 12px; }        .review-text-block {      \/* 👇 7. 手机端：段落之间的空隙 👇 *\/      gap: 12px;    }        .review-para {      \/* 👇 8. 手机端：文字大小与行高 👇 *\/      font-size: 13px;      line-height: 1.6;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* =========================     ✅ 可调节区域（只改这里就行）  ========================== *\/  :root{    --box-max-width: 820px;          \/* 模块最大宽度 *\/    --box-padding: 18px;             \/* 内边距 *\/    --box-radius: 14px;              \/* 圆角 *\/    --border-color: #bbf7d0;         \/* 绿色边框 *\/    --glow-color: rgba(34,197,94,.14); \/* 绿色柔光 *\/    --title-color: #268503;          \/* 标题绿色 *\/    --text-color: #0f172a;           \/* 正文颜色 *\/    --muted-color: #334155;          \/* 次级文字 *\/    --title-size: 18px;              \/* 标题字号（电脑） *\/    --text-size: 16px;               \/* 正文字号（电脑） *\/    --line-height: 1.65;             \/* 行高 *\/  }  \/* =========================     主体排版组件  ========================== *\/  .health-warning-box{    max-width: var(--box-max-width);    margin: 18px auto;    padding: var(--box-padding);    border: 1px solid var(--border-color);    border-radius: var(--box-radius);    background: #ffffff;    \/* 绿色柔光 + 轻微立体感 *\/    box-shadow:      0 8px 26px var(--glow-color),      0 0 10px rgba(34,197,94,.08);    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;    color: var(--text-color);  }  \/* 顶部小标签 *\/  .health-warning-kicker{    display: inline-flex;    align-items: center;    gap: 8px;    padding: 6px 10px;    border-radius: 999px;    background: rgba(34,197,94,.10);    color: var(--muted-color);    font-size: 13px;    font-weight: 600;    margin-bottom: 10px;  }  \/* 左侧强调条（更凸显） *\/  .health-warning-content{    position: relative;    padding-left: 14px;  }  .health-warning-content::before{    content:\"\";    position:absolute;    left:0;    top: 6px;    bottom: 6px;    width: 4px;    border-radius: 99px;    background: #268503;    box-shadow: 0 0 0 4px rgba(38,133,3,.10);  }  .health-warning-title{    margin: 0 0 10px 0;    font-size: var(--title-size);    line-height: 1.25;    color: var(--title-color);    font-weight: 800;    letter-spacing: .2px;  }  .health-warning-text{    margin: 0;    font-size: var(--text-size);    line-height: var(--line-height);    color: var(--muted-color);  }  \/* 重点句微强调（不改原意，只是视觉强调） *\/  .health-warning-text strong{    color: var(--text-color);    font-weight: 800;  }  \/* 手机端 *\/  @media (max-width: 480px){    :root{      --box-padding: 16px;      --title-size: 16px;      --text-size: 15px;    }  }  \/* 减少动画偏好（本组件无动画，但保留习惯写法） *\/  @media (prefers-reduced-motion: reduce){    .health-warning-box{ transition: none; }  }\u003c\/style\u003e\n\u003cstyle\u003e\/* ===== 可调节区域 ===== *\/:root{--box-max-width:900px;--box-padding:22px;--box-radius:14px;--border-color:#bbf7d0;--glow-color:rgba(34,197,94,.12);--title-color:#0f3e00;--text-color:#374151;--title-size:20px;--text-size:15px;}\/* ===== 主容器 ===== *\/.health-risk-box{max-width:var(--box-max-width);margin:28px auto;padding:var(--box-padding);border:1px solid var(--border-color);border-radius:var(--box-radius);background:#ffffff;box-shadow:0 10px 30px var(--glow-color),0 0 8px rgba(34,197,94,.05);font-family:Helvetica,Arial,sans-serif;}\/* ===== 图片 ===== *\/.health-risk-image{width:100%;border-radius:12px;margin-bottom:16px;display:block;}\/* ===== 标题 ===== *\/.health-risk-title{font-size:var(--title-size);color:var(--title-color);font-weight:800;margin-bottom:18px;}\/* ===== 风险列表 ===== *\/.health-risk-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;margin:0;list-style:none;}\/* 每个风险卡片 *\/.health-risk-item{padding:14px 14px;border-radius:10px;border:2px solid rgba(34,197,94,.18);background:rgba(34,197,94,.04);font-size:var(--text-size);line-height:1.2;color:var(--text-color);}\/* 风险标题 *\/.health-risk-item strong{display:block;font-weight:800;margin-bottom:4px;}\/* ⭐ 关键修复：最后一个卡片填满整行 *\/.health-risk-item:last-child{grid-column:span 2;}\/* ===== 高亮结论模块 ===== *\/.health-result{margin-top:22px;padding:18px;border-radius:12px;background:#f0fdf4;border:1px solid #bbf7d0;position:relative;font-size:16px;line-height:1.65;color:#14532d;}\/* 左侧强调条 *\/.health-result::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:4px;background:#268503;border-radius:12px 0 0 12px;}\/* ===== 手机端 ===== *\/@media(max-width:480px){.health-risk-list{grid-template-columns:1fr;}.health-risk-item:last-child{grid-column:auto;}:root{--title-size:18px;--text-size:14px;}}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节区域（只改这里）========================= *\/:root{  --maxw: 860px;                 \/* 模块最大宽度 *\/  --pad: 20px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --titleColor: #268503;         \/* 标题绿色 *\/  --textColor: #1f2937;          \/* 正文颜色 *\/  --muted: #334155;              \/* 次级文字 *\/  --titleSize: 20px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.68;                  \/* 行高 *\/  --gap: 12px;                   \/* 模块间距 *\/}\/* =========================   容器========================= *\/.nano-box{  max-width: var(--maxw);  margin: 22px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  color: var(--textColor);}\/* 顶部标题区 *\/.nano-head{  display:flex;  align-items:flex-start;  justify-content:space-between;  gap: 10px;  margin-bottom: 10px;}.nano-title{  margin:0;  font-size: var(--titleSize);  line-height: 1.2;  font-weight: 900;  color: var(--titleColor);  letter-spacing: .2px;}.nano-badge{  flex: 0 0 auto;  padding: 6px 10px;  border-radius: 999px;  background: rgba(34,197,94,.10);  color: var(--titleColor);  font-weight: 800;  font-size: 12.5px;  white-space: nowrap;}\/* 分段块：更好扫读 *\/.nano-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  background: rgba(34,197,94,.04);  border: 1px solid rgba(34,197,94,.16);  position: relative;  overflow: hidden;}.nano-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--titleColor);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);}.nano-text{  margin:0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--muted);}\/* 关键数字：只做视觉强调，不改原意 *\/.nano-text strong{  color: var(--textColor);  font-weight: 900;}\/* 手机端 *\/@media (max-width:480px){  :root{    --pad: 18px;    --titleSize: 18px;    --textSize: 15px;  }  .nano-badge{ display:none; } \/* 手机减少干扰 *\/}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   可调节参数========================= *\/:root{--box-width:860px;          \/* 模块最大宽度 *\/--box-padding:22px;         \/* 内边距 *\/--box-radius:14px;          \/* 圆角 *\/--border-color:#bbf7d0;     \/* 绿色边框 *\/--glow-color:rgba(34,197,94,.12);--title-color:#268503;--text-color:#1f2937;--title-size:20px;--text-size:16px;--section-gap:14px;         \/* 每段间距 *\/}\/* =========================   主容器========================= *\/.metabolic-box{max-width:var(--box-width);margin:25px auto;padding:var(--box-padding);border:1px solid var(--border-color);border-radius:var(--box-radius);background:#ffffff;box-shadow:0 8px 28px var(--glow-color),0 0 8px rgba(34,197,94,0.06);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}\/* =========================   标题========================= *\/.metabolic-title{font-size:var(--title-size);color:var(--title-color);font-weight:800;margin-bottom:16px;}\/* =========================   内容块========================= *\/.metabolic-section{margin-bottom:var(--section-gap);padding:14px;border-radius:12px;background:rgba(34,197,94,0.04);border-left:4px solid #268503;font-size:var(--text-size);line-height:1.65;color:var(--text-color);}\/* 关键数据突出 *\/.metabolic-section strong{font-weight:800;color:#111827;}\/* =========================   手机端========================= *\/@media (max-width:480px){:root{--box-padding:18px;--text-size:15px;}}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 880px;                 \/* 模块最大宽度 *\/  --pad: 22px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题文字 *\/  --text: #334155;               \/* 正文 *\/  --strong: #111827;             \/* 强调文字 *\/  --titleSize: 20px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.68;                  \/* 行高 *\/  --gap: 12px;                   \/* 段落间距 *\/}\/* =========================   容器========================= *\/.skin-box{  max-width: var(--maxw);  margin: 25px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}\/* 标题区（✅ 已移除你截图里那个 badge） *\/.skin-head{  display:flex;  align-items:flex-start;  justify-content:space-between;  gap: 10px;  margin-bottom: 10px;}.skin-title{  margin: 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* 内容块（扫读友好） *\/.skin-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  position: relative;}.skin-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.skin-text{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 重点数字\/词：不改原意，只做视觉突出 *\/.skin-text strong{  color: var(--strong);  font-weight: 900;}\/* 结果块（更强调） *\/.skin-result{  margin-top: 14px;  padding: 16px;  border-radius: 12px;  background: #ffffff;  border: 1px solid rgba(34,197,94,.22);  box-shadow: 0 8px 18px rgba(0,0,0,.04);  position: relative;}.skin-result::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.skin-result p{  margin:0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --titleSize: 18px;    --textSize: 15px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 860px;                 \/* 模块最大宽度 *\/  --pad: 20px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --strong: #111827;             \/* 强调文字 *\/  --titleSize: 19px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.7;                   \/* 行高 *\/  --gap: 12px;                   \/* 段落间距 *\/}\/* =========================   主容器========================= *\/.cardio-box{  max-width: var(--maxw);  margin: 22px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}\/* 标题（可选：要不要都行） *\/.cardio-title{  margin: 0 0 10px 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* 内容块：更易扫读 *\/.cardio-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  position: relative;}.cardio-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.cardio-text{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 轻度强调：不改原意，只增强可读性 *\/.cardio-text strong{  color: var(--strong);  font-weight: 900;}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --textSize: 15px;    --titleSize: 17px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 860px;                 \/* 模块最大宽度 *\/  --pad: 20px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --strong: #111827;             \/* 强调文字 *\/  --titleSize: 19px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.72;                  \/* 行高 *\/  --gap: 12px;                   \/* 段落间距 *\/}\/* =========================   主容器========================= *\/.gly-box{  max-width: var(--maxw);  margin: 22px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}\/* 标题（可删可留） *\/.gly-title{  margin: 0 0 10px 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* 内容块：更易扫读 *\/.gly-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  position: relative;}.gly-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.gly-text{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 轻度强调：不改原意，仅提升可读性 *\/.gly-text strong{  color: var(--strong);  font-weight: 900;}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --textSize: 15px;    --titleSize: 17px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 880px;                 \/* 模块最大宽度 *\/  --pad: 20px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --strong: #111827;             \/* 强调文字 *\/  --titleSize: 19px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.72;                  \/* 行高 *\/  --gap: 12px;                   \/* 段落间距 *\/}\/* =========================   主容器========================= *\/.liver-box{  max-width: var(--maxw);  margin: 22px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}\/* 标题（可删可留） *\/.liver-title{  margin: 0 0 10px 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* 内容块：扫读友好 *\/.liver-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  position: relative;}.liver-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.liver-text{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 轻度强调（不改原意，仅增强可读性） *\/.liver-text strong{  color: var(--strong);  font-weight: 900;}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --textSize: 15px;    --titleSize: 17px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 880px;                 \/* 模块最大宽度 *\/  --pad: 20px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --strong: #111827;             \/* 强调文字 *\/  --titleSize: 19px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.72;                  \/* 行高 *\/  --gap: 12px;                   \/* 段落间距 *\/}\/* =========================   主容器========================= *\/.joint-box{  max-width: var(--maxw);  margin: 22px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}\/* 标题（可删可留） *\/.joint-title{  margin: 0 0 10px 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* 内容块：扫读友好 *\/.joint-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  position: relative;}.joint-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.joint-text{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 轻度强调：不改原意，仅增强可读性 *\/.joint-text strong{  color: var(--strong);  font-weight: 900;}\/* 结果块（更强调） *\/.joint-result{  margin-top: 14px;  padding: 16px;  border-radius: 12px;  background: #ffffff;  border: 1px solid rgba(34,197,94,.22);  box-shadow: 0 8px 18px rgba(0,0,0,.04);  position: relative;}.joint-result::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.joint-result p{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --textSize: 15px;    --titleSize: 17px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 880px;                 \/* 模块最大宽度 *\/  --pad: 20px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --strong: #111827;             \/* 强调文字 *\/  --titleSize: 19px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.72;                  \/* 行高 *\/  --gap: 12px;                   \/* 段落间距 *\/}\/* =========================   主容器========================= *\/.gut-box{  max-width: var(--maxw);  margin: 22px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}\/* 标题（可删可留） *\/.gut-title{  margin: 0 0 10px 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* 内容块：扫读友好 *\/.gut-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  position: relative;}.gut-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.gut-text{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 轻度强调：不改原意，仅增强可读性（可选） *\/.gut-text strong{  color: var(--strong);  font-weight: 900;}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --textSize: 15px;    --titleSize: 17px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    margin-top: 25px;    margin-bottom: 25px;    text-align: center;    \/* 改成更有设计感的字体 *\/    font-family: 'Georgia', 'Times New Roman', serif;  }  \/* --- 标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        color: #268503;    font-size: 24px;    letter-spacing: 1px; \/* 字距更高级 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 左右符号 *\/  .breathing-title-text::before{    content: \"✦ \";    color:#268503;    margin-right:6px;  }  .breathing-title-text::after{    content: \" ✦\";    color:#268503;    margin-left:6px;  }  \/* 呼吸动画 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); }    100% { opacity: 1; transform: scale(1); }  }  \/* 手机端 *\/  @media (max-width: 480px) {    .custom-title-wrapper {      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      font-size: 20px;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 900px;                 \/* 模块最大宽度 *\/  --pad: 22px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --strong: #111827;             \/* 强调文字 *\/  --titleSize: 20px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.72;                  \/* 行高 *\/  --gap: 12px;                   \/* 段落间距 *\/}\/* =========================   主容器========================= *\/.mind-box{  max-width: var(--maxw);  margin: 22px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}\/* 标题（可删可留） *\/.mind-title{  margin: 0 0 10px 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* 段落块：扫读友好 *\/.mind-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  position: relative;}.mind-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.mind-text{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 重点强调（不改原意，只突出关键数字\/词） *\/.mind-text strong{  color: var(--strong);  font-weight: 900;}\/* 结果块：更强调 *\/.mind-result{  margin-top: 14px;  padding: 16px;  border-radius: 12px;  background: #ffffff;  border: 1px solid rgba(34,197,94,.22);  box-shadow: 0 8px 18px rgba(0,0,0,.04);  position: relative;}.mind-result::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.mind-result p{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --titleSize: 18px;    --textSize: 15px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 920px;                 \/* 模块最大宽度 *\/  --pad: 22px;                   \/* 内边距 *\/  --radius: 14px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.12);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --strong: #111827;             \/* 强调文字 *\/  --titleSize: 20px;             \/* 标题字号 *\/  --textSize: 16px;              \/* 正文字号 *\/  --line: 1.7;                   \/* 行高 *\/  --gap: 12px;                   \/* 段落间距 *\/}\/* =========================   主容器========================= *\/.result-box{  max-width: var(--maxw);  margin: 22px auto;  padding: var(--pad);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 28px var(--glow), 0 0 8px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}\/* 顶部标题 *\/.result-title{  margin: 0 0 10px 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* 内容块：扫读友好 *\/.result-block{  margin-top: var(--gap);  padding: 14px;  border-radius: 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  position: relative;}.result-block::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.result-text{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 重点强调：不改原意，仅突出关键数字\/词 *\/.result-text strong{  color: var(--strong);  font-weight: 900;}\/* 强调结论块（更像“结论\/承诺”） *\/.result-highlight{  margin-top: 14px;  padding: 16px;  border-radius: 12px;  background: #ffffff;  border: 1px solid rgba(34,197,94,.22);  box-shadow: 0 8px 18px rgba(0,0,0,.04);  position: relative;}.result-highlight::before{  content:\"\";  position:absolute;  left:0; top:0; bottom:0;  width: 4px;  background: var(--accent);  box-shadow: 0 0 0 4px rgba(38,133,3,.10);  border-top-left-radius: 12px;  border-bottom-left-radius: 12px;}.result-highlight p{  margin: 0;  padding-left: 12px;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --titleSize: 18px;    --textSize: 15px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e:root{  --maxw:980px;  --pad:22px;  --radius:14px;  --border:#bbf7d0;  --accent:#268503;  --glow:rgba(34,197,94,.12);  --title:#0f3e00;  --text:#374151;  --titleSize:20px;  --textSize:16px;}\/* 主容器 *\/.research-box{  max-width:var(--maxw);  margin:24px auto;  padding:var(--pad);  border:1px solid var(--border);  border-radius:var(--radius);  background:#fff;  box-shadow:0 12px 30px var(--glow);  font-family:Helvetica,Arial,sans-serif;}\/* 图片 *\/.research-image{  width:100%;  border-radius:12px;  display:block;  margin-bottom:16px;}\/* 标题 *\/.research-title{  font-size:var(--titleSize);  font-weight:800;  margin-bottom:14px;  color:var(--title);}\/* 简短介绍 *\/.research-summary{  font-size:var(--textSize);  line-height:1.7;  color:var(--text);  margin-bottom:16px;}\/* 重点卖点 *\/.research-points{  display:grid;  gap:10px;  margin-bottom:18px;}.research-points div{  padding:12px 14px;  border-radius:10px;  border:1px solid rgba(34,197,94,.18);  background:rgba(34,197,94,.05);  font-size:15px;  font-weight:700; \/* 这里就是加粗控制 *\/}\/* 认证信息 *\/.cert-box{  display:grid;  grid-template-columns:1fr 1fr;  gap:10px;}.cert-item{  padding:12px;  border-radius:10px;  border:1px solid rgba(34,197,94,.25);  background:#ffffff;  font-size:14px;  display:flex;  align-items:center;  gap:8px;}.cert-dot{  width:8px;  height:8px;  border-radius:50%;  background:var(--accent);}\/* 手机端 *\/@media(max-width:480px){  .cert-box{    grid-template-columns:1fr;  }  :root{    --textSize:15px;    --titleSize:18px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 920px;  --pad: 22px;  --radius: 16px;  --border: #bbf7d0;  --accent: #268503;  --glow: rgba(34,197,94,.14);  --title: #0f3e00;  --text: #334155;  --muted: #64748b;  --titleSize: 20px;  --textSize: 16px;  --line: 1.65;  --chipBg: rgba(34,197,94,.10);  --chipText: #14532d;  --chipRadius: 999px;  --chipGap: 8px;  --cardBg: rgba(34,197,94,.04);  --cardBorder: rgba(34,197,94,.18);}\/* 主容器 *\/.clean-box{  max-width: var(--maxw);  margin: 22px auto;  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 12px 34px var(--glow), 0 0 10px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  overflow: hidden;}\/* 顶部条 *\/.clean-topbar{  padding: 14px 18px;  background: linear-gradient(90deg, rgba(38,133,3,.14), rgba(38,133,3,.06));  border-bottom: 1px solid rgba(34,197,94,.18);}.clean-title{  margin: 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}.clean-sub{  margin: 6px 0 0 0;  font-size: 13.5px;  line-height: 1.45;  color: var(--muted);}\/* 内容区 *\/.clean-body{ padding: var(--pad); }\/* ✅ 标签墙：桌面端保持 flex；手机端改成两列网格更整齐 *\/.clean-chips{  display: flex;  flex-wrap: wrap;  gap: var(--chipGap);  margin: 0 0 14px 0;  padding: 0;  list-style: none;}.clean-chips li{  display: inline-flex;  align-items: center;  gap: 8px;  padding: 7px 10px;  border-radius: var(--chipRadius);  background: var(--chipBg);  color: var(--chipText);  font-weight: 800;  font-size: 12.8px;  border: 1px solid rgba(34,197,94,.20);  white-space: nowrap; \/* 防止单个chip断行 *\/}.clean-chips li::before{  content: \"✓\";  font-weight: 900;  color: var(--accent);}\/* ✅ 扫读块：短段 + 要点 *\/.clean-block{  border: 1px solid var(--cardBorder);  background: var(--cardBg);  border-radius: 14px;  padding: 14px 14px;}.clean-text{  margin: 0;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);  text-align: left;}.clean-text + .clean-text{ margin-top: 10px; }\/* 要点列表 *\/.clean-points{  margin: 12px 0 0 0;  padding: 0;  list-style: none;  display: grid;  gap: 10px;}.clean-points li{  display: flex;  gap: 10px;  align-items: flex-start;  color: var(--text);  font-size: var(--textSize);  line-height: var(--line);}.clean-points li::before{  content: \"✓\";  color: var(--accent);  font-weight: 900;  margin-top: 1px;}\/* 底部强调 *\/.clean-foot{  margin-top: 14px;  padding: 14px 16px;  border-radius: 14px;  background: rgba(34,197,94,.06);  border: 1px solid rgba(34,197,94,.18);  display: flex;  align-items: flex-start;  gap: 10px;}.clean-dot{  width: 10px;  height: 10px;  border-radius: 99px;  background: var(--accent);  margin-top: 6px;  box-shadow: 0 0 0 4px rgba(38,133,3,.12);}.clean-foot p{  margin: 0;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 📱 手机端：chips 两列网格 + 统一高度更整齐 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --titleSize: 18px;    --textSize: 15px;  }  .clean-sub{ display:none; }  .clean-chips{    display: grid;    grid-template-columns: 1fr 1fr;    gap: 10px;  }  .clean-chips li{    width: 100%;    justify-content: flex-start;    padding: 8px 10px;    font-size: 12.5px;    min-height: 36px; \/* ✅ 统一高度 *\/    white-space: normal; \/* 手机上允许换行，但仍保持两列整齐 *\/  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* ===== 可调参数 ===== *\/:root{  --maxWidth: 900px;  --padding: 22px;  --radius: 14px;  --border: #bbf7d0;  --accent: #268503;  --title: #0f3e00;  --name: #268503;  --text: #334155;  --muted: rgba(51,65,85,.65);  --titleSize: 28px;  --nameSize: 17px;  --textSize: 15.5px;  --rowGap: 12px;  --arrowBg: rgba(34,197,94,.10);  --arrowBorder: rgba(34,197,94,.22);  --arrowGlow: rgba(34,197,94,.45);}\/* ===== 容器 ===== *\/.ingredients-box{  max-width: var(--maxWidth);  margin: 22px auto;  padding: var(--padding);  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 10px 30px rgba(34,197,94,.10);  font-family: Helvetica, Arial, sans-serif;}\/* 标题 *\/.ingredients-title{  font-size: var(--titleSize);  font-weight: 900;  margin-bottom: 18px;  color: var(--title);}\/* ===== 每条成分 ===== *\/.ingredient{  border: 1px solid rgba(34,197,94,.18);  border-radius: 12px;  background: rgba(34,197,94,.04);  margin-bottom: var(--rowGap);  overflow: hidden;}\/* header 行 *\/.ingredient summary{  list-style:none;  cursor:pointer;  display:flex;  align-items:flex-start;  justify-content:space-between;  gap: 12px;  padding: 14px 16px;}.ingredient summary::-webkit-details-marker{ display:none; }.ingredient-left{  flex: 1;  min-width: 0;}\/* 名称 *\/.ingredient-name{  font-size: var(--nameSize);  font-weight: 800;  color: var(--name);  margin: 0 0 6px 0;}\/* ✅ 同一段文字：默认折叠为“1行+一点点2行” *\/.ingredient-text{  position: relative;  margin: 0;  color: var(--text);  font-size: var(--textSize);  line-height: 1.65;  \/* 折叠高度：大约 1.6 行，露一点第二行 *\/  max-height: 2.65em;  overflow: hidden;  padding-right: 2px;}\/* 渐隐遮罩：让第二行若隐若现（不需要绿色方框） *\/.ingredient-text::after{  content:\"\";  position:absolute;  left:0; right:0; bottom:0;  height: 1.6em;  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.96));  pointer-events:none;}\/* 展开后：同一段文字变完整，遮罩消失 *\/.ingredient[open] .ingredient-text{  max-height: none;  overflow: visible;}.ingredient[open] .ingredient-text::after{  display:none;}\/* 右侧小箭头 *\/.expand-arrow{  width: 34px;  height: 34px;  border-radius: 999px;  background: var(--arrowBg);  border: 1px solid var(--arrowBorder);  display: grid;  place-items: center;  flex: 0 0 auto;  margin-top: 2px;  animation: arrowBreath 2.2s ease-in-out infinite;}.expand-arrow svg{  width: 16px;  height: 16px;  fill: none;  stroke: var(--accent);  stroke-width: 2.4;  stroke-linecap: round;  stroke-linejoin: round;  transition: transform .18s ease;}.ingredient[open] .expand-arrow svg{  transform: rotate(180deg);}@keyframes arrowBreath{  0%   { box-shadow: 0 0 0 rgba(34,197,94,0); transform: scale(1); }  50%  { box-shadow: 0 0 14px var(--arrowGlow); transform: scale(1.03); }  100% { box-shadow: 0 0 0 rgba(34,197,94,0); transform: scale(1); }}\/* 手机 *\/@media(max-width:480px){  :root{    --padding: 18px;    --titleSize: 20px;    --nameSize: 16px;    --textSize: 14.5px;  }  .ingredient-text{ max-height: 2.55em; }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 整体卡片容器 (继承专属规范) --- *\/  .review-card {    background-color: #ffffff;    overflow: hidden;     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;        \/* 👇 1. 【统一规范】外边距 👇 *\/    margin-top: 25px;        margin-bottom: 25px;         \/* 👇 2. 【统一规范】淡绿光边框 👇 *\/    border: 1px solid #bbf7d0;     border-radius: 12px;    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12);   }  \/* --- 顶部图片 --- *\/  .review-top-image {    width: 100%;    height: auto;    display: block;  }  \/* --- 内容外层容器 --- *\/  .review-content-wrapper {    \/* 👇 3. 电脑端：整体内容内边距 👇 *\/    padding: 24px;  }  \/* --- 头部：评价者信息与星级 --- *\/  .review-header {    display: flex;    justify-content: space-between;     align-items: center;    margin-bottom: 18px;    padding-bottom: 16px;    border-bottom: 1px solid #f3f4f6;   }  .reviewer-info h4 {    margin: 0 0 4px 0;    color: #111827;     font-size: 16px;    font-weight: 700;  }  .reviewer-title {    color: #16a34a;     font-size: 13px;    font-weight: 600;    margin: 0;  }  .review-stars {    color: #f59e0b;     font-size: 14px;    letter-spacing: 2px;  }  \/* --- 🌟 核心排版：好评内容容器 👇 --- *\/  .review-text-block {    display: flex;    flex-direction: column;    \/* 👇 4. 电脑端：段落之间的空隙 👇 *\/    gap: 14px;   }  \/* --- 正文段落样式 --- *\/  .review-para {    color: #4b5563;    margin: 0;    text-align: left;        \/* 👇 5. 电脑端：文字大小与行高 👇 *\/    font-size: 14px;     line-height: 1.7;   }  \/* 证言中的高亮加粗部分 *\/  .review-para strong {    color: #111827;    font-weight: 600;  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .review-content-wrapper {      \/* 👇 6. 手机端：内边距 👇 *\/      padding: 18px;    }        .reviewer-info h4 { font-size: 15px; }    .reviewer-title { font-size: 12px; }        .review-text-block {      \/* 👇 7. 手机端：段落空隙 👇 *\/      gap: 12px;    }        .review-para {      \/* 👇 8. 手机端：文字大小与行高 👇 *\/      font-size: 13px;      line-height: 1.6;    }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 整体卡片容器 --- *\/  .review-card {    background-color: #ffffff;    overflow: hidden;     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;        margin-top: 25px;        margin-bottom: 25px;         border: 1px solid #bbf7d0;     border-radius: 12px;    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12);   }  \/* --- 顶部图片 --- *\/  .review-top-image {    width: 100%;    height: auto;    display: block;  }  \/* --- 内容外层容器 --- *\/  .review-content-wrapper {    padding: 24px;  }  \/* --- 头部 --- *\/  .review-header {    display: flex;    justify-content: space-between;     align-items: center;    margin-bottom: 18px;    padding-bottom: 16px;    border-bottom: 1px solid #f3f4f6;   }  .reviewer-info h4 {    margin: 0 0 4px 0;    color: #111827;     font-size: 16px;    font-weight: 700;  }  .reviewer-title {    color: #16a34a;     font-size: 13px;    font-weight: 600;    margin: 0;  }  .review-stars {    color: #f59e0b;     font-size: 14px;    letter-spacing: 2px;  }  \/* --- 内容排版 --- *\/  .review-text-block {    display: flex;    flex-direction: column;    gap: 14px;   }  .review-para {    color: #4b5563;    margin: 0;    text-align: left;    font-size: 14px;     line-height: 1.7;   }  .review-para strong {    color: #111827;    font-weight: 600;  }  \/* 手机优化 *\/  @media (max-width: 480px) {    .review-content-wrapper { padding: 18px; }    .reviewer-info h4 { font-size: 15px; }    .reviewer-title { font-size: 12px; }    .review-text-block { gap: 12px; }    .review-para { font-size: 13px; line-height: 1.6; }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 整体卡片容器 --- *\/  .review-card {    background-color: #ffffff;    overflow: hidden;     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;        margin-top: 25px;        margin-bottom: 25px;         border: 1px solid #bbf7d0;     border-radius: 12px;    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12);   }  \/* --- 顶部图片 --- *\/  .review-top-image {    width: 100%;    height: auto;    display: block;  }  \/* --- 内容外层容器 --- *\/  .review-content-wrapper {    padding: 24px;  }  \/* --- 头部 --- *\/  .review-header {    display: flex;    justify-content: space-between;     align-items: center;    margin-bottom: 18px;    padding-bottom: 16px;    border-bottom: 1px solid #f3f4f6;   }  .reviewer-info h4 {    margin: 0 0 4px 0;    color: #111827;     font-size: 16px;    font-weight: 700;  }  .reviewer-title {    color: #16a34a;     font-size: 13px;    font-weight: 600;    margin: 0;  }  .review-stars {    color: #f59e0b;     font-size: 14px;    letter-spacing: 2px;  }  \/* --- 内容排版 --- *\/  .review-text-block {    display: flex;    flex-direction: column;    gap: 14px;   }  .review-para {    color: #4b5563;    margin: 0;    text-align: left;    font-size: 14px;     line-height: 1.7;   }  .review-para strong {    color: #111827;    font-weight: 600;  }  \/* 手机优化 *\/  @media (max-width: 480px) {    .review-content-wrapper { padding: 18px; }    .reviewer-info h4 { font-size: 15px; }    .reviewer-title { font-size: 12px; }    .review-text-block { gap: 12px; }    .review-para { font-size: 13px; line-height: 1.6; }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 980px;                 \/* 模块最大宽度 *\/  --pad: 22px;                   \/* 内边距 *\/  --radius: 16px;                \/* 圆角 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.14);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --muted: #64748b;              \/* 次级文字 *\/  --titleSize: 20px;             \/* 标题字号 *\/  --tagSize: 13.5px;             \/* 标签字号 *\/  --textSize: 15.5px;            \/* 正文字号 *\/  --line: 1.7;                   \/* 行高 *\/  --gap: 12px;                   \/* 卡片间距 *\/}\/* 主容器 *\/.b2-box{  max-width: var(--maxw);  margin: 24px auto;  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 12px 34px var(--glow), 0 0 10px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  overflow: hidden;}\/* 顶部标题条（更像“模块组件”） *\/.b2-head{  padding: 16px 18px;  background: linear-gradient(90deg, rgba(38,133,3,.16), rgba(38,133,3,.04));  border-bottom: 1px solid rgba(34,197,94,.18);}.b2-title{  margin: 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);  letter-spacing: .2px;}\/* ✅ 你不想要那句，就默认隐藏；需要再把 display 改成 block *\/.b2-sub{  margin: 6px 0 0 0;  font-size: 13.5px;  line-height: 1.45;  color: var(--muted);  display: none;}\/* 内容区 *\/.b2-body{  padding: var(--pad);  display: flex;  flex-direction: column;  gap: var(--gap);}\/* 单条卡片：✅ 电脑端也单列，不会挤成窄条 *\/.b2-item{  border: 1px solid rgba(34,197,94,.18);  background: rgba(34,197,94,.035);  border-radius: 14px;  padding: 14px 14px;  transition: transform .15s ease, box-shadow .15s ease;}.b2-item:hover{  transform: translateY(-1px);  box-shadow: 0 10px 22px rgba(0,0,0,.05);}\/* 标签行 *\/.b2-tagline{  display: flex;  align-items: center;  gap: 10px;  margin-bottom: 8px;}.b2-badge{  display: inline-flex;  align-items: center;  gap: 8px;  padding: 7px 10px;  border-radius: 999px;  border: 1px solid rgba(34,197,94,.22);  background: rgba(34,197,94,.10);  color: var(--accent);  font-weight: 900;  font-size: var(--tagSize);  line-height: 1.1;}.b2-badge::before{  content:\"✓\";  font-weight: 900;}\/* 正文 *\/.b2-text{  margin: 0;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);  text-align: left;}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --titleSize: 18px;    --textSize: 15px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e\/* =========================   ✅ 可调节参数（只改这里）========================= *\/:root{  --maxw: 920px;                 \/* 模块最大宽度 *\/  --radius: 16px;                \/* 圆角 *\/  --pad: 20px;                   \/* 内边距 *\/  --border: #bbf7d0;             \/* 绿色边框 *\/  --glow: rgba(34,197,94,.14);   \/* 绿色柔光 *\/  --accent: #268503;             \/* 强调绿 *\/  --title: #0f3e00;              \/* 标题颜色 *\/  --text: #334155;               \/* 正文颜色 *\/  --muted: #64748b;              \/* 次级文字 *\/  --titleSize: 20px;             \/* 标题字号 *\/  --textSize: 15.5px;            \/* 正文字号 *\/  --line: 1.65;                  \/* 行高 *\/  --imgRadius: 14px;             \/* 图片圆角 *\/  --stepGap: 10px;               \/* 步骤间距 *\/}\/* 主容器 *\/.how-box{  max-width: var(--maxw);  margin: 24px auto;  border: 1px solid var(--border);  border-radius: var(--radius);  background: #fff;  box-shadow: 0 12px 34px var(--glow), 0 0 10px rgba(34,197,94,.06);  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  overflow: hidden;}\/* 顶部图片 *\/.how-img{  width: 100%;  display: block;  height: auto;  border-bottom: 1px solid rgba(34,197,94,.18);}\/* 内容区 *\/.how-body{  padding: var(--pad);}.how-title{  margin: 0 0 12px 0;  font-size: var(--titleSize);  font-weight: 900;  line-height: 1.2;  color: var(--title);}\/* 步骤列表 *\/.how-steps{  margin: 0;  padding: 0;  list-style: none;  display: flex;  flex-direction: column;  gap: var(--stepGap);}\/* 单条步骤：数字徽章 + 文本 *\/.how-step{  display: flex;  gap: 12px;  align-items: flex-start;  padding: 12px 12px;  border: 1px solid rgba(34,197,94,.16);  background: rgba(34,197,94,.04);  border-radius: 14px;}.how-num{  flex: 0 0 auto;  width: 34px;  height: 34px;  border-radius: 999px;  background: rgba(38,133,3,.12);  border: 1px solid rgba(38,133,3,.25);  color: var(--accent);  font-weight: 900;  display: grid;  place-items: center;  box-shadow: 0 0 0 4px rgba(38,133,3,.08);  margin-top: 2px;}.how-text{  margin: 0;  font-size: var(--textSize);  line-height: var(--line);  color: var(--text);}\/* 手机端 *\/@media (max-width: 480px){  :root{    --pad: 18px;    --titleSize: 18px;    --textSize: 15px;  }}\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 标题外层容器 --- *\/  .custom-title-wrapper {    \/* 👇 1. 【统一规范】调整标题距离上下其他元素的距离 (外边距) 👇 *\/    margin-top: 25px;    \/* 标题上方的空白 *\/    margin-bottom: 25px; \/* 标题下方的空白 *\/        text-align: center;  \/* 默认居中对齐，如果想左对齐请改为 left *\/    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  }  \/* --- 🌟 呼吸标题核心样式 --- *\/  .breathing-title-text {    display: inline-block;    font-weight: 700;    line-height: 1.3;    margin: 0;        \/* 👇 2. 调整标题颜色 (目前是您指定的深绿色 #268503) 👇 *\/    color: #268503;     \/* 👇 3. 【电脑端】标题文字大小 👇 *\/    font-size: 24px;     \/* 👇 4. 呼吸动画设置：4s 是循环速度，数字越大呼吸越慢 👇 *\/    animation: simple-breathing 4s ease-in-out infinite;  }  \/* 呼吸动画逻辑：控制透明度和微小缩放 *\/  @keyframes simple-breathing {    0% { opacity: 1; transform: scale(1); }    50% { opacity: 0.8; transform: scale(1.02); } \/* 稍微变淡并放大 2% *\/    100% { opacity: 1; transform: scale(1); }  }  \/* --- 📱 移动端 (手机) 专属调节区域 --- *\/  @media (max-width: 480px) {    .custom-title-wrapper {      \/* 👇 5. 手机端标题上下边距 👇 *\/      margin-top: 20px;      margin-bottom: 20px;    }    .breathing-title-text {      \/* 👇 6. 手机端标题文字大小 👇 *\/      font-size: 20px;     }  }\u003c\/style\u003e\n\u003cstyle\u003e  \/* --- 单张图片专属样式 --- *\/  .custom-single-image {    width: 100%; \/* 让图片自动适应手机和电脑屏幕的宽度 *\/    height: auto;    display: block;        \/* 👇 1. 【统一规范】淡绿光特色发光边框 👇 *\/    border: 1px solid #bbf7d0; \/* 清新的浅绿色边框 *\/    box-shadow: 0 4px 20px rgba(34, 197, 94, 0.12); \/* 淡淡的柔和绿光效果 *\/        \/* 👇 2. 调整图片的圆角大小 👇 *\/    border-radius: 12px; \/* 保持你店铺统一的 12px 圆角 *\/        \/* 👇 3. 调整图片距离网页上下其他元素的距离 (外边距) 👇 *\/    margin-top: 2px;    \/* 图片上方的空白距离 *\/    margin-bottom: 25px; \/* 图片下方的空白距离 *\/  }\u003c\/style\u003e","brand":"mysite","offers":[{"title":"✅2 boxes - Lose up to 20 lb","offer_id":58097313513775,"sku":"OKK-CL-JFMLTP*2","price":25.99,"currency_code":"USD","in_stock":true},{"title":"💰4 boxes - Lose up to 40 lb","offer_id":58097313546543,"sku":"OKK-CL-JFMLTP*4","price":35.99,"currency_code":"USD","in_stock":true},{"title":"🔥6 boxes - Lose up to 60 lb","offer_id":58097313579311,"sku":"OKK-CL-JFMLTP*6","price":45.99,"currency_code":"USD","in_stock":true},{"title":"💎10 boxes: Buy 5 Get 5 Free – Lose up to 110 lb","offer_id":58097313612079,"sku":"OKK-CL-JFMLTP*10","price":55.99,"currency_code":"USD","in_stock":true},{"title":"👑 12 boxes – Lose up to 130 lb","offer_id":58097313644847,"sku":"OKK-CL-JFMLTP*12","price":75.99,"currency_code":"USD","in_stock":true},{"title":"1 box - Lose up to 9 lb","offer_id":58097313677615,"sku":"OKK-CL-JFMLTP","price":18.99,"currency_code":"USD","in_stock":true}],"url":"https:\/\/cvusahealth.com\/products\/ustp123","provider":"Cvusahealth.com","version":"1.0","type":"link"}