/* ============================================= 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 网站实际测量的精确值 - 如果某些小部件样式仍不生效，点击小部件样式的「重置」按钮即可 ================================= */

大事发生在即

有大事要发生！我们的商店正在筹备中，很快就会推出！

Natural Extracted Edible Oil