/* ============================================================ ZensTea 浅色高端主题覆写 (2026-08-05 修订：暖象牙底 + 墨绿点缀) 设计：暖象牙底 + 森林绿文字/框 + 香槟金细线 + 淡绿色带 + 墨绿页脚锚点链接于「除首页外」所有页面最后；删除链接即还原各自原始主题。 ============================================================ */ :root{ --zt-cream:#F7F5F0; /* 主底色暖象牙 */ --zt-cream-2:#FBFAF7; /* 更亮面板 */ --zt-sage:#E9EEEA; /* 淡绿色带 */ --zt-sage-2:#E1E9E3; /* 略深淡绿 */ --zt-green:#2D4A3E; /* 森林绿（墨绿）文字/框 */ --zt-green-2:#3D5A4F; /* 渐变浅绿 */ --zt-ink:#22382F; /* 最深标题文字 */ --zt-body:#4C5A53; /* 正文 */ --zt-body-soft:#6E7A73; /* 次要文字 */ --zt-gold:#C9A962; /* 香槟金 */ --zt-bronze:#9A7B4F; /* 青铜金 */ --zt-hair:rgba(154,123,79,0.32); /* 金色细线 */ --zt-line:rgba(45,74,62,0.10); /* 淡绿分隔线 */ --zt-shadow:0 8px 28px rgba(45,74,62,0.08); } /* ---------- 基础：暖象牙底 ---------- */ body{ background:var(--zt-cream); color:var(--zt-body); } h1,h2,h3,h4{ color:var(--zt-ink); } .zt-section-header p, .zt-subtitle, .zt-craft-step p, .zt-promise-item p, .zt-stat-label, .zt-blog-content p, .zt-culture-text p, .zt-about-promise-item p{ color:var(--zt-body-soft); } .zt-label-light{ color:var(--zt-bronze); } /* ---------- 导航 / 语言：奶白 ---------- */ .zt-navbar{ background:rgba(247,245,240,0.95); backdrop-filter:blur(12px); border-bottom:1px solid var(--zt-hair); } .zt-logo,.zt-nav-links a,.zt-social a{ color:var(--zt-green); } .zt-nav-links a:hover,.zt-social a:hover{ color:var(--zt-bronze); } .zt-nav-links{ background:transparent; } .zt-mobile-toggle{ color:var(--zt-green); } .zt-lang-btn{ color:var(--zt-green); } .zt-lang-btn:hover,.zt-lang-btn.active{ color:var(--zt-bronze); } .zt-lang-divider{ color:rgba(45,74,62,0.4); } .zt-search-input{ background:#fff; color:var(--zt-ink); border:1px solid var(--zt-hair); } .zt-search-btn{ color:var(--zt-bronze); } .zt-search-results{ background:#fff; color:var(--zt-ink); border:1px solid var(--zt-hair); box-shadow:var(--zt-shadow); } .zt-search-results a.zt-search-item{ color:var(--zt-ink); } .zt-search-results a.zt-search-item:hover{ background:var(--zt-sage); } .zt-search-type{ color:var(--zt-bronze); } .zt-search-empty{ color:var(--zt-body-soft); } /* ---------- 按钮 / 链接 ---------- */ .zt-btn-primary{ background:var(--zt-bronze); color:#fff; } .zt-btn-primary:hover{ background:var(--zt-gold); } .zt-btn-outline,.zt-btn-small{ background:transparent; color:var(--zt-green); border:1px solid var(--zt-bronze); } .zt-btn-outline:hover,.zt-btn-small:hover{ background:var(--zt-green); color:#fff; } .zt-link{ color:var(--zt-bronze); } .zt-link:hover{ color:var(--zt-gold); } /* ---------- 卡片：白底 + 金线 + 柔影 ---------- */ .zt-product-card, .zt-blog-card, .zt-journal-card, .zt-faq-item, .zt-contact-card, .zt-ship-method, .zt-ship-faq-item, .zt-gift-card, .zt-guar-pillar, .zt-guar-badge, .zt-comm-partner-card, .zt-comm-social-card, .zt-pillar, .zt-cul-promise, .zt-popup-card, .zt-related-card, .zt-review-card, .zt-process-step{ background:#fff; border:1px solid var(--zt-hair) !important; color:var(--zt-body); box-shadow:var(--zt-shadow); } .zt-product-card:hover, .zt-blog-card:hover, .zt-journal-card:hover, .zt-related-card:hover, .zt-gift-card:hover, .zt-guar-pillar:hover{ border-color:var(--zt-gold) !important; box-shadow:0 12px 34px rgba(45,74,62,0.14); } .zt-product-card h3, .zt-blog-card h3, .zt-related-card h4, .zt-guar-pillar h4, .zt-pillar h4, .zt-comm-partner-card h4, .zt-comm-social-card h3{ color:var(--zt-ink); } .zt-product-card .zt-product-price, .zt-related-card .zt-related-price, .zt-gift-price, .zt-ship-price{ color:var(--zt-bronze); } .zt-product-image, .zt-blog-image, .zt-related-card .zt-related-img, .zt-gift-card-tag, .zt-contact-card-icon, .zt-comm-partner-badge{ background:linear-gradient(135deg,var(--zt-sage-2),#CFD9D2) !important; color:rgba(45,74,62,0.45); } /* ---------- 产品详情页：标题深绿框 + 画廊分上下两块（主图墨绿 / 缩略图奶白） ---------- */ /* 2. 标题加深绿框 */ .zt-product-title{ display:inline-block; background:var(--zt-cream-2); border:2px solid var(--zt-green); border-radius:10px; padding:10px 18px; } /* 画廊拆成上下两块，中间留缝 */ .zt-product-gallery{ position:static; background:transparent; padding: 0; border-radius:0; box-shadow:none; display:flex; flex-direction:column; gap:16px; } /* 3+5. 主图：浅象牙展台（上块）——四边等距裱框，像卡片叠底 */ .zt-product-main-image{ position:relative; background:linear-gradient(160deg,var(--zt-cream-2),var(--zt-sage)); padding:20px; /* 四边等距，照片居中裱在卡片里（缩小裱框留白，主图更大） */ border-radius:22px; border:1px solid var(--zt-hair); box-shadow:0 2px 6px rgba(45,74,62,0.06), 0 16px 42px rgba(45,74,62,0.14); text-align:center; overflow:visible; } .zt-product-main-image img{ width:100%; /* 填满裱框内区，四边留白相等 */ height:auto; margin:0 auto; display:block; border-radius:14px; background:#fff; /* 白底图坐进浅色展台，不再直接贴象牙背景 */ box-shadow:0 10px 26px rgba(45,74,62,0.12); border:1px solid rgba(255,255,255,0.7); } /* 主图右下角品牌字标——弱化反向搜同款的辨识度，同时强化品牌 */ .zt-product-main-image::after{ content:"ZensTea"; position:absolute; right:18px; bottom:14px; font-family:var(--zt-font-heading); font-size:13px; letter-spacing:2px; color:var(--zt-bronze); background:rgba(247,245,240,0.85); padding:4px 10px; border-radius:20px; border:1px solid var(--zt-hair); pointer-events:none; } /* 4+5. 缩略图：精致奶白展台（下块），3 列等分、与图数对齐 */ .zt-product-thumbs{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px; background:var(--zt-cream-2); padding:10px; border-radius:16px; border:1px solid var(--zt-hair); margin-top:0; } .zt-product-thumb{ background:#fff; border:1px solid var(--zt-line); border-radius:12px; padding:4px; cursor:pointer; transition:all .25s ease; } .zt-product-thumb:hover{ border-color:var(--zt-gold); transform:translateY(-2px); box-shadow:0 6px 16px rgba(45,74,62,0.10); } .zt-product-thumb.is-active{ border-color:var(--zt-gold); background:var(--zt-sage); box-shadow:0 0 0 2px rgba(201,166,98,0.35); } .zt-bundle h2,.zt-spec h2,.zt-related h2,.zt-care-section h2, .zt-shipping-trust h2,.zt-product-overview h2,.zt-product-reviews h2, .zt-brew-section h2{ color:var(--zt-ink); } .zt-bundle li,.zt-care-section p,.zt-shipping-trust p, .zt-product-short-desc,.zt-product-full-desc, .zt-reviews-empty,.zt-product-img-note,.zt-product-reassure, .zt-brew-intro{ color:var(--zt-body); } .zt-bundle li::before,.zt-craft-number,.zt-promise-icon, .zt-stat-number,.zt-gift-price,.zt-ship-price,.zt-contact-card-text{ color:var(--zt-gold); } .zt-meta-label{ color:var(--zt-body-soft); } .zt-meta-value{ color:var(--zt-ink); } .zt-product-price-display{ color:var(--zt-bronze); } .zt-product-highlights li{ color:var(--zt-ink); } .zt-product-highlights li::before{ background:var(--zt-gold); color:var(--zt-green); } .zt-related-card h4{ color:var(--zt-ink); } .zt-related-card .zt-related-price{ color:var(--zt-bronze); } .zt-related-card .zt-related-cat{ color:var(--zt-body-soft); } .zt-trust-badge{ background:rgba(201,166,98,0.12); color:var(--zt-bronze); } .zt-sticky-bar{ background:rgba(247,245,240,0.96); border-top:1px solid var(--zt-hair); box-shadow:0 -4px 20px rgba(45,74,62,0.06); } .zt-product-reviews{ background:var(--zt-sage); } .zt-shipping-trust strong,.zt-register-note strong{ color:var(--zt-bronze); } .zt-brew-steps li{ color:var(--zt-ink); } .zt-brew-steps li::marker{ color:var(--zt-gold); } /* —— 详情页色带分层：套装/保养/冲泡用淡绿，规格/相关用白卡 —— */ .zt-bundle,.zt-care-section,.zt-brew-section{ background:var(--zt-sage); border-radius:16px; } .zt-spec,.zt-related,.zt-shipping-trust{ background:#fff; border-radius:16px; } /* ---------- 页脚：墨绿锚点（全站统一的"墨绿"落点） ---------- */ .zt-footer{ background:var(--zt-green); color:rgba(247,245,240,0.8); } .zt-footer-brand p{ color:rgba(247,245,240,0.7); } .zt-footer-col h4{ color:#F7F5F0; } .zt-footer-col a{ color:rgba(247,245,240,0.78); } .zt-footer-col a:hover{ color:var(--zt-gold); } .zt-footer-bottom p{ color:rgba(247,245,240,0.5); } /* ---------- 弹窗 / 表单输入 ---------- */ .zt-popup-title,.zt-popup-label,.zt-popup-desc{ color:var(--zt-ink); } .zt-popup-close{ color:var(--zt-body-soft); } .zt-popup-form input,.zt-newsletter-form input, .zt-contact-form input,.zt-contact-form select,.zt-contact-form textarea, .zt-comm-newsletter-form input{ background:#fff !important; color:var(--zt-ink) !important; border:1px solid var(--zt-hair) !important; } .zt-popup-form input::placeholder,.zt-contact-form input::placeholder, .zt-contact-form textarea::placeholder{ color:var(--zt-body-soft); } /* ---------- FAQ ---------- */ .zt-faq-item summary{ color:var(--zt-ink); } .zt-faq-item summary:hover{ background:var(--zt-sage); } .zt-faq-item p{ color:var(--zt-body); } .zt-faq-item a{ color:var(--zt-bronze); } /* —— PDP 右栏 FAQ 手风琴（对齐 Echo Kiln 右栏 FAQ 结构，诚实化内容） —— */ .zt-product-faq{ margin-top:26px; } .zt-product-faq-title{ font-family:'Playfair Display',serif; font-size:1.05rem; color:var(--zt-ink); margin-bottom:14px; letter-spacing:0.5px; } .zt-product-faq .zt-faq-item{ margin-bottom:10px; } .zt-product-faq .zt-faq-item summary{ font-size:0.95rem; padding:0.95rem 1.15rem; } .zt-product-faq .zt-faq-item p{ font-size:0.86rem; line-height:1.7; padding:0 1.15rem 0.95rem; } /* ---------- 通用浅色区块节奏 ---------- */ .zt-promise,.zt-bg-light, .zt-guar-pillar,.zt-gift-scenarios,.zt-ship-content, .zt-comm-partners-intro{ background:var(--zt-sage); } .zt-pillar{ background:#fff; } .zt-pillar h4{ color:var(--zt-ink); } .zt-badge{ background:rgba(201,166,98,0.15); color:var(--zt-bronze); } /* ---------- 编辑/工具页文字（坐于浅底，转深绿） ---------- */ .zt-culture-text h2,.zt-culture-text .zt-label, .zt-about-promise-item h4, .zt-cul-chapter-text h2,.zt-cul-chapter-text .zt-cul-label, .zt-cul-body p,.zt-cul-body em, .zt-cul-promise h4,.zt-cul-promise p, .zt-cul-detail h3,.zt-cul-detail p, .zt-cul-step h4,.zt-cul-step p, .zt-comm-social-card h3,.zt-comm-social-handle,.zt-comm-social-desc, .zt-comm-partner-card h4,.zt-comm-partner-card p, .zt-contact-left-title,.zt-contact-left-desc, .zt-contact-card-title,.zt-contact-card-sub, .zt-form-intro,.zt-contact-faq-title, .zt-guar-badge-title,.zt-guar-badge-text, .zt-guar-pillar-title,.zt-guar-pillar-text, .zt-guar-process-title,.zt-guar-cta-title,.zt-guar-cta-text, .zt-gift-card h3,.zt-gift-cta h2, .zt-ship-col h2,.zt-ship-method h3, .zt-journal-content h3{ color:var(--zt-ink); } .zt-culture-text p,.zt-cul-chapter-text p, .zt-comm-partners-intro,.zt-comm-newsletter-desc, .zt-comm-cta-desc,.zt-contact-card-sub, .zt-guar-pillar-text,.zt-guar-cta-text, .zt-gift-card p,.zt-ship-method p{ color:var(--zt-body); } .zt-comm-social-cta,.zt-guar-badge-title,.zt-process-step h4, .zt-gift-price,.zt-ship-price{ color:var(--zt-bronze); } .zt-404 h1,.zt-culture-hero h1,.zt-cul-stat-num,.zt-cul-step-num{ color:var(--zt-ink); } .zt-404-desc,.zt-culture-hero .zt-subtitle,.zt-cul-body p,.zt-cul-caption{ color:var(--zt-body-soft); } .zt-form-privacy{ color:var(--zt-body-soft); } .zt-sec-label{ background:var(--zt-bronze); color:#fff; } .zt-edit-bar .zt-edit-toggle{ background:var(--zt-green); } /* ---------- 文章页 ---------- */ .zt-journal-content h3,.zt-article-title,.zt-article h2{ color:var(--zt-ink); } .zt-journal-content p,.zt-article p,.zt-article-lead{ color:var(--zt-body); } .zt-figure-cap{ color:var(--zt-body-soft); } .zt-article-callout{ background:var(--zt-sage); } .zt-article-foot a{ color:var(--zt-bronze); } /* ---------- 内容页色带节奏 ---------- */ .zt-quote.zt-quote-light, .zt-blog, .zt-reviews, .zt-faq{ background:var(--zt-sage); } .zt-quote.zt-quote-light, .zt-quote.zt-quote-light blockquote, .zt-quote.zt-quote-light blockquote p, .zt-quote.zt-quote-light cite{ color:var(--zt-ink); } .zt-collection{ background:var(--zt-cream); } .zt-review-card p{ color:var(--zt-body); } .zt-review-author{ color:var(--zt-bronze); } .zt-review-stars{ color:var(--zt-gold); } /* ============================================================ PDP 排版优化（2026-08-05）：增加留白 / 调整间距分布 / 阅读舒适 —— 只改详情页正文区节奏，不动配色与画廊 ============================================================ */ /* —— 1. 区块之间的垂直呼吸：拉开各段间距，不再挤成一团 —— */ .zt-product-overview{ margin-top:72px; } .zt-bundle{ margin-top:72px; padding:40px 44px; } .zt-spec{ margin-top:64px; padding:40px 44px; } .zt-care-section{ margin-top:64px; padding:40px 44px; } .zt-shipping-trust{ margin-top:64px; padding:40px 44px; } .zt-product-reviews{ margin-top:64px; padding:40px 44px; } .zt-brew-section{ margin-top:64px; padding:40px 44px; } .zt-related{ margin-top:84px; } /* —— 2. 区块标题：与正文拉开距离，中文加字距更显精致 —— */ .zt-bundle h2,.zt-spec h2,.zt-related h2,.zt-care-section h2, .zt-shipping-trust h2,.zt-product-overview h2,.zt-product-reviews h2, .zt-brew-section h2{ margin-bottom:24px; letter-spacing:0.5px; } /* —— 3. 正文放大字号 + 放宽行高（中文阅读舒适，告别 14px 拥挤感） —— */ .zt-product-full-desc{ font-size:16px; line-height:1.95; } .zt-care-section p{ font-size:15px; line-height:1.95; } .zt-shipping-trust p{ font-size:15px; line-height:1.95; } .zt-bundle li{ font-size:15px; line-height:1.9; } .zt-product-highlights li{ font-size:15px; line-height:1.8; } .zt-product-highlights{ gap:14px; } .zt-meta-value{ font-size:15px; } .zt-meta-label{ letter-spacing:1.2px; } .zt-reviews-empty{ font-size:15px; line-height:1.95; } /* —— 4. 约束正文宽度，避免长行拉满整屏（舒适阅读宽度 ≈720px） —— */ .zt-product-overview .zt-product-full-desc{ max-width:720px; } .zt-care-section p{ max-width:720px; } .zt-shipping-trust p{ max-width:720px; } .zt-bundle ul{ max-width:760px; } .zt-spec .zt-product-meta{ max-width:760px; } .zt-brew-intro{ max-width:720px; font-size:15px; line-height:1.95; margin-bottom:28px; } .zt-brew-steps{ max-width:720px; } /* —— 5. 规格行：加大行内上下留白 —— */ .zt-meta-item{ padding:15px 0; } /* —— 6. 冲泡指引：补上缺失的结构样式（原仅为浏览器默认渲染） —— */ .zt-brew-steps{ display:grid; gap:22px; list-style:none; padding-left:0; counter-reset:brew; } .zt-brew-steps li{ position:relative; padding-left:54px; font-size:15px; line-height:1.9; } .zt-brew-steps li::before{ counter-increment:brew; content:counter(brew); position:absolute; left:0; top:0; width:36px; height:36px; border-radius:50%; background:var(--zt-green); color:#fff; font-family:var(--zt-font-heading); font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:center; } .zt-brew-steps li strong{ color:var(--zt-bronze); } /* —— 7. 商品标题框 & 信息区：加字距、与下方拉开 —— */ .zt-product-title{ letter-spacing:0.5px; margin-bottom:20px; } .zt-product-eyebrow{ margin-bottom:14px; } .zt-product-rating{ margin-bottom:18px; } /* —— 移动端：卡片内边距收窄，避免小屏文字贴边过挤 —— */ @media (max-width:768px){ .zt-bundle,.zt-spec,.zt-care-section,.zt-shipping-trust, .zt-product-reviews,.zt-brew-section{ padding:28px 22px; } } /* 注：首页模块5(zt-promise--image)背景已改在 zt-theme.css（首页不加载本文件），此处规则对首页无效，已移除以免误导。 */ /* ===== 详情页视觉精修 2026-08-28 ===== */ /* 1. 关联推荐：4 列却只有 2~3 张卡会显空 → 改为自适应列，按卡片数自然铺满 */ .zt-related{ padding:36px 40px; } .zt-related-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,260px)); justify-content:center; gap:24px; } /* 2. 缩略图：盒模型统一 + 轻微放大 hover，消除内边距导致的尺寸参差与呆板感 */ .zt-product-thumb{ box-sizing:border-box; } .zt-product-thumb img{ transition:transform .35s ease; } .zt-product-thumb:hover img{ transform:scale(1.06); } /* 3. 区块标题：加一抹香槟金短下划线，层次更精致 */ .zt-bundle h2,.zt-spec h2,.zt-related h2,.zt-care-section h2, .zt-shipping-trust h2,.zt-product-overview h2,.zt-product-reviews h2, .zt-brew-section h2{ position:relative; } .zt-bundle h2::after,.zt-spec h2::after,.zt-related h2::after,.zt-care-section h2::after, .zt-shipping-trust h2::after,.zt-product-overview h2::after,.zt-product-reviews h2::after, .zt-brew-section h2::after{ content:""; display:block; width:46px; height:3px; border-radius:2px; background:var(--zt-gold); margin-top:12px; } /* 4. 信息区「购买盒」：信任徽章与上方价格之间留足呼吸，层次更分明 */ .zt-trust-badges{ margin:8px 0 24px; } /* 5. 移动端：关联网格降为 2 列，缩略图 4 列更紧凑 */ @media (max-width:768px){ .zt-related-grid{ grid-template-columns:repeat(2,1fr); } .zt-product-thumbs{ grid-template-columns:repeat(4,1fr); } } /* 产品详情页主结构：桌面/预览面板锁定左右两栏，仅真手机(<480px)才转上下 */ .zt-product-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:start; } @media (max-width:480px){ .zt-product-grid{ grid-template-columns:1fr; gap:36px; } } /* ===== 详情页再设计增强 2026-08-28 ===== */ /* 0. 画廊卡片对齐系统：主图卡与缩略图卡视觉统一，SKU 行对齐画廊左缘 */ .zt-gallery-sku{ margin:14px 0 0; font-size:12px; letter-spacing:.3px; color:var(--zt-medium); padding:0 2px; } .zt-gallery-sku b{ color:var(--zt-green); font-weight:700; letter-spacing:.5px; } .zt-product-thumbs{ border-radius:18px; box-shadow:0 2px 6px rgba(45,74,62,0.06); } /* 通用区块标题（香槟金短下划线） */ .zt-sec-title{ position:relative; font-size:24px; color:var(--zt-green); margin:0 0 18px; } .zt-sec-title::after{ content:""; display:block; width:46px; height:3px; border-radius:2px; background:var(--zt-gold); margin-top:12px; } /* 1. 故事叙事（文化基调） */ .zt-product-story{ padding:34px 38px; background:linear-gradient(160deg,var(--zt-cream-2),var(--zt-sage)); border:1px solid var(--zt-hair); border-radius:18px; margin:6px 0 14px; } .zt-product-story p{ color:var(--zt-dark); line-height:1.95; font-size:15px; } .zt-product-story .zt-story-lead{ font-family:var(--zt-font-heading); font-size:18px; color:var(--zt-green); margin-bottom:14px; line-height:1.6; } /* 2. 为何选它（场景网格） */ .zt-why-set{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:18px; margin:6px 0 14px; } .zt-why-card{ background:#fff; border:1px solid var(--zt-line); border-radius:14px; padding:20px; } .zt-why-card h4{ color:var(--zt-green); font-size:16px; margin-bottom:8px; } .zt-why-card p{ color:var(--zt-medium); font-size:14px; line-height:1.7; } /* 3. 三步购买引导 */ .zt-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; counter-reset:step; margin:6px 0 14px; } .zt-step{ position:relative; padding:22px 18px 22px 54px; background:var(--zt-cream-2); border:1px solid var(--zt-hair); border-radius:14px; } .zt-step::before{ counter-increment:step; content:counter(step); position:absolute; left:16px; top:20px; width:26px; height:26px; border-radius:50%; background:var(--zt-green); color:#fff; font-size:13px; display:flex; align-items:center; justify-content:center; font-family:var(--zt-font-heading); } .zt-step h4{ font-size:15px; color:var(--zt-dark); margin-bottom:6px; } .zt-step p{ font-size:13px; color:var(--zt-medium); line-height:1.6; } /* 4. 为何信赖 */ .zt-why-shop{ display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:16px; margin:6px 0 14px; } .zt-why-shop-item{ display:flex; gap:12px; align-items:flex-start; } .zt-why-shop-item .zt-why-ico{ font-size:22px; line-height:1; } .zt-why-shop-item h4{ font-size:15px; color:var(--zt-green); margin-bottom:4px; } .zt-why-shop-item p{ font-size:13px; color:var(--zt-medium); line-height:1.6; } /* 5. 支付与配送（两列） */ .zt-pay-ship{ display:grid; grid-template-columns:1fr 1fr; gap:30px; margin:6px 0 14px; } .zt-pay-ship h3{ font-size:17px; color:var(--zt-green); margin-bottom:12px; } .zt-pay-list, .zt-ship-list{ list-style:none; padding:0; margin:0; } .zt-pay-list li, .zt-ship-list li{ display:flex; gap:10px; padding:9px 0; border-bottom:1px solid var(--zt-hair); font-size:14px; color:var(--zt-medium); line-height:1.55; } .zt-pay-list li b, .zt-ship-list li b{ color:var(--zt-dark); } .zt-pay-badge{ display:inline-block; background:var(--zt-green); color:#fff; font-size:12px; padding:3px 11px; border-radius:20px; margin-bottom:12px; letter-spacing:.3px; } /* 6. 还在犹豫引导 */ .zt-still-deciding{ text-align:center; padding:30px 26px; background:var(--zt-cream-2); border:1px dashed var(--zt-bronze); border-radius:16px; margin:6px 0 14px; } .zt-still-deciding h3{ color:var(--zt-green); margin-bottom:10px; font-size:19px; } .zt-still-deciding p{ color:var(--zt-medium); margin-bottom:16px; font-size:14px; } .zt-still-deciding a{ color:var(--zt-bronze); font-weight:700; } /* 移动端：步骤与支付物流转单列 */ @media (max-width:768px){ .zt-steps{ grid-template-columns:1fr; } .zt-pay-ship{ grid-template-columns:1fr; gap:22px; } } /* 7. 茶知识科普块（复用故事块视觉，置于 story 之后） */ .zt-knowledge{ padding:34px 38px; background:linear-gradient(160deg,var(--zt-cream-2),var(--zt-sage)); border:1px solid var(--zt-hair); border-radius:18px; margin:6px 0 14px; } .zt-knowledge p{ color:var(--zt-dark); line-height:1.95; font-size:15px; } .zt-knowledge .zt-story-lead{ font-family:var(--zt-font-heading); font-size:18px; color:var(--zt-green); margin-bottom:14px; line-height:1.6; } .zt-knowledge h3{ color:var(--zt-green); font-size:16px; margin:20px 0 8px; font-family:var(--zt-font-heading); } .zt-knowledge ul{ margin:6px 0 10px 22px; color:var(--zt-medium); font-size:14px; line-height:1.85; } .zt-knowledge ul li{ margin:5px 0; } /* 8. SEO 详情块（置于 still-deciding 之后） */ .zt-seo-block{ padding:34px 38px; background:#fff; border:1px solid var(--zt-line); border-radius:18px; margin:6px 0 14px; } .zt-seo-block p{ color:var(--zt-medium); line-height:1.9; font-size:15px; } .zt-seo-block h3{ color:var(--zt-green); font-size:17px; margin:16px 0 8px; font-family:var(--zt-font-heading); } .zt-seo-block a{ color:var(--zt-bronze); font-weight:700; }