/* ============================================================ 四季梦境主题 · 按周自动轮换（season.js 在 上设 data-season） 只改配色变量，不动布局；作用于梦境闯关页背景与主色调。 spring=樱花粉春 / summer=蜜桃紫夏 / autumn=枫叶粉秋 / winter=星云白冬 ============================================================ */ /* 樱花粉春（默认，与旧版一致，显式写出便于对照） */ :root[data-season="spring"]{ --dream-hi: rgba(255,255,255,.65); --dream-c1: rgba(255,208,232,.7); --dream-c2: rgba(255,180,220,.45); --dream-grad: linear-gradient(165deg,#ffd7ee 0%, #ffc2e4 32%, #ffb2da 58%, #ffcbe8 82%, #ffe8f4 100%); --p-hot:#ff7fb8; --p-mid:#ffb0d8; --p-soft:#ffd4ec; --p-deep:#e85f95; } /* 蜜桃紫夏：桃粉 + 梦幻紫 */ :root[data-season="summer"]{ --dream-hi: rgba(255,255,255,.6); --dream-c1: rgba(232,206,255,.7); --dream-c2: rgba(255,190,205,.5); --dream-grad: linear-gradient(165deg,#ffe0e8 0%, #ffc9d6 26%, #e6b7f0 60%, #cdb6ff 84%, #efe4ff 100%); --p-hot:#c98cf0; --p-mid:#e0aef0; --p-soft:#f2d6ff; --p-deep:#a95fd8; } /* 枫叶粉秋：暖粉 + 蜜杏珊瑚 */ :root[data-season="autumn"]{ --dream-hi: rgba(255,252,246,.62); --dream-c1: rgba(255,214,190,.72); --dream-c2: rgba(255,176,170,.5); --dream-grad: linear-gradient(165deg,#ffe6d6 0%, #ffcdbe 28%, #ffb2b0 58%, #ffc9cf 84%, #fff0e6 100%); --p-hot:#ff9a86; --p-mid:#ffbfb0; --p-soft:#ffe0d4; --p-deep:#e8735f; } /* 星云白冬：清透白 + 冰蓝丁香 */ :root[data-season="winter"]{ --dream-hi: rgba(255,255,255,.75); --dream-c1: rgba(214,230,255,.7); --dream-c2: rgba(224,214,255,.5); --dream-grad: linear-gradient(165deg,#eef4ff 0%, #dbe6ff 30%, #e6ddff 60%, #f0e6ff 84%, #ffffff 100%); --p-hot:#8fb8f0; --p-mid:#b6cef0; --p-soft:#dce8ff; --p-deep:#6f8fd8; } /* ---------- 季节角标（仅梦境页显示） ---------- */ .season-badge{ position:fixed; top:calc(10px + env(safe-area-inset-top)); left:50%; transform:translateX(-50%); z-index:40; display:none; align-items:center; gap:5px; padding:5px 14px; border-radius:999px; font-size:12px; font-weight:800; color:#fff; background:linear-gradient(180deg, rgba(255,255,255,.35), rgba(255,255,255,.16)); border:1px solid rgba(255,255,255,.6); backdrop-filter:blur(8px); text-shadow:0 1px 3px rgba(140,70,120,.45); box-shadow:0 4px 14px rgba(180,120,180,.28); pointer-events:none; white-space:nowrap; } body.on-adventure .season-badge{ display:inline-flex; animation:seasonPop .5s cubic-bezier(.2,1.3,.5,1); } @keyframes seasonPop{ from{ opacity:0; transform:translate(-50%,-8px) } to{ opacity:1; transform:translate(-50%,0) } } @media (prefers-reduced-motion: reduce){ .dream-root{ transition:none; } body.on-adventure .season-badge{ animation:none; } }