Fluid Balance Herbal Tea Bags
/* ========================================= 全局样式与字体设置 ========================================= */ #hg-full-wrapper { width: 100%; max-width: 100%; margin: 0 auto; font-family: "G aramond", "Baskerville", serif; /* 宋代风衬线体 */ color: #464542; /* 墨石色 */ background-color: #F9F7F2; /* 米宣纸色背景 */ line-height: 1.6; } .hg-container { max-width: 800px; /* 限制内容宽度,增加阅读聚焦感 */ margin: 0 auto; padding: 0 20px; } /* 板块通用间距 */ .hg-section { padding: 50px 0; border-bottom: 1px solid rgba(0,0,0,0.05); /* 极淡的分割线 */ } .hg-bg-alt { background-color: #F2EFED; /* 深一点的米灰,用于区分板块 */ } /* 标题样式 */ h2.hg-title { font-size: 28px; font-weight: 400; margin-bottom: 15px; letter-spacing: 0.5px; color: #2C2B29; line-height: 1.25; text-align: center; } h3.hg-subtitle { font-size: 13px; font-family: sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #9E5E50; /* 朱砂色 */ margin-bottom: 15px; text-align: center; display: block; } p.hg-text { font-family: sans-serif; font-size: 16px; font-weight: 400; color: #595753; margin-bottom: 20px; text-align: center; } /* 图片通用样式 */ .hg-feature-img { width: 100%; height: auto; display: block; border-radius: 4px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); } /* Zig-Zag 布局 (图文交替) */ .hg-feature-row { display: flex; flex-direction: column; /* 手机端默认垂直 */ gap: 30px; margin-top: 40px; align-items: center; text-align: left; } .hg-feature-content { width: 100%; } .hg-feature-title { font-size: 22px; color: #9E5E50; margin-bottom: 10px; font-family: serif; } /* 对比表格样式 */ .hg-table { width: 100%; border-collapse: collapse; margin: 30px 0; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.03); } .hg-table th, .hg-table td { padding: 15px; text-align: center; border-bottom: 1px solid #eee; font-family: sans-serif; font-size: 14px; } .hg-table th { background-color: #F2EFED; font-weight: bold; color: #2C2B29; } .hg-check { color: #9E5E50; font-weight: bold; } /* 按钮样式 */ .hg-btn { display: block; width: 100%; max-width: 320px; margin: 30px auto 0; padding: 18px; background-color: #9E5E50; color: #fff !important; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: 600; text-align: center; border-radius: 2px; transition: all 0.3s; box-shadow: 0 4px 10px rgba(158, 94, 80, 0.2); } .hg-btn:hover { background-color: #7d4a3e; } /* 列表无样式 */ ul.hg-clean-list { list-style: none; padding: 0; text-align: center; font-family: sans-serif; color: #595753; } ul.hg-clean-list li { margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; } /* 修复:强制加深 Shopify 变体选项圆圈的边框 */ input[type="radio"], input[type="checkbox"] { border: 1px solid #464542 !important; background-color: transparent !important; } input[type="radio"]:checked { border-color: #9E5E50 !important; background-color: #9E5E50 !important; } /* 针对 Shrine Pro 特殊处理 */ fieldset, .product-form__input label, select, .field__input { border-color: #b0aead !important; } /* 电脑端适配:Zig-Zag 变横向 */ @media (min-width: 768px) { .hg-feature-row { flex-direction: row; text-align: left; } .hg-feature-row.reverse { flex-direction: row-reverse; } .hg-feature-img, .hg-feature-content { flex: 1; } p.hg-text { text-align: left; } h2.hg-title, h3.hg-subtitle, p.hg-text.center-text { text-align: center; } } #hg-ultimate-wrapper { font-family: "Garamond", "Baskerville", serif; color: #444; line-height: 1.7; max-width: 100%; margin: 0 auto; background: #fff; } #hg-ultimate-wrapper h2 { font-size: 28px; text-align: center; color: #2C2B29; margin: 0 0 25px 0; line-height: 1.2; font-weight: normal; } #hg-ultimate-wrapper h3 { font-family: sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #9E5E50; text-align: center; display: block; margin: 0 0 15px 0; letter-spacing: 2px; } #hg-ultimate-wrapper h4 { font-size: 20px; color: #2C2B29; margin: 0 0 10px 0; font-family: serif; font-weight: bold; } #hg-ultimate-wrapper p { font-family: sans-serif; font-size: 16px; color: #666; margin: 0 0 20px 0; text-align: center; } .hg-sec { padding: 50px 20px; border-bottom: 1px solid #f0f0f0; } .hg-bg-alt { background-color: #F9F7F2; } .hg-bg-white { background-color: #fff; } .hg-center { max-width: 800px; margin: 0 auto; } /* 痛点网格 */ .hg-pain-grid { display: flex; gap: 15px; justify-content: center; margin-top: 30px; flex-wrap: wrap; } .hg-pain-card { flex: 1; min-width: 150px; background: #fff; padding: 25px 15px; border: 1px solid #eee; text-align: center; border-radius: 6px; box-shadow: 0 4px 10px rgba(0,0,0,0.03); } .hg-emoji { font-size: 32px; display: block; margin-bottom: 10px; } /* 深度科普板块 (图文混排) */ .hg-deep-dive { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; margin-top: 50px; } .hg-deep-text { flex: 1; min-width: 300px; text-align: left; } .hg-deep-text p { text-align: left; } .hg-deep-img { flex: 1; width: 100%; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); display: block; } /* 适宜人群 */ .hg-check-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin-top: 30px; } .hg-check-item { display: flex; align-items: flex-start; background: #fff; padding: 15px; border-radius: 6px; border: 1px solid #eee; } .hg-tick { color: #9E5E50; font-size: 18px; margin-right: 12px; flex-shrink: 0; } /* 口感与对比 */ .hg-flavor-box { background: #fff; padding: 30px; border-radius: 8px; border: 1px solid #EBE6DF; margin-top: 30px; text-align: center; } .hg-flavor-row { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; gap: 20px; } .hg-table { width: 100%; border-collapse: collapse; margin: 30px 0; background: #fff; border-radius: 8px; overflow: hidden; font-family: sans-serif; font-size: 14px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .hg-table th { background: #F2EFED; padding: 15px; text-align: center; border-bottom: 1px solid #ddd; color: #2C2B29; } .hg-table td { padding: 15px; text-align: center; border-bottom: 1px solid #eee; color: #555; } .hg-yes { color: #9E5E50; font-weight: bold; background-color: #fff5f3; } /* 按钮 & FAQ */ .hg-btn { display: block; width: 100%; max-width: 350px; margin: 40px auto 0; padding: 18px; background-color: #9E5E50; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; font-weight: bold; text-align: center; border-radius: 4px; transition: all 0.3s; } .hg-btn:hover { background-color: #7d4a3e; transform: translateY(-2px); } details.hg-faq { background: #fff; margin-bottom: 10px; border: 1px solid #eee; border-radius: 6px; } summary.hg-faq-title { padding: 15px; cursor: pointer; font-family: sans-serif; font-weight: bold; font-size: 15px; color: #333; list-style: none; position: relative; } summary.hg-faq-title:after { content: "+"; position: absolute; right: 20px; color: #9E5E50; } details[open] summary.hg-faq-title:after { content: "-"; } .hg-faq-content { padding: 0 15px 15px; font-family: sans-serif; font-size: 14px; color: #666; } /* 评论图片 */ .hg-rev-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 30px; } .hg-rev-card { background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #eee; text-align: left; } .hg-rev-img { width: 70px; height: 70px; object-fit: cover; border-radius: 4px; margin-top: 10px; display: inline-block; margin-right: 10px; } The Hidden Epidemic Why Do You Feel "Heavy" Even When Eating Clean? You drink water, you eat salads, but by 3 PM, your waistband feels tight. You aren't necessarily gaining fat—you might be retaining "Dampness". 🐡 The Puffy Look Face looks swollen in the morning. ☁️ Brain Fog Feeling sluggish and heavy-headed. 🤰 Food Baby Stomach distends after small meals. Ancient Wisdom, Modern Science What is "Dampness"? In Eastern Herbalism, "Dampness" (Shi) is like high humidity inside your body. It makes everything sticky, slow, and stagnant. When your internal environment is "Damp", metabolism slows down, fluids get trapped, and digestion becomes difficult. The Solution? You don't need to "purge" (laxatives). You need to "drain" the humidity and strengthen the body. The 6-Herb "De-Bloat" Synergy A formula perfected over centuries, now simplified for your daily cup. Step 01: The Flow Hawthorn + Aged Citrus Peel Target: Digestion & GreaseRich foods cause stagnation. Natural fruit acids from Hawthorn and aromatic oils from Citrus Peel help break down grease and prevent that "stuck" feeling. Step 02: The Balance Poria Mushroom + Atractylodes Target: Water RetentionThe core of the formula. These two roots act like a sponge to bind to excess water and gently flush it out, helping to flatten the look of a puffy tummy. Step 03: The Comfort Chinese Yam + Licorice Root Target: Stomach LiningDe-bloating shouldn't hurt. Chinese Yam soothes the stomach lining, while Licorice adds a natural sweetness, making the tea delicious without sugar. Sensory Profile What Does It Taste Like? "Earthy, grounding, with a bright hint of citrus and a naturally sweet finish." TOP NOTETangerine Zest HEART NOTEEarthy Roots FINISHSweet Licorice ✔ Office WorkersSitting leads to leg swelling. ✔ FoodiesHeavy meals cause bloating. ✔ Post-PartumGently restore body shape. Loved By 1,000+ Customers ★★★★★ "Finally found relief! No running to the bathroom, just a gentle feeling of being 'empty' and light. The taste is actually addictive." — Jessica M. Verified ★★★★★ "Real ingredients. Open the bag and you see slices of root and dried berries. Feels like luxury product, not just dust." — Amanda L. Verified Frequently Asked Questions Does it contain caffeine? No. It is 100% caffeine-free. How long to see results? Most feel "lighter" in 3-5 days. We recommend 14 days for visible results. *These statements have not been evaluated by the FDA. This product is not intended to diagnose, treat, cure, or prevent any disease. /* 评论区专用样式 */ .hg-reviews-header { text-align: center; margin-bottom: 40px; } .hg-stars-large { color: #9E5E50; font-size: 24px; letter-spacing: 2px; } .hg-review-grid { display: grid; grid-template-columns: 1fr; /* 手机端单列 */ gap: 20px; } .hg-review-card { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.03); border: 1px solid #EBE6DF; text-align: left; } .hg-user-row { display: flex; align-items: center; margin-bottom: 10px; } .hg-avatar { width: 40px; height: 40px; background-color: #F2EFED; color: #9E5E50; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 12px; font-family: sans-serif; } .hg-user-info { font-family: sans-serif; } .hg-user-name { font-weight: bold; font-size: 14px; color: #2C2B29; display: block; } .hg-verified { font-size: 11px; color: #28a745; /* 绿色认证标志 */ display: flex; align-items: center; margin-top: 2px; } .hg-review-stars { color: #9E5E50; font-size: 14px; margin-bottom: 8px; } .hg-review-title { font-weight: bold; font-size: 15px; margin-bottom: 8px; color: #2C2B29; font-family: serif; } .hg-review-body { font-size: 14px; color: #595753; line-height: 1.5; margin-bottom: 15px; } .hg-review-img { width: 100px; height: 100px; object-fit: cover; border-radius: 4px; cursor: pointer; } /* 电脑端适配:三列布局 */ @media (min-width: 768px) { .hg-review-grid { grid-template-columns: repeat(3, 1fr); } }
More you might like
Related
Fluid Balance Herbal Tea Bags
Related
Fluid Balance Herbal Tea Bags
Related
Herb Guru Fluid Balance Herbal Tea Bags – Healthy Fluid Meta
Related