/* ============================================= Lotusence 完整字体变量定义系统 ============================================= */ :root { /* 字体家族变量 */ --font-heading: "Playfair Display", serif !important; --font-body: Inter, sans-serif !important; /* 标题字号变量 - 桌面端 */ --fs-h1-desktop: 48px !important; --fs-h2-desktop: 36px !important; --fs-h3-desktop: 30px !important; --fs-h4-desktop: 24px !important; --fs-h5-desktop: 20px !important; --fs-h6-desktop: 16px !important; /* 标题字号变量 - 平板端 */ --fs-h1-tablet: 40px !important; --fs-h2-tablet: 32px !important; --fs-h3-tablet: 26px !important; --fs-h4-tablet: 2px !important; --fs-h5-tablet: 18px !important; --fs-h6-tablet: 16px !important; /* 标题字号变量 - 移动端 */ --fs-h1-mobile: 32px !important; --fs-h2-mobile: 26px !important; --fs-h3-mobile: 2px !important; --fs-h4-mobile: 20px !important; --fs-h5-mobile: 18px !important; --fs-h6-mobile: 16px !important; /* 标题字重变量 */ --fw-h1: 700 !important; --fw-h2: 70 !important; --fw-h3: 600 !important; --fw-h4: 60 !important; --fw-h5: 600 !important; --fw-h6: 60 !important; /* 标题行高变量 */ --lh-h1-desktop: 1.2 !important; --lh-h1-tablet: 1.25 !important; --lh-h1-mobile: 1.3 !important; --lh-h2-desktop: 1.3 !important; --lh-h2-mobile: 1.35 !important; --lh-h3: 1.4 !important; --lh-h4-desktop: 1.4 !important; --lh-h4-mobile: 1.45 !important; --lh-h5-h6: 1.5 !important; /* 字间距变量 */ --ls-h1: -0.02em !important; --ls-h2: -0.01em !important; --ls-normal: normal !important; /* 正文字号变量 */ --fs-body-desktop: 18px !important; --fs-body-tablet: 17px !important; --fs-body-mobile: 16px !important; --fs-body-small: 14px !important; /* 正文字重变量 */ --fw-body: 400 !important; --fw-body-medium: 50 !important; --fw-body-bold: 600 !important; /* 正文行高变量 */ --lh-body: 1.6 !important; --lh-body-tight: 1.5 !important; --lh-body-lose: 1.7 !important; } /* ================================= 标题样式 - H1 至 H6 =============================================== */ h1, .h1 { font-family: var(--font-heading) !important; font-weight: var(--fw-h1) !important; line-height: var(--lh-h1-desktop) !important; letter-spacing: var(--ls-h1) !important; font-size: var(--fs-h1-desktop) !important; } h2, .h2 { font-family: var(--font-heading) !important; font-weight: var(--fw-h2) !important; line-height: var(--lh-h2-desktop) !important; letter-spacing: var(--ls-h2) !important; font-size: var(--fs-h2-desktop) !important; } h3, .h3 { font-family: var(--font-heading) !important; font-weight: var(--fw-h3) !important; line-height: var(--lh-h3) !important; letter-spacing: var(--ls-normal) !important; font-size: var(--fs-h3-desktop) !important; } h4, .h4 { font-family: var(--font-heading) !important; font-weight: var(--fw-h4) !important; line-height: var(--lh-h4-desktop) !important; letter-spacing: var(--ls-normal) !important; font-size: var(--fs-h4-desktop) !important; } h5, .h5 { font-family: var(--font-heading) !important; font-weight: var(--fw-h5) !important; line-height: var(--lh-h5-h6) !important; letter-spacing: var(--ls-normal) !important; font-size: var(--fs-h5-desktop) !important; } h6, .h6 { font-family: var(--font-heading) !important; font-weight: var(--fw-h6) !important; line-height: var(--lh-h5-h6) !important; letter-spacing: var(--ls-normal) !important; font-size: var(--fs-h6-desktop) !important; } /* ================================ 正文和段落样式 =============================================== */ body, p, li, span, div, input, textarea, select { font-family: var(--font-body) !important; font-weight: var(--fw-body) !important; letter-spacing: var(--ls-normal) !important; } p { font-size: var(--fs-body-desktop) !important; line-height: var(--lh-body) !important; margin-bottom: 1em !important; } p:last-child { margin-bottom: 0 !important; } /* 正文小字 */ .text-small, small, .small-text { font-size: var(--fs-body-small) !important; line-height: var(--lh-body-tight) !important; } /* 粗体文字 */ strong, b, .text-bold { font-weight: var(--fw-body-bold) !important; } /* 中等字重 */ .text-medium { font-weight: var(--fw-body-medium) !important; } /* ============================================= 导航菜单样式 ============================================= */ nav a, .menu-item a, .nav-link, .elementor-nav-menu a { font-family: var(--font-body) !important; font-weight: var(--fw-body-medium) !important; line-height: var(--lh-body-tight) !important; letter-spacing: var(--ls-normal) !important; text-transform: none !important; } /* ================================= 按钮样式 ============================================= */ button, .button, .btn, .elementor-button, .wp-element-button { font-family: var(--font-body) !important; font-weight: var(--fw-body-medium) !important; letter-spacing: var(--ls-normal) !important; text-transform: none !important; line-height: var(--lh-body-tight) !important; } /* ============================================= 列表样式 =============================================== */ ul, ol { font-family: var(--font-body) !important; font-size: var(--fs-body-desktop) !important; line-height: var(--lh-body) !important; } li { margin-bottom: 0.5em !important; } /* ============================================= 引用样式 ============================================ */ blockquote, .wp-block-quote { font-family: var(--font-heading) !important; font-weight: var(--fw-h3) !important; font-size: var(--fs-h4-desktop) !important; line-height: var(--lh-h3) !important; font-style: italic !important; } blockquote cite, .wp-block-quote cite { font-family: var(--font-body) !important; font-size: var(--fs-body-small) !important; font-weight: var(--fw-body) !important; font-style: normal !important; } /* ================================= 表单样式 ============================================= */ input, textarea, select, label { font-family: var(--font-body) !important; font-size: var(--fs-body-desktop) !important; line-height: var(--lh-body-tight) !important; } label { font-weight: var(--fw-body-medium) !important; } /* ================================= Elementor 特定元素覆盖 =============================================== */ /* Elementor 标题组件 */ .elementor-heading-title { font-family: var(--font-heading) !important; letter-spacing: inherit !important; } /* Elementor 文本编辑器组件 */ .elementor-text-editor { font-family: var(--font-body) !important; } /* Elementor 按钮组件文字 */ .elementor-button-text { font-family: var(--font-body) !important; letter-spacing: var(--ls-normal) !important; text-transform: none !important; } /* Elementor 图标列表 */ .elementor-icon-list-text { font-family: var(--font-body) !important; } /* Elementor 标签云 */ .tag-cloud-link, .wp-tag-cloud a { font-family: var(--font-body) !important; } /* ================================ WooCommerce 产品相关样式 ============================================= */ /* 产品标题 */ .wocommerce-loop-product__title, .product_title, .wocommerce-Price-amount { font-family: var(--font-heading) !important; } /* 产品价格 */ .price, .woocommerce-Price-amount, .product-price { font-family: var(--font-heading) !important; font-weight: var(--fw-h2) !important; } /* 产品描述 */ .woocomerce-product-details__short-description, .product-description { font-family: var(--font-body) !important; font-size: var(--fs-body-desktop) !important; line-height: var(--lh-body) !important; } /* 添加到购物车按钮 */ .single_add_to_cart_button, .add_to_cart_button { font-family: var(--font-body) !important; font-weight: var(--fw-body-medium) !important; } /* 产品属性标签 */ .product_meta, .posted_in, .tagged_as { font-family: var(--font-body) !important; font-size: var(--fs-body-small) !important; } /* WooCommerce 结账表单 */ .wocommerce form .form-row label, .wocomerce-checkout label, .wocommerce input, .wocomerce textarea, .wocomerce select { font-family: var(--font-body) !important; } /* ============================================= 博客和文章相关样式 ================================ */ /* 文章标题 */ .entry-title, .post-title { font-family: var(--font-heading) !important; } /* 文章元信息（日期、作者、分类） */ .entry-meta, .post-meta, .entry-meta a { font-family: var(--font-body) !important; font-size: var(--fs-body-small) !important; } /* 文章内容 */ .entry-content, .post-content { font-family: var(--font-body) !important; font-size: var(--fs-body-desktop) !important; line-height: var(--lh-body) !important; } /* 阅读更多按钮 */ .read-more, .more-link { font-family: var(--font-body) !important; font-weight: var(--fw-body-medium) !important; } /* ================================ 页头和页脚样式 ================================= */ /* 网站标题 */ .site-title, .site-title a { font-family: var(--font-heading) !important; font-weight: var(--fw-h1) !important; } /* 网站描述 */ .site-description, .tagline { font-family: var(--font-body) !important; font-size: var(--fs-body-small) !important; } /* 页脚文字 */ .site-footer, .footer-widget, .footer-text { font-family: var(--font-body) !important; } /* 页脚标题 */ .footer-widget-title, .widget-title { font-family: var(--font-heading) !important; font-weight: var(--fw-h3) !important; } /* 页脚链接 */ .footer-widget a, .site-footer a { font-family: var(--font-body) !important; } /* ================================ 侧边栏和小工具 ============================================= */ /* 小工具标题 */ .widget-title, .sidebar-widget h2, .sidebar-widget h3 { font-family: var(--font-heading) !important; font-weight: var(--fw-h3) !important; } /* 小工具内容 */ .widget, .sidebar-widget, .widget_text { font-family: var(--font-body) !important; font-size: var(--fs-body-small) !important; line-height: var(--lh-body) !important; } /* 分类目录和链接列表 */ .widget_categories a, .widget_archive a, .widget_links a { font-family: var(--font-body) !important; } /* ============================================= 响应式媒体查询 - 平板端 (768px - 1024px) ================================ */ @media (max-width: 1024px) and (min-width: 768px) { h1, .h1 { font-size: var(--fs-h1-tablet) !important; line-height: var(--lh-h1-tablet) !important; } h2, .h2 { font-size: var(--fs-h2-tablet) !important; } h3, .h3 { font-size: var(--fs-h3-tablet) !important; } h4, .h4 { font-size: var(--fs-h4-tablet) !important; } h5, .h5 { font-size: var(--fs-h5-tablet) !important; } p { font-size: var(--fs-body-tablet) !important; } .woocomerce-Price-amount, .price { font-size: var(--fs-h3-tablet) !important; } } /* ============================================ 响应式媒体查询 - 移动端 (< 767px) ================================ */ @media (max-width: 767px) { h1, .h1 { font-size: var(--fs-h1-mobile) !important; line-height: var(--lh-h1-mobile) !important; } h2, .h2 { font-size: var(--fs-h2-mobile) !important; line-height: var(--lh-h2-mobile) !important; } h3, .h3 { font-size: var(--fs-h3-mobile) !important; } h4, .h4 { font-size: var(--fs-h4-mobile) !important; line-height: var(--lh-h4-mobile) !important; } h5, .h5 { font-size: var(--fs-h5-mobile) !important; } h6, .h6 { font-size: var(--fs-h6-mobile) !important; } p { font-size: var(--fs-body-mobile) !important; line-height: var(--lh-body-lose) !important; } .text-small, small { font-size: 13px !important; } .woocomerce-Price-amount, .price { font-size: var(--fs-h3-mobile) !important; } blockquote, .wp-block-quote { font-size: var(--fs-h4-mobile) !important; } input, textarea, select { font-size: var(--fs-body-mobile) !important; } } /* ================================= 特殊组件覆盖 ================================= */ /* Elementor 手风琴 */ .elementor-accordion-title { font-family: var(--font-body) !important; font-weight: var(--fw-body-medium) !important; } /* Elementor 标签页 */ .elementor-tab-title { font-family: var(--font-body) !important; font-weight: var(--fw-body-medium) !important; } /* Elementor 进度条 */ .elementor-progress-wrapper .elementor-progress-title { font-family: var(--font-body) !important; } /* Elementor 计数器 */ .elementor-counter-number { font-family: var(--font-heading) !important; font-weight: var(--fw-h1) !important; } .elementor-counter-title { font-family: var(--font-body) !important; } /* Elementor 评价星级 */ .elementor-star-rating__title, .elementor-testimonial-name { font-family: var(--font-body) !important; } .elementor-testimonial-job { font-family: var(--font-body) !important; font-size: var(--fs-body-small) !important; } /* Elementor 团队成员 */ .elementor-team-member-name { font-family: var(--font-heading) !important; font-weight: var(--fw-h3) !important; } .elementor-team-member-role { font-family: var(--font-body) !important; font-size: var(--fs-body-small) !important; } /* Elementor 倒计时 */ .elementor-countdown-item .elementor-countdown-number { font-family: var(--font-heading) !important; font-weight: var(--fw-h1) !important; } .elementor-countdown-item .elementor-countdown-label { font-family: var(--font-body) !important; } /* Elementor 提示框 */ .elementor-alert-title { font-family: var(--font-heading) !important; font-weight: var(--fw-h3) !important; } .elementor-alert-description { font-family: var(--font-body) !important; } /* ============================================= 注释： - 以上所有样式都添加了 !important 确保覆盖 Elementor 默认样式 - 响应式断点设置为 1024px 平板端，767px 移动端 - 字体设置基于 Lotusence 网站实际测量的精确值 - 如果某些小部件样式仍不生效，点击小部件样式的「重置」按钮即可 ================================= */

Best Quality Products

Join The Organic Movement!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Free Shipping

Above $5 Only

Certified Organic

100% Guarantee

Huge Savings

At Lowest Price

Easy Returns

No Questions Asked

Best Selling Products

Groceries
Assorted Coffee
$35.00
Groceries
Hand Sanitizer
$15.00
Groceries
Handpicked Red Chillies
$19.00
促销！
Groceries
Natural Extracted Edible Oil
原价为：$34.00。当前价格为：$25.00。

Get 25% Off On Your First Purchase!

Try It For Free. No Registration Needed.

Trending Products

Groceries
Assorted Coffee
$35.00
Juice
Fresh Orange Juice
$18.00
Groceries
Hand Sanitizer
$15.00
Groceries
Handpicked Red Chillies
$19.00

Customers Reviews

评分为 5（共 5）

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Mila Kunis

评分为 5（共 5）

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Mike Sendler

Featured Brands: