diff --git a/index.html b/index.html index 6f93ab9..5940474 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index 6ddd0bb..384964f 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26100157'; + var VER = '26100158'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); diff --git a/mama-box.css b/mama-box.css index 8e6533d..4a3c606 100644 --- a/mama-box.css +++ b/mama-box.css @@ -3516,3 +3516,39 @@ a.skip:focus{left:16px;top:16px} .wh-left{margin-top:8px;text-align:center;font-size:11.5px;color:var(--muted)} @media (prefers-reduced-motion: reduce){.wh-hug.pop svg{animation:none}} .wh-modal .modal-foot{flex-direction:column;align-items:stretch;gap:0} + +/* ================= 来信卡 四版 + 盲盒横幅 素雅版(2026-10-02)================= + 用户:「来信……简洁、素气一点,颜色不要太艳丽;盲盒……也不要太艳丽,有点太扎眼了」。 + 两条一起收:白底 + 一根很淡的暖色描边 + 低饱和陶土粉做唯一点缀;去掉大色块、渐变、发光和扫光, + 动效只留盲盒礼物的轻摆(有可开的盒子时)。两张卡同一套语言,叠在一起像一组。 */ +.letter-card{gap:12px;padding:12px 14px 12px 12px;overflow:hidden;background:#fff; + box-shadow:0 6px 18px rgba(120,80,60,.07),inset 0 0 0 1px #F1E6DF} +.lc-envwrap{align-self:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:#FAF1EC;display:grid;place-items:center} +.lc-envwrap::before,.lc-envwrap::after{display:none} +.lc-env,.lc-env-v{position:static;width:26px;height:20px;filter:none;animation:none!important;transform:none} +.lc-env-v rect{fill:none;stroke:#C98576;stroke-width:3.4} +.lc-env-v path{stroke:#C98576;stroke-width:3.4} +.lc-env-v path:nth-of-type(2){display:none} +.lc-env-v circle,.lc-env-v path:last-of-type{display:none} +.lc-num{position:absolute;top:-5px;right:-5px;bottom:auto;left:auto;min-width:17px;height:17px;line-height:17px;padding:0 4px; + border-radius:9px;font-size:10px;font-weight:700;color:#fff;background:#D9775F;box-shadow:0 0 0 2px #fff} +.lc-envwrap{position:relative} +.lc-body{padding-left:0} +.lc-title{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:0} +.lc-desc{font-size:12px;color:#9C8F88;margin:3px 0 0} +.lc-link{display:none} +.lc-arrow{flex:0 0 auto;width:auto;height:auto;background:none;box-shadow:none;color:#C9BCB4;border-radius:0} +.lc-arrow svg{width:16px;height:16px} + +.bb-banner{color:var(--ink);min-height:62px;padding:10px 14px 10px 12px;border:0;border-radius:20px; + background:#fff;box-shadow:0 6px 18px rgba(120,80,60,.07),inset 0 0 0 1px #F1E6DF} +.bb-gift{width:44px;height:44px;border-radius:14px;background:#FAF1EC} +.bb-gift svg{width:34px;height:34px;filter:saturate(.55) brightness(1.03)} +.bb-badge{left:40px;top:5px;background:#D9775F;box-shadow:0 0 0 2px #fff;animation:none;font-weight:700} +.bb-t{font-size:15px;font-weight:700;color:var(--ink);text-shadow:none;letter-spacing:0} +.bb-s{color:#9C8F88} +.bb-s b{color:#C96F58;font-weight:700} +.bb-cta,.bb-banner.is-calm .bb-cta{padding:6px 12px;font-size:12px;font-weight:700;color:#C2614A;background:#FBEEE8;box-shadow:none} +.bb-shine{display:none} +/* 四版:和下面的盲盒横幅同宽对齐(原来 249px 窄卡偏在右边,说明文字总被截断) */ +.letter-card{width:auto;height:auto;min-height:68px;margin-left:26px;margin-right:26px;backdrop-filter:none;-webkit-backdrop-filter:none}