From e3774522ce4fda4d3a5f7d3348ee0cc961fca451 Mon Sep 17 00:00:00 2001 From: Karlcarlo Date: Sun, 4 Oct 2026 10:22:08 +0000 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=98=9F=E5=BA=A7=E7=89=8C?= =?UTF-8?q?=E6=94=B9=E5=AE=9E=E4=BD=93=E5=8D=A1=E7=89=87=EF=BC=8C=E6=8C=89?= =?UTF-8?q?=E7=81=AB=E5=9C=9F=E9=A3=8E=E6=B0=B4=E5=9B=9B=E8=B1=A1=E4=B8=8A?= =?UTF-8?q?=E8=89=B2=20(v26100430)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- index.html | 2 +- js/app.js | 2 +- js/hero-fx.js | 2 ++ mama-box.css | 14 ++++++++++++++ 4 files changed, 18 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index d8bb23a..30c6f8a 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index 6eab81d..2e7b4ba 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ - var VER = '26100429'; + var VER = '26100430'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); diff --git a/js/hero-fx.js b/js/hero-fx.js index 2f71985..beaa1cf 100644 --- a/js/hero-fx.js +++ b/js/hero-fx.js @@ -89,6 +89,8 @@ zEl.innerHTML = '' + (window.zodiacIcon ? window.zodiacIcon(pair[0][2], 10, 2.6) : '') + '' + '' + pair.map(x => x[2]).join('·') + '宝宝'; zNames = pair.map(x => x[2]); + // 实体卡片按「象」上色（火 / 土 / 风 / 水，同弹窗主题；见 css .hero-zod.el-*） + zEl.className = 'hero-zod el-' + ((window.ZODIAC_ELEMENT || {})[zNames[0]] || 'fire') + ' is-on'; zEl.setAttribute('aria-label', zNames.join('·') + '宝宝，点开看看'); zEl.classList.add('is-on'); } diff --git a/mama-box.css b/mama-box.css index a2c7a2c..9b74dac 100644 --- a/mama-box.css +++ b/mama-box.css @@ -4598,3 +4598,17 @@ a.skip:focus{left:16px;top:16px} .svc-grid{display:flex;padding:16px 4px} .svc-grid .svc{flex:1 1 0;min-width:0} .svc-grid .sv-t{white-space:nowrap;font-size:12px} + +/* 星座牌 二版：实体卡片（2026-10-04 用户：「水瓶宝宝、射手宝宝那个用一个实体的卡片，颜色根据水象、火象这种来做」） + 原来是磨砂半透明胶囊，在羊水上发虚。改成实心圆角小卡：按四象上渐变（同 #modalZodiac 头部的四套色， + 这里每套取深一档，白字才压得住）+ 顶部一道高光 + 同色投影；左边白底小方块里放对应星座图标（象的主色）。 */ +.hero-zod{height:24px;padding:0 9px 0 4px;gap:6px;border-radius:8px;border:0; + -webkit-backdrop-filter:none;backdrop-filter:none; + background:var(--zg,linear-gradient(135deg,#FF9A6B,#D9533B)); + box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 .5px rgba(255,255,255,.35),0 4px 12px var(--zs,rgba(170,60,40,.32))} +.hero-zod i{width:16px;height:16px;border-radius:5px;background:#fff;color:var(--zk,#D9583C);box-shadow:0 1px 2px rgba(0,0,0,.08)} +.hero-zod b{font-size:11px;font-weight:700;letter-spacing:1px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.14)} +.hero-zod.el-fire {--zg:linear-gradient(135deg,#FF9A6B 0%,#EE6744 55%,#CF4A38 100%);--zk:#D9583C;--zs:rgba(190,60,40,.34)} +.hero-zod.el-earth{--zg:linear-gradient(135deg,#CDB283 0%,#A78A5A 55%,#857048 100%);--zk:#8E7448;--zs:rgba(110,85,45,.32)} +.hero-zod.el-air {--zg:linear-gradient(135deg,#9FBDF0 0%,#8796E0 55%,#7378CC 100%);--zk:#6A79CC;--zs:rgba(90,95,190,.32)} +.hero-zod.el-water{--zg:linear-gradient(135deg,#5DC0D3 0%,#3A90C2 55%,#2E6AA4 100%);--zk:#2F7FAD;--zs:rgba(40,100,160,.34)}