From 73288f1d192384f1cdace5f979e094ac93d790f6 Mon Sep 17 00:00:00 2001
From: Yoone <yoone@example.com>
Date: Sun, 14 Dec 2025 16:41:52 +0800
Subject: [PATCH] refactor: migrate to lib/dist outputs; add index.js export;
 update plugin to load dist; implement admin settings page and i18n; fix media
 weights keys; add watch script

---
 .gitignore                              |    2 +
 dist/assets/SnowAnimator-Dem4j_A7.js    |    1 +
 {assets => dist/assets}/圣诞拐杖.svg    |    0
 {assets => dist/assets}/圣诞果.svg      |    0
 {assets => dist/assets}/圣诞树.svg      |    0
 {assets => dist/assets}/圣诞袜子.svg    |    0
 {assets => dist/assets}/圣诞雪帽.svg    |    0
 {assets => dist/assets}/圣诞麋鹿.svg    |    0
 dist/index.js                           |    1 +
 dist/snow.css                           |    1 +
 dist/snow.js                            |    1 +
 js/shapes/candy_cane.js                 |   15 -
 js/shapes/christmas_berry.js            |   15 -
 js/shapes/christmas_sock.js             |   15 -
 js/shapes/christmas_tree.js             |   15 -
 js/shapes/coin.js                       |   24 -
 js/shapes/dot.js                        |   12 -
 js/shapes/flake.js                      |   35 -
 js/shapes/index.js                      |    7 -
 js/shapes/reindeer.js                   |   15 -
 js/shapes/santa_hat.js                  |   15 -
 js/shapes/utils.js                      |   80 --
 js/shapes/yuanbao.js                    |   56 -
 js/snow-canvas.js                       |  625 ------------
 lib/package-lock.json                   |  957 +++++++++++++++++
 lib/package.json                        |   15 +
 lib/src/animator/Animator.ts            |   38 +
 lib/src/animator/SnowAnimator.ts        |   32 +
 lib/src/assets/圣诞拐杖.svg             |    1 +
 lib/src/assets/圣诞果.svg               |    1 +
 lib/src/assets/圣诞树.svg               |    1 +
 lib/src/assets/圣诞袜子.svg             |    1 +
 lib/src/assets/圣诞雪帽.svg             |    1 +
 lib/src/assets/圣诞麋鹿.svg             |    1 +
 lib/src/engine/Component.ts             |   48 +
 lib/src/engine/DownwardMoveComponent.ts |    9 +
 lib/src/engine/LifetimeComponent.ts     |    7 +
 lib/src/engine/Snow.ts                  |   43 +
 lib/src/engine/SwingComponent.ts        |    9 +
 lib/src/global.ts                       |   15 +
 lib/src/index.ts                        |    5 +
 lib/src/main.ts                         |   53 +
 lib/src/shapes/candy_cane.ts            |   14 +
 lib/src/shapes/christmas_berry.ts       |   14 +
 lib/src/shapes/christmas_sock.ts        |   14 +
 lib/src/shapes/christmas_tree.ts        |   14 +
 lib/src/shapes/coin.ts                  |   13 +
 lib/src/shapes/dot.ts                   |   10 +
 lib/src/shapes/flake.ts                 |   32 +
 lib/src/shapes/reindeer.ts              |   14 +
 lib/src/shapes/santa_hat.ts             |   14 +
 lib/src/shapes/yuanbao.ts               |   19 +
 {css => lib/src/styles}/snow.css        |    0
 lib/src/system/snowSystem.ts            |  238 +++++
 lib/src/utils/image.ts                  |   72 ++
 lib/tsconfig.json                       |   16 +
 lib/vite.config.ts                      |   31 +
 yoone-snow.php                          | 1249 +++++------------------
 58 files changed, 2036 insertions(+), 1900 deletions(-)
 create mode 100644 dist/assets/SnowAnimator-Dem4j_A7.js
 rename {assets => dist/assets}/圣诞拐杖.svg (100%)
 rename {assets => dist/assets}/圣诞果.svg (100%)
 rename {assets => dist/assets}/圣诞树.svg (100%)
 rename {assets => dist/assets}/圣诞袜子.svg (100%)
 rename {assets => dist/assets}/圣诞雪帽.svg (100%)
 rename {assets => dist/assets}/圣诞麋鹿.svg (100%)
 create mode 100644 dist/index.js
 create mode 100644 dist/snow.css
 create mode 100644 dist/snow.js
 delete mode 100644 js/shapes/candy_cane.js
 delete mode 100644 js/shapes/christmas_berry.js
 delete mode 100644 js/shapes/christmas_sock.js
 delete mode 100644 js/shapes/christmas_tree.js
 delete mode 100644 js/shapes/coin.js
 delete mode 100644 js/shapes/dot.js
 delete mode 100644 js/shapes/flake.js
 delete mode 100644 js/shapes/index.js
 delete mode 100644 js/shapes/reindeer.js
 delete mode 100644 js/shapes/santa_hat.js
 delete mode 100644 js/shapes/utils.js
 delete mode 100644 js/shapes/yuanbao.js
 delete mode 100644 js/snow-canvas.js
 create mode 100644 lib/package-lock.json
 create mode 100644 lib/package.json
 create mode 100644 lib/src/animator/Animator.ts
 create mode 100644 lib/src/animator/SnowAnimator.ts
 create mode 100644 lib/src/assets/圣诞拐杖.svg
 create mode 100644 lib/src/assets/圣诞果.svg
 create mode 100644 lib/src/assets/圣诞树.svg
 create mode 100644 lib/src/assets/圣诞袜子.svg
 create mode 100644 lib/src/assets/圣诞雪帽.svg
 create mode 100644 lib/src/assets/圣诞麋鹿.svg
 create mode 100644 lib/src/engine/Component.ts
 create mode 100644 lib/src/engine/DownwardMoveComponent.ts
 create mode 100644 lib/src/engine/LifetimeComponent.ts
 create mode 100644 lib/src/engine/Snow.ts
 create mode 100644 lib/src/engine/SwingComponent.ts
 create mode 100644 lib/src/global.ts
 create mode 100644 lib/src/index.ts
 create mode 100644 lib/src/main.ts
 create mode 100644 lib/src/shapes/candy_cane.ts
 create mode 100644 lib/src/shapes/christmas_berry.ts
 create mode 100644 lib/src/shapes/christmas_sock.ts
 create mode 100644 lib/src/shapes/christmas_tree.ts
 create mode 100644 lib/src/shapes/coin.ts
 create mode 100644 lib/src/shapes/dot.ts
 create mode 100644 lib/src/shapes/flake.ts
 create mode 100644 lib/src/shapes/reindeer.ts
 create mode 100644 lib/src/shapes/santa_hat.ts
 create mode 100644 lib/src/shapes/yuanbao.ts
 rename {css => lib/src/styles}/snow.css (100%)
 create mode 100644 lib/src/system/snowSystem.ts
 create mode 100644 lib/src/utils/image.ts
 create mode 100644 lib/tsconfig.json
 create mode 100644 lib/vite.config.ts

diff --git a/.gitignore b/.gitignore
index e693165..211dd33 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,4 @@
 .DS_Store
 release
+lib/node_modules/
+wordpress-plugin/
diff --git a/dist/assets/SnowAnimator-Dem4j_A7.js b/dist/assets/SnowAnimator-Dem4j_A7.js
new file mode 100644
index 0000000..5eecf81
--- /dev/null
+++ b/dist/assets/SnowAnimator-Dem4j_A7.js
@@ -0,0 +1 @@
+function g(){return window.YooneSnowShapeRenderers||(window.YooneSnowShapeRenderers={}),window.YooneSnowShapeRenderers}function p(t){if(!t)return{img:null,ready:!1};const o=window.YooneSnowImageCache=window.YooneSnowImageCache||{},n=o[t];if(n&&n.ready||n&&!n.ready)return n;const e=new Image,i={img:e,ready:!1};o[t]=i;try{e.decoding="async"}catch{}try{e.fetchPriority="low"}catch{}return e.onload=function(){i.ready=!0},e.onerror=function(){delete o[t]},e.src=t,i}function X(t,o){if(!t){o(!1);return}const n=window.YooneSnowImageCache=window.YooneSnowImageCache||{},e=n[t];if(e&&e.ready){o(!0);return}if(e||(n[t]={img:null,ready:!1}),typeof fetch=="function"&&typeof window.createImageBitmap=="function")fetch(t,{cache:"force-cache"}).then(i=>i.blob()).then(i=>window.createImageBitmap(i)).then(i=>{n[t]={img:i,ready:!0},o(!0)}).catch(()=>{const i=p(t);let s=!1;if(i&&i.img instanceof HTMLImageElement){const a=()=>{i.ready=!0};i.img.onload=function(){s||(s=!0,a(),o(!0))},i.img.onerror=function(){s||(s=!0,o(!1))}}else o(!1)});else{const i=p(t);let s=!1;if(i&&i.img instanceof HTMLImageElement){const a=()=>{i.ready=!0};i.img.onload=function(){s||(s=!0,a(),o(!0))},i.img.onerror=function(){s||(s=!0,o(!1))}}else o(!1)}}function M(t,o,n,e,i,s){const a=n-i/2,c=e-s/2;t.drawImage(o,a,c,i,s)}window.YooneSnowGetOrLoadImage=p;window.YooneSnowLoadAssetViaFetch=X;window.YooneSnowDrawCenteredImage=M;const D=g();D.dot=function(t,o,n,e){t.beginPath(),t.arc(o,n,e,0,Math.PI*2),t.fillStyle="rgba(255,255,255,0.9)",t.fill()};const H=g();H.flake=function(t,o,n,e){const i=e*3;t.save(),t.translate(o,n),t.fillStyle="rgba(255,255,255,0.9)",t.strokeStyle="rgba(255,255,255,0.9)",t.lineWidth=i*.15;for(let s=0;s<6;s++)t.rotate(Math.PI/3),t.beginPath(),t.moveTo(0,0),t.lineTo(0,i),t.stroke(),t.beginPath(),t.moveTo(0,i*.3),t.lineTo(i*.3,i*.5),t.stroke(),t.beginPath(),t.moveTo(0,i*.5),t.lineTo(-i*.3,i*.7),t.stroke(),t.beginPath(),t.moveTo(0,i*.7),t.lineTo(i*.3,i*.9),t.stroke();t.restore()};const z=g();z.yuanbao=function(t,o,n,e){t.save(),t.translate(o,n),t.scale(e*.08,e*.08),t.fillStyle="rgba(255,215,0,0.9)",t.beginPath(),t.moveTo(-20,0),t.quadraticCurveTo(0,-12,20,0),t.quadraticCurveTo(0,12,-20,0),t.fill(),t.beginPath(),t.arc(0,0,6,0,Math.PI*2),t.fill(),t.restore()};const E=g();E.coin=function(t,o,n,e){const i=t.createRadialGradient(o,n,e*.2,o,n,e);i.addColorStop(0,"rgba(255,230,120,0.95)"),i.addColorStop(1,"rgba(240,180,60,0.85)"),t.fillStyle=i,t.beginPath(),t.arc(o,n,e*2.5,0,Math.PI*2),t.fill()};const U=g();U.santa_hat=function(t,o,n,e){const s=(window.YooneSnowSettings&&window.YooneSnowSettings.assetsMap?window.YooneSnowSettings.assetsMap:{}).santa_hat||"",a=p(s);if(!a||!a.ready||!a.img)return;const c=e*8,m=c;M(t,a.img,o,n,m,c)};const q=g();q.candy_cane=function(t,o,n,e){const s=(window.YooneSnowSettings&&window.YooneSnowSettings.assetsMap?window.YooneSnowSettings.assetsMap:{}).candy_cane||"",a=p(s);if(!a||!a.ready||!a.img)return;const c=e*8,m=c;M(t,a.img,o,n,m,c)};const B=g();B.christmas_sock=function(t,o,n,e){const s=(window.YooneSnowSettings&&window.YooneSnowSettings.assetsMap?window.YooneSnowSettings.assetsMap:{}).christmas_sock||"",a=p(s);if(!a||!a.ready||!a.img)return;const c=e*8,m=c;M(t,a.img,o,n,m,c)};const G=g();G.christmas_tree=function(t,o,n,e){const s=(window.YooneSnowSettings&&window.YooneSnowSettings.assetsMap?window.YooneSnowSettings.assetsMap:{}).christmas_tree||"",a=p(s);if(!a||!a.ready||!a.img)return;const c=e*8,m=c;M(t,a.img,o,n,m,c)};const N=g();N.reindeer=function(t,o,n,e){const s=(window.YooneSnowSettings&&window.YooneSnowSettings.assetsMap?window.YooneSnowSettings.assetsMap:{}).reindeer||"",a=p(s);if(!a||!a.ready||!a.img)return;const c=e*8,m=c;M(t,a.img,o,n,m,c)};const J=g();J.christmas_berry=function(t,o,n,e){const s=(window.YooneSnowSettings&&window.YooneSnowSettings.assetsMap?window.YooneSnowSettings.assetsMap:{}).christmas_berry||"",a=p(s);if(!a||!a.ready||!a.img)return;const c=e*8,m=c;M(t,a.img,o,n,m,c)};class K{constructor(o,n,e){this.onFrame=o,this.isDone=n,this.onStopped=e,this.lastTs=performance.now(),this.rafId=null,this.running=!1,this.loop=()=>{if(!this.running)return;const i=performance.now(),s=Math.max(0,(i-this.lastTs)/1e3);if(this.lastTs=i,this.onFrame(s),this.isDone()){this.stop(),this.onStopped&&this.onStopped();return}this.rafId=requestAnimationFrame(this.loop)}}init(){this.lastTs=performance.now(),this.running=!1}update(){this.running=!0,this.rafId=requestAnimationFrame(this.loop)}stop(){if(this.rafId!==null&&typeof cancelAnimationFrame=="function"){try{cancelAnimationFrame(this.rafId)}catch{}this.rafId=null}this.running=!1}}class I{init(o,n){}update(o,n,e){}}class Q{constructor(o){this.outOfView=!1,this.components=[],this.positionX=o.positionX,this.positionY=o.positionY,this.radius=o.radius,this.driftSpeed=o.driftSpeed,this.swingAmplitude=o.swingAmplitude,this.shapeType=o.shapeType,this.imageUrl=o.imageUrl||null,this.emojiText=o.emojiText||null}addComponent(o){this.components.push(o)}init(o){for(let n=0;n<this.components.length;n++)try{this.components[n].init(o,this)}catch{}}update(o,n){for(let e=0;e<this.components.length;e++)try{this.components[e].update(o,this,n)}catch{}}}class Z extends Q{render(o){const n=o.context;if(this.shapeType==="media_image"&&this.imageUrl){const s=p(this.imageUrl);if(s&&s.ready&&s.img){const a=this.radius*8,c=a;M(n,s.img,this.positionX,this.positionY,c,a)}return}if(this.shapeType==="emoji_text"&&this.emojiText){n.save();const s=Math.max(12,this.radius*6);n.font=`${Math.floor(s)}px system-ui, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji`,n.textAlign="center",n.textBaseline="middle",n.fillText(String(this.emojiText),this.positionX,this.positionY),n.restore();return}if(this.shapeType==="text_label"&&this.emojiText){n.save();const s=Math.max(12,this.radius*5.5);n.font=`${Math.floor(s)}px system-ui, -apple-system, Segoe UI, Roboto, Noto Sans`,n.textAlign="center",n.textBaseline="middle",n.fillStyle="rgba(255,255,255,0.9)",n.fillText(String(this.emojiText),this.positionX,this.positionY),n.restore();return}const e=window.YooneSnowShapeRenderers||{},i=e[this.shapeType]||e.dot;typeof i=="function"&&i(n,this.positionX,this.positionY,this.radius)}}class ee extends I{update(o,n,e){const i=Math.max(.5,Math.min(2,e*60)),s=(n.driftSpeed*2+n.radius*.25)*i;n.positionY+=s}}class te extends I{update(o,n,e){const i=Math.max(.5,Math.min(2,e*60)),s=Math.sin(n.positionY*.01)*n.swingAmplitude*i;n.positionX+=s}}class ne extends I{update(o,n,e){n.positionY>o.getViewportHeight()+5&&(n.outOfView=!0)}}function ie(t,o,n,e){let i=o(),s=n();const a={getViewportWidth:()=>i,getViewportHeight:()=>s,context:t},c=[];let m=0,S=Math.random();const x=.61803398875,_=performance.now();let Y=!1;function C(){const r=Math.min(i,s),l=u=>{const h=i*s;return Math.floor(u==="small"?Math.min(80,Math.max(40,h/36e3)):u==="medium"?Math.min(200,Math.max(100,h/18e3)):Math.min(300,Math.max(140,h/12e3)))};let d=0;return r<=480?d=e.maxCountSmall>0?e.maxCountSmall:l("small"):r<=960?d=e.maxCountMedium>0?e.maxCountMedium:l("medium"):d=e.maxCountLarge>0?e.maxCountLarge:l("large"),d<=0&&(d=e.maxCount>0?e.maxCount:l(r<=480?"small":r<=960?"medium":"large")),Math.max(1,d)}let y=C();function P(){const r=[];for(let h=0;h<e.selectedShapes.length;h++){const f=e.selectedShapes[h],w=typeof e.shapeWeights[f]<"u"?e.shapeWeights[f]:1;w>0&&r.push({kind:"shape",key:f,weight:w})}for(let h=0;h<e.emojiItems.length;h++){const f=String(e.emojiItems[h]||"").trim();if(f==="")continue;const w=e.emojiWeights[f]??1;w>0&&r.push({kind:"emoji",text:f,weight:w})}for(let h=0;h<e.textItems.length;h++){const f=String(e.textItems[h]||"").trim();if(f==="")continue;const w=e.textWeights[f]??1;w>0&&r.push({kind:"text",text:f,weight:w})}for(let h=0;h<e.mediaItems.length;h++){const f=e.mediaItems[h],w=e.mediaWeights[f]??1;w>0&&r.push({kind:"media",url:f,weight:w})}if(r.length===0)return null;let l=0;for(let h=0;h<r.length;h++)l+=r[h].weight;const d=Math.random()*l;let u=0;for(let h=0;h<r.length;h++)if(u+=r[h].weight,d<=u){const f=r[h];return f.kind==="shape"?{type:String(f.key),url:null,text:null}:f.kind==="media"?{type:"media_image",url:String(f.url),text:null}:f.kind==="emoji"?{type:"emoji_text",url:null,text:String(f.text)}:{type:"text_label",url:null,text:String(f.text)}}return null}function A(r,l){const d=P();if(!d)return null;const u=new Z({positionX:typeof r=="number"?r:Math.random()*i,positionY:typeof l=="number"?l:-1-Math.random()*4,radius:(Math.random()*(e.radiusMax-e.radiusMin)+e.radiusMin)*e.radiusMin,driftSpeed:Math.random()*(e.driftMax-e.driftMin)+e.driftMin,swingAmplitude:(Math.random()*(e.swingMax-e.swingMin)+e.swingMin)*e.swingMin,shapeType:d.type,imageUrl:d.url,emojiText:d.text});return u.addComponent(new ee),u.addComponent(new te),u.addComponent(new ne),u.init(a),u}function b(){let r=0,l=0;for(let h=0;h<c.length;h++){const f=c[h];if(f.outOfView)continue;const w=(f.driftSpeed*2+f.radius*.25)*60;l+=w,r++}if(r>0)return l/r;const d=(e.driftMin+e.driftMax)*.5,u=(e.radiusMin+e.radiusMax)*.5*e.radiusMin;return(d*2+u*.25)*60}function j(){const r=b(),l=(s+5)/Math.max(.001,r),d=y/Math.max(.001,l),u=Math.min(1.2,Math.max(.6,l*.2)),h=Math.floor(d*u),f=Math.floor(y*.45);return Math.max(8,Math.min(f,h))}function k(r,l){const d=A(r,l);return d?(c.push(d),!0):!1}function V(){if(Y||c.length>0)return;const r=j();for(let l=0;l<r;l++){const d=S%1*i;S=(S+x)%1;const u=-Math.random()*(s*.4);k(d,u)}}V();function $(r){for(let l=0;l<c.length;l++){const d=c[l];if(d&&typeof d.update=="function")d.update(a,r);else{const u=Math.max(.5,Math.min(2,r*60));d.positionY+=(d.driftSpeed*2+d.radius*.25)*u,d.positionX+=Math.sin(d.positionY*.01)*d.swingAmplitude*u,d.positionY>s+5&&(d.outOfView=!0)}}}function W(){t.clearRect(0,0,i,s);for(let r=0;r<c.length;r++){const l=c[r];if(!l.outOfView&&(l.render&&l.render(a),!l.render)){const d=window.YooneSnowShapeRenderers||{},u=d[l.shapeType]||d.dot;typeof u=="function"&&u(t,l.positionX,l.positionY,l.radius)}}}function L(r){for(let l=c.length-1;l>=0;l--)c[l].outOfView&&c.splice(l,1);if(!Y){const l=b(),d=(s+5)/Math.max(.001,l),u=y/Math.max(.001,d);m+=u*Math.max(0,r);const h=Math.max(0,y-c.length);let f=Math.min(h,Math.floor(m));f===0&&h>0&&(f=1);const w=Math.max(1,Math.floor(y*.05));f>w&&(f=w);let T=0;for(let v=0;v<f;v++){const R=S%1*i;S=(S+x)%1,k(R,void 0)&&T++}T>0&&(m=Math.max(0,m-T))}$(r)}function F(){W()}function O(){return e.displayDurationSeconds>0&&!Y&&(performance.now()-_)/1e3>=e.displayDurationSeconds&&(Y=!0),Y?c.every(r=>r.outOfView):!1}return{engine:a,recomputeTarget(){y=C()},updateSystem:L,renderSystem:F,shouldStop:O,setViewport(r,l){i=r,s=l}}}function oe(t,o){const n=t.getContext("2d");let e=window.innerWidth,i=window.innerHeight;const s=window.devicePixelRatio||1;function a(){e=window.innerWidth,i=window.innerHeight,t.style.width=`${e}px`,t.style.height=`${i}px`,t.width=Math.floor(e*s),t.height=Math.floor(i*s),n.setTransform(s,0,0,s,0,0),c.setViewport(e,i),c.recomputeTarget()}a();const c=ie(n,()=>e,()=>i,o),m=new K(x=>{c.updateSystem(x),c.renderSystem()},()=>c.shouldStop(),()=>{n.clearRect(0,0,e,i),t.style.display="none"});function S(){a()}return window.addEventListener("resize",S),m.init(),m.update(),{stop(){m.stop(),window.removeEventListener("resize",S)}}}export{oe as r};
diff --git a/assets/圣诞拐杖.svg b/dist/assets/圣诞拐杖.svg
similarity index 100%
rename from assets/圣诞拐杖.svg
rename to dist/assets/圣诞拐杖.svg
diff --git a/assets/圣诞果.svg b/dist/assets/圣诞果.svg
similarity index 100%
rename from assets/圣诞果.svg
rename to dist/assets/圣诞果.svg
diff --git a/assets/圣诞树.svg b/dist/assets/圣诞树.svg
similarity index 100%
rename from assets/圣诞树.svg
rename to dist/assets/圣诞树.svg
diff --git a/assets/圣诞袜子.svg b/dist/assets/圣诞袜子.svg
similarity index 100%
rename from assets/圣诞袜子.svg
rename to dist/assets/圣诞袜子.svg
diff --git a/assets/圣诞雪帽.svg b/dist/assets/圣诞雪帽.svg
similarity index 100%
rename from assets/圣诞雪帽.svg
rename to dist/assets/圣诞雪帽.svg
diff --git a/assets/圣诞麋鹿.svg b/dist/assets/圣诞麋鹿.svg
similarity index 100%
rename from assets/圣诞麋鹿.svg
rename to dist/assets/圣诞麋鹿.svg
diff --git a/dist/index.js b/dist/index.js
new file mode 100644
index 0000000..912d5c3
--- /dev/null
+++ b/dist/index.js
@@ -0,0 +1 @@
+import{r as a}from"./assets/SnowAnimator-Dem4j_A7.js";function i(){const t=document.getElementById("effectiveAppsSnow");if(!t)return;if(typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches){t.style.display="none";return}const e=window.YooneSnowSettings||{},n={selectedShapes:Array.isArray(e.selectedShapes)?e.selectedShapes:[],mediaItems:Array.isArray(e.mediaItems)?e.mediaItems:[],emojiItems:Array.isArray(e.emojiItems)?e.emojiItems:[],textItems:Array.isArray(e.textItems)?e.textItems:[],shapeWeights:e.shapeWeights||{},mediaWeights:e.mediaWeights||{},emojiWeights:e.emojiWeights||{},textWeights:e.textWeights||{},radiusMin:typeof e.radiusMin=="number"?e.radiusMin:1,radiusMax:typeof e.radiusMax=="number"?e.radiusMax:3,driftMin:typeof e.driftMin=="number"?e.driftMin:.4,driftMax:typeof e.driftMax=="number"?e.driftMax:1,swingMin:typeof e.swingMin=="number"?e.swingMin:.2,swingMax:typeof e.swingMax=="number"?e.swingMax:1,displayDurationSeconds:typeof e.displayDurationSeconds=="number"?e.displayDurationSeconds:0,maxCount:typeof e.maxCount=="number"?e.maxCount:0,maxCountSmall:typeof e.maxCountSmall=="number"?e.maxCountSmall:0,maxCountMedium:typeof e.maxCountMedium=="number"?e.maxCountMedium:0,maxCountLarge:typeof e.maxCountLarge=="number"?e.maxCountLarge:0,assetsMap:e.assetsMap||{}};a(t,n)}document.readyState==="complete"?i():window.addEventListener("load",i);
diff --git a/dist/snow.css b/dist/snow.css
new file mode 100644
index 0000000..5bda517
--- /dev/null
+++ b/dist/snow.css
@@ -0,0 +1 @@
+#effectiveAppsSnow{display:block;position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000}
diff --git a/dist/snow.js b/dist/snow.js
new file mode 100644
index 0000000..912d5c3
--- /dev/null
+++ b/dist/snow.js
@@ -0,0 +1 @@
+import{r as a}from"./assets/SnowAnimator-Dem4j_A7.js";function i(){const t=document.getElementById("effectiveAppsSnow");if(!t)return;if(typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches){t.style.display="none";return}const e=window.YooneSnowSettings||{},n={selectedShapes:Array.isArray(e.selectedShapes)?e.selectedShapes:[],mediaItems:Array.isArray(e.mediaItems)?e.mediaItems:[],emojiItems:Array.isArray(e.emojiItems)?e.emojiItems:[],textItems:Array.isArray(e.textItems)?e.textItems:[],shapeWeights:e.shapeWeights||{},mediaWeights:e.mediaWeights||{},emojiWeights:e.emojiWeights||{},textWeights:e.textWeights||{},radiusMin:typeof e.radiusMin=="number"?e.radiusMin:1,radiusMax:typeof e.radiusMax=="number"?e.radiusMax:3,driftMin:typeof e.driftMin=="number"?e.driftMin:.4,driftMax:typeof e.driftMax=="number"?e.driftMax:1,swingMin:typeof e.swingMin=="number"?e.swingMin:.2,swingMax:typeof e.swingMax=="number"?e.swingMax:1,displayDurationSeconds:typeof e.displayDurationSeconds=="number"?e.displayDurationSeconds:0,maxCount:typeof e.maxCount=="number"?e.maxCount:0,maxCountSmall:typeof e.maxCountSmall=="number"?e.maxCountSmall:0,maxCountMedium:typeof e.maxCountMedium=="number"?e.maxCountMedium:0,maxCountLarge:typeof e.maxCountLarge=="number"?e.maxCountLarge:0,assetsMap:e.assetsMap||{}};a(t,n)}document.readyState==="complete"?i():window.addEventListener("load",i);
diff --git a/js/shapes/candy_cane.js b/js/shapes/candy_cane.js
deleted file mode 100644
index c26ce05..0000000
--- a/js/shapes/candy_cane.js
+++ /dev/null
@@ -1,15 +0,0 @@
-(function(){
-  // 注册圣诞拐杖形状渲染函数 使用 SVG 图像参考
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.candy_cane = function(context, positionX, positionY, baseSize){
-    // 从设置中获取资源 URL 并加载图像 使用缓存避免重复加载
-    const assets = (window.YooneSnowSettings && window.YooneSnowSettings.assetsMap) ? window.YooneSnowSettings.assetsMap : {};
-    const url = assets['candy_cane'];
-    const record = window.YooneSnowGetOrLoadImage ? window.YooneSnowGetOrLoadImage(url) : { img: null, ready: false };
-    // 条件判断 如果图像尚未准备则跳过本次绘制
-    if (!record || !record.ready){ return; }
-    const targetHeight = baseSize * 9; // 目标高度基于基础尺寸缩放
-    const targetWidth = targetHeight * 0.6; // 拐杖较瘦 调整宽高比
-    window.YooneSnowDrawCenteredImage(context, record.img, positionX, positionY, targetWidth, targetHeight);
-  };
-})();
diff --git a/js/shapes/christmas_berry.js b/js/shapes/christmas_berry.js
deleted file mode 100644
index 6729ef5..0000000
--- a/js/shapes/christmas_berry.js
+++ /dev/null
@@ -1,15 +0,0 @@
-(function(){
-  // 注册圣诞果形状渲染函数 使用 SVG 图像参考
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.christmas_berry = function(context, positionX, positionY, baseSize){
-    // 从设置中获取资源 URL 并加载图像 使用缓存避免重复加载
-    const assets = (window.YooneSnowSettings && window.YooneSnowSettings.assetsMap) ? window.YooneSnowSettings.assetsMap : {};
-    const url = assets['christmas_berry'];
-    const record = window.YooneSnowGetOrLoadImage ? window.YooneSnowGetOrLoadImage(url) : { img: null, ready: false };
-    // 条件判断 如果图像尚未准备则跳过本次绘制
-    if (!record || !record.ready){ return; }
-    const targetHeight = baseSize * 6.5; // 圣诞果较小 调低高度
-    const targetWidth = targetHeight; // 使用方形比例
-    window.YooneSnowDrawCenteredImage(context, record.img, positionX, positionY, targetWidth, targetHeight);
-  };
-})();
diff --git a/js/shapes/christmas_sock.js b/js/shapes/christmas_sock.js
deleted file mode 100644
index b41b546..0000000
--- a/js/shapes/christmas_sock.js
+++ /dev/null
@@ -1,15 +0,0 @@
-(function(){
-  // 注册圣诞袜形状渲染函数 使用 SVG 图像参考
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.christmas_sock = function(context, positionX, positionY, baseSize){
-    // 从设置中获取资源 URL 并加载图像 使用缓存避免重复加载
-    const assets = (window.YooneSnowSettings && window.YooneSnowSettings.assetsMap) ? window.YooneSnowSettings.assetsMap : {};
-    const url = assets['christmas_sock'];
-    const record = window.YooneSnowGetOrLoadImage ? window.YooneSnowGetOrLoadImage(url) : { img: null, ready: false };
-    // 条件判断 如果图像尚未准备则跳过本次绘制
-    if (!record || !record.ready){ return; }
-    const targetHeight = baseSize * 8; // 目标高度基于基础尺寸缩放
-    const targetWidth = targetHeight * 0.8; // 袜子稍宽 调整宽高比
-    window.YooneSnowDrawCenteredImage(context, record.img, positionX, positionY, targetWidth, targetHeight);
-  };
-})();
diff --git a/js/shapes/christmas_tree.js b/js/shapes/christmas_tree.js
deleted file mode 100644
index 1ea18e5..0000000
--- a/js/shapes/christmas_tree.js
+++ /dev/null
@@ -1,15 +0,0 @@
-(function(){
-  // 注册圣诞树形状渲染函数 使用 SVG 图像参考
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.christmas_tree = function(context, positionX, positionY, baseSize){
-    // 从设置中获取资源 URL 并加载图像 使用缓存避免重复加载
-    const assets = (window.YooneSnowSettings && window.YooneSnowSettings.assetsMap) ? window.YooneSnowSettings.assetsMap : {};
-    const url = assets['christmas_tree'];
-    const record = window.YooneSnowGetOrLoadImage ? window.YooneSnowGetOrLoadImage(url) : { img: null, ready: false };
-    // 条件判断 如果图像尚未准备则跳过本次绘制
-    if (!record || !record.ready){ return; }
-    const targetHeight = baseSize * 9; // 圣诞树较高 使用更大高度
-    const targetWidth = targetHeight * 0.8; // 按比例缩放保证不太宽
-    window.YooneSnowDrawCenteredImage(context, record.img, positionX, positionY, targetWidth, targetHeight);
-  };
-})();
diff --git a/js/shapes/coin.js b/js/shapes/coin.js
deleted file mode 100644
index bd41b61..0000000
--- a/js/shapes/coin.js
+++ /dev/null
@@ -1,24 +0,0 @@
-(function(){
-  // 注册铜钱形状渲染函数 外圆加中间正方形孔
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.coin = function(context, positionX, positionY, baseSize){
-    // 函数用于绘制铜钱形状 使用合成模式扣出孔
-    const outerRadius = baseSize * 3; // 将基础尺寸放大为外圆半径
-    context.save();
-    context.beginPath();
-    context.fillStyle = '#FFD700';
-    context.arc(positionX, positionY, outerRadius, 0, Math.PI * 2);
-    context.fill();
-    const holeSize = outerRadius * 0.6; // 正方形孔边长基于外圆半径
-    context.globalCompositeOperation = 'destination-out';
-    context.beginPath();
-    context.rect(
-      positionX - holeSize / 2,
-      positionY - holeSize / 2,
-      holeSize,
-      holeSize
-    );
-    context.fill();
-    context.restore();
-  };
-})();
diff --git a/js/shapes/dot.js b/js/shapes/dot.js
deleted file mode 100644
index 6360ec8..0000000
--- a/js/shapes/dot.js
+++ /dev/null
@@ -1,12 +0,0 @@
-(function(){
-  // 注册 dot 形状渲染函数 使用填充圆形作为雪花
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.dot = function(context, positionX, positionY, baseSize){
-    // 函数用于在指定位置绘制圆点形状 雪花颜色为白色
-    const finalRadius = baseSize; // 使用基础半径作为圆点大小
-    context.beginPath();
-    context.arc(positionX, positionY, finalRadius, 0, Math.PI * 2);
-    context.fillStyle = 'rgba(255,255,255,0.9)';
-    context.fill();
-  };
-})();
diff --git a/js/shapes/flake.js b/js/shapes/flake.js
deleted file mode 100644
index 6634832..0000000
--- a/js/shapes/flake.js
+++ /dev/null
@@ -1,35 +0,0 @@
-(function(){
-  // 注册雪花形状渲染函数 恢复为原始六角雪花绘制样式
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.flake = function(context, positionX, positionY, baseSize){
-    // 将基础尺寸转换为原始函数中的 size 参数 以保持形状大小一致
-    const branchSize = baseSize * 3;
-    context.save();
-    context.translate(positionX, positionY);
-    context.fillStyle = 'rgba(255,255,255,0.9)';
-    context.strokeStyle = 'rgba(255,255,255,0.9)';
-    context.lineWidth = branchSize * 0.15;
-    // 循环绘制六个分支 每次旋转 60 度
-    for (let branchIndex = 0; branchIndex < 6; branchIndex++) {
-      context.rotate(Math.PI / 3);
-      context.beginPath();
-      context.moveTo(0, 0);
-      context.lineTo(0, branchSize);
-      context.stroke();
-      // 在主分支上绘制三个小分叉 保持与原始实现一致
-      context.beginPath();
-      context.moveTo(0, branchSize * 0.3);
-      context.lineTo(branchSize * 0.3, branchSize * 0.5);
-      context.stroke();
-      context.beginPath();
-      context.moveTo(0, branchSize * 0.5);
-      context.lineTo(-branchSize * 0.3, branchSize * 0.7);
-      context.stroke();
-      context.beginPath();
-      context.moveTo(0, branchSize * 0.7);
-      context.lineTo(branchSize * 0.3, branchSize * 0.9);
-      context.stroke();
-    }
-    context.restore();
-  };
-})();
diff --git a/js/shapes/index.js b/js/shapes/index.js
deleted file mode 100644
index e86eaea..0000000
--- a/js/shapes/index.js
+++ /dev/null
@@ -1,7 +0,0 @@
-(function(){
-  // 初始化全局渲染注册表 用于统一管理形状渲染函数
-  if (!window.YooneSnowShapeRenderers) {
-    // 条件判断 如果不存在则创建空对象
-    window.YooneSnowShapeRenderers = {};
-  }
-})();
diff --git a/js/shapes/reindeer.js b/js/shapes/reindeer.js
deleted file mode 100644
index 921e228..0000000
--- a/js/shapes/reindeer.js
+++ /dev/null
@@ -1,15 +0,0 @@
-(function(){
-  // 注册麋鹿形状渲染函数 使用 SVG 图像参考
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.reindeer = function(context, positionX, positionY, baseSize){
-    // 从设置中获取资源 URL 并加载图像 使用缓存避免重复加载
-    const assets = (window.YooneSnowSettings && window.YooneSnowSettings.assetsMap) ? window.YooneSnowSettings.assetsMap : {};
-    const url = assets['reindeer'];
-    const record = window.YooneSnowGetOrLoadImage ? window.YooneSnowGetOrLoadImage(url) : { img: null, ready: false };
-    // 条件判断 如果图像尚未准备则跳过本次绘制
-    if (!record || !record.ready){ return; }
-    const targetHeight = baseSize * 8.5; // 麋鹿高度设置略大
-    const targetWidth = targetHeight; // 使用接近方形的比例
-    window.YooneSnowDrawCenteredImage(context, record.img, positionX, positionY, targetWidth, targetHeight);
-  };
-})();
diff --git a/js/shapes/santa_hat.js b/js/shapes/santa_hat.js
deleted file mode 100644
index c240378..0000000
--- a/js/shapes/santa_hat.js
+++ /dev/null
@@ -1,15 +0,0 @@
-(function(){
-  // 注册圣诞帽形状渲染函数 使用 SVG 图像参考
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  window.YooneSnowShapeRenderers.santa_hat = function(context, positionX, positionY, baseSize){
-    // 从设置中获取资源 URL 并加载图像 使用缓存避免重复加载
-    const assets = (window.YooneSnowSettings && window.YooneSnowSettings.assetsMap) ? window.YooneSnowSettings.assetsMap : {};
-    const url = assets['santa_hat'];
-    const record = window.YooneSnowGetOrLoadImage ? window.YooneSnowGetOrLoadImage(url) : { img: null, ready: false };
-    // 条件判断 如果图像尚未准备则跳过本次绘制
-    if (!record || !record.ready){ return; }
-    const targetHeight = baseSize * 8; // 目标高度基于基础尺寸缩放
-    const targetWidth = targetHeight;  // 按方形比例绘制 保持居中
-    window.YooneSnowDrawCenteredImage(context, record.img, positionX, positionY, targetWidth, targetHeight);
-  };
-})();
diff --git a/js/shapes/utils.js b/js/shapes/utils.js
deleted file mode 100644
index 9bccb4c..0000000
--- a/js/shapes/utils.js
+++ /dev/null
@@ -1,80 +0,0 @@
-(function(){
-  // 全局图像缓存对象 存放已加载的图像资源
-  window.YooneSnowImageCache = window.YooneSnowImageCache || {};
-
-  // 获取或加载图像 根据 URL 返回图像对象和加载状态
-  window.YooneSnowGetOrLoadImage = function(imageUrl){
-    // 条件判断 如果未提供 URL 则返回空
-    if (!imageUrl || typeof imageUrl !== 'string'){
-      return { img: null, ready: false };
-    }
-    const existing = window.YooneSnowImageCache[imageUrl];
-    // 条件判断 如果已存在缓存则直接返回
-    if (existing && existing.ready){
-      return existing;
-    }
-    if (existing && !existing.ready){
-      // 条件判断 如果正在加载则返回当前状态
-      return existing;
-    }
-    // 创建新的图像对象 并开始加载
-    const img = new Image();
-    const record = { img: img, ready: false };
-    window.YooneSnowImageCache[imageUrl] = record;
-    try { img.decoding = 'async'; } catch(e) {}
-    try { img.fetchPriority = 'low'; } catch(e) {}
-    img.onload = function(){ record.ready = true; };
-    img.onerror = function(){
-      // 加载失败 从缓存移除避免重复错误
-      delete window.YooneSnowImageCache[imageUrl];
-    };
-    img.src = imageUrl;
-    return record;
-  };
-
-  window.YooneSnowLoadAssetViaFetch = function(imageUrl, onReady){
-    if (!imageUrl || typeof imageUrl !== 'string'){
-      if (typeof onReady === 'function'){ onReady(false); }
-      return;
-    }
-    var existing = window.YooneSnowImageCache[imageUrl];
-    if (existing && existing.ready){
-      if (typeof onReady === 'function'){ onReady(true); }
-      return;
-    }
-    if (!existing){ window.YooneSnowImageCache[imageUrl] = { img: null, ready: false }; }
-    if (typeof fetch === 'function' && typeof createImageBitmap === 'function'){
-      fetch(imageUrl, { cache: 'force-cache' }).then(function(resp){ return resp.blob(); }).then(function(blob){
-        return createImageBitmap(blob);
-      }).then(function(bmp){
-        window.YooneSnowImageCache[imageUrl] = { img: bmp, ready: true };
-        if (typeof onReady === 'function'){ onReady(true); }
-      }).catch(function(){
-        var rec = window.YooneSnowGetOrLoadImage(imageUrl);
-        var fired = false;
-        if (rec && rec.img){
-          var markReady = function(){ rec.ready = true; };
-          rec.img.onload = function(){ if (!fired){ fired = true; markReady(); if (typeof onReady === 'function'){ onReady(true); } } };
-          rec.img.onerror = function(){ if (!fired){ fired = true; if (typeof onReady === 'function'){ onReady(false); } } };
-        }
-      });
-    } else {
-      var rec2 = window.YooneSnowGetOrLoadImage(imageUrl);
-      var fired2 = false;
-      if (rec2 && rec2.img){
-        var markReady2 = function(){ rec2.ready = true; };
-        rec2.img.onload = function(){ if (!fired2){ fired2 = true; markReady2(); if (typeof onReady === 'function'){ onReady(true); } } };
-        rec2.img.onerror = function(){ if (!fired2){ fired2 = true; if (typeof onReady === 'function'){ onReady(false); } } };
-      }
-    }
-  };
-
-  // 居中绘制图像 根据目标中心点和宽高进行缩放绘制
-  window.YooneSnowDrawCenteredImage = function(context, img, centerX, centerY, width, height){
-    // 条件判断 如果图像不存在则不绘制
-    if (!img) { return; }
-    const drawX = centerX - width / 2;
-    const drawY = centerY - height / 2;
-    context.drawImage(img, drawX, drawY, width, height);
-  };
-})();
diff --git a/js/shapes/yuanbao.js b/js/shapes/yuanbao.js
deleted file mode 100644
index 09538ca..0000000
--- a/js/shapes/yuanbao.js
+++ /dev/null
@@ -1,56 +0,0 @@
-(function(){
-  // 注册元宝形状渲染函数 使用 SVG 路径或贝塞尔曲线近似
-  window.YooneSnowShapeRenderers = window.YooneSnowShapeRenderers || {};
-  const outerPath = (typeof Path2D !== 'undefined') ? new Path2D('M947.4 326.8l0.4-0.1H804.2C814 346 819 364.4 819 381.5c0 18.6-6 46.5-34.3 73.8-17.4 16.7-41.1 31.2-70.5 43.2-54.7 22.1-126.5 34.4-202.3 34.4s-147.6-12.2-202.3-34.4c-29.4-12-53.1-26.5-70.5-43.2-28.3-27.2-34.3-55.2-34.3-73.8 0-17.2 4.9-35.5 14.4-54.8h-150c-29.3 0-53.1 27.1-53.1 60.6C46 634.4 256.5 826 511.7 826c258.1 0 470.3-195.7 496.4-447-0.7-29-27.6-52.2-60.7-52.2z') : null;
-  const topPath = (typeof Path2D !== 'undefined') ? new Path2D('M512 488.4c144.7 0 262.7-47.4 262.7-107.1 0-57.7-118-183.2-262.7-183.2S249.3 321.7 249.3 381.4c0 59.7 118 107 262.7 107z') : null;
-  window.YooneSnowShapeRenderers.yuanbao = function(context, positionX, positionY, baseSize){
-    // 函数用于绘制元宝形状 根据基础尺寸进行缩放
-    if (outerPath && topPath){
-      // 条件判断 如果支持 Path2D 则使用 SVG 路径绘制
-      context.save();
-      context.translate(positionX, positionY);
-      const scaleFactor = (baseSize * 4.2) / 512;
-      context.scale(scaleFactor, scaleFactor);
-      context.translate(-512, -512);
-      context.fillStyle = '#FFC003';
-      context.fill(outerPath);
-      context.fill(topPath);
-      context.restore();
-      return;
-    }
-    // 回退方案 使用贝塞尔曲线近似绘制元宝
-    context.save();
-    context.translate(positionX, positionY);
-    context.fillStyle = '#FFC003';
-    const totalWidth = baseSize * 2.6 * 1.4; // 调整比例保证大小一致
-    const halfWidth = totalWidth / 2;
-    const upperHeight = baseSize * 1.1 * 1.4;
-    const lowerHeight = baseSize * 0.85 * 1.4;
-    const rimLift = upperHeight * 0.25;
-    context.beginPath();
-    context.moveTo(-halfWidth, -rimLift);
-    context.bezierCurveTo(
-      -halfWidth * 0.65, -upperHeight * 1.0,
-      -halfWidth * 0.25, -upperHeight * 1.25,
-      0, -upperHeight
-    );
-    context.bezierCurveTo(
-      halfWidth * 0.25, -upperHeight * 1.25,
-      halfWidth * 0.65, -upperHeight * 1.0,
-      halfWidth, -rimLift
-    );
-    context.bezierCurveTo(
-      halfWidth * 0.65, lowerHeight * 0.95,
-      halfWidth * 0.25, lowerHeight * 1.1,
-      0, lowerHeight
-    );
-    context.bezierCurveTo(
-      -halfWidth * 0.25, lowerHeight * 1.1,
-      -halfWidth * 0.65, lowerHeight * 0.95,
-      -halfWidth, -rimLift
-    );
-    context.closePath();
-    context.fill();
-    context.restore();
-  };
-})();
diff --git a/js/snow-canvas.js b/js/snow-canvas.js
deleted file mode 100644
index 6c962a5..0000000
--- a/js/snow-canvas.js
+++ /dev/null
@@ -1,625 +0,0 @@
-(function(){
-  // 初始化函数 用于启动雪花效果
-  function init(){
-    const canvas = document.getElementById('effectiveAppsSnow');
-    // 条件判断 如果未找到画布元素则不执行
-    if (!canvas) return;
-    const prefersReducedMotion = (typeof window.matchMedia === 'function') && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-    if (prefersReducedMotion) { canvas.style.display = 'none'; return; }
-    const context = canvas.getContext('2d');
-    let viewportWidth = window.innerWidth;
-    let viewportHeight = window.innerHeight;
-    const devicePixelRatio = window.devicePixelRatio || 1;
-
-    // 读取首页显示时长设置 单位为秒 0 表示无限
-    const displayDurationSeconds = (window.YooneSnowSettings && typeof window.YooneSnowSettings.displayDurationSeconds !== 'undefined')
-      ? Math.max(0, parseInt(window.YooneSnowSettings.displayDurationSeconds, 10) || 0)
-      : 0;
-    // 记录启动时间 用于计算已运行时间
-    const startTimestamp = performance.now();
-    // 标记是否已达到显示时长 到达后不再生成新粒子并不再重生
-    let hasReachedDuration = false;
-
-    const selectedShapes = (window.YooneSnowSettings && Array.isArray(window.YooneSnowSettings.selectedShapes) && window.YooneSnowSettings.selectedShapes.length > 0)
-      ? window.YooneSnowSettings.selectedShapes
-      : [];
-    const mediaItems = (window.YooneSnowSettings && Array.isArray(window.YooneSnowSettings.mediaItems))
-      ? window.YooneSnowSettings.mediaItems
-      : [];
-    const emojiItems = (window.YooneSnowSettings && Array.isArray(window.YooneSnowSettings.emojiItems))
-      ? window.YooneSnowSettings.emojiItems
-      : [];
-    const textItems = (window.YooneSnowSettings && Array.isArray(window.YooneSnowSettings.textItems))
-      ? window.YooneSnowSettings.textItems
-      : [];
-    const defaultShapeWeights = { dot: 1, flake: 4, yuanbao: 1, coin: 1, santa_hat: 1, candy_cane: 1, christmas_sock: 1, christmas_tree: 1, reindeer: 1, christmas_berry: 1 };
-    const shapeWeightsRaw = (window.YooneSnowSettings && window.YooneSnowSettings.shapeWeights && typeof window.YooneSnowSettings.shapeWeights === 'object')
-      ? window.YooneSnowSettings.shapeWeights
-      : {};
-    const mediaWeightsRaw = (window.YooneSnowSettings && window.YooneSnowSettings.mediaWeights && typeof window.YooneSnowSettings.mediaWeights === 'object')
-      ? window.YooneSnowSettings.mediaWeights
-      : {};
-    const emojiWeightsRaw = (window.YooneSnowSettings && window.YooneSnowSettings.emojiWeights && typeof window.YooneSnowSettings.emojiWeights === 'object')
-      ? window.YooneSnowSettings.emojiWeights
-      : {};
-    const textWeightsRaw = (window.YooneSnowSettings && window.YooneSnowSettings.textWeights && typeof window.YooneSnowSettings.textWeights === 'object')
-      ? window.YooneSnowSettings.textWeights
-      : {};
-    const shapeWeights = {};
-    for (let key in defaultShapeWeights){
-      const val = typeof shapeWeightsRaw[key] !== 'undefined' ? parseInt(shapeWeightsRaw[key], 10) : defaultShapeWeights[key];
-      shapeWeights[key] = isNaN(val) ? defaultShapeWeights[key] : Math.max(0, val);
-    }
-    const assetsMap = (window.YooneSnowSettings && window.YooneSnowSettings.assetsMap && typeof window.YooneSnowSettings.assetsMap === 'object')
-      ? window.YooneSnowSettings.assetsMap
-      : {};
-    const assetShapeKeys = Object.keys(assetsMap || {});
-    window.YooneSnowAssetsReady = window.YooneSnowAssetsReady || false;
-    window.YooneSnowAssetQueue = window.YooneSnowAssetQueue || [];
-    window.YooneSnowAssetQueueRunning = window.YooneSnowAssetQueueRunning || false;
-    function enqueueAsset(u){
-      if (!u || typeof u !== 'string'){ return; }
-      for (var i = 0; i < window.YooneSnowAssetQueue.length; i++){ if (window.YooneSnowAssetQueue[i] === u) return; }
-      window.YooneSnowAssetQueue.push(u);
-    }
-    function runAssetQueue(){
-      if (window.YooneSnowAssetQueueRunning){ return; }
-      window.YooneSnowAssetQueueRunning = true;
-      function next(){
-        if (window.YooneSnowAssetQueue.length === 0){ window.YooneSnowAssetQueueRunning = false; window.YooneSnowAssetsReady = true; return; }
-        var u = window.YooneSnowAssetQueue.shift();
-        if (typeof window.YooneSnowLoadAssetViaFetch === 'function'){
-          window.YooneSnowLoadAssetViaFetch(u, function(){ next(); });
-        } else if (typeof window.YooneSnowGetOrLoadImage === 'function'){
-          var rec = window.YooneSnowGetOrLoadImage(u);
-          if (rec && rec.img){
-            var prevOnload = rec.img.onload;
-            var prevOnerror = rec.img.onerror;
-            rec.img.onload = function(){ try{ if (typeof prevOnload === 'function'){ prevOnload(); } }catch(e){} next(); };
-            rec.img.onerror = function(){ try{ if (typeof prevOnerror === 'function'){ prevOnerror(); } }catch(e){} next(); };
-          } else { next(); }
-        } else {
-          next();
-        }
-      }
-      next();
-    }
-    window.YooneSnowEnqueueAsset = enqueueAsset;
-    function scheduleWarmLoad(){
-      var urls = [];
-      for (var i = 0; i < assetShapeKeys.length; i++){ var k = assetShapeKeys[i]; var u = assetsMap[k]; if (typeof u === 'string' && u){ urls.push(u); } }
-      for (var j = 0; j < urls.length; j++){ enqueueAsset(urls[j]); }
-      runAssetQueue();
-    }
-    scheduleWarmLoad();
-    // 移除单独的尺寸与偏移缩放 直接使用最小半径与最小摆动作为缩放系数
-    const radiusMinRaw = (window.YooneSnowSettings && typeof window.YooneSnowSettings.radiusMin !== 'undefined')
-      ? parseFloat(window.YooneSnowSettings.radiusMin)
-      : 1.0;
-    const radiusMaxRaw = (window.YooneSnowSettings && typeof window.YooneSnowSettings.radiusMax !== 'undefined')
-      ? parseFloat(window.YooneSnowSettings.radiusMax)
-      : 3.0;
-    const driftMinRaw = (window.YooneSnowSettings && typeof window.YooneSnowSettings.driftMin !== 'undefined')
-      ? parseFloat(window.YooneSnowSettings.driftMin)
-      : 0.4;
-    const driftMaxRaw = (window.YooneSnowSettings && typeof window.YooneSnowSettings.driftMax !== 'undefined')
-      ? parseFloat(window.YooneSnowSettings.driftMax)
-      : 1.0;
-    const swingMinRaw = (window.YooneSnowSettings && typeof window.YooneSnowSettings.swingMin !== 'undefined')
-      ? parseFloat(window.YooneSnowSettings.swingMin)
-      : 0.2;
-    const swingMaxRaw = (window.YooneSnowSettings && typeof window.YooneSnowSettings.swingMax !== 'undefined')
-      ? parseFloat(window.YooneSnowSettings.swingMax)
-      : 1.0;
-    const radiusMin = isNaN(radiusMinRaw) ? 1 : Math.max(0, radiusMinRaw);
-    const radiusMax = isNaN(radiusMaxRaw) ? 3 : Math.max(radiusMin, radiusMaxRaw);
-    const driftMin = isNaN(driftMinRaw) ? 0.4 : Math.max(0, driftMinRaw);
-    const driftMax = isNaN(driftMaxRaw) ? 1.0 : Math.max(driftMin, driftMaxRaw);
-    const swingMin = isNaN(swingMinRaw) ? 0.2 : Math.max(0, swingMinRaw);
-    const swingMax = isNaN(swingMaxRaw) ? 1.0 : Math.max(swingMin, swingMaxRaw);
-
-    // 组件与精灵类封装 基于 Cocos 风格
-    class Component {
-      constructor(){ }
-      init(engine, sprite){}
-      update(engine, sprite, dt){}
-    }
-    class DownwardMoveComponent extends Component {
-      init(engine, sprite){}
-      update(engine, sprite, dt){
-        // 使用基于时间的更新 通过帧因子平滑帧率波动
-        const factor = Math.max(0.5, Math.min(2.0, dt * 60));
-        const vy = (sprite.driftSpeed * 2 + sprite.radius * 0.25) * factor;
-        sprite.positionY += vy;
-      }
-    }
-    class SwingComponent extends Component {
-      init(engine, sprite){}
-      update(engine, sprite, dt){
-        const factor = Math.max(0.5, Math.min(2.0, dt * 60));
-        const vx = Math.sin(sprite.positionY * 0.01) * sprite.swingAmplitude * factor;
-        sprite.positionX += vx;
-      }
-    }
-    class LifetimeComponent extends Component {
-      init(engine, sprite){}
-      update(engine, sprite, dt){
-        // 超出视口则标记移出 引擎将回收
-        if (sprite.positionY > engine.getViewportHeight() + 5){ sprite.outOfView = true; }
-      }
-    }
-    class Sprite {
-      constructor(props){
-        this.positionX = props.positionX;
-        this.positionY = props.positionY;
-        this.radius = props.radius;
-        this.driftSpeed = props.driftSpeed;
-        this.swingAmplitude = props.swingAmplitude;
-        this.shapeType = props.shapeType;
-        this.imageUrl = props.imageUrl || null;
-        this.emojiText = props.emojiText || null;
-        this.outOfView = false;
-        this.components = [];
-      }
-      addComponent(comp){ this.components.push(comp); }
-      init(engine){ for (let i = 0; i < this.components.length; i++){ try{ this.components[i].init(engine, this); }catch(e){} } }
-      update(engine, dt){ for (let i = 0; i < this.components.length; i++){ try{ this.components[i].update(engine, this, dt); }catch(e){} } }
-      render(engine){
-        const ctx = engine.context;
-        const registry = window.YooneSnowShapeRenderers || {};
-        const renderer = registry[this.shapeType] || registry['dot'];
-        if (typeof renderer === 'function'){ renderer(ctx, this.positionX, this.positionY, this.radius); }
-      }
-    }
-    class Snow extends Sprite {
-      constructor(props){ super(props); }
-      render(engine){
-        const ctx = engine.context;
-        if (this.shapeType === 'media_image' && this.imageUrl){
-          const record = window.YooneSnowGetOrLoadImage ? window.YooneSnowGetOrLoadImage(this.imageUrl) : { img: null, ready: false };
-          if (record && record.ready){
-            const targetHeight = this.radius * 8;
-            const targetWidth = targetHeight;
-            window.YooneSnowDrawCenteredImage(ctx, record.img, this.positionX, this.positionY, targetWidth, targetHeight);
-          }
-          return;
-        }
-        if (this.shapeType === 'emoji_text' && this.emojiText){
-          ctx.save();
-          const fontSize = Math.max(12, this.radius * 6);
-          ctx.font = String(Math.floor(fontSize)) + 'px system-ui, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji';
-          ctx.textAlign = 'center';
-          ctx.textBaseline = 'middle';
-          ctx.fillText(String(this.emojiText), this.positionX, this.positionY);
-          ctx.restore();
-          return;
-        }
-        if (this.shapeType === 'text_label' && this.emojiText){
-          ctx.save();
-          const fontSize = Math.max(12, this.radius * 5.5);
-          ctx.font = String(Math.floor(fontSize)) + 'px system-ui, -apple-system, Segoe UI, Roboto, Noto Sans';
-          ctx.textAlign = 'center';
-          ctx.textBaseline = 'middle';
-          ctx.fillStyle = 'rgba(255,255,255,0.9)';
-          ctx.fillText(String(this.emojiText), this.positionX, this.positionY);
-          ctx.restore();
-          return;
-        }
-        const registry = window.YooneSnowShapeRenderers || {};
-        const renderer = registry[this.shapeType] || registry['dot'];
-        if (typeof renderer === 'function'){ renderer(ctx, this.positionX, this.positionY, this.radius); }
-      }
-    }
-    // 简易引擎引用 用于组件获取上下文与视口尺寸 始终返回最新值
-    const engineRef = {
-      getViewportWidth: function(){ return viewportWidth; },
-      getViewportHeight: function(){ return viewportHeight; },
-      context: context
-    };
-
-    class Animator {
-      constructor(onFrame, isDone, onStopped){
-        this.onFrame = onFrame;
-        this.isDone = isDone;
-        this.onStopped = onStopped;
-        this.lastTs = performance.now();
-        this.rafId = null;
-        this.running = false;
-        this.loop = this.loop.bind(this);
-      }
-      init(){
-        this.lastTs = performance.now();
-        this.running = false;
-      }
-      loop(){
-        if (!this.running) return;
-        const nowTs = performance.now();
-        const deltaSeconds = Math.max(0, (nowTs - this.lastTs) / 1000);
-        this.lastTs = nowTs;
-        if (typeof this.onFrame === 'function'){ this.onFrame(deltaSeconds); }
-        const done = typeof this.isDone === 'function' ? this.isDone() : false;
-        if (done){
-          this.stop();
-          if (typeof this.onStopped === 'function'){ this.onStopped(); }
-          return;
-        }
-        this.rafId = requestAnimationFrame(this.loop);
-      }
-      update(){
-        this.running = true;
-        this.rafId = requestAnimationFrame(this.loop);
-      }
-      stop(){
-        if (this.rafId !== null && typeof cancelAnimationFrame === 'function'){
-          try{ cancelAnimationFrame(this.rafId); }catch(e){}
-          this.rafId = null;
-        }
-        this.running = false;
-      }
-    }
-    class SnowAnimator extends Animator {
-      constructor(){
-        super(function(dt){ if (typeof this.onFrameImpl === 'function'){ this.onFrameImpl(dt); } }, function(){ return typeof this.isDoneImpl === 'function' ? this.isDoneImpl() : false; }, function(){ if (typeof this.onStoppedImpl === 'function'){ this.onStoppedImpl(); } });
-        this.onFrameImpl = null;
-        this.isDoneImpl = null;
-        this.onStoppedImpl = null;
-        this.targetCount = 0;
-      }
-      computeTargetCount(){
-        this.targetCount = snowflakesTargetCount;
-        return this.targetCount;
-      }
-      init(){
-        this.computeTargetCount();
-        initSnowPrefill();
-        this.onFrameImpl = function(deltaSeconds){ updateSystem(deltaSeconds); renderSystem(); };
-        this.isDoneImpl = function(){ return shouldStop(); };
-        this.onStoppedImpl = function(){ cleanupStop(); };
-        super.init();
-      }
-      update(){
-        super.update();
-      }
-      stop(){
-        super.stop();
-      }
-    }
-
-    // 函数 调整画布尺寸并设置像素比 保证清晰显示
-    function resizeCanvas(){
-      viewportWidth = window.innerWidth;
-      viewportHeight = window.innerHeight;
-      const displayWidth = viewportWidth;
-      const displayHeight = viewportHeight;
-      canvas.style.width = displayWidth + 'px';
-      canvas.style.height = displayHeight + 'px';
-      canvas.width = Math.floor(displayWidth * devicePixelRatio);
-      canvas.height = Math.floor(displayHeight * devicePixelRatio);
-      context.setTransform(devicePixelRatio, 0, 0, devicePixelRatio, 0, 0);
-    }
-
-    resizeCanvas();
-
-    // 读取分屏最大数量设置 0 表示自动 根据屏幕最小边界划分为 small medium large
-    function computeAutoCount(kind){
-      const area = viewportWidth * viewportHeight;
-      if (kind === 'small'){
-        const est = area / 36000;
-        return Math.floor(Math.min(80, Math.max(40, est)));
-      }
-      if (kind === 'medium'){
-        // 中屏适中限制到 [100 200]
-        const est = area / 18000;
-        return Math.floor(Math.min(200, Math.max(100, est)));
-      }
-      // 大屏较多但仍限制到 [140 300]
-      const est = area / 12000;
-      return Math.floor(Math.min(300, Math.max(140, est)));
-    }
-    const minDim = Math.min(viewportWidth, viewportHeight);
-    const rawSmall = (window.YooneSnowSettings && typeof window.YooneSnowSettings.maxCountSmall !== 'undefined') ? parseInt(window.YooneSnowSettings.maxCountSmall, 10) : 0;
-    const rawMedium = (window.YooneSnowSettings && typeof window.YooneSnowSettings.maxCountMedium !== 'undefined') ? parseInt(window.YooneSnowSettings.maxCountMedium, 10) : 0;
-    const rawLarge = (window.YooneSnowSettings && typeof window.YooneSnowSettings.maxCountLarge !== 'undefined') ? parseInt(window.YooneSnowSettings.maxCountLarge, 10) : 0;
-    const fallbackSingle = (window.YooneSnowSettings && typeof window.YooneSnowSettings.maxCount !== 'undefined') ? parseInt(window.YooneSnowSettings.maxCount, 10) : 0;
-    let snowflakesTargetCount = 0;
-    if (minDim <= 480){
-      snowflakesTargetCount = (isNaN(rawSmall) || rawSmall <= 0) ? computeAutoCount('small') : rawSmall;
-    } else if (minDim <= 960){
-      snowflakesTargetCount = (isNaN(rawMedium) || rawMedium <= 0) ? computeAutoCount('medium') : rawMedium;
-    } else {
-      snowflakesTargetCount = (isNaN(rawLarge) || rawLarge <= 0) ? computeAutoCount('large') : rawLarge;
-    }
-    if (snowflakesTargetCount <= 0){
-      // 回退到旧单值设置 仍支持 0 自动
-      snowflakesTargetCount = (isNaN(fallbackSingle) || fallbackSingle <= 0) ? computeAutoCount(minDim <= 480 ? 'small' : (minDim <= 960 ? 'medium' : 'large')) : fallbackSingle;
-    }
-    snowflakesTargetCount = Math.max(1, snowflakesTargetCount);
-    const snowflakes = [];
-    // 定义连续生成控制参数 使用时间积累的方式平滑新增
-    let spawnAccumulator = 0;
-    let lastUpdateTimestamp = performance.now();
-    let rafId = null;
-    // 定义黄金比例相位用于水平位置分布避免聚集
-    let spawnPhase = Math.random();
-    const goldenRatio = 0.61803398875;
-    var yooneLogEntries = Array.isArray(window.YooneSnowLogEntries) ? window.YooneSnowLogEntries : [];
-    window.YooneSnowLogEntries = yooneLogEntries;
-    function yooneLogPush(entry){
-      try {
-        yooneLogEntries.push(Object.assign({ ts: performance.now() }, entry));
-        if (yooneLogEntries.length > 1500){ yooneLogEntries.shift(); }
-        // 关闭默认的控制台输出 避免在高频帧中阻塞主线程导致动画卡顿
-      } catch(e){}
-    }
-    window.YooneSnowGetLog = function(){ return yooneLogEntries.slice(); };
-    // 函数 按权重选择形状或媒体图像
-    function selectWeightedItem(){
-      const items = [];
-      for (let sIndex = 0; sIndex < selectedShapes.length; sIndex++){
-        const shapeKey = selectedShapes[sIndex];
-        const weightVal = typeof shapeWeights[shapeKey] !== 'undefined' ? shapeWeights[shapeKey] : 1;
-        if (weightVal > 0){
-          if (assetShapeKeys.indexOf(shapeKey) >= 0){
-            const aurl = assetsMap[shapeKey];
-            if (aurl && typeof window.YooneSnowEnqueueAsset === 'function'){ window.YooneSnowEnqueueAsset(aurl); }
-          }
-          items.push({ kind: 'shape', key: shapeKey, weight: weightVal });
-        }
-      }
-      // Emoji 候選獨立加入 不依賴 Shapes 是否包含 emoji
-      if (emojiItems.length > 0){
-        for (let eIndex = 0; eIndex < emojiItems.length; eIndex++){
-          const ch = String(emojiItems[eIndex] || '').trim();
-          if (ch === ''){ continue; }
-          const ewRaw = typeof emojiWeightsRaw[ch] !== 'undefined' ? parseInt(emojiWeightsRaw[ch], 10) : 1;
-          const ew = isNaN(ewRaw) ? 1 : Math.max(0, ewRaw);
-          if (ew > 0){ items.push({ kind: 'emoji', text: ch, weight: ew }); }
-        }
-      }
-      if (textItems.length > 0){
-        for (let tIndex = 0; tIndex < textItems.length; tIndex++){
-          const tx = String(textItems[tIndex] || '').trim();
-          if (tx === ''){ continue; }
-          const twRaw = typeof textWeightsRaw[tx] !== 'undefined' ? parseInt(textWeightsRaw[tx], 10) : 1;
-          const tw = isNaN(twRaw) ? 1 : Math.max(0, twRaw);
-          if (tw > 0){ items.push({ kind: 'text', text: tx, weight: tw }); }
-        }
-      }
-      for (let mIndex = 0; mIndex < mediaItems.length; mIndex++){
-        const mediaUrl = mediaItems[mIndex];
-        const mediaWeight = typeof mediaWeightsRaw[mediaUrl] !== 'undefined' ? parseInt(mediaWeightsRaw[mediaUrl], 10) : 1;
-        const finalMediaWeight = isNaN(mediaWeight) ? 1 : Math.max(0, mediaWeight);
-        if (finalMediaWeight > 0){
-          const rec = (typeof window.YooneSnowGetOrLoadImage === 'function' && mediaUrl) ? window.YooneSnowGetOrLoadImage(mediaUrl) : null;
-          if (rec && rec.ready){ items.push({ kind: 'media', url: mediaUrl, weight: finalMediaWeight }); }
-        }
-      }
-      if (items.length === 0){
-        return null;
-      }
-      let totalWeight = 0;
-      for (let i = 0; i < items.length; i++){
-        totalWeight += items[i].weight;
-      }
-      const r = Math.random() * totalWeight;
-      let acc = 0;
-      for (let i = 0; i < items.length; i++){
-        acc += items[i].weight;
-        // 条件判断 如果随机值落在当前累计权重内则选择该项
-        if (r <= acc){
-          if (items[i].kind === 'shape'){
-            return { type: items[i].key, url: null, text: null };
-          } else {
-            if (items[i].kind === 'media'){
-              return { type: 'media_image', url: items[i].url, text: null };
-            } else {
-              if (items[i].kind === 'emoji'){
-                return { type: 'emoji_text', url: null, text: items[i].text };
-              } else {
-                return { type: 'text_label', url: null, text: items[i].text };
-              }
-            }
-          }
-        }
-      }
-      return null;
-    }
-    function createSnowflake(preferredX, preferredY){
-      const picked = selectWeightedItem();
-      if (!picked){ return null; }
-      let chosenType = picked.type;
-      let chosenImageUrl = picked.url;
-      let chosenEmojiText = picked.text;
-      const sprite = new Snow({
-        positionX: typeof preferredX === 'number' ? preferredX : Math.random() * viewportWidth,
-        positionY: typeof preferredY === 'number' ? preferredY : (-1 - Math.random() * 4),
-        radius: (Math.random() * (radiusMax - radiusMin) + radiusMin) * radiusMin,
-        driftSpeed: Math.random() * (driftMax - driftMin) + driftMin,
-        swingAmplitude: (Math.random() * (swingMax - swingMin) + swingMin) * swingMin,
-        shapeType: chosenType,
-        imageUrl: chosenImageUrl,
-        emojiText: chosenEmojiText
-      });
-      sprite.addComponent(new DownwardMoveComponent());
-      sprite.addComponent(new SwingComponent());
-      sprite.addComponent(new LifetimeComponent());
-      sprite.init(engineRef);
-      return sprite;
-    }
-    // 计算平均垂直速度 辅助估算生成速率 保证视觉连续
-    function computeAverageVerticalSpeed(){
-      let countInView = 0;
-      let speedSum = 0;
-      for (let idx = 0; idx < snowflakes.length; idx++){
-        const flake = snowflakes[idx];
-        if (flake.outOfView){ continue; }
-        const verticalSpeed = (flake.driftSpeed * 2 + flake.radius * 0.25) * 60;
-        speedSum += verticalSpeed;
-        countInView++;
-      }
-      if (countInView > 0){
-        return speedSum / countInView;
-      }
-      const driftAverage = (driftMin + driftMax) * 0.5;
-      const radiusAverage = ((radiusMin + radiusMax) * 0.5) * radiusMin;
-      return (driftAverage * 2 + radiusAverage * 0.25) * 60;
-    }
-
-    // 函数 根据视口高度 目标最大数量 与平均速度估算初始化预填充数量
-    function estimateInitialPrefillCount(){
-      const averageVerticalSpeed = computeAverageVerticalSpeed();
-      const averageLifeSeconds = (viewportHeight + 5) / Math.max(0.001, averageVerticalSpeed);
-      const supplyRatePerSecond = snowflakesTargetCount / Math.max(0.001, averageLifeSeconds);
-      const warmupSeconds = Math.min(1.2, Math.max(0.6, averageLifeSeconds * 0.2));
-      const rawCount = Math.floor(supplyRatePerSecond * warmupSeconds);
-      const maxInitialFraction = 0.45;
-      const capByFraction = Math.floor(snowflakesTargetCount * maxInitialFraction);
-      const boundedCount = Math.max(8, Math.min(capByFraction, rawCount));
-      return boundedCount;
-    }
-
-    // 函数 封装添加雪花的操作 支持指定水平与垂直位置
-    function pushSnowflake(preferredX, preferredY){
-      var flake = createSnowflake(preferredX, preferredY);
-      if (flake){ snowflakes.push(flake); return true; }
-      return false;
-    }
-
-    // 函数 初始化预填充雪花 保持从顶部下落的感觉并避免过量
-    function initSnowPrefill(){
-      // 条件判断 仅在未达到时长且当前未生成过雪花时执行
-      if (hasReachedDuration){ return; }
-      if (snowflakes.length > 0){ return; }
-      const initialCount = estimateInitialPrefillCount();
-      yooneLogPush({ kind: 'prefill', count: initialCount, target: snowflakesTargetCount });
-      for (let spawnIndex = 0; spawnIndex < initialCount; spawnIndex++){
-        // 使用黄金比例相位分布水平位置 减少聚集
-        const preferredX = (spawnPhase % 1) * viewportWidth;
-        spawnPhase = (spawnPhase + goldenRatio) % 1;
-        // 预填充垂直位置覆盖顶部到中段 减少中段稀疏
-        const preferredY = -Math.random() * (viewportHeight * 0.4);
-        pushSnowflake(preferredX, preferredY);
-      }
-    }
-
-    // 調用初始化預填充
-    initSnowPrefill();
-
-    // 函数 更新雪花位置与视口状态
-    function updateSnowflakes(deltaSeconds){
-      for (let j = 0; j < snowflakes.length; j++){
-        const flake = snowflakes[j];
-        if (flake && typeof flake.update === 'function'){
-          flake.update(engineRef, deltaSeconds);
-        } else {
-          const frameFactor = Math.max(0.5, Math.min(2.0, deltaSeconds * 60));
-          flake.positionY += (flake.driftSpeed * 2 + flake.radius * 0.25) * frameFactor;
-          flake.positionX += Math.sin(flake.positionY * 0.01) * flake.swingAmplitude * frameFactor;
-          if (flake.positionY > viewportHeight + 5){ flake.outOfView = true; }
-        }
-      }
-    }
-
-    // 使用全局渲染注册表 根据形状类型选择渲染函数
-    
-    // 函数 清空画布并绘制可见雪花
-    function drawSnowflakes(){
-      context.clearRect(0, 0, viewportWidth, viewportHeight);
-      for (let k = 0; k < snowflakes.length; k++){
-        const flake = snowflakes[k];
-        if (flake.outOfView){ continue; }
-        if (flake && typeof flake.render === 'function'){
-          try{ flake.render(engineRef); }catch(e){}
-          continue;
-        }
-        const registry = window.YooneSnowShapeRenderers || {};
-        const renderer = registry[flake.shapeType] || registry['dot'];
-        if (typeof renderer === 'function'){
-          renderer(context, flake.positionX, flake.positionY, flake.radius);
-        }
-      }
-    }
-
-    // 清理停止函数 用于在达到设定时长后停止动画并释放资源
-    function cleanupStop(){
-      // 条件判断 如果存在窗口尺寸事件监听则移除
-      if (typeof onResize === 'function') {
-        window.removeEventListener('resize', onResize);
-      }
-      // 清空画布并隐藏元素
-      context.clearRect(0, 0, viewportWidth, viewportHeight);
-      canvas.style.display = 'none';
-    }
-
-    // 函数 更新系统 执行移除与补给并更新位置
-    function updateSystem(deltaSeconds){
-      for (let idx = snowflakes.length - 1; idx >= 0; idx--){
-        // 条件判断 仅当雪花已移出视口时才从数组移除 保证雪花下到窗口底部才消失
-        if (snowflakes[idx].outOfView){ snowflakes.splice(idx, 1); }
-      }
-      if (!hasReachedDuration){
-        // 依据当前平均速度以及视口高度估算雪花平均生命周期和补给速率
-        const averageVerticalSpeed = computeAverageVerticalSpeed();
-        const averageLifeSeconds = (viewportHeight + 5) / Math.max(0.001, averageVerticalSpeed);
-        const supplyRatePerSecond = snowflakesTargetCount / Math.max(0.001, averageLifeSeconds);
-        spawnAccumulator += supplyRatePerSecond * Math.max(0, deltaSeconds);
-        // 条件判断 根据累积值决定此次生成数量 保证均匀补给并确保达到最大设定数量
-        const availableSlots = Math.max(0, snowflakesTargetCount - snowflakes.length);
-        let spawnCount = Math.min(availableSlots, Math.floor(spawnAccumulator));
-        // 条件判断 若仍有缺口但累积量不足一整个单位 则至少补充 1 个
-        if (spawnCount === 0 && availableSlots > 0){ spawnCount = 1; }
-        // 条件判断 限制每帧最大生成数量避免瞬时爆发
-        const maxPerFrame = Math.max(1, Math.floor(snowflakesTargetCount * 0.05));
-        if (spawnCount > maxPerFrame){ spawnCount = maxPerFrame; }
-        if (spawnCount > 0){
-          yooneLogPush({ kind: 'frame', count: spawnCount, availableSlots: availableSlots, length: snowflakes.length, target: snowflakesTargetCount, accumulator: spawnAccumulator });
-          var added = 0;
-          for (let s = 0; s < spawnCount; s++){
-            const preferredX = (spawnPhase % 1) * viewportWidth;
-            spawnPhase = (spawnPhase + goldenRatio) % 1;
-            if (pushSnowflake(preferredX, undefined)) { added++; }
-          }
-          if (added > 0){ spawnAccumulator = Math.max(0, spawnAccumulator - added); }
-        }
-      }
-      updateSnowflakes(deltaSeconds);
-    }
-
-    // 函数 渲染系统 清空画布并绘制
-    function renderSystem(){
-      drawSnowflakes();
-    }
-
-    // 函数 动画主循环 包含生成 渲染 与停止逻辑
-    function shouldStop(){
-      if (displayDurationSeconds > 0 && !hasReachedDuration){
-        const elapsedSeconds = (performance.now() - startTimestamp) / 1000;
-        if (elapsedSeconds >= displayDurationSeconds){ hasReachedDuration = true; }
-      }
-      if (hasReachedDuration){
-        const allOut = snowflakes.every(function(f){ return f.outOfView; });
-        if (allOut){ return true; }
-      }
-      return false;
-    }
-    const animator = new SnowAnimator();
-
-    // 定义窗口尺寸事件处理器 以便在停止时移除
-    function onResize(){
-      // 条件判断 保证画布尺寸与视口一致
-      resizeCanvas();
-      viewportWidth = window.innerWidth;
-      viewportHeight = window.innerHeight;
-    }
-    window.addEventListener('resize', onResize);
-    animator.init();
-    animator.update();
-  }
-
-  // 条件判断 如果文档尚未加载则等待 DOMContentLoaded 事件
-  if (document.readyState === 'complete'){
-    init();
-  } else {
-    window.addEventListener('load', init);
-  }
-})();
diff --git a/lib/package-lock.json b/lib/package-lock.json
new file mode 100644
index 0000000..92f119b
--- /dev/null
+++ b/lib/package-lock.json
@@ -0,0 +1,957 @@
+{
+  "name": "yoone-snow-lib",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "yoone-snow-lib",
+      "version": "0.1.0",
+      "devDependencies": {
+        "typescript": "^5.6.3",
+        "vite": "^5.0.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.3.tgz",
+      "integrity": "sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.3.tgz",
+      "integrity": "sha512-CbDGaMpdE9sh7sCmTrTUyllhrg65t6SwhjlMJsLr+J8YjFuPmCEjbBSx4Z/e4SmDyH3aB5hGaJUP2ltV/vcs4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.3.tgz",
+      "integrity": "sha512-Nr7SlQeqIBpOV6BHHGZgYBuSdanCXuw09hon14MGOLGmXAFYjx1wNvquVPmpZnl0tLjg25dEdr4IQ6GgyToCUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.3.tgz",
+      "integrity": "sha512-DZ8N4CSNfl965CmPktJ8oBnfYr3F8dTTNBQkRlffnUarJ2ohudQD17sZBa097J8xhQ26AwhHJ5mvUyQW8ddTsQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.3.tgz",
+      "integrity": "sha512-yMTrCrK92aGyi7GuDNtGn2sNW+Gdb4vErx4t3Gv/Tr+1zRb8ax4z8GWVRfr3Jw8zJWvpGHNpss3vVlbF58DZ4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.3.tgz",
+      "integrity": "sha512-lMfF8X7QhdQzseM6XaX0vbno2m3hlyZFhwcndRMw8fbAGUGL3WFMBdK0hbUBIUYcEcMhVLr1SIamDeuLBnXS+Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.3.tgz",
+      "integrity": "sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.3.tgz",
+      "integrity": "sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.3.tgz",
+      "integrity": "sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.3.tgz",
+      "integrity": "sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.3.tgz",
+      "integrity": "sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.3.tgz",
+      "integrity": "sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.3.tgz",
+      "integrity": "sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.3.tgz",
+      "integrity": "sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.3.tgz",
+      "integrity": "sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.3.tgz",
+      "integrity": "sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.3.tgz",
+      "integrity": "sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.3.tgz",
+      "integrity": "sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.3.tgz",
+      "integrity": "sha512-GOFuKpsxR/whszbF/bzydebLiXIHSgsEUp6M0JI8dWvi+fFa1TD6YQa4aSZHtpmh2/uAlj/Dy+nmby3TJ3pkTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.3.tgz",
+      "integrity": "sha512-iah+THLcBJdpfZ1TstDFbKNznlzoxa8fmnFYK4V67HvmuNYkVdAywJSoteUszvBQ9/HqN2+9AZghbajMsFT+oA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.3.tgz",
+      "integrity": "sha512-J9QDiOIZlZLdcot5NXEepDkstocktoVjkaKUtqzgzpt2yWjGlbYiKyp05rWwk4nypbYUNoFAztEgixoLaSETkg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.3.tgz",
+      "integrity": "sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.53.3.tgz",
+      "integrity": "sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.53.3",
+        "@rollup/rollup-android-arm64": "4.53.3",
+        "@rollup/rollup-darwin-arm64": "4.53.3",
+        "@rollup/rollup-darwin-x64": "4.53.3",
+        "@rollup/rollup-freebsd-arm64": "4.53.3",
+        "@rollup/rollup-freebsd-x64": "4.53.3",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.53.3",
+        "@rollup/rollup-linux-arm-musleabihf": "4.53.3",
+        "@rollup/rollup-linux-arm64-gnu": "4.53.3",
+        "@rollup/rollup-linux-arm64-musl": "4.53.3",
+        "@rollup/rollup-linux-loong64-gnu": "4.53.3",
+        "@rollup/rollup-linux-ppc64-gnu": "4.53.3",
+        "@rollup/rollup-linux-riscv64-gnu": "4.53.3",
+        "@rollup/rollup-linux-riscv64-musl": "4.53.3",
+        "@rollup/rollup-linux-s390x-gnu": "4.53.3",
+        "@rollup/rollup-linux-x64-gnu": "4.53.3",
+        "@rollup/rollup-linux-x64-musl": "4.53.3",
+        "@rollup/rollup-openharmony-arm64": "4.53.3",
+        "@rollup/rollup-win32-arm64-msvc": "4.53.3",
+        "@rollup/rollup-win32-ia32-msvc": "4.53.3",
+        "@rollup/rollup-win32-x64-gnu": "4.53.3",
+        "@rollup/rollup-win32-x64-msvc": "4.53.3",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmmirror.com/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.21",
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    }
+  }
+}
diff --git a/lib/package.json b/lib/package.json
new file mode 100644
index 0000000..1fd86d3
--- /dev/null
+++ b/lib/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "yoone-snow-lib",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite",
+    "watch": "vite build --watch"
+  },
+  "devDependencies": {
+    "typescript": "^5.6.3",
+    "vite": "^5.0.0"
+  }
+}
diff --git a/lib/src/animator/Animator.ts b/lib/src/animator/Animator.ts
new file mode 100644
index 0000000..8d12f0d
--- /dev/null
+++ b/lib/src/animator/Animator.ts
@@ -0,0 +1,38 @@
+export class Animator {
+  private lastTs = performance.now()
+  private rafId: number | null = null
+  private running = false
+  constructor(
+    private onFrame: (dt: number) => void,
+    private isDone: () => boolean,
+    private onStopped?: () => void
+  ){}
+  init(){
+    this.lastTs = performance.now()
+    this.running = false
+  }
+  private loop = () => {
+    if (!this.running) return
+    const nowTs = performance.now()
+    const deltaSeconds = Math.max(0, (nowTs - this.lastTs) / 1000)
+    this.lastTs = nowTs
+    this.onFrame(deltaSeconds)
+    if (this.isDone()){
+      this.stop()
+      if (this.onStopped) this.onStopped()
+      return
+    }
+    this.rafId = requestAnimationFrame(this.loop)
+  }
+  update(){
+    this.running = true
+    this.rafId = requestAnimationFrame(this.loop)
+  }
+  stop(){
+    if (this.rafId !== null && typeof cancelAnimationFrame === 'function'){
+      try { cancelAnimationFrame(this.rafId) } catch {}
+      this.rafId = null
+    }
+    this.running = false
+  }
+}
diff --git a/lib/src/animator/SnowAnimator.ts b/lib/src/animator/SnowAnimator.ts
new file mode 100644
index 0000000..86fa087
--- /dev/null
+++ b/lib/src/animator/SnowAnimator.ts
@@ -0,0 +1,32 @@
+import { Animator } from './Animator'
+import { createSystem, SystemSettings } from '../system/snowSystem'
+
+export function runSnow(canvas: HTMLCanvasElement, settings: SystemSettings){
+  const context = canvas.getContext('2d') as CanvasRenderingContext2D
+  let viewportWidth = window.innerWidth
+  let viewportHeight = window.innerHeight
+  const dpr = window.devicePixelRatio || 1
+  function resize(){
+    viewportWidth = window.innerWidth
+    viewportHeight = window.innerHeight
+    canvas.style.width = `${viewportWidth}px`
+    canvas.style.height = `${viewportHeight}px`
+    canvas.width = Math.floor(viewportWidth * dpr)
+    canvas.height = Math.floor(viewportHeight * dpr)
+    context.setTransform(dpr, 0, 0, dpr, 0, 0)
+    system.setViewport(viewportWidth, viewportHeight)
+    system.recomputeTarget()
+  }
+  resize()
+  const system = createSystem(context, () => viewportWidth, () => viewportHeight, settings)
+  const animator = new Animator(
+    (dt) => { system.updateSystem(dt); system.renderSystem() },
+    () => system.shouldStop(),
+    () => { context.clearRect(0, 0, viewportWidth, viewportHeight); canvas.style.display = 'none' }
+  )
+  function onResize(){ resize() }
+  window.addEventListener('resize', onResize)
+  animator.init()
+  animator.update()
+  return { stop(){ animator.stop(); window.removeEventListener('resize', onResize) } }
+}
diff --git a/lib/src/assets/圣诞拐杖.svg b/lib/src/assets/圣诞拐杖.svg
new file mode 100644
index 0000000..b3115f8
--- /dev/null
+++ b/lib/src/assets/圣诞拐杖.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1765417942385" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1604" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M441.072742 11.982834c189.202649-39.400265 406.005828 72.832848 431.097218 280.006358 7.730861 63.657536-11.908238 116.098543-58.930861 157.329801-79.275232 69.509934-215.650331 37.704901-236.401589-72.42596-4.475762-23.938543 8.137748-51.132185-12.884768-69.374305-28.027762-24.453934-54.183841-22.555126-78.461457 5.696424-25.132079 29.343364-35.690808 63.677881-31.669404 103.010331a552.485298 552.485298 0 0 0 15.936424 85.988875c17.292715 64.288212 34.58543 125.456954 57.506755 190.626755 19.08302 54.346596 31.330331 90.308662 36.755496 107.89298 32.076291 104.230993-24.34543 214.361854-140.443973 218.769801-62.389404 2.305695-107.323338-23.958887-134.815364-78.80053-25.905166-51.606887-43.401325-100.229934-64.627285-160.381457-34.449801-97.788609-57.710199-196.662252-69.781192-296.620927-25.701722-212.598675 60.354967-424.519205 286.72-471.718146z m121.25245 211.378014c24.372556 9.54151 45.890119 22.85351 64.55947 39.942781 2.217536 2.034437 4.455417 2.061563 6.713643 0.067815 20.120583-18.079364 34.700715-40.078411 43.740397-65.983576 5.49298-15.665166 7.527417-37.84053 11.189404-56.014835 1.946278-9.717828-0.718834-16.838358-8.002119-21.361589-74.094199-45.883338-153.260927-57.933987-237.486623-36.145166-2.69902 0.678146-4.780927 2.814305-5.411602 5.54045-0.623894 2.719364 0.311947 5.581139 2.427761 7.412133a606.743735 606.743735 0 0 1 101.043709 110.809007c5.628609 8.002119 12.681325 12.342252 21.22596 15.73298z m-271.73298 14.647947c41.638146 13.793483 79.071788 36.802967 112.300927 69.035231 1.274914 1.25457 3.092344 1.763179 4.84196 1.369855a5.404821 5.404821 0 0 0 3.838305-3.336477c11.487788-31.059073 31.018384-55.648636 58.591788-73.782252a4.204503 4.204503 0 0 0 1.152848-5.764238 145.136742 145.136742 0 0 0-25.633908-30.041854c-27.349616-24.277616-53.275126-48.148344-77.783311-71.612186-4.428291-7.188344-10.599417-8.090278-18.513377-2.712583-36.891126 24.955762-67.495841 59.093616-91.820927 102.4-1.308821 2.305695-0.69849 3.86543 1.830993 4.679206l31.194702 9.765298z m383.287947 78.122384c-20.886887 9.270252-30.014728 22.15502-27.397086 38.654304 7.147656 45.076344 35.670464 65.373245 85.581987 60.897484 21.612503-6.822146 38.701775-20.005298 51.267814-39.535894 36.891126-57.167682 8.951523-141.664636-31.194702-190.152053-5.560795-6.733987-8.51751-5.737113-8.883708 2.983841-1.898808 46.886993-21.402278 86.938278-58.523974 120.167417-4.204503 3.756927-7.81902 6.082967-10.850331 6.984901z m-384.644238 290.314172c37.026755-32.34755 65.983576-61.44 106.807947-87.684238 3.567046-2.271788 5.309881-6.56445 4.340132-10.714702a626.999947 626.999947 0 0 1-15.393907-109.249272c-2.102252-41.299073-88.972715-82.191258-123.219073-94.465695l-27.058013-8.951523a4.814834 4.814834 0 0 0-6.171126 3.458543c-27.464901 112.233113-7.188344 231.858013 24.34543 340.903841a3.797616 3.797616 0 0 0 6.578014 1.424106l29.770596-34.72106z m31.737218 65.780132l-43.33351 42.58755c-2.366728 2.319258-3.187285 5.784583-2.102252 8.883709l44.079471 129.051126a2.509139 2.509139 0 0 0 4.340132 0.74596l36.755497-45.232318c26.990199-28.143046 63.270993-58.523974 102.196556-67.204238a5.086093 5.086093 0 0 0 3.729801-6.510199l-43.808211-138.680795c-1.125722-3.661987-3.187285-4.272318-6.171126-1.830993l-95.686358 78.190198z m95.550729 175.639736c-20.276556 19.462781-42.384106 44.486358-48.690861 70.323708a9.290596 9.290596 0 0 0 0.74596 6.510199c5.201377 10.579073 13.250967 18.493033 24.141987 23.735099 0.813775 2.760053 3.234755 4.407947 7.256159 4.950464 58.184901 8.341192 113.250331-38.247417 110.944635-98.466755-0.583205-16.139868-4.109563-32.320424-10.579073-48.555232a11.325033 11.325033 0 0 0-14.783576-6.306755c-29.248424 11.799735-52.257907 27.736159-69.035231 47.809272z" fill="#343333" p-id="1605"></path><path d="M562.325192 223.360848c-8.544636-3.390728-15.597351-7.730861-21.22596-15.73298a606.743735 606.743735 0 0 0-101.043709-110.809007 7.574887 7.574887 0 0 1-2.427761-7.412133c0.630675-2.726146 2.712583-4.855523 5.411602-5.54045 84.225695-21.788821 163.392424-9.738172 237.486623 36.145166 7.283285 4.523232 9.948397 11.643762 8.002119 21.361589-3.661987 18.174305-5.696424 40.349669-11.189404 56.014835-9.039682 25.905166-23.619815 47.904212-43.740397 65.983576-2.258225 1.993748-4.496106 1.966623-6.713643-0.067815-18.669351-17.089272-40.186914-30.401272-64.55947-39.942781z" fill="#FF5646" p-id="1606"></path><path d="M367.900821 123.876874c-30.516556 22.243179-45.639205 44.350728-60.287152 80.021192a242.403179 242.403179 0 0 1-17.021457 34.110729l-31.194702-9.765298c-2.529483-0.813775-3.139815-2.37351-1.830993-4.679206 24.325086-43.306384 54.929801-77.444238 91.820927-102.4 7.91396-5.377695 14.085086-4.475762 18.513377 2.712583z" fill="#FBD2BD" p-id="1607"></path><path d="M367.900821 123.876874c24.508185 23.463841 50.433695 47.33457 77.783311 71.612186a145.136742 145.136742 0 0 1 25.633908 30.041854 4.204503 4.204503 0 0 1-1.152848 5.764238c-27.573404 18.133616-47.104 42.723179-58.591788 73.782252a5.404821 5.404821 0 0 1-3.838305 3.336477 5.242066 5.242066 0 0 1-4.84196-1.369855c-33.229139-32.232265-70.662781-55.241748-112.300927-69.035231a242.403179 242.403179 0 0 0 17.021457-34.110729c14.647947-35.670464 29.770596-57.778013 60.287152-80.021192zM732.06506 415.682967c-31.642278-27.803974-51.037245-60.985642-58.184901-99.551788 3.031311-0.901934 6.645828-3.227974 10.850331-6.984901 37.121695-33.229139 56.625166-73.280424 58.523974-120.167417 0.366199-8.720954 3.322914-9.717828 8.883708-2.983841 40.146225 48.487417 68.085828 132.984371 31.194702 190.152053-12.56604 19.530596-29.655311 32.713748-51.267814 39.535894z" fill="#FF5646" p-id="1608"></path><path d="M261.77102 304.331444c-10.850331 33.547868-15.597351 68.472371-14.24106 104.77351 2.536265 67.773881 16.438252 133.554013 41.705961 197.340397l-29.770596 34.72106a3.797616 3.797616 0 0 1-6.578014-1.424106c-31.533775-109.045828-51.810331-228.670728-24.34543-340.903841a4.814834 4.814834 0 0 1 6.171126-3.458543l27.058013 8.951523z" fill="#FBD2BD" p-id="1609"></path><path d="M261.77102 304.331444c34.246358 12.274437 121.116821 53.166623 123.219073 94.465695a626.999947 626.999947 0 0 0 15.393907 109.249272 10.002649 10.002649 0 0 1-4.340132 10.714702c-40.824371 26.244238-69.781192 55.336689-106.807947 87.684238-25.267709-63.786384-39.169695-129.566517-41.705961-197.340397-1.356291-36.301139 3.390728-71.225642 14.24106-104.77351z" fill="#FF5646" p-id="1610"></path><path d="M673.880159 316.131179c7.147656 38.566146 26.542623 71.747815 58.184901 99.551788-49.911523 4.475762-78.434331-15.821139-85.581987-60.897484-2.617642-16.499285 6.510199-29.384053 27.397086-38.654304z" fill="#FEFEFE" p-id="1611"></path><path d="M360.712477 808.26151a550.111788 550.111788 0 0 1-39.739338-136.036027l95.686358-78.190198c2.983841-2.441325 5.045404-1.830993 6.171126 1.830993l43.808211 138.680795a5.086093 5.086093 0 0 1-3.729801 6.510199c-38.925563 8.680265-75.206358 39.061192-102.196556 67.204238z" fill="#FF5646" p-id="1612"></path><path d="M320.973139 672.225483a550.111788 550.111788 0 0 0 39.739338 136.036027l-36.755497 45.232318a2.509139 2.509139 0 0 1-4.340132-0.74596l-44.079471-129.051126c-1.085033-3.099126-0.264477-6.56445 2.102252-8.883709l43.33351-42.58755z" fill="#FBD2BD" p-id="1613"></path><path d="M392.720954 948.434225c3.797616-1.308821 5.696424-3.661987 5.696423-7.052715-0.311947-31.872848 5.72355-63.040424 18.106491-93.516291 16.777325-20.073113 39.786808-36.009536 69.035231-47.809272a11.325033 11.325033 0 0 1 14.783576 6.306755c6.46951 16.234808 9.995868 32.415364 10.579073 48.555232 2.305695 60.219338-52.759735 106.807947-110.944635 98.466755-4.021404-0.542517-6.442384-2.190411-7.256159-4.950464z" fill="#CD4C3D" p-id="1614"></path><path d="M416.523868 847.865219c-12.38294 30.475868-18.418437 61.643444-18.106491 93.516291 0 3.390728-1.898808 5.743894-5.696423 7.052715-10.89102-5.242066-18.940609-13.156026-24.141987-23.735099a9.290596 9.290596 0 0 1-0.74596-6.510199c6.306755-25.837351 28.414305-50.860927 48.690861-70.323708z" fill="#FBD2BD" p-id="1615"></path></svg>
\ No newline at end of file
diff --git a/lib/src/assets/圣诞果.svg b/lib/src/assets/圣诞果.svg
new file mode 100644
index 0000000..34dafd5
--- /dev/null
+++ b/lib/src/assets/圣诞果.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1765417952457" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1766" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M222.633558 654.016831l-30.254545-1.928312a15.825455 15.825455 0 0 1-14.495584-12.766753c-6.981818-35.972987-10.638961-75.004675-24.868572-105.658182-22.674286-48.806234-59.046234-84.247273-103.72987-115.366233-6.163948-4.255584-8.511169-10.359688-7.048312-18.285715 4.189091-23.405714 11.503377-46.678442 11.37039-69.884675-0.265974-54.045922-6.649351-107.387013-19.15013-160.04987-0.891013-3.856623-0.292571-9.309091 1.795325-16.357403 6.157299-20.666182 19.968-28.06026 41.425454-22.208831 33.865143 9.255896 67.730286 18.525091 101.602078 27.794286 35.308052 9.708052 108.051948 25.799481 137.575065 2.127792 22.341818-17.886753 33.845195-25.267532 62.503896-30.254545a7.447273 7.447273 0 0 0 6.117403-6.316884c1.728831-12.168312 1.13039-26.331429 3.457662-37.302857C404.094338 15.878649 483.088623-22.554597 545.326545 24.389818c41.358961 31.251948 56.452987 92.292987 21.211429 134.782338-37.768312 45.614545-92.093506 38.632727-143.027532 20.546493-3.457662-1.250078-5.033558-0.026597-4.721039 3.657143 4.787532 51.266494 37.16987 91.096104 67.025454 130.65974 6.955221 9.176104 14.468987 16.756364 22.541299 22.74078a4.255584 4.255584 0 0 0 6.782338-2.925715c4.654545-40.96 36.172468-51.798442 60.775064-76.467532 22.11574-22.168935 33.68561-46.279481 34.709611-72.344935 0.465455-11.303896-8.644156-26.065455-6.050909-40.494546 11.037922-60.974545 50.335584-19.549091 76.932987-4.854026 73.874286 40.893506 183.987532-0.864416 260.787532-26.065454 36.305455-11.902338 50.934026 15.027532 44.883117 48.074805a1229.51813 1229.51813 0 0 0-16.024935 121.417143c-2.220883 27.209143 1.416312 60.921351 10.904935 101.136623 4.122597 17.421299-5.518961 32.448831-21.078441 42.688831-56.984935 37.568831-95.484675 98.676364-106.655585 169.691429-2.65974 16.955844-5.718442 23.937662-18.086234 33.446234a8.311688 8.311688 0 0 1-6.516363 1.52935 58.926545 58.926545 0 0 0-33.512728 3.391169c-2.127792 0.877714-3.68374 2.340571-4.654545 4.388572-2.792727 5.798234-3.504208 11.702857-2.127792 17.687272 8.245195 37.036883 3.657143 66.094545-6.782338 109.581299-27.195844 113.038961-145.687273 248.22026-270.562078 252.608831-113.570909 3.923117-218.697143-111.443117-262.117402-205.265454-23.13974-49.923325-31.364987-102.187221-24.669091-156.791689 0.219429-1.994805-0.664935-3.058701-2.659741-3.191688z m287.152208-530.305662c10.293195-12.307948 7.606857-31.517922-5.997714-42.888312-13.611221-11.377039-32.980779-10.625662-43.280623 1.688935-10.293195 12.307948-7.606857 31.517922 6.004363 42.888312 13.604571 11.383688 32.980779 10.625662 43.273974-1.688935zM868.883948 218.816831c-62.503896 16.756364-125.632831 19.66213-189.373506 8.71065-2.526753-0.445506-3.68374 0.61839-3.457663 3.191688 0.751377 8.777143 0.019948 15.645922-2.194285 20.612987-18.53174 41.671481-48.340779 71.500468-89.433767 89.50026-4.268883 1.835221-6.383377 6.656-4.854026 11.037922 12.633766 35.972987 24.868571 66.360519 26.863377 105.05974-2.174338 4.036156-3.258182 10.060468-3.258182 18.086234a7.081558 7.081558 0 0 0 6.649351 7.048311c31.916883 1.728831 86.375065 14.761558 107.054545 41.225974 17.155325 21.942857 24.403117 37.302857 57.716364 33.579221a9.309091 9.309091 0 0 0 7.58026-5.585454 536.768831 536.768831 0 0 1 31.384935-61.572987c23.006753-38.898701 56.120519-74.672208 87.438961-109.315325 18.418701-20.347013 7.114805-101.203117 3.457662-127.933507a3.045403 3.045403 0 0 0-1.396364-2.327272c-0.578494-0.445506-0.891013-1.110442-0.930909-1.994805-0.664935-12.853195 0.352416-26.311481 3.058702-40.361559a7.048312 7.048312 0 0 0-9.176104-8.045714l-15.758961 5.252987c-1.196883 0.398961-1.795325 1.216831-1.795325 2.46026v2.260779c-0.046545 1.775377-0.930909 2.859221-2.65974 3.258182-4.521558 0.977455-6.828883 2.925714-6.915325 5.851428zM123.358753 236.504104c5.625351 42.376312 5.851429 85.424208 0.664935 129.13039-10.286545 1.416312-13.611221 8.777143-9.974026 22.075844 0.558545 2.114494 1.795325 4.022857 3.524156 5.452467 55.322597 46.232935 97.28 102.466494 125.872208 168.694026 2.792727 6.562909 7.048312 7.713247 12.766753 3.457663 2.347221-1.728831 5.006961-5.186494 7.979221-10.372988 29.523117-28.525714 52.795844-34.842597 94.021818-43.686233 2.526753-0.531948 3.657143-2.061299 3.391169-4.588052a29.782442 29.782442 0 0 0-2.46026-9.109611c1.63574-10.372987 2.300675-30.899532 1.994805-61.572987-0.398961-47.742338 32.04987-60.841558 71.081559-75.603117 2.433662-0.884364 2.925714-2.393766 1.462857-4.521558L362.269922 250.534234a28.691948 28.691948 0 0 0-25.201039-12.567273c-27.794286 1.32987-56.167065 1.442909-85.111688 0.332468-12.89974-0.465455-28.791688 1.595844-44.417663-3.258182-23.764779-7.447273-49.471169-16.49039-77.132467-27.129351-5.632-2.174338-8.311688-0.246026-8.045714 5.784935l0.997402 22.807273z m420.119273 210.53174c-3.756883-34.018078-35.062026-58.47439-69.917922-54.631065a64.299221 64.299221 0 0 0-42.642286 22.973507 61.227221 61.227221 0 0 0-13.677714 45.594597c3.756883 34.018078 35.062026 58.481039 69.917922 54.631065a64.299221 64.299221 0 0 0 42.642286-22.966857 61.227221 61.227221 0 0 0 13.677714-45.601247zM599.45226 540.97787c-69.997714 26.909922-86.641039 73.00987-49.936624 138.306494 31.604364 33.37974 70.237091 43.041247 115.898182 28.991168 52.729351-16.157922 67.357922-72.544416 40.494546-117.228051-25.49361-42.422857-60.974545-59.112727-106.456104-50.069611z m-227.806754 42.954805c-70.616104 17.82026-116.895584 105.924156-36.438441 147.748572 21.09839 10.24 43.486753 12.587221 67.158441 7.048311 20.120935-4.740987 35.726961-15.140571 46.811429-31.185454 18.817662-27.262338 15.227013-64.964156 9.043117-97.346494-5.053506-26.663896-15.625974-36.305455-42.888312-35.175065-20.127584 0.844468-34.689662 3.810078-43.686234 8.91013z m334.262858 176.872728c-70.150649 36.903896-122.348052 17.022338-186.115325-19.815065-1.994805-1.110442-3.770182-0.844468-5.319481 0.797922-47.542857 49.737143-132.122597 95.484675-197.751688 49.271688-8.378182-5.897974-10.107013-4.342026-5.186493 4.654546 33.579221 61.44 78.063377 114.368831 144.955844 144.357402 33.645714 15.160519 68.022857 17.886753 100.272208 2.593247 74.512623-35.241558 125.626182-93.356883 153.334026-174.345974 1.236779-3.637195 1.349818-5.831481 0.332467-6.582857-1.775377-1.283325-3.284779-1.595844-4.521558-0.930909z" fill="#343333" p-id="1767"></path><path d="M460.515632 82.511999a32.116364 29.057662 39.9 1 0 49.27711 41.202059 32.116364 29.057662 39.9 1 0-49.27711-41.202059Z" fill="#FF5646" p-id="1768"></path><path d="M606.434078 456.930078c13.51813-20.134234 24.223584-33.113766 32.116364-38.965195 86.907013-64.365714 153.001558-116.962078 227.341298-189.772467 3.856623-3.776831 4.854026-6.902026 2.992208-9.375585 0.086442-2.925714 2.393766-4.880623 6.915325-5.851428 1.728831-0.398961 2.613195-1.489455 2.65974-3.258182v-2.260779c0-1.250078 0.598442-2.061299 1.795325-2.46026l15.758961-5.252987a7.048312 7.048312 0 0 1 9.176104 8.045714c-2.706286 14.043429-3.723636 27.501714-3.058702 40.361559 0.039896 0.877714 0.352416 1.542649 0.930909 1.994805a3.045403 3.045403 0 0 1 1.396364 2.327272c3.657143 26.73039 14.961039 107.586494-3.457662 127.933507-31.318442 34.643117-64.432208 70.416623-87.438961 109.315325a536.768831 536.768831 0 0 0-31.384935 61.572987 9.309091 9.309091 0 0 1-7.58026 5.585454c-33.313247 3.723636-40.561039-11.636364-57.716364-33.579221-20.679481-26.464416-75.137662-39.497143-107.054545-41.225974a7.081558 7.081558 0 0 1-6.649351-7.048311c0-8.032416 1.083844-14.056727 3.258182-18.086234zM359.144727 497.55761c-5.718442-7.979221-10.818494-14.03013-15.293506-18.152727a1547.137662 1547.137662 0 0 1-217.965715-249.417143c-0.977455-1.422961-1.821922 0.744727-2.526753 6.516364l-0.997402-22.807273c-0.265974-6.03761 2.413714-7.965922 8.045714-5.784935 27.661299 10.638961 53.367688 19.682078 77.132467 27.129351 15.625974 4.854026 31.517922 2.792727 44.417663 3.258182 28.944623 1.103792 57.317403 0.997403 85.111688-0.332468a28.691948 28.691948 0 0 1 25.201039 12.567273L433.683948 355.859948c1.462857 2.127792 0.970805 3.630545-1.462857 4.521558-39.031688 14.761558-71.480519 27.860779-71.081559 75.603117 0.30587 30.666805-0.359065 51.2-1.994805 61.572987z" fill="#029846" p-id="1769"></path><path d="M868.883948 218.816831c1.861818 2.473558 0.864416 5.598753-2.992208 9.375585-74.33974 72.81039-140.434286 125.406753-227.341298 189.772467-7.892779 5.851429-18.598234 18.830961-32.116364 38.965195-1.994805-38.699221-14.22961-69.086753-26.863377-105.05974a8.843636 8.843636 0 0 1 4.854026-11.037922c41.092987-18.006442 70.902026-47.835429 89.433767-89.50026 2.214234-4.973714 2.945662-11.835844 2.194285-20.612987-0.226078-2.579948 0.930909-3.643844 3.457663-3.191688 63.740675 10.944831 126.86961 8.045714 189.373506-8.71065zM359.144727 497.55761c1.283325 2.832623 2.101195 5.864727 2.46026 9.109611 0.265974 2.526753-0.864416 4.056104-3.391169 4.588052-41.225974 8.843636-64.498701 15.160519-94.021818 43.686233-27.062857-72.81039-71.214545-149.743377-140.168312-189.307012 5.186494-43.712831 4.960416-86.760727-0.664935-129.13039 0.704831-5.771636 1.549299-7.939325 2.526753-6.516364a1547.137662 1547.137662 0 0 0 217.965715 249.417143c4.475013 4.122597 9.575065 10.173506 15.293506 18.152727z" fill="#FEFEFE" p-id="1770"></path><path d="M124.023688 365.634494c68.953766 39.563636 113.105455 116.496623 140.168312 189.307012-2.97226 5.186494-5.632 8.644156-7.979221 10.372988-5.718442 4.255584-9.974026 3.098597-12.766753-3.457663-28.592208-66.227532-70.54961-122.46774-125.872208-168.694026a10.612364 10.612364 0 0 1-3.524156-5.452467c-3.637195-13.298701-0.312519-20.666182 9.974026-22.075844z" fill="#029846" p-id="1771"></path><path d="M417.243848 460.966026a61.971948 63.501299 83.7 1 0 126.235623-13.936543 61.971948 63.501299 83.7 1 0-126.235623 13.936543Z" fill="#FCC556" p-id="1772"></path><path d="M549.515636 679.284364c-6.516364-35.999584-1.755429-68.275532 14.296104-96.814546 8.245195-14.628571 20.120935-28.459221 35.64052-41.491948 45.481558-9.043117 80.962494 7.646753 106.456104 50.069611 26.863377 44.683636 12.234805 101.07013-40.494546 117.228051-45.661091 14.043429-84.293818 4.388571-115.898182-28.991168z" fill="#FF5646" p-id="1773"></path><path d="M599.45226 540.97787c-15.519584 13.032727-27.395325 26.863377-35.64052 41.491948-16.051532 28.539013-20.812468 60.814961-14.296104 96.814546-36.704416-65.296623-20.061091-111.403221 49.936624-138.306494z" fill="#FEFEFE" p-id="1774"></path><path d="M335.207065 731.681247c-21.371013-27.927273-25.959065-57.117922-13.764156-87.571948 9.262545-23.192935 25.998961-43.247377 50.202597-60.176624 8.996571-5.106701 23.558649-8.072312 43.686234-8.91013 27.262338-1.13039 37.834805 8.511169 42.888312 35.175065 6.183896 32.382338 9.774545 70.084156-9.043117 97.346494-11.084468 16.038234-26.690494 26.437818-46.811429 31.185454-23.671688 5.53226-46.060052 3.191688-67.158441-7.048311z" fill="#FF5646" p-id="1775"></path><path d="M371.645506 583.932675c-24.203636 16.929247-40.940052 36.983688-50.202597 60.176624-12.194909 30.454026-7.606857 59.644675 13.764156 87.571948-80.457143-41.824416-34.177662-129.928312 36.438441-147.748572z" fill="#FEFEFE" p-id="1776"></path><path d="M705.908364 760.805403c1.236779-0.664935 2.746182-0.359065 4.521558 0.930909 1.017351 0.744727 0.904312 2.939013-0.332467 6.582857-27.707844 80.989091-78.821403 139.104416-153.334026 174.345974-32.249351 15.293506-66.626494 12.567273-100.272208-2.593247-66.892468-29.988571-111.376623-82.917403-144.955844-144.357402-4.920519-9.003221-3.191688-10.559169 5.186493-4.654546 65.629091 46.212987 150.208831 0.465455 197.751688-49.271688 1.549299-1.649039 3.324675-1.915013 5.319481-0.797922 63.767273 36.837403 115.964675 56.718961 186.115325 19.815065z" fill="#FCC556" p-id="1777"></path></svg>
\ No newline at end of file
diff --git a/lib/src/assets/圣诞树.svg b/lib/src/assets/圣诞树.svg
new file mode 100644
index 0000000..15db561
--- /dev/null
+++ b/lib/src/assets/圣诞树.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1765418006558" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2412" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M593.026327 979.99903l-6.330182-60.695272a5.492364 5.492364 0 0 0-5.523393-4.902788l-138.953697 1.241212a2.916848 2.916848 0 0 0-2.916849 3.04097l1.365333 37.360484c-6.578424 19.176727-18.556121 49.772606-33.016242 59.640243-9.991758 6.888727-26.561939 4.096-38.974061 3.165091-106.210521-8.235442-207.822352-31.278545-304.841697-69.135515-28.920242-11.29503-56.102788-35.622788-34.071272-68.204607a24733.385697 24733.385697 0 0 1 197.911272-288.83006c2.147297-3.10303 1.694255-5.771636-1.365333-8.005818l-32.768-23.583031a9.836606 9.836606 0 0 1-2.482424-13.405091l109.102545-167.253333a2.358303 2.358303 0 0 0-0.992969-3.413333c-37.546667-16.942545-40.401455-41.890909-17.811394-76.83103a33366.593164 33366.593164 0 0 1 191.705212-293.546667c1.154327-1.781139 2.749285-2.978909 4.778666-3.599515 17.625212-5.275152 41.084121-4.964848 53.248 11.419151a7283.078982 7283.078982 0 0 1 142.30497 198.780121 13.498182 13.498182 0 0 1-1.923879 17.563152l-20.914424 19.48703c-2.978909 2.767903-3.351273 5.833697-1.117091 9.18497l181.27903 272.384c1.613576 2.438982 1.092267 4.3008-1.551515 5.585454-11.009552 5.374448-17.650036 14.149818-19.921454 26.313697a10.767515 10.767515 0 0 1-11.419152 8.688485l-21.410909-1.613575a2.606545 2.606545 0 0 0-2.172121 4.344242c16.340558 18.698861 29.044364 34.853236 38.105212 48.469333a18978.23263 18978.23263 0 0 0 177.679515 261.523394c25.56897 36.926061-15.018667 57.406061-46.607515 68.452849-105.999515 36.988121-211.378424 58.479709-316.136727 64.480969-6.206061 0.328921-11.108848-3.022352-14.708364-10.053818-2.978909-5.796461-9.495273-15.142788-19.549091-28.051394zM499.625115 78.010182c-56.723394 83.446691-109.580412 164.355103-158.564848 242.71903-3.227152 5.213091-2.153503 7.900315 3.227151 8.067879a5.945406 5.945406 0 0 0 2.978909-0.682667l71.183515-38.849939c13.609891-5.380655 45.589721-19.28223 95.945697-41.704727 6.988024-3.10303 10.4448-7.906521 10.364122-14.398061 0-2.321067 1.117091-3.189915 3.351272-2.606545 21.783273 5.523394 46.669576-12.908606 64.418909-22.590061 3.847758-2.110061 4.486982-4.94623 1.923879-8.502303-19.238788-26.977745-36.907442-52.25503-52.999757-75.838061-8.651248-12.623127-22.590061-27.827976-41.828849-45.614545z m-95.138909 283.554909a1.985939 1.985939 0 0 0 0 3.661576l329.479758 135.043878a1.985939 1.985939 0 0 0 2.420363-2.916848l-143.297939-215.164121a1.985939 1.985939 0 0 0-2.420364-0.682667l-186.181818 80.058182z m-109.412848 157.447757c3.140267 2.234182 5.275152 3.369891 6.392242 3.413334 52.912873 1.073648 105.788509 0.496485 158.626909-1.737697 32.147394-1.365333 58.274909-7.571394 86.202182-19.42497a4.033939 4.033939 0 0 0 0.372364-7.19903 1093.563733 1093.563733 0 0 0-163.281455-72.362667l-20.107636-11.108848a5.08897 5.08897 0 0 0-6.516364 1.365333l-72.300606 94.145939a8.63263 8.63263 0 0 0-1.365333 8.440243c1.19777 3.51263 5.188267 5.002085 11.977697 4.468363z m302.855757 20.728243c-90.980848 51.262061-179.16897 43.318303-278.59006 32.457697a4.623515 4.623515 0 0 0-4.344243 1.985939l-102.524121 146.276849a16717.284073 16717.284073 0 0 0-87.939879 126.913939c-6.125382 8.893285-10.513067 16.446061-13.156848 22.652121-4.307006 9.966933-2.010764 11.853576 6.888727 5.647516l32.643879-22.590061c18.618182-7.571394 38.849939-18.556121 54.054788-25.382788 69.011394-31.030303 137.855224-62.395733 206.537697-94.083879a1115.868315 1115.868315 0 0 1 79.127272-32.892121 17.37697 17.37697 0 0 1 13.963637 0.806788c11.996315 6.206061 24.9856 12.412121 38.97406 18.618182 23.707152 10.550303 32.954182-3.661576 55.854546-7.385212 22.627297-3.642958 45.614545-6.454303 68.949333-8.440243l84.774788-9.867636a4.902788 4.902788 0 0 0 3.475394-7.571394l-110.157576-163.467636a11.791515 11.791515 0 0 0-15.949576-3.475394l-32.581818 19.797333z m186.616243 288.768l114.005333 46.855757c8.3968 3.431952 10.072436 1.365333 5.026909-6.20606l-99.483152-149.504c-28.839564 13.069964-51.553745 20.995103-68.142545 23.769212-28.299636 4.797285-56.270352 8.334739-83.905939 10.612364-8.899491 0.744727-9.352533 3.121648-1.365334 7.136969l133.864728 67.335758z m-75.71394 119.83903l128.403394-25.444848c9.59457-1.905261 9.780752-4.449745 0.558546-7.633455-45.515248-15.726158-91.663515-35.337309-138.457213-58.833454a1814.192873 1814.192873 0 0 0-190.029575-86.388364c-18.307879-7.074909-53.310061 12.412121-63.177697 17.190788-89.429333 43.380364-182.147879 82.354424-269.963637 128.465454-3.847758 2.066618-3.6864 3.723636 0.496485 4.964849a1019.692994 1019.692994 0 0 0 189.533091 37.732848 5.554424 5.554424 0 0 0 4.139443-1.328097 5.430303 5.430303 0 0 0 1.880436-3.8912l4.964848-97.807515a9.805576 9.805576 0 0 1 10.798546-9.309091 1510.623418 1510.623418 0 0 0 228.258909 5.523394c6.888727-0.372364 14.956606-3.227152 22.093576-3.040969a7.19903 7.19903 0 0 1 6.950788 6.578424l8.005818 95.076848c0.148945 1.743903 1.011588 3.351273 2.376921 4.431128 1.365333 1.079855 3.10303 1.545309 4.822109 1.278448l48.345212-7.571394z" fill="#312E2E" p-id="2413"></path><path d="M418.449842 289.264485c25.854448-55.94143 48.531394-115.33343 68.018425-178.176 2.234182-7.19903 6.615661-18.2272 13.156848-33.078303 19.238788 17.78657 33.1776 32.991418 41.828849 45.614545 16.092315 23.58303 33.76097 48.860315 52.999757 75.838061 2.563103 3.556073 1.923879 6.392242-1.923879 8.502303-17.749333 9.681455-42.635636 28.113455-64.418909 22.590061-2.234182-0.58337-3.351273 0.285479-3.351272 2.606545 0.080679 6.491539-3.376097 11.29503-10.364122 14.398061-50.355976 22.422497-82.335806 36.324073-95.945697 41.704727z" fill="#02BD69" p-id="2414"></path><path d="M499.625115 78.010182c-6.541188 14.851103-10.922667 25.879273-13.156848 33.078303-19.48703 62.84257-42.163976 122.23457-68.018425 178.176l-71.183515 38.849939a5.945406 5.945406 0 0 1-2.978909 0.682667c-5.380655-0.167564-6.454303-2.854788-3.227151-8.067879 48.984436-78.363927 101.841455-159.272339 158.564848-242.71903zM404.486206 361.565091l186.181818-80.058182a1.985939 1.985939 0 0 1 2.420364 0.682667l143.297939 215.164121a1.985939 1.985939 0 0 1-2.420363 2.916848l-329.479758-135.043878a1.985939 1.985939 0 0 1 0-3.661576zM383.3856 421.701818c-26.357139 33.301721-53.272824 64.394085-80.740848 93.277091-0.99297 1.030206-3.518836 2.376921-7.571394 4.033939-6.78943 0.533721-10.779927-0.955733-11.977697-4.468363a8.63263 8.63263 0 0 1 1.365333-8.440243l72.300606-94.145939a5.08897 5.08897 0 0 1 6.516364-1.365333l20.107636 11.108848z" fill="#FEFEFE" p-id="2415"></path><path d="M383.3856 421.701818a1093.563733 1093.563733 0 0 1 163.281455 72.362667 4.033939 4.033939 0 0 1-0.372364 7.19903c-27.927273 11.853576-54.054788 18.059636-86.202182 19.42497-52.8384 2.234182-105.714036 2.811345-158.626909 1.737697-1.117091-0.043442-3.251976-1.179152-6.392242-3.413334 4.052558-1.657018 6.578424-3.003733 7.571394-4.033939 27.468024-28.883006 54.383709-59.97537 80.740848-93.277091z" fill="#FE5A41" p-id="2416"></path><path d="M668.367903 704.325818c-19.611152-62.619152-46.421333-109.226667-70.438788-164.584727l32.581818-19.797333a11.791515 11.791515 0 0 1 15.949576 3.475394l110.157576 163.467636a4.902788 4.902788 0 0 1-3.475394 7.571394l-84.774788 9.867636z" fill="#0E8A4D" p-id="2417"></path><path d="M597.929115 539.741091c24.017455 55.358061 50.827636 101.965576 70.438788 164.584727-23.334788 1.985939-46.322036 4.797285-68.949333 8.440243-22.900364 3.723636-32.147394 17.935515-55.854546 7.385212-13.988461-6.206061-26.977745-12.412121-38.97406-18.618182a17.37697 17.37697 0 0 0-13.963637-0.806788 1115.868315 1115.868315 0 0 0-79.127272 32.892121 23214.359273 23214.359273 0 0 1-206.537697 94.083879c-15.204848 6.826667-35.436606 17.811394-54.054788 25.382788 4.629721-24.824242 12.101818-45.180121 22.403878-61.067636 17.910691-27.67903 30.968242-51.535127 39.160243-71.555879l102.524121-146.276849a4.623515 4.623515 0 0 1 4.344243-1.985939c99.421091 10.860606 187.609212 18.804364 278.59006-32.457697z" fill="#02BD69" p-id="2418"></path><path d="M804.094448 719.654788l-19.54909 108.854303-133.864728-67.335758c-7.9872-4.015321-7.534158-6.392242 1.365334-7.136969 27.635588-2.277624 55.606303-5.815079 83.905939-10.612364 16.5888-2.774109 39.302982-10.699248 68.142545-23.769212zM212.470691 720.461576c-8.192 20.020752-21.249552 43.876848-39.160243 71.555879-10.302061 15.887515-17.774158 36.243394-22.403878 61.067636l-32.643879 22.590061c-8.899491 6.206061-11.195733 4.319418-6.888727-5.647516 2.643782-6.206061 7.031467-13.758836 13.156848-22.652121 28.460994-41.499927 57.778424-83.806642 87.939879-126.913939z" fill="#FEFEFE" p-id="2419"></path><path d="M804.094448 719.654788l99.483152 149.504c5.045527 7.571394 3.369891 9.638012-5.026909 6.20606l-114.005333-46.855757 19.54909-108.854303z" fill="#C4C4C4" p-id="2420"></path><path d="M699.336145 856.436364l9.495273 91.911757-48.345212 7.571394a6.237091 6.237091 0 0 1-4.822109-1.284654 6.361212 6.361212 0 0 1-2.376921-4.431128l-8.005818-95.076848a7.19903 7.19903 0 0 0-6.950788-6.578424c-7.13697-0.186182-15.204848 2.668606-22.093576 3.040969a1510.623418 1510.623418 0 0 1-228.258909-5.523394 9.805576 9.805576 0 0 0-10.798546 9.309091l-4.964848 97.807515a5.430303 5.430303 0 0 1-1.880436 3.8912 5.554424 5.554424 0 0 1-4.139443 1.321891 1019.692994 1019.692994 0 0 1-189.533091-37.732848c-4.182885-1.241212-4.344242-2.892024-0.496485-4.964849 87.815758-46.11103 180.534303-85.085091 269.963637-128.465454 9.867636-4.778667 44.869818-24.265697 63.177697-17.190788a1814.192873 1814.192873 0 0 1 190.029575 86.388364z" fill="#EBC987" p-id="2421"></path><path d="M699.336145 856.436364c46.793697 23.496145 92.941964 43.107297 138.457213 58.833454 9.222206 3.183709 9.036024 5.728194-0.558546 7.633455l-128.403394 25.444848-9.495273-91.911757zM593.026327 979.99903a470.45663 470.45663 0 0 1-97.497212 3.413334c-19.946279-1.365333-38.229333-10.488242-54.861576-27.368728l-1.365333-37.360484a2.916848 2.916848 0 0 1 2.916849-3.04097l138.953697-1.241212a5.492364 5.492364 0 0 1 5.523393 4.902788l6.330182 60.695272z" fill="#CCAB72" p-id="2422"></path></svg>
\ No newline at end of file
diff --git a/lib/src/assets/圣诞袜子.svg b/lib/src/assets/圣诞袜子.svg
new file mode 100644
index 0000000..037ce21
--- /dev/null
+++ b/lib/src/assets/圣诞袜子.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1765417998862" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2247" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M338.628335 289.739636c-47.883636-10.007273-60.567273-54.225455-61.323637-97.454545-1.338182-69.992727-4.712727-142.952727 69.061818-178.501818 63.069091-30.429091 140.218182-8.029091 185.949091 43.287272 7.796364 8.727273 12.840727 18.112 15.127273 28.16 0.686545 2.944 3.316364 5.026909 6.341818 5.003637 65.629091-0.546909 131.706182-0.930909 198.225455-1.163637 37.643636-0.116364 73.949091 17.978182 79.534545 59.694546 5.701818 43.013818 5.876364 76.427636 0.523637 100.247273-6.923636 30.545455-26.065455 38.923636-53.992728 45.498181a5.090909 5.090909 0 0 0-3.956363 4.945455c-1.396364 165.12-2.519273 330.123636-3.374546 495.010909-0.349091 76.974545-53.934545 150.865455-116.363636 188.8-38.359273 23.272727-81.454545 35.002182-129.28 35.2-56.279273 0.192-112.541091 0.674909-168.785455 1.454546-44.875636 0.616727-75.613091-1.902545-92.218182-7.563637-70.690909-24.145455-99.432727-108.8-68.421818-177.28 8.261818-18.152727 28.8-41.250909 46.021818-59.694545 34.990545-37.434182 63.243636-69.701818 84.77091-96.814546 5.469091-6.865455 7.970909-18.443636 8.261818-28.276363a22831.069091 22831.069091 0 0 0 6.749091-357.003637c0-1.978182-0.948364-3.165091-2.850909-3.549091z m384.814545-54.865454l48.814545-0.465455a3.985455 3.985455 0 0 0 3.898182-3.549091c1.92-19.549091 6.225455-68.770909-8.378182-83.374545a6.749091 6.749091 0 0 0-4.770909-1.978182l-40.494545-0.058182-317.789091 2.385455a4.392727 4.392727 0 0 1-4.363636-3.607273c-2.443636-13.323636-5.294545-48.581818 15.650909-49.687273 19.863273-1.012364 39.703273-1.844364 59.52-2.501818a2.542545 2.542545 0 0 0 2.199272-1.501091 2.402909 2.402909 0 0 0-0.395636-2.571636c-29.963636-34.618182-77.207273-41.425455-114.618182-16.174546-32.523636 21.992727-31.127273 51.258182-31.010909 92.392728 0.040727 17.256727 0.64 34.478545 1.803637 51.665454 1.28 19.723636 20.887273 18.967273 37.410909 19.083637 117.102545 0.773818 234.612364 0.756364 352.523636-0.058182z m-312.96 58.181818c-3.101091-0.738909-5.952-0.564364-8.552727 0.523636-1.861818 0.814545-2.769455 2.228364-2.734546 4.247273l0.64 32.174546c0 1.978182 0.954182 3.2 2.850909 3.665454 2.676364 0.657455 5.376 0.232727 8.087273-1.28l300.974546-0.756364c3.607273 0 5.352727-1.786182 5.236363-5.352727l-0.698182-27.461818a5.381818 5.381818 0 0 0-5.294545-5.236364c-97.239273-2.210909-194.112-2.909091-290.618182-2.094545-3.607273 0-6.900364 0.523636-9.890909 1.570909z m38.109091 104.145455a7.912727 7.912727 0 0 0-6.690909-11.927273l-41.309091-0.756364a7.912727 7.912727 0 0 0-8.029091 7.912727l-0.116364 40.785455a7.912727 7.912727 0 0 0 10.007273 7.68l21.294546-5.934545c1.978182-0.546909 3.671273-1.838545 4.712727-3.607273l20.130909-34.152727z m-3.781818 345.6c-21.410909-22.632727-65.221818-33.570909-88.494546-8.087273a3987.258182 3987.258182 0 0 1-61.963636 66.094545c-36.421818 37.876364-74.007273 78.545455-45.44 130.676364-1.396364 1.472 0.314182 4.631273 5.12 9.483636 19.723636 23.098182 45.207273 24.378182 73.250909 24.378182 57.757091-0.040727 115.514182 0.093091 173.265455 0.407273 55.621818 0.349091 91.694545-3.898182 133.410909-33.338182 42.513455-29.946182 68.945455-71.604364 79.301818-124.974545 0.622545-3.298909-0.733091-5.026909-4.072727-5.178182-29.789091-1.361455-58.141091-13.323636-85.061819-35.898182-30.138182-30.370909-40.238545-68.037818-30.312727-112.989091 6.946909-31.616 25.216-56.418909 54.807273-74.414545 19.746909-9.582545 40.884364-15.825455 63.418182-18.734546a4.392727 4.392727 0 0 0 3.781818-4.363636l0.058182-168.610909a1.338182 1.338182 0 0 0-1.338182-1.338182l-48.930909-0.174546c-53.678545-0.546909-106.821818-0.837818-159.418182-0.872727-10.821818 0-41.076364-1.803636-44.276364 14.545455a4.392727 4.392727 0 0 0 2.210909 4.654545 149.050182 149.050182 0 0 1 29.847273 21.643636c32.814545 30.72 6.109091 77.323636-23.970909 96.581819a4.090182 4.090182 0 0 0-1.902545 3.566545c0.034909 1.454545 0.826182 2.786909 2.07709 3.531636 57.658182 33.687273 42.996364 84.770909-7.156363 113.163637a2.56 2.56 0 0 0-0.349091 4.189091c23.563636 19.490909 40.029091 29.323636 34.967273 64.872727-4.340364 30.603636-21.952 40.994909-52.829091 31.185455z m-12.567273-245.76a160.535273 160.535273 0 0 0-37.236364-3.549091c-2.402909 0.034909-3.607273 1.239273-3.607272 3.607272l-0.290909 51.258182c0 1.838545 1.070545 3.508364 2.734545 4.247273 15.127273 6.749091 31.883636-5.294545 43.345455-15.301818 11.287273-9.832727 12.509091-36.421818-4.945455-40.261818z m-43.636364 116.421818l-4.305454 45.789091a12.625455 12.625455 0 0 0 11.403636 13.730909l0.64 0.058182c23.720727 2.234182 44.421818-11.485091 46.254546-30.661819l0.116363-1.396363c1.809455-19.188364-15.953455-36.561455-39.68-38.807273l-0.64-0.116364a12.625455 12.625455 0 0 0-13.789091 11.403637z m325.178182 127.301818l1.861818-118.458182a4.247273 4.247273 0 0 0-4.189091-4.305454h-1.454545a64.104727 64.104727 0 0 0-45.300364 17.675636 62.341818 62.341818 0 0 0-19.339636 44.113454v1.396364a62.347636 62.347636 0 0 0 17.949091 44.677818 64.104727 64.104727 0 0 0 44.712727 19.083637h1.454546a4.247273 4.247273 0 0 0 4.305454-4.189091z" fill="#312E2E" p-id="2248"></path><path d="M722.511971 145.448727l0.930909 89.425455c-117.911273 0.814545-235.421091 0.832-352.523636 0.058182-16.523636-0.116364-36.130909 0.64-37.410909-19.083637-1.163636-17.186909-1.762909-34.408727-1.803637-51.665454-0.116364-41.134545-1.512727-70.4 31.010909-92.392728 37.410909-25.250909 84.654545-18.443636 114.618182 16.174546a2.402909 2.402909 0 0 1 0.395636 2.571636 2.542545 2.542545 0 0 1-2.199272 1.501091c-19.816727 0.657455-39.656727 1.489455-59.52 2.501818-20.945455 1.105455-18.094545 36.363636-15.650909 49.687273 0.372364 2.094545 2.210909 3.613091 4.363636 3.607273l317.789091-2.385455z" fill="#FEFEFE" p-id="2249"></path><path d="M723.44288 234.874182l-0.930909-89.425455 40.494545 0.058182c1.792 0 3.508364 0.709818 4.770909 1.978182 14.603636 14.603636 10.298182 63.825455 8.378182 83.374545a3.985455 3.985455 0 0 1-3.898182 3.549091l-48.814545 0.465455z" fill="#C4C4C4" p-id="2250"></path><path d="M410.773789 332.386909l-0.290909-39.330909c2.990545-1.047273 6.283636-1.570909 9.890909-1.570909 96.506182-0.814545 193.378909-0.116364 290.618182 2.094545 2.903273 0.058182 5.236364 2.368 5.294545 5.236364l0.698182 27.461818c0.116364 3.566545-1.629091 5.352727-5.236363 5.352727l-300.974546 0.756364z" fill="#D24B36" p-id="2251"></path><path d="M410.48288 293.056l0.290909 39.330909c-2.711273 1.512727-5.410909 1.937455-8.087273 1.28-1.896727-0.465455-2.850909-1.687273-2.850909-3.665454l-0.64-32.174546c-0.034909-2.018909 0.872727-3.432727 2.734546-4.247273 2.600727-1.088 5.451636-1.262545 8.552727-0.523636zM448.591971 397.201455l-20.130909 34.152727a7.912727 7.912727 0 0 1-4.712727 3.607273l-21.294546 5.934545a7.912727 7.912727 0 0 1-10.007273-7.68l0.116364-40.785455a7.912727 7.912727 0 0 1 8.029091-7.912727l41.309091 0.756364a7.912727 7.912727 0 0 1 6.690909 11.927273z" fill="#FEFEFE" p-id="2252"></path><path d="M665.610153 385.739636c1.320727 38.551273 2.036364 76.858182 2.152727 114.909091 0.040727 26.722909 0.040727 40.279273 0 40.669091-1.704727 16.558545-8.087273 29.108364-19.141818 37.643637-29.591273 17.995636-47.860364 42.798545-54.807273 74.414545-9.925818 44.951273 0.174545 82.618182 30.312727 112.989091 17.262545 22.376727 21.742545 43.246545 13.44 62.603636-8.203636 19.083636-15.301818 37.992727-27.403636 54.050909-43.287273 57.425455-100.770909 72.785455-171.52 72.145455-67.490909-0.64-115.956364 0.349091-164.421818-9.076364-3.025455-0.622545-6.109091-2.018909-9.250909-4.189091-6.167273-4.229818-9.809455-4.538182-10.938182-0.930909-4.805818-4.852364-6.516364-8.011636-5.12-9.483636 10.472727-63.36 43.054545-110.487273 103.563636-133.003636-4.654545 12.718545-6.725818 23.057455-6.225454 31.010909 2.734545 43.578182 57.949091 48.756364 77.381818 18.792727 15.709091-24.128 11.112727-44.625455-13.789091-61.498182 4.619636-12.881455 10.845091-24.128 18.676364-33.745454 1.710545-2.135273 7.138909-5.550545 16.290909-10.24 30.877091 9.809455 48.488727-0.581818 52.829091-31.185455 5.061818-35.549091-11.403636-45.381818-34.967273-64.872727a2.56 2.56 0 0 1 0.349091-4.189091c50.152727-28.392727 64.814545-79.476364 7.156363-113.163637a4.229818 4.229818 0 0 1-2.07709-3.531636 4.090182 4.090182 0 0 1 1.902545-3.566545c30.08-19.258182 56.785455-65.861818 23.970909-96.581819a149.050182 149.050182 0 0 0-29.847273-21.643636 4.392727 4.392727 0 0 1-2.210909-4.654545c3.2-16.349091 33.454545-14.545455 44.276364-14.545455 52.596364 0.034909 105.739636 0.325818 159.418182 0.872727z" fill="#FE5A41" p-id="2253"></path><path d="M665.610153 385.739636l48.930909 0.174546a1.338182 1.338182 0 0 1 1.338182 1.338182l-0.058182 168.610909a4.392727 4.392727 0 0 1-3.781818 4.363636c-22.533818 2.909091-43.671273 9.152-63.418182 18.734546 11.054545-8.535273 17.437091-21.085091 19.141818-37.643637 0.040727-0.389818 0.040727-13.946182 0-40.669091a3691.52 3691.52 0 0 0-2.152727-114.909091z" fill="#D24B36" p-id="2254"></path><path d="M432.24288 497.041455c17.454545 3.84 16.232727 30.429091 4.945455 40.261818-11.461818 10.007273-28.218182 22.050909-43.345455 15.301818a4.625455 4.625455 0 0 1-2.734545-4.247273l0.290909-51.258182c0-2.368 1.204364-3.572364 3.607272-3.607272 12.916364-0.232727 25.332364 0.948364 37.236364 3.549091zM388.606516 613.463273a12.625455 12.625455 0 0 1 13.789091-11.403637l0.64 0.116364c23.726545 2.245818 41.489455 19.618909 39.68 38.807273l-0.116363 1.396363c-1.832727 19.176727-22.533818 32.896-46.254546 30.661819l-0.64-0.058182a12.625455 12.625455 0 0 1-11.403636-13.730909l4.305454-45.789091z" fill="#FEFEFE" p-id="2255"></path><path d="M713.784698 740.765091a4.247273 4.247273 0 0 1-4.305454 4.189091h-1.454546a64.104727 64.104727 0 0 1-44.712727-19.089455 62.347636 62.347636 0 0 1-17.949091-44.683636v-1.396364a62.341818 62.341818 0 0 1 19.339636-44.101818 64.104727 64.104727 0 0 1 45.300364-17.687273h1.454545a4.247273 4.247273 0 0 1 4.189091 4.305455l-1.861818 118.458182z" fill="#C4C4C4" p-id="2256"></path><path d="M444.810153 742.801455c-9.152 4.689455-14.580364 8.104727-16.290909 10.24-7.831273 9.617455-14.056727 20.864-18.676364 33.745454-19.549091-7.214545-38.667636-3.316364-57.367273 11.694546-60.509091 22.516364-93.090909 69.643636-103.563636 133.003636-28.567273-52.130909 9.018182-92.8 45.44-130.676364a3987.258182 3987.258182 0 0 0 61.963636-66.094545c23.272727-25.483636 67.083636-14.545455 88.494546 8.087273z" fill="#FCC3B0" p-id="2257"></path><path d="M624.126516 766.365091c26.920727 22.574545 55.272727 34.536727 85.061819 35.898182 3.339636 0.151273 4.695273 1.879273 4.072727 5.178182-10.356364 53.370182-36.788364 95.028364-79.301818 124.974545-41.716364 29.44-77.789091 33.687273-133.410909 33.338182-57.751273-0.314182-115.508364-0.448-173.265455-0.407273-28.043636 0-53.527273-1.28-73.250909-24.378182 1.128727-3.607273 4.770909-3.298909 10.938182 0.930909 3.141818 2.170182 6.225455 3.566545 9.250909 4.189091 48.465455 9.425455 96.930909 8.436364 164.421818 9.076364 70.749091 0.64 128.232727-14.72 171.52-72.145455 12.101818-16.058182 19.2-34.967273 27.403636-54.050909 8.302545-19.357091 3.822545-40.226909-13.44-62.603636z" fill="#D24B36" p-id="2258"></path><path d="M409.84288 786.786909c24.901818 16.872727 29.498182 37.370182 13.789091 61.498182-19.432727 29.963636-74.647273 24.785455-77.381818-18.792727-0.500364-7.953455 1.570909-18.292364 6.225454-31.010909 18.699636-15.010909 37.818182-18.909091 57.367273-11.694546z" fill="#312E2E" p-id="2259"></path></svg>
\ No newline at end of file
diff --git a/lib/src/assets/圣诞雪帽.svg b/lib/src/assets/圣诞雪帽.svg
new file mode 100644
index 0000000..bb5ea13
--- /dev/null
+++ b/lib/src/assets/圣诞雪帽.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1765417963344" class="icon" viewBox="0 0 1112 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1930" xmlns:xlink="http://www.w3.org/1999/xlink" width="217.1875" height="200"><path d="M165.758293 605.914453a82.20672 82.20672 0 0 1-4.027733 26.0096c-4.096 12.6976-16.042667 13.038933-18.0224 29.696-3.140267 26.897067-0.750933 52.340053 7.168 76.322134-75.298133 15.906133-103.6288 92.5696-70.4512 158.446933 21.845333 43.4176 55.5008 54.408533 102.058667 54.340267 233.745067-0.273067 467.449173-0.24576 701.098666 0.068266 54.4768 1.911467 110.933333 6.9632 143.7696-47.5136 28.672-47.650133 12.219733-109.636267-28.672-144.384a9.325227 9.325227 0 0 0-6.212266-2.184533l-66.901334 1.2288-774.690133-1.2288c-2.409813 0-4.164267-1.092267-5.256533-3.2768l-11.127467-22.1184 1.4336-32.631467a4.9152 4.9152 0 0 1 4.9152-4.7104l722.193067 0.4096 77.687466 1.4336a2.983253 2.983253 0 0 0 2.751147-1.706666 2.819413 2.819413 0 0 0-0.498347-3.140267 2433.47456 2433.47456 0 0 1-142.404266-175.445333c-66.7648-90.385067-107.3152-191.214933-100.898134-301.738667 1.59744-26.897067 4.328107-53.6576 8.192-80.2816a2.935467 2.935467 0 0 0-3.822933-3.208533l-34.679467 11.332266c-8.6016 1.911467-16.110933 4.89472-22.528 8.942934-153.873067 58.9824-293.410133 166.024533-380.791466 306.7904-11.741867 18.937173-84.411733 155.490987-95.55968 174.557866-8.649387 14.793387-19.84512 17.046187-33.5872 6.7584l-12.6976-9.489066c-13.70112-10.24-16.520533-22.9376-8.465067-38.0928 119.739733-223.778133 386.717013-487.424 631.794347-543.5392 9.058987-2.08896 17.8176-6.18496 26.282666-12.288 66.218667-47.786667 160.904533-49.629867 213.8112 20.206933 46.216533 61.0304 39.1168 149.640533-17.954133 201.386667-53.8624 48.9472-143.837867 54.0672-199.0656 5.597866a3.140267 3.140267 0 0 0-5.188267 2.798934c16.315733 104.448 69.632 190.737067 134.075734 272.452266a2584.029867 2584.029867 0 0 0 125.474133 147.456c33.5872 36.63872 54.388053 63.214933 62.395733 79.735467 51.746133 106.632533-6.212267 251.904-138.581333 252.177067-252.627627 0.505173-505.26208 0.750933-757.896533 0.750933-38.045013-0.04096-65.96608-3.31776-83.7632-9.8304-109.021867-39.867733-129.4336-181.4528-74.3424-269.789867 24.261973-38.864213 41.233067-70.765227 50.926933-95.709866 3.781973-9.64608 13.154987-21.93408 28.125867-36.864 15.066453-15.018667 33.041067-14.923093 53.930666 0.273066z m634.197334-489.745066c-48.674133 90.5216 73.181867 157.696 132.164266 82.5344 28.0576-35.703467 25.053867-94.8224-16.5888-120.2176-41.984-25.3952-96.0512-6.826667-115.575466 37.6832z" fill="#343333" p-id="1931"></path><path d="M915.531093 78.486187c-17.749333 34.36544-41.61536 60.443307-71.611733 78.2336-21.230933 12.561067-29.764267-2.184533-35.4304-20.616534a102.331733 102.331733 0 0 0-8.533333-19.933866c19.524267-44.509867 73.591467-63.0784 115.575466-37.6832z" fill="#FEFEFE" p-id="1932"></path><path d="M915.531093 78.486187c41.642667 25.3952 44.6464 84.514133 16.5888 120.2176-58.9824 75.1616-180.8384 7.9872-132.164266-82.5344 3.508907 6.239573 6.3488 12.88192 8.533333 19.933866 5.666133 18.432 14.199467 33.1776 35.4304 20.616534 29.996373-17.790293 53.8624-43.86816 71.611733-78.2336z" fill="#CBCCCE" p-id="1933"></path><path d="M863.034027 694.388053c-8.553813-8.64256-15.58528-17.2032-21.0944-25.668266-30.037333-46.08-63.624533-90.043733-94.685867-135.5776-56.661333-82.875733-88.610133-164.727467-95.163733-271.291734-2.2528-36.864 12.765867-71.543467 14.677333-108.1344 0.136533-2.362027 1.024-4.369067 2.6624-6.007466 4.5056-4.594347 4.48512-6.621867-0.068267-6.075734l34.679467-11.332266a2.935467 2.935467 0 0 1 3.822933 3.208533c-3.863893 26.624-6.59456 53.384533-8.192 80.2816-6.417067 110.523733 34.133333 211.3536 100.898134 301.738667a2433.47456 2433.47456 0 0 0 142.404266 175.445333 2.819413 2.819413 0 0 1 0.498347 3.140267 2.99008 2.99008 0 0 1-2.751147 1.706666l-77.687466-1.4336z" fill="#CD4C3D" p-id="1934"></path><path d="M669.361493 141.632853c4.553387-0.546133 4.573867 1.481387 0.068267 6.075734-1.6384 1.6384-2.525867 3.64544-2.6624 6.007466-1.911467 36.590933-16.930133 71.2704-14.677333 108.1344 6.5536 106.564267 38.5024 188.416 95.163733 271.291734 31.061333 45.533867 64.648533 89.4976 94.685867 135.5776 5.50912 8.465067 12.540587 17.025707 21.0944 25.668266l-600.6784 0.6144a4.9152 4.9152 0 0 0-4.9152 4.7104v-5.3248c-34.065067 5.256533-67.037867-2.525867-105.130667 5.597867-7.918933-23.98208-11.741867-11.4688-8.6016-38.365867 1.979733-16.657067 13.9264-16.9984 18.0224-29.696 2.778453-8.690347 4.123307-17.360213 4.027733-26.0096a156.289707 156.289707 0 0 0 20.002134-48.7424c1.283413-5.5296 62.327467-78.902613 87.51104-114.169173C443.112107 205.114027 660.753067 143.54432 669.354667 141.632853z" fill="#FF5646" p-id="1935"></path><path d="M925.566293 757.94432c19.21024 25.217707 31.31392 49.861973 36.317867 73.9328 4.143787 20.206933 1.071787 39.7312-9.216 58.5728-10.513067 19.2512-25.326933 35.20512-44.4416 47.854933a5.95968 5.95968 0 0 0-2.798933 5.393067 2.49856 2.49856 0 0 1-1.024 2.2528c-2.423467 1.88416-4.450987 3.263147-4.9152 3.345067l-15.906134 1.501866c-233.649493-0.314027-467.3536-0.341333-701.098666-0.068266-46.557867 0.068267-69.481813-11.250347-102.058667-54.340267-21.640533-28.617387-21.640533-114.592427 40.93952-142.4384 15.74912-7.00416 283.818667-5.67296 804.201813 3.9936z" fill="#FEFEFE" p-id="1936"></path><path d="M883.582293 950.797653l15.906134-1.501866c0.464213-0.08192 2.491733-1.460907 4.9152-3.345067a2.49856 2.49856 0 0 0 1.024-2.2528 5.95968 5.95968 0 0 1 2.798933-5.393067c19.114667-12.649813 33.928533-28.603733 44.4416-47.854933 10.287787-18.8416 13.359787-38.365867 9.216-58.5728-5.003947-24.070827-17.107627-48.715093-36.317867-73.9328l66.901334-1.2288c2.286933-0.04096 4.491947 0.730453 6.212266 2.184533 40.891733 34.747733 57.344 96.733867 28.672 144.384-32.836267 54.4768-89.2928 49.425067-143.7696 47.5136z" fill="#CBCCCE" p-id="1937"></path></svg>
\ No newline at end of file
diff --git a/lib/src/assets/圣诞麋鹿.svg b/lib/src/assets/圣诞麋鹿.svg
new file mode 100644
index 0000000..2e18d37
--- /dev/null
+++ b/lib/src/assets/圣诞麋鹿.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1765417982289" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2092" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M163.033196 176.051219a2103.290226 2103.290226 0 0 1-16.116275-32.465276c-14.388284-29.788927-21.468973-61.922568-21.236246-96.406741 0.116363-22.399877 14.138104-55.097878 41.425226-45.43975 12.509022 4.479975 18.501716 18.094446 18.850805 31.883461 1.338174 53.585159 8.14541 96.174015 36.421617 137.715605 2.32726 3.415254 3.723616 3.083619 4.189068-0.989086 4.130886-35.897984 26.4144-110.893934 74.297773-107.868496 15.592641 0.989085 22.458058 21.527154 19.316257 35.083443-0.814541 3.49089-3.764343 9.250858-8.843588 17.279904-26.065311 41.1925-36.828888 86.556614-32.290731 136.086523 0.40727 4.247249-0.698178 13.381744 0.523634 19.607165 0.506179 2.600713 1.669809 2.909075 3.490889 0.930904 28.508934-31.010738 72.66869-79.010474 105.424874-96.34856 11.79339-6.242875 21.003521-3.042892 27.636211 9.599947 9.192677 17.530085 6.632691 33.122727-7.679957 46.777924-30.952557 29.498019-84.886805 63.999647-85.410439 111.999383-0.581815 55.737875 49.047002 98.850364 81.97773 136.610156a9.774492 9.774492 0 0 0 9.541766 3.025438l71.737786-17.047179c1.471992-0.349089 2.193442-1.279993 2.152716-2.792712-0.232726-30.603468-2.32726-56.028782 26.123492-73.366868 6.557055-3.997069 12.509022-2.501804 17.86172 4.479975 15.301734 19.839891 16.116275 43.985212 15.94173 67.6069a5.0327 5.0327 0 0 0 3.665434 4.945427l65.803274 18.61808a4.218159 4.218159 0 0 0 4.770883-1.91999 246.904821 246.904821 0 0 1 32.290731-43.51976c26.356218-28.450752 67.6069-80.232285 47.592465-116.94481-20.247161-37.119795-55.796056-67.025085-87.563154-94.137663-4.65452-3.997069-9.210131-10.431943-13.672652-19.316257a8.820315 8.820315 0 0 1-0.698178-5.643605c3.217437-15.94173 12.584658-26.606399 28.101664-31.999824 2.018898-0.698178 3.997069-0.599269 5.934512 0.290907a102.16671 102.16671 0 0 1 31.010739 21.992607 1162.757228 1162.757228 0 0 0 79.534107 74.646861 2.967256 2.967256 0 0 0 4.945427-2.094534c2.618167-50.443358 0.058181-101.177624-29.439838-146.908281-12.625385-19.607165-21.992606-39.039785 1.338175-53.526978 44.916116-27.927119 76.392306 74.530498 81.745004 100.24672 1.122903 5.428334 2.89162 5.643605 5.294516 0.639997 20.75334-43.479033 31.63328-89.931141 32.63982-139.344687 0.581815-29.14893 36.363436-37.236158 50.966992-12.45084 15.185371 25.716222 1.861808 88.726784-7.38905 113.803009-2.519259 6.906144-9.55922 22.591875-21.119884 47.068831a1.687263 1.687263 0 0 0 2.501805 2.152716c23.272599-15.418097 88.261332-53.934248 111.243023-22.981692 15.127189 20.305343-0.814541 42.996127-22.51624 50.850629-60.508757 21.934425-112.872105 38.86524-166.864535 81.163189a6.458146 6.458146 0 0 0-2.385441 3.781797l-19.43262 81.686823a2.443623 2.443623 0 0 0 3.49089 2.792712c18.850805-9.15195 37.70161-18.367899 56.552415-27.636212 29.788927-14.603556 40.436141-30.487105 58.996039-52.537892 18.385353-21.876243 39.097966 10.763577 35.025261 29.14893-9.949036 45.090661-52.188803 71.039608-90.53041 86.399524-60.62512 24.261684-116.479358 37.992518-148.944634 101.526713-0.930904 1.861808-0.890177 3.723616 0.116363 5.585424a55.167696 55.167696 0 0 0 12.683567 15.12719c1.786172 1.512719 3.450163 1.396356 5.003609-0.349089 27.653666-29.980926 60.799665-51.333535 99.432179-64.057829 57.89059-19.141713 136.784701-24.436229 193.10439 2.73453 14.37083 6.923598 0.989085 42.065223-3.839979 52.945163-36.113256 82.542091-103.231431 129.529468-201.366163 140.973768-3.298891 0.389816-4.578884 2.193442-3.839978 5.41088 15.749731 68.578531 8.826133 132.962176-20.770795 193.162571-105.6576 215.038815-411.226824 209.627936-511.589908-6.807235-27.461667-59.188037-33.80345-123.420411-19.025349-192.69712 0.465452-2.251624-0.447998-3.49089-2.734531-3.723615-83.839538-7.621776-162.38456-55.15606-194.617109-135.853797-4.712701-11.810844-17.279905-50.210632 1.279993-56.145145 77.206847-24.49441 163.839097-19.548983 234.820524 20.770794 17.221723 9.774492 33.687087 24.668955 49.570636 37.934337a9.367221 9.367221 0 0 0 8.901769 1.687263c6.091603-1.978171 9.30904-6.731599 9.658129-14.254467 1.221811-24.261684-26.298037-51.141536-44.857935-63.301469-8.104683-5.277062-23.970777-11.944661-47.592465-20.014435-43.51976-14.836282-127.301117-44.159757-139.86832-95.650382-3.141801-12.724294-1.41381-24.651501 5.178153-35.781621 17.512631-29.614382 45.148842 15.825367 55.679693 29.207112 18.967168 24.203503 70.050523 38.574333 100.537628 44.217938a2.385441 2.385441 0 0 0 2.385441-3.665434c-16.366455-24.279139-26.687853-51.624443-30.952556-82.035912-0.930904-6.458146-5.294516-11.170848-10.298125-14.196285-44.567027-26.647126-98.152186-44.159757-146.8501-61.788751-14.079922-5.119972-28.392571-12.625385-33.80345-27.228941-7.621776-20.479887 8.14541-44.567027 32.407094-39.039784a297.394725 297.394725 0 0 1 81.221371 31.767097c2.519259 1.471992 3.124346 0.91345 1.803626-1.687263z m114.326643 388.768766c-50.966992-45.905202-112.581198-62.486928-182.457177-53.759703-1.902535 0.232726-2.559986 1.279993-1.978171 3.1418 18.559898 55.912419 103.155795 88.901328 157.031862 93.206759a7.796321 7.796321 0 0 0 6.98178-3.258163l21.410791-30.312561a6.865417 6.865417 0 0 0-0.989085-9.018132z m567.618689 23.970777c39.639054-12.142479 68.962529-36.555435 87.970425-73.250505a3.723616 3.723616 0 0 0-3.258164-5.410879c-73.075961-0.349089-126.312031 6.749054-182.689902 55.097878a8.290863 8.290863 0 0 0-1.396356 10.996303c4.962882 7.022507 10.199217 14.446466 15.709004 22.283513 2.17017 3.066165 4.439248 4.788337 6.807235 5.178154 2.48435 0.389816 5.544697 0.273453 9.192677-0.349089 32.38964-5.777423 54.940788-10.62976 67.665081-14.545375z m-344.434465-66.210544c-31.575099 3.141801-57.349502 8.279227-77.32321 15.418097-190.195315 68.130534-185.424433 326.281838-8.959951 405.641401 20.520614 8.959951 41.675407 14.271921 63.476014 15.94173 2.135261 0.191999 3.3338-0.773814 3.607253-2.909075 1.937444-14.737373-2.792712-26.222401-14.196285-34.443446a9.30904 9.30904 0 0 1-3.199983-11.170848c14.004286-33.977995 38.167062-43.595396 72.494146-28.858023 14.312648 6.126512 20.380979 17.86172 18.210809 35.199806a7.621776 7.621776 0 0 1-2.152716 4.363613c-10.065399 9.890855-37.177977 24.843499-10.87994 39.039784 53.061526-6.324329 97.529644-29.690018 133.410174-70.108704 43.444124-48.988821 62.137839-107.2285 56.086964-174.719037-2.635622-29.364202-10.065399-53.83534-22.283514-73.42505-22.417331-43.51976-54.24261-75.59522-95.475837-96.232197-22.92351-11.461755-64.290555-23.796232-88.20315-27.228941-12.991928-1.861808-21.19552-0.698178-24.610774 3.49089z" fill="#343333" p-id="2093"></path><path d="M94.902662 511.060282c69.875979-8.727225 131.490184 7.854502 182.457177 53.759703 2.54835 2.32726 2.973075 6.190511 0.989085 9.018132l-21.410791 30.312561a7.796321 7.796321 0 0 1-6.98178 3.258163c-53.876067-4.305431-138.471964-37.29434-157.031862-93.206759-0.581815-1.861808 0.075636-2.909075 1.978171-3.1418zM844.978528 588.790762c-12.724294 3.915615-35.275442 8.767952-67.665081 14.545375-3.64798 0.622542-6.708327 0.738905-9.192677 0.349089-2.367987-0.389816-4.637065-2.111988-6.807235-5.178154-5.509788-7.837048-10.746123-15.261007-15.709004-22.283513a8.290863 8.290863 0 0 1 1.396356-10.996303c56.377871-48.348824 109.613941-55.446967 182.689902-55.097878a3.723616 3.723616 0 0 1 3.258164 5.410879c-19.007895 36.69507-48.33137 61.108027-87.970425 73.250505zM708.833824 642.550466c0.971631 5.311971-1.16363 8.727225-6.399964 10.239944-21.818062 6.22542-59.46149-47.534283-77.788663-14.894464a13.090837 13.090837 0 0 0 1.978171 15.418097c9.192677 9.483584 20.305343 15.709004 28.043482 26.181674 30.719831 41.367045 39.505237 84.130445 15.94173 131.490184-24.145321 48.697913-58.588768 96.464923-102.166709 129.337469-9.268313 6.98178-18.210809 13.806469-26.821671 20.479887-26.298037-14.196285 0.814541-29.14893 10.87994-39.039784a7.621776 7.621776 0 0 0 2.152716-4.363613c2.17017-17.338086-3.89816-29.073294-18.210809-35.199806-34.327084-14.737373-58.489859-5.119972-72.494146 28.858023a9.30904 9.30904 0 0 0 3.199983 11.170848c11.403574 8.221046 16.133729 19.706073 14.196285 34.443446-0.273453 2.135261-1.471992 3.101074-3.607253 2.909075-21.800607-1.669809-42.9554-6.98178-63.476014-15.94173 3.531617 0.657451 6.126512 0.191999 7.796321-1.396356 1.512719-1.471992 1.821081-3.159255 0.930904-5.061791a302.514696 302.514696 0 0 1-27.112578-97.570371c-0.890177-8.686498-7.429777-18.327172-19.607165-28.916204 79.65047 8.669043 63.185106-116.072088-13.730833-92.566763-16.250092 5.003609-24.959862 17.204269-26.123492 36.596162-15.901003-38.632514-13.713379-75.810491 6.574509-111.533931 26.938033-47.476102 69.759616-71.272334 119.737522-95.243111 6.242875-3.025438 18.850805-11.479209 37.817973-25.367133 3.415254-4.189068 11.618845-5.352698 24.610774-3.49089 23.912595 3.432708 65.27964 15.767186 88.20315 27.228941 41.233227 20.636977 73.058506 52.712437 95.475837 96.232197z m-81.279552 164.863091c22.714057 1.710536 42.79831-19.089349 44.857935-46.452107 0.989085-13.1432-2.397078-26.071129-9.413766-35.944529-7.016689-9.8734-17.087906-15.877731-27.996937-16.69809-22.714057-1.710536-42.79831 19.089349-44.857935 46.452107-0.989085 13.1432 2.397078 26.071129 9.413767 35.94453 7.016689 9.8734 17.082088 15.877731 27.996936 16.698089z" fill="#CA9F54" p-id="2094"></path><path d="M500.544063 522.580218c-18.967168 13.887923-31.575099 22.341695-37.817973 25.367133-49.977906 23.970777-92.799489 47.767009-119.737522 95.243111-20.287888 35.723439-22.475512 72.901416-6.574509 111.533931 6.475601 26.647126 19.764255 45.305932 39.854325 55.970601 12.177387 10.589033 18.716988 20.229707 19.607165 28.916204a302.514696 302.514696 0 0 0 27.112578 97.570371c0.890177 1.902535 0.581815 3.589798-0.930904 5.061791-1.669809 1.588355-4.264704 2.053807-7.796321 1.396356-176.464482-79.359563-181.235365-337.510867 8.959951-405.641401 19.973708-7.13887 45.748112-12.276296 77.32321-15.418097z" fill="#E4D1A8" p-id="2095"></path><path d="M708.833824 642.550466c12.218114 19.58971 19.647892 44.060848 22.283514 73.42505 6.050876 67.490537-12.642839 125.730216-56.086964 174.719037-35.88053 40.418686-80.348648 63.784376-133.410174 70.108704 8.610862-6.673418 17.553358-13.498107 26.821671-20.479887 43.577942-32.872546 78.021388-80.639556 102.166709-129.337469 23.563506-47.359739 14.7781-90.12314-15.94173-131.490184-7.738139-10.47267-18.850805-16.69809-28.043482-26.181674a13.090837 13.090837 0 0 1-1.978171-15.418097c18.327172-32.63982 55.970601 21.119884 77.788663 14.894464 5.236335-1.512719 7.371596-4.927973 6.399964-10.239944z" fill="#AC884A" p-id="2096"></path><path d="M635.003356 708.319057a41.250682 49.686999 4.3 1 0-7.450936 99.094274 41.250682 49.686999 4.3 1 0 7.450936-99.094274Z" fill="#343333" p-id="2097"></path><path d="M376.268384 810.694994c-20.090071-10.664668-33.378725-29.323475-39.854325-55.970601 1.16363-19.391893 9.8734-31.592553 26.123492-36.596162 76.91594-23.505325 93.381304 101.235806 13.730833 92.566763z" fill="#343333" p-id="2098"></path></svg>
\ No newline at end of file
diff --git a/lib/src/engine/Component.ts b/lib/src/engine/Component.ts
new file mode 100644
index 0000000..69e1427
--- /dev/null
+++ b/lib/src/engine/Component.ts
@@ -0,0 +1,48 @@
+export class Component {
+  init(_engine: EngineRef, _sprite: Sprite): void {}
+  update(_engine: EngineRef, _sprite: Sprite, _dt: number): void {}
+}
+
+export interface EngineRef {
+  getViewportWidth(): number
+  getViewportHeight(): number
+  context: CanvasRenderingContext2D
+}
+
+export interface SpriteProps {
+  positionX: number
+  positionY: number
+  radius: number
+  driftSpeed: number
+  swingAmplitude: number
+  shapeType: string
+  imageUrl?: string | null
+  emojiText?: string | null
+}
+
+export class Sprite {
+  positionX: number
+  positionY: number
+  radius: number
+  driftSpeed: number
+  swingAmplitude: number
+  shapeType: string
+  imageUrl: string | null
+  emojiText: string | null
+  outOfView = false
+  components: Component[] = []
+
+  constructor(props: SpriteProps){
+    this.positionX = props.positionX
+    this.positionY = props.positionY
+    this.radius = props.radius
+    this.driftSpeed = props.driftSpeed
+    this.swingAmplitude = props.swingAmplitude
+    this.shapeType = props.shapeType
+    this.imageUrl = props.imageUrl || null
+    this.emojiText = props.emojiText || null
+  }
+  addComponent(c: Component){ this.components.push(c) }
+  init(engine: EngineRef){ for (let i = 0; i < this.components.length; i++){ try{ this.components[i].init(engine, this) }catch{} } }
+  update(engine: EngineRef, dt: number){ for (let i = 0; i < this.components.length; i++){ try{ this.components[i].update(engine, this, dt) }catch{} } }
+}
diff --git a/lib/src/engine/DownwardMoveComponent.ts b/lib/src/engine/DownwardMoveComponent.ts
new file mode 100644
index 0000000..2c04964
--- /dev/null
+++ b/lib/src/engine/DownwardMoveComponent.ts
@@ -0,0 +1,9 @@
+import { Component, EngineRef, Sprite } from './Component'
+
+export class DownwardMoveComponent extends Component {
+  update(engine: EngineRef, sprite: Sprite, dt: number){
+    const factor = Math.max(0.5, Math.min(2.0, dt * 60))
+    const vy = (sprite.driftSpeed * 2 + sprite.radius * 0.25) * factor
+    sprite.positionY += vy
+  }
+}
diff --git a/lib/src/engine/LifetimeComponent.ts b/lib/src/engine/LifetimeComponent.ts
new file mode 100644
index 0000000..d8eba9a
--- /dev/null
+++ b/lib/src/engine/LifetimeComponent.ts
@@ -0,0 +1,7 @@
+import { Component, EngineRef, Sprite } from './Component'
+
+export class LifetimeComponent extends Component {
+  update(engine: EngineRef, sprite: Sprite, _dt: number){
+    if (sprite.positionY > engine.getViewportHeight() + 5){ sprite.outOfView = true }
+  }
+}
diff --git a/lib/src/engine/Snow.ts b/lib/src/engine/Snow.ts
new file mode 100644
index 0000000..75544e8
--- /dev/null
+++ b/lib/src/engine/Snow.ts
@@ -0,0 +1,43 @@
+import { Sprite, SpriteProps } from './Component'
+import { drawCenteredImage, getOrLoadImage } from '../utils/image'
+
+export class Snow extends Sprite {
+  render(engine: { context: CanvasRenderingContext2D }){
+    const ctx = engine.context
+    if (this.shapeType === 'media_image' && this.imageUrl){
+      const rec = getOrLoadImage(this.imageUrl)
+      if (rec && rec.ready && rec.img){
+        const h = this.radius * 8
+        const w = h
+        drawCenteredImage(ctx, rec.img, this.positionX, this.positionY, w, h)
+      }
+      return
+    }
+    if (this.shapeType === 'emoji_text' && this.emojiText){
+      ctx.save()
+      const fontSize = Math.max(12, this.radius * 6)
+      ctx.font = `${Math.floor(fontSize)}px system-ui, Apple Color Emoji, Segoe UI Emoji, Noto Color Emoji`
+      ctx.textAlign = 'center'
+      ctx.textBaseline = 'middle'
+      ctx.fillText(String(this.emojiText), this.positionX, this.positionY)
+      ctx.restore()
+      return
+    }
+    if (this.shapeType === 'text_label' && this.emojiText){
+      ctx.save()
+      const fontSize = Math.max(12, this.radius * 5.5)
+      ctx.font = `${Math.floor(fontSize)}px system-ui, -apple-system, Segoe UI, Roboto, Noto Sans`
+      ctx.textAlign = 'center'
+      ctx.textBaseline = 'middle'
+      ctx.fillStyle = 'rgba(255,255,255,0.9)'
+      ctx.fillText(String(this.emojiText), this.positionX, this.positionY)
+      ctx.restore()
+      return
+    }
+    const registry = window.YooneSnowShapeRenderers || {}
+    const renderer = registry[this.shapeType] || registry['dot']
+    if (typeof renderer === 'function'){
+      renderer(ctx, this.positionX, this.positionY, this.radius)
+    }
+  }
+}
diff --git a/lib/src/engine/SwingComponent.ts b/lib/src/engine/SwingComponent.ts
new file mode 100644
index 0000000..13b64e0
--- /dev/null
+++ b/lib/src/engine/SwingComponent.ts
@@ -0,0 +1,9 @@
+import { Component, EngineRef, Sprite } from './Component'
+
+export class SwingComponent extends Component {
+  update(engine: EngineRef, sprite: Sprite, dt: number){
+    const factor = Math.max(0.5, Math.min(2.0, dt * 60))
+    const vx = Math.sin(sprite.positionY * 0.01) * sprite.swingAmplitude * factor
+    sprite.positionX += vx
+  }
+}
diff --git a/lib/src/global.ts b/lib/src/global.ts
new file mode 100644
index 0000000..eab76e7
--- /dev/null
+++ b/lib/src/global.ts
@@ -0,0 +1,15 @@
+export type ShapeRenderer = (context: CanvasRenderingContext2D, x: number, y: number, r: number) => void
+
+declare global {
+  interface Window {
+    YooneSnowShapeRenderers?: Record<string, ShapeRenderer>
+    YooneSnowSettings?: Record<string, unknown>
+  }
+}
+
+export function ensureRendererRegistry(): Record<string, ShapeRenderer> {
+  if (!window.YooneSnowShapeRenderers) {
+    window.YooneSnowShapeRenderers = {}
+  }
+  return window.YooneSnowShapeRenderers
+}
diff --git a/lib/src/index.ts b/lib/src/index.ts
new file mode 100644
index 0000000..6c8c468
--- /dev/null
+++ b/lib/src/index.ts
@@ -0,0 +1,5 @@
+export { runSnow } from './animator/SnowAnimator'
+export type { SystemSettings } from './system/snowSystem'
+export { ensureRendererRegistry } from './global'
+export { getOrLoadImage, loadAssetViaFetch, drawCenteredImage } from './utils/image'
+export { initYooneSnow } from './main'
diff --git a/lib/src/main.ts b/lib/src/main.ts
new file mode 100644
index 0000000..772e047
--- /dev/null
+++ b/lib/src/main.ts
@@ -0,0 +1,53 @@
+import './styles/snow.css'
+import './global'
+import './utils/image'
+import './shapes/dot'
+import './shapes/flake'
+import './shapes/yuanbao'
+import './shapes/coin'
+import './shapes/santa_hat'
+import './shapes/candy_cane'
+import './shapes/christmas_sock'
+import './shapes/christmas_tree'
+import './shapes/reindeer'
+import './shapes/christmas_berry'
+import { runSnow } from './animator/SnowAnimator'
+
+function init(){
+  const canvas = document.getElementById('effectiveAppsSnow') as HTMLCanvasElement | null
+  if (!canvas) return
+  const prefersReducedMotion = (typeof window.matchMedia === 'function') && window.matchMedia('(prefers-reduced-motion: reduce)').matches
+  if (prefersReducedMotion) { canvas.style.display = 'none'; return }
+  const s = (window.YooneSnowSettings || {}) as any
+  const settings = {
+    selectedShapes: Array.isArray(s.selectedShapes) ? s.selectedShapes : [],
+    mediaItems: Array.isArray(s.mediaItems) ? s.mediaItems : [],
+    emojiItems: Array.isArray(s.emojiItems) ? s.emojiItems : [],
+    textItems: Array.isArray(s.textItems) ? s.textItems : [],
+    shapeWeights: s.shapeWeights || {},
+    mediaWeights: s.mediaWeights || {},
+    emojiWeights: s.emojiWeights || {},
+    textWeights: s.textWeights || {},
+    radiusMin: typeof s.radiusMin === 'number' ? s.radiusMin : 1.0,
+    radiusMax: typeof s.radiusMax === 'number' ? s.radiusMax : 3.0,
+    driftMin: typeof s.driftMin === 'number' ? s.driftMin : 0.4,
+    driftMax: typeof s.driftMax === 'number' ? s.driftMax : 1.0,
+    swingMin: typeof s.swingMin === 'number' ? s.swingMin : 0.2,
+    swingMax: typeof s.swingMax === 'number' ? s.swingMax : 1.0,
+    displayDurationSeconds: typeof s.displayDurationSeconds === 'number' ? s.displayDurationSeconds : 0,
+    maxCount: typeof s.maxCount === 'number' ? s.maxCount : 0,
+    maxCountSmall: typeof s.maxCountSmall === 'number' ? s.maxCountSmall : 0,
+    maxCountMedium: typeof s.maxCountMedium === 'number' ? s.maxCountMedium : 0,
+    maxCountLarge: typeof s.maxCountLarge === 'number' ? s.maxCountLarge : 0,
+    assetsMap: s.assetsMap || {}
+  }
+  runSnow(canvas, settings)
+}
+
+if (document.readyState === 'complete'){
+  init()
+} else {
+  window.addEventListener('load', init)
+}
+
+export function initYooneSnow(){ window.dispatchEvent(new Event('load')) }
diff --git a/lib/src/shapes/candy_cane.ts b/lib/src/shapes/candy_cane.ts
new file mode 100644
index 0000000..29e4556
--- /dev/null
+++ b/lib/src/shapes/candy_cane.ts
@@ -0,0 +1,14 @@
+import { ensureRendererRegistry } from '../global'
+import { getOrLoadImage, drawCenteredImage } from '../utils/image'
+
+const registry = ensureRendererRegistry()
+
+registry.candy_cane = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  const assets = (window.YooneSnowSettings && (window.YooneSnowSettings as any).assetsMap) ? (window.YooneSnowSettings as any).assetsMap as Record<string,string> : {}
+  const url = assets['candy_cane'] || ''
+  const rec = getOrLoadImage(url)
+  if (!rec || !rec.ready || !rec.img) return
+  const h = r * 8
+  const w = h
+  drawCenteredImage(context, rec.img, x, y, w, h)
+}
diff --git a/lib/src/shapes/christmas_berry.ts b/lib/src/shapes/christmas_berry.ts
new file mode 100644
index 0000000..9c123ab
--- /dev/null
+++ b/lib/src/shapes/christmas_berry.ts
@@ -0,0 +1,14 @@
+import { ensureRendererRegistry } from '../global'
+import { getOrLoadImage, drawCenteredImage } from '../utils/image'
+
+const registry = ensureRendererRegistry()
+
+registry.christmas_berry = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  const assets = (window.YooneSnowSettings && (window.YooneSnowSettings as any).assetsMap) ? (window.YooneSnowSettings as any).assetsMap as Record<string,string> : {}
+  const url = assets['christmas_berry'] || ''
+  const rec = getOrLoadImage(url)
+  if (!rec || !rec.ready || !rec.img) return
+  const h = r * 8
+  const w = h
+  drawCenteredImage(context, rec.img, x, y, w, h)
+}
diff --git a/lib/src/shapes/christmas_sock.ts b/lib/src/shapes/christmas_sock.ts
new file mode 100644
index 0000000..2c79897
--- /dev/null
+++ b/lib/src/shapes/christmas_sock.ts
@@ -0,0 +1,14 @@
+import { ensureRendererRegistry } from '../global'
+import { getOrLoadImage, drawCenteredImage } from '../utils/image'
+
+const registry = ensureRendererRegistry()
+
+registry.christmas_sock = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  const assets = (window.YooneSnowSettings && (window.YooneSnowSettings as any).assetsMap) ? (window.YooneSnowSettings as any).assetsMap as Record<string,string> : {}
+  const url = assets['christmas_sock'] || ''
+  const rec = getOrLoadImage(url)
+  if (!rec || !rec.ready || !rec.img) return
+  const h = r * 8
+  const w = h
+  drawCenteredImage(context, rec.img, x, y, w, h)
+}
diff --git a/lib/src/shapes/christmas_tree.ts b/lib/src/shapes/christmas_tree.ts
new file mode 100644
index 0000000..51e6ac0
--- /dev/null
+++ b/lib/src/shapes/christmas_tree.ts
@@ -0,0 +1,14 @@
+import { ensureRendererRegistry } from '../global'
+import { getOrLoadImage, drawCenteredImage } from '../utils/image'
+
+const registry = ensureRendererRegistry()
+
+registry.christmas_tree = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  const assets = (window.YooneSnowSettings && (window.YooneSnowSettings as any).assetsMap) ? (window.YooneSnowSettings as any).assetsMap as Record<string,string> : {}
+  const url = assets['christmas_tree'] || ''
+  const rec = getOrLoadImage(url)
+  if (!rec || !rec.ready || !rec.img) return
+  const h = r * 8
+  const w = h
+  drawCenteredImage(context, rec.img, x, y, w, h)
+}
diff --git a/lib/src/shapes/coin.ts b/lib/src/shapes/coin.ts
new file mode 100644
index 0000000..f1895e2
--- /dev/null
+++ b/lib/src/shapes/coin.ts
@@ -0,0 +1,13 @@
+import { ensureRendererRegistry } from '../global'
+
+const registry = ensureRendererRegistry()
+
+registry.coin = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  const grd = context.createRadialGradient(x, y, r * 0.2, x, y, r)
+  grd.addColorStop(0, 'rgba(255,230,120,0.95)')
+  grd.addColorStop(1, 'rgba(240,180,60,0.85)')
+  context.fillStyle = grd
+  context.beginPath()
+  context.arc(x, y, r * 2.5, 0, Math.PI * 2)
+  context.fill()
+}
diff --git a/lib/src/shapes/dot.ts b/lib/src/shapes/dot.ts
new file mode 100644
index 0000000..804c3bb
--- /dev/null
+++ b/lib/src/shapes/dot.ts
@@ -0,0 +1,10 @@
+import { ensureRendererRegistry } from '../global'
+
+const registry = ensureRendererRegistry()
+
+registry.dot = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  context.beginPath()
+  context.arc(x, y, r, 0, Math.PI * 2)
+  context.fillStyle = 'rgba(255,255,255,0.9)'
+  context.fill()
+}
diff --git a/lib/src/shapes/flake.ts b/lib/src/shapes/flake.ts
new file mode 100644
index 0000000..c899e57
--- /dev/null
+++ b/lib/src/shapes/flake.ts
@@ -0,0 +1,32 @@
+import { ensureRendererRegistry } from '../global'
+
+const registry = ensureRendererRegistry()
+
+registry.flake = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  const branchSize = r * 3
+  context.save()
+  context.translate(x, y)
+  context.fillStyle = 'rgba(255,255,255,0.9)'
+  context.strokeStyle = 'rgba(255,255,255,0.9)'
+  context.lineWidth = branchSize * 0.15
+  for (let i = 0; i < 6; i++){
+    context.rotate(Math.PI / 3)
+    context.beginPath()
+    context.moveTo(0, 0)
+    context.lineTo(0, branchSize)
+    context.stroke()
+    context.beginPath()
+    context.moveTo(0, branchSize * 0.3)
+    context.lineTo(branchSize * 0.3, branchSize * 0.5)
+    context.stroke()
+    context.beginPath()
+    context.moveTo(0, branchSize * 0.5)
+    context.lineTo(-branchSize * 0.3, branchSize * 0.7)
+    context.stroke()
+    context.beginPath()
+    context.moveTo(0, branchSize * 0.7)
+    context.lineTo(branchSize * 0.3, branchSize * 0.9)
+    context.stroke()
+  }
+  context.restore()
+}
diff --git a/lib/src/shapes/reindeer.ts b/lib/src/shapes/reindeer.ts
new file mode 100644
index 0000000..772046f
--- /dev/null
+++ b/lib/src/shapes/reindeer.ts
@@ -0,0 +1,14 @@
+import { ensureRendererRegistry } from '../global'
+import { getOrLoadImage, drawCenteredImage } from '../utils/image'
+
+const registry = ensureRendererRegistry()
+
+registry.reindeer = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  const assets = (window.YooneSnowSettings && (window.YooneSnowSettings as any).assetsMap) ? (window.YooneSnowSettings as any).assetsMap as Record<string,string> : {}
+  const url = assets['reindeer'] || ''
+  const rec = getOrLoadImage(url)
+  if (!rec || !rec.ready || !rec.img) return
+  const h = r * 8
+  const w = h
+  drawCenteredImage(context, rec.img, x, y, w, h)
+}
diff --git a/lib/src/shapes/santa_hat.ts b/lib/src/shapes/santa_hat.ts
new file mode 100644
index 0000000..79080fc
--- /dev/null
+++ b/lib/src/shapes/santa_hat.ts
@@ -0,0 +1,14 @@
+import { ensureRendererRegistry } from '../global'
+import { getOrLoadImage, drawCenteredImage } from '../utils/image'
+
+const registry = ensureRendererRegistry()
+
+registry.santa_hat = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  const assets = (window.YooneSnowSettings && (window.YooneSnowSettings as any).assetsMap) ? (window.YooneSnowSettings as any).assetsMap as Record<string,string> : {}
+  const url = assets['santa_hat'] || ''
+  const rec = getOrLoadImage(url)
+  if (!rec || !rec.ready || !rec.img) return
+  const h = r * 8
+  const w = h
+  drawCenteredImage(context, rec.img, x, y, w, h)
+}
diff --git a/lib/src/shapes/yuanbao.ts b/lib/src/shapes/yuanbao.ts
new file mode 100644
index 0000000..ea1a459
--- /dev/null
+++ b/lib/src/shapes/yuanbao.ts
@@ -0,0 +1,19 @@
+import { ensureRendererRegistry } from '../global'
+
+const registry = ensureRendererRegistry()
+
+registry.yuanbao = function(context: CanvasRenderingContext2D, x: number, y: number, r: number){
+  context.save()
+  context.translate(x, y)
+  context.scale(r * 0.08, r * 0.08)
+  context.fillStyle = 'rgba(255,215,0,0.9)'
+  context.beginPath()
+  context.moveTo(-20, 0)
+  context.quadraticCurveTo(0, -12, 20, 0)
+  context.quadraticCurveTo(0, 12, -20, 0)
+  context.fill()
+  context.beginPath()
+  context.arc(0, 0, 6, 0, Math.PI * 2)
+  context.fill()
+  context.restore()
+}
diff --git a/css/snow.css b/lib/src/styles/snow.css
similarity index 100%
rename from css/snow.css
rename to lib/src/styles/snow.css
diff --git a/lib/src/system/snowSystem.ts b/lib/src/system/snowSystem.ts
new file mode 100644
index 0000000..8a89634
--- /dev/null
+++ b/lib/src/system/snowSystem.ts
@@ -0,0 +1,238 @@
+import { EngineRef, Sprite } from '../engine/Component'
+import { Snow } from '../engine/Snow'
+import { DownwardMoveComponent } from '../engine/DownwardMoveComponent'
+import { SwingComponent } from '../engine/SwingComponent'
+import { LifetimeComponent } from '../engine/LifetimeComponent'
+
+export interface SystemSettings {
+  selectedShapes: string[]
+  mediaItems: string[]
+  emojiItems: string[]
+  textItems: string[]
+  shapeWeights: Record<string, number>
+  mediaWeights: Record<string, number>
+  emojiWeights: Record<string, number>
+  textWeights: Record<string, number>
+  radiusMin: number
+  radiusMax: number
+  driftMin: number
+  driftMax: number
+  swingMin: number
+  swingMax: number
+  displayDurationSeconds: number
+  maxCount: number
+  maxCountSmall: number
+  maxCountMedium: number
+  maxCountLarge: number
+  assetsMap: Record<string,string>
+}
+
+export function createSystem(context: CanvasRenderingContext2D, getViewportWidth: () => number, getViewportHeight: () => number, settings: SystemSettings){
+  let viewportWidth = getViewportWidth()
+  let viewportHeight = getViewportHeight()
+  const engine: EngineRef = { getViewportWidth: () => viewportWidth, getViewportHeight: () => viewportHeight, context }
+  const snowflakes: Snow[] = []
+  let spawnAccumulator = 0
+  let spawnPhase = Math.random()
+  const goldenRatio = 0.61803398875
+  const startTs = performance.now()
+  let hasReachedDuration = false
+
+  function computeTargetCount(): number {
+    const minDim = Math.min(viewportWidth, viewportHeight)
+    const auto = (kind: 'small'|'medium'|'large') => {
+      const area = viewportWidth * viewportHeight
+      if (kind === 'small') return Math.floor(Math.min(80, Math.max(40, area / 36000)))
+      if (kind === 'medium') return Math.floor(Math.min(200, Math.max(100, area / 18000)))
+      return Math.floor(Math.min(300, Math.max(140, area / 12000)))
+    }
+    let target = 0
+    if (minDim <= 480){ target = settings.maxCountSmall > 0 ? settings.maxCountSmall : auto('small') }
+    else if (minDim <= 960){ target = settings.maxCountMedium > 0 ? settings.maxCountMedium : auto('medium') }
+    else { target = settings.maxCountLarge > 0 ? settings.maxCountLarge : auto('large') }
+    if (target <= 0){ target = settings.maxCount > 0 ? settings.maxCount : auto(minDim <= 480 ? 'small' : (minDim <= 960 ? 'medium' : 'large')) }
+    return Math.max(1, target)
+  }
+  let targetCount = computeTargetCount()
+
+  function selectWeightedItem(): { type: string, url: string | null, text: string | null } | null {
+    const items: Array<{ kind: 'shape'|'media'|'emoji'|'text', key?: string, url?: string, text?: string, weight: number }> = []
+    for (let i = 0; i < settings.selectedShapes.length; i++){
+      const k = settings.selectedShapes[i]
+      const w = typeof settings.shapeWeights[k] !== 'undefined' ? settings.shapeWeights[k] : 1
+      if (w > 0){ items.push({ kind: 'shape', key: k, weight: w }) }
+    }
+    for (let i = 0; i < settings.emojiItems.length; i++){
+      const ch = String(settings.emojiItems[i] || '').trim()
+      if (ch === '') continue
+      const ew = settings.emojiWeights[ch] ?? 1
+      if (ew > 0) items.push({ kind: 'emoji', text: ch, weight: ew })
+    }
+    for (let i = 0; i < settings.textItems.length; i++){
+      const tx = String(settings.textItems[i] || '').trim()
+      if (tx === '') continue
+      const tw = settings.textWeights[tx] ?? 1
+      if (tw > 0) items.push({ kind: 'text', text: tx, weight: tw })
+    }
+    for (let i = 0; i < settings.mediaItems.length; i++){
+      const url = settings.mediaItems[i]
+      const mw = settings.mediaWeights[url] ?? 1
+      if (mw > 0) items.push({ kind: 'media', url, weight: mw })
+    }
+    if (items.length === 0) return null
+    let total = 0
+    for (let i = 0; i < items.length; i++){ total += items[i].weight }
+    const r = Math.random() * total
+    let acc = 0
+    for (let i = 0; i < items.length; i++){
+      acc += items[i].weight
+      if (r <= acc){
+        const it = items[i]
+        if (it.kind === 'shape') return { type: String(it.key), url: null, text: null }
+        if (it.kind === 'media') return { type: 'media_image', url: String(it.url), text: null }
+        if (it.kind === 'emoji') return { type: 'emoji_text', url: null, text: String(it.text) }
+        return { type: 'text_label', url: null, text: String(it.text) }
+      }
+    }
+    return null
+  }
+
+  function createSnowflake(preferredX?: number, preferredY?: number): Snow | null {
+    const picked = selectWeightedItem()
+    if (!picked) return null
+    const sprite = new Snow({
+      positionX: typeof preferredX === 'number' ? preferredX : Math.random() * viewportWidth,
+      positionY: typeof preferredY === 'number' ? preferredY : (-1 - Math.random() * 4),
+      radius: (Math.random() * (settings.radiusMax - settings.radiusMin) + settings.radiusMin) * settings.radiusMin,
+      driftSpeed: Math.random() * (settings.driftMax - settings.driftMin) + settings.driftMin,
+      swingAmplitude: (Math.random() * (settings.swingMax - settings.swingMin) + settings.swingMin) * settings.swingMin,
+      shapeType: picked.type,
+      imageUrl: picked.url,
+      emojiText: picked.text
+    })
+    sprite.addComponent(new DownwardMoveComponent())
+    sprite.addComponent(new SwingComponent())
+    sprite.addComponent(new LifetimeComponent())
+    sprite.init(engine)
+    return sprite
+  }
+
+  function computeAverageVerticalSpeed(): number {
+    let count = 0
+    let sum = 0
+    for (let i = 0; i < snowflakes.length; i++){
+      const f = snowflakes[i]
+      if (f.outOfView) continue
+      const v = (f.driftSpeed * 2 + f.radius * 0.25) * 60
+      sum += v
+      count++
+    }
+    if (count > 0) return sum / count
+    const driftAvg = (settings.driftMin + settings.driftMax) * 0.5
+    const radiusAvg = ((settings.radiusMin + settings.radiusMax) * 0.5) * settings.radiusMin
+    return (driftAvg * 2 + radiusAvg * 0.25) * 60
+  }
+
+  function estimateInitialPrefillCount(): number {
+    const avgV = computeAverageVerticalSpeed()
+    const lifeSec = (viewportHeight + 5) / Math.max(0.001, avgV)
+    const supplyPerSec = targetCount / Math.max(0.001, lifeSec)
+    const warmSec = Math.min(1.2, Math.max(0.6, lifeSec * 0.2))
+    const raw = Math.floor(supplyPerSec * warmSec)
+    const cap = Math.floor(targetCount * 0.45)
+    return Math.max(8, Math.min(cap, raw))
+  }
+
+  function pushSnowflake(px?: number, py?: number){
+    const flake = createSnowflake(px, py)
+    if (flake){ snowflakes.push(flake); return true }
+    return false
+  }
+
+  function initSnowPrefill(){
+    if (hasReachedDuration) return
+    if (snowflakes.length > 0) return
+    const initial = estimateInitialPrefillCount()
+    for (let i = 0; i < initial; i++){
+      const px = (spawnPhase % 1) * viewportWidth
+      spawnPhase = (spawnPhase + goldenRatio) % 1
+      const py = -Math.random() * (viewportHeight * 0.4)
+      pushSnowflake(px, py)
+    }
+  }
+
+  initSnowPrefill()
+
+  function updateSnowflakes(dt: number){
+    for (let i = 0; i < snowflakes.length; i++){
+      const f = snowflakes[i]
+      if (f && typeof (f as any).update === 'function'){
+        f.update(engine, dt)
+      } else {
+        const factor = Math.max(0.5, Math.min(2.0, dt * 60))
+        f.positionY += (f.driftSpeed * 2 + f.radius * 0.25) * factor
+        f.positionX += Math.sin(f.positionY * 0.01) * f.swingAmplitude * factor
+        if (f.positionY > viewportHeight + 5){ f.outOfView = true }
+      }
+    }
+  }
+
+  function drawSnowflakes(){
+    context.clearRect(0, 0, viewportWidth, viewportHeight)
+    for (let i = 0; i < snowflakes.length; i++){
+      const f = snowflakes[i]
+      if (f.outOfView) continue
+      (f as any).render ? (f as any).render(engine) : null
+      if (!(f as any).render){
+        const reg = window.YooneSnowShapeRenderers || {}
+        const renderer = reg[f.shapeType] || reg['dot']
+        if (typeof renderer === 'function'){
+          renderer(context, f.positionX, f.positionY, f.radius)
+        }
+      }
+    }
+  }
+
+  function updateSystem(dt: number){
+    for (let i = snowflakes.length - 1; i >= 0; i--){ if (snowflakes[i].outOfView) snowflakes.splice(i, 1) }
+    if (!hasReachedDuration){
+      const avgV = computeAverageVerticalSpeed()
+      const lifeSec = (viewportHeight + 5) / Math.max(0.001, avgV)
+      const supplyPerSec = targetCount / Math.max(0.001, lifeSec)
+      spawnAccumulator += supplyPerSec * Math.max(0, dt)
+      const slots = Math.max(0, targetCount - snowflakes.length)
+      let count = Math.min(slots, Math.floor(spawnAccumulator))
+      if (count === 0 && slots > 0) count = 1
+      const maxPerFrame = Math.max(1, Math.floor(targetCount * 0.05))
+      if (count > maxPerFrame) count = maxPerFrame
+      let added = 0
+      for (let s = 0; s < count; s++){
+        const px = (spawnPhase % 1) * viewportWidth
+        spawnPhase = (spawnPhase + goldenRatio) % 1
+        if (pushSnowflake(px, undefined)) added++
+      }
+      if (added > 0){ spawnAccumulator = Math.max(0, spawnAccumulator - added) }
+    }
+    updateSnowflakes(dt)
+  }
+
+  function renderSystem(){ drawSnowflakes() }
+
+  function shouldStop(): boolean {
+    if (settings.displayDurationSeconds > 0 && !hasReachedDuration){
+      const elapsed = (performance.now() - startTs) / 1000
+      if (elapsed >= settings.displayDurationSeconds){ hasReachedDuration = true }
+    }
+    if (hasReachedDuration){ return snowflakes.every(f => f.outOfView) }
+    return false
+  }
+
+  return {
+    engine,
+    recomputeTarget(){ targetCount = computeTargetCount() },
+    updateSystem,
+    renderSystem,
+    shouldStop,
+    setViewport(width: number, height: number){ viewportWidth = width; viewportHeight = height }
+  }
+}
diff --git a/lib/src/utils/image.ts b/lib/src/utils/image.ts
new file mode 100644
index 0000000..5349074
--- /dev/null
+++ b/lib/src/utils/image.ts
@@ -0,0 +1,72 @@
+import type { ShapeRenderer } from '../global'
+
+declare global {
+  interface Window {
+    YooneSnowImageCache?: Record<string, { img: HTMLImageElement | ImageBitmap | null, ready: boolean }>
+    YooneSnowGetOrLoadImage?: (url: string) => { img: HTMLImageElement | ImageBitmap | null, ready: boolean }
+    YooneSnowLoadAssetViaFetch?: (url: string, cb: (ok: boolean) => void) => void
+    YooneSnowDrawCenteredImage?: (ctx: CanvasRenderingContext2D, img: HTMLImageElement | ImageBitmap, cx: number, cy: number, w: number, h: number) => void
+  }
+}
+
+export function getOrLoadImage(url: string): { img: HTMLImageElement | ImageBitmap | null, ready: boolean } {
+  if (!url) return { img: null, ready: false }
+  const cache = (window.YooneSnowImageCache = window.YooneSnowImageCache || {})
+  const existing = cache[url]
+  if (existing && existing.ready) return existing
+  if (existing && !existing.ready) return existing
+  const img = new Image()
+  const record = { img, ready: false }
+  cache[url] = record
+  try { ;(img as any).decoding = 'async' } catch {}
+  try { ;(img as any).fetchPriority = 'low' } catch {}
+  img.onload = function(){ record.ready = true }
+  img.onerror = function(){ delete cache[url] }
+  img.src = url
+  return record
+}
+
+export function loadAssetViaFetch(url: string, onReady: (ok: boolean) => void): void {
+  if (!url) { onReady(false); return }
+  const cache = (window.YooneSnowImageCache = window.YooneSnowImageCache || {})
+  const existing = cache[url]
+  if (existing && existing.ready) { onReady(true); return }
+  if (!existing) cache[url] = { img: null, ready: false }
+  if (typeof fetch === 'function' && typeof (window as any).createImageBitmap === 'function') {
+    fetch(url, { cache: 'force-cache' }).then(r => r.blob()).then(b => (window as any).createImageBitmap(b)).then((bmp: ImageBitmap) => {
+      cache[url] = { img: bmp, ready: true }
+      onReady(true)
+    }).catch(() => {
+      const rec = getOrLoadImage(url)
+      let fired = false
+      if (rec && rec.img instanceof HTMLImageElement) {
+        const markReady = () => { rec.ready = true }
+        rec.img.onload = function(){ if (!fired){ fired = true; markReady(); onReady(true) } }
+        rec.img.onerror = function(){ if (!fired){ fired = true; onReady(false) } }
+      } else {
+        onReady(false)
+      }
+    })
+  } else {
+    const rec = getOrLoadImage(url)
+    let fired = false
+    if (rec && rec.img instanceof HTMLImageElement) {
+      const markReady = () => { rec.ready = true }
+      rec.img.onload = function(){ if (!fired){ fired = true; markReady(); onReady(true) } }
+      rec.img.onerror = function(){ if (!fired){ fired = true; onReady(false) } }
+    } else {
+      onReady(false)
+    }
+  }
+}
+
+export function drawCenteredImage(context: CanvasRenderingContext2D, img: HTMLImageElement | ImageBitmap, centerX: number, centerY: number, width: number, height: number): void {
+  const dx = centerX - width / 2
+  const dy = centerY - height / 2
+  context.drawImage(img as any, dx, dy, width, height)
+}
+
+// 挂载到 window 以兼容旧逻辑
+window.YooneSnowGetOrLoadImage = getOrLoadImage
+window.YooneSnowLoadAssetViaFetch = loadAssetViaFetch
+window.YooneSnowDrawCenteredImage = drawCenteredImage
diff --git a/lib/tsconfig.json b/lib/tsconfig.json
new file mode 100644
index 0000000..470743d
--- /dev/null
+++ b/lib/tsconfig.json
@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "strict": true,
+    "noImplicitAny": true,
+    "moduleResolution": "Bundler",
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "lib": ["ES2020", "DOM"],
+    "types": []
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/lib/vite.config.ts b/lib/vite.config.ts
new file mode 100644
index 0000000..170b234
--- /dev/null
+++ b/lib/vite.config.ts
@@ -0,0 +1,31 @@
+import { defineConfig } from 'vite'
+
+export default defineConfig({
+  root: '.',
+  publicDir: false,
+  build: {
+    outDir: '../dist',
+    assetsDir: 'assets',
+    emptyOutDir: true,
+    rollupOptions: {
+      input: {
+        snow: 'src/main.ts',
+        index: 'src/index.ts',
+        'assets/圣诞雪帽': 'src/assets/圣诞雪帽.svg',
+        'assets/圣诞拐杖': 'src/assets/圣诞拐杖.svg',
+        'assets/圣诞袜子': 'src/assets/圣诞袜子.svg',
+        'assets/圣诞树': 'src/assets/圣诞树.svg',
+        'assets/圣诞麋鹿': 'src/assets/圣诞麋鹿.svg',
+        'assets/圣诞果': 'src/assets/圣诞果.svg'
+      },
+      output: {
+        entryFileNames: (chunk) => chunk.name === 'snow' ? 'snow.js' : '[name].js',
+        assetFileNames: (info) => {
+          const name = info.name || ''
+          if (name.endsWith('.css')) return 'snow.css'
+          return 'assets/[name][extname]'
+        }
+      }
+    }
+  }
+})
diff --git a/yoone-snow.php b/yoone-snow.php
index 734b510..3891c37 100644
--- a/yoone-snow.php
+++ b/yoone-snow.php
@@ -2,7 +2,7 @@
 /*
 Plugin Name: Yoone Snow
 Description: 首页 canvas 雪花效果
-Version: 1.9.0
+Version: 2.0.0
 Author: Yoone
 */
 
@@ -10,17 +10,11 @@ if (!defined('ABSPATH')) { exit; }
 
 function yoone_snow_is_enabled() {
     $mode = get_option('yoone_snow_display_routes_mode', 'home');
-    if ($mode === 'all') {
-        return true;
-    }
+    if ($mode === 'all') { return true; }
     if ($mode === 'match') {
         $routes = get_option('yoone_snow_display_routes', array());
-        if (is_string($routes)) {
-            $routes = array_filter(array_map('trim', explode("\n", $routes)));
-        }
-        if (!is_array($routes)) {
-            $routes = array();
-        }
+        if (is_string($routes)) { $routes = array_filter(array_map('trim', explode("\n", $routes))); }
+        if (!is_array($routes)) { $routes = array(); }
         $requestUri = isset($_SERVER['REQUEST_URI']) ? (string)$_SERVER['REQUEST_URI'] : '';
         $path = parse_url($requestUri, PHP_URL_PATH);
         $path = is_string($path) ? $path : '';
@@ -29,14 +23,8 @@ function yoone_snow_is_enabled() {
             if ($r === '') { continue; }
             if (substr($r, -1) === '*') {
                 $prefix = substr($r, 0, -1);
-                if ($prefix === '' || strpos($path, $prefix) === 0) {
-                    return true;
-                }
-            } else {
-                if ($path === $r) {
-                    return true;
-                }
-            }
+                if ($prefix === '' || strpos($path, $prefix) === 0) { return true; }
+            } else { if ($path === $r) { return true; } }
         }
         return false;
     }
@@ -46,97 +34,23 @@ function yoone_snow_is_enabled() {
 function yoone_snow_enqueue_assets() {
     if (!yoone_snow_is_enabled()) { return; }
     $style_handle = 'yoone-snow-style';
-    $style_src = plugins_url('css/snow.css', __FILE__);
-    $style_ver = @filemtime(plugin_dir_path(__FILE__) . 'css/snow.css');
-    wp_register_style($style_handle, $style_src, array(), $style_ver ? (string)$style_ver : '1.1.0', 'all');
+    $style_src = plugins_url('dist/snow.css', dirname(__FILE__));
+    $style_ver = @filemtime(plugin_dir_path(dirname(__FILE__)) . 'dist/snow.css');
+    wp_register_style($style_handle, $style_src, array(), $style_ver ? (string)$style_ver : '2.0.0', 'all');
     wp_enqueue_style($style_handle);
 
-    // 注册形状渲染脚本 保证主脚本之前加载
-    $shape_index_handle = 'yoone-snow-shapes-index';
-    $ver_shapes_index = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/index.js');
-    wp_register_script($shape_index_handle, plugins_url('js/shapes/index.js', __FILE__), array(), $ver_shapes_index ? (string)$ver_shapes_index : '1.1.0', true);
-    $shape_utils_handle = 'yoone-snow-shapes-utils';
-    $ver_shapes_utils = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/utils.js');
-    wp_register_script($shape_utils_handle, plugins_url('js/shapes/utils.js', __FILE__), array($shape_index_handle), $ver_shapes_utils ? (string)$ver_shapes_utils : '1.1.0', true);
-    $shape_dot_handle = 'yoone-snow-shapes-dot';
-    $ver_shapes_dot = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/dot.js');
-    wp_register_script($shape_dot_handle, plugins_url('js/shapes/dot.js', __FILE__), array($shape_index_handle), $ver_shapes_dot ? (string)$ver_shapes_dot : '1.1.0', true);
-    $shape_flake_handle = 'yoone-snow-shapes-flake';
-    $ver_shapes_flake = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/flake.js');
-    wp_register_script($shape_flake_handle, plugins_url('js/shapes/flake.js', __FILE__), array($shape_index_handle), $ver_shapes_flake ? (string)$ver_shapes_flake : '1.1.0', true);
-    $shape_yuanbao_handle = 'yoone-snow-shapes-yuanbao';
-    $ver_shapes_yuanbao = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/yuanbao.js');
-    wp_register_script($shape_yuanbao_handle, plugins_url('js/shapes/yuanbao.js', __FILE__), array($shape_index_handle), $ver_shapes_yuanbao ? (string)$ver_shapes_yuanbao : '1.1.0', true);
-    $shape_coin_handle = 'yoone-snow-shapes-coin';
-    $ver_shapes_coin = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/coin.js');
-    wp_register_script($shape_coin_handle, plugins_url('js/shapes/coin.js', __FILE__), array($shape_index_handle), $ver_shapes_coin ? (string)$ver_shapes_coin : '1.1.0', true);
-    $shape_santa_handle = 'yoone-snow-shapes-santa-hat';
-    $ver_shapes_santa = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/santa_hat.js');
-    wp_register_script($shape_santa_handle, plugins_url('js/shapes/santa_hat.js', __FILE__), array($shape_utils_handle), $ver_shapes_santa ? (string)$ver_shapes_santa : '1.1.0', true);
-    $shape_cane_handle = 'yoone-snow-shapes-candy-cane';
-    $ver_shapes_cane = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/candy_cane.js');
-    wp_register_script($shape_cane_handle, plugins_url('js/shapes/candy_cane.js', __FILE__), array($shape_utils_handle), $ver_shapes_cane ? (string)$ver_shapes_cane : '1.1.0', true);
-    $shape_sock_handle = 'yoone-snow-shapes-christmas-sock';
-    $ver_shapes_sock = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/christmas_sock.js');
-    wp_register_script($shape_sock_handle, plugins_url('js/shapes/christmas_sock.js', __FILE__), array($shape_utils_handle), $ver_shapes_sock ? (string)$ver_shapes_sock : '1.1.0', true);
-    $shape_tree_handle = 'yoone-snow-shapes-christmas-tree';
-    $ver_shapes_tree = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/christmas_tree.js');
-    wp_register_script($shape_tree_handle, plugins_url('js/shapes/christmas_tree.js', __FILE__), array($shape_utils_handle), $ver_shapes_tree ? (string)$ver_shapes_tree : '1.1.0', true);
-    $shape_reindeer_handle = 'yoone-snow-shapes-reindeer';
-    $ver_shapes_reindeer = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/reindeer.js');
-    wp_register_script($shape_reindeer_handle, plugins_url('js/shapes/reindeer.js', __FILE__), array($shape_utils_handle), $ver_shapes_reindeer ? (string)$ver_shapes_reindeer : '1.1.0', true);
-    $shape_berry_handle = 'yoone-snow-shapes-christmas-berry';
-    $ver_shapes_berry = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/christmas_berry.js');
-    wp_register_script($shape_berry_handle, plugins_url('js/shapes/christmas_berry.js', __FILE__), array($shape_utils_handle), $ver_shapes_berry ? (string)$ver_shapes_berry : '1.1.0', true);
-
-    // 注册并加载主脚本 设置依赖确保顺序正确
     $script_handle = 'yoone-snow-script';
-    $script_src = plugins_url('js/snow-canvas.js', __FILE__);
-    $script_ver = @filemtime(plugin_dir_path(__FILE__) . 'js/snow-canvas.js');
-    $deps = array($shape_index_handle);
-    $needs_utils = false;
-    $mixed_items_option = get_option('yoone_snow_mixed_items', array('dot','flake'));
-    if (is_string($mixed_items_option)) {
-        $mixed_items_option = array_filter(array_map('trim', explode(',', $mixed_items_option)));
-    }
-    $allowed_shapes = array('dot','flake','yuanbao','coin','santa_hat','candy_cane','christmas_sock','christmas_tree','reindeer','christmas_berry');
-    $mixed_items_sanitized = array_values(array_unique(array_intersect(is_array($mixed_items_option) ? $mixed_items_option : array('dot','flake'), $allowed_shapes)));
-    if (empty($mixed_items_sanitized)) { $mixed_items_sanitized = array('dot','flake'); }
-    $media_urls = array();
-    foreach ($mixed_items_sanitized as $key) {
-        if ($key === 'dot') { $deps[] = $shape_dot_handle; }
-        if ($key === 'flake') { $deps[] = $shape_flake_handle; }
-        if ($key === 'yuanbao') { $deps[] = $shape_yuanbao_handle; }
-        if ($key === 'coin') { $deps[] = $shape_coin_handle; }
-        if ($key === 'santa_hat') { $deps[] = $shape_santa_handle; $needs_utils = true; }
-        if ($key === 'candy_cane') { $deps[] = $shape_cane_handle; $needs_utils = true; }
-        if ($key === 'christmas_sock') { $deps[] = $shape_sock_handle; $needs_utils = true; }
-        if ($key === 'christmas_tree') { $deps[] = $shape_tree_handle; $needs_utils = true; }
-        if ($key === 'reindeer') { $deps[] = $shape_reindeer_handle; $needs_utils = true; }
-        if ($key === 'christmas_berry') { $deps[] = $shape_berry_handle; $needs_utils = true; }
-    }
-    if (!empty($media_urls)) { $needs_utils = true; }
-    if ($needs_utils) { $deps[] = $shape_utils_handle; }
-    $deps = array_values(array_unique($deps));
-    wp_register_script(
-        $script_handle,
-        $script_src,
-        $deps,
-        $script_ver ? (string)$script_ver : '1.1.0',
-        true
-    );
+    $script_src = plugins_url('dist/snow.js', dirname(__FILE__));
+    $script_ver = @filemtime(plugin_dir_path(dirname(__FILE__)) . 'dist/snow.js');
+    wp_register_script($script_handle, $script_src, array(), $script_ver ? (string)$script_ver : '2.0.0', true);
     wp_enqueue_script($script_handle);
 
-    // 将后端设置传递到前端脚本 变量名称为 YooneSnowSettings
-    // 简化设置 仅保留复选框选择的形状集合
     $mixed_items_option = get_option('yoone_snow_mixed_items', array('dot','flake'));
-    if (is_string($mixed_items_option)) {
-        $mixed_items_option = array_filter(array_map('trim', explode(',', $mixed_items_option)));
-    }
+    if (is_string($mixed_items_option)) { $mixed_items_option = array_filter(array_map('trim', explode(',', $mixed_items_option))); }
     $allowed_shapes = array('dot','flake','yuanbao','coin','santa_hat','candy_cane','christmas_sock','christmas_tree','reindeer','christmas_berry');
     $mixed_items_sanitized = array_values(array_unique(array_intersect($mixed_items_option, $allowed_shapes)));
     if (empty($mixed_items_sanitized)) { $mixed_items_sanitized = array('dot','flake'); }
-    // 读取媒体形状集合 并映射为可用的 URL 列表
+
     $media_ids = get_option('yoone_snow_media_items', array());
     if (!is_array($media_ids)) { $media_ids = array(); }
     $media_urls = array();
@@ -147,36 +61,22 @@ function yoone_snow_enqueue_assets() {
         $url = wp_get_attachment_url(intval($mid));
         if ($url) {
             $media_urls[] = $url;
-            $w = isset($media_weights_option[intval($mid)]) ? intval($media_weights_option[intval($mid)]) : 1;
+            $intKey = intval($mid);
+            $strKey = (string)$intKey;
+            $w = 1;
+            if (isset($media_weights_option[$intKey])) { $w = intval($media_weights_option[$intKey]); }
+            elseif (isset($media_weights_option[$strKey])) { $w = intval($media_weights_option[$strKey]); }
             if ($w < 0) { $w = 0; }
             $media_weights_by_url[$url] = $w;
         }
     }
-    // 形状权重默认值 映射为形状键到非负整数权重
-    // 权重用于控制每次生成时的相对概率 权重越大被选中越频繁
-    // 权重为 0 表示可选但不参与随机生成
-    $default_weights = array(
-        'dot' => 1,
-        'flake' => 4,
-        'yuanbao' => 1,
-        'coin' => 1,
-        'santa_hat' => 1,
-        'candy_cane' => 1,
-        'christmas_sock' => 1,
-        'christmas_tree' => 1,
-        'reindeer' => 1,
-        'christmas_berry' => 1,
-    );
+
+    $default_weights = array('dot'=>1,'flake'=>4,'yuanbao'=>1,'coin'=>1,'santa_hat'=>1,'candy_cane'=>1,'christmas_sock'=>1,'christmas_tree'=>1,'reindeer'=>1,'christmas_berry'=>1);
     $saved_weights = get_option('yoone_snow_shape_weights', $default_weights);
     if (!is_array($saved_weights)) { $saved_weights = array(); }
-    // 合并用户保存的权重与默认值 并规范为非负整数
     $shape_weights = array();
-    foreach ($default_weights as $k => $v) {
-        $val = isset($saved_weights[$k]) ? intval($saved_weights[$k]) : intval($v);
-        if ($val < 0) { $val = 0; }
-        $shape_weights[$k] = $val;
-    }
-    // 读取尺寸组合设置 包含最小与最大半径 如未设置则回退到旧选项与默认值
+    foreach ($default_weights as $k => $v) { $val = isset($saved_weights[$k]) ? intval($saved_weights[$k]) : intval($v); if ($val < 0) { $val = 0; } $shape_weights[$k] = $val; }
+
     $size_group = get_option('yoone_snow_size', array('min' => 1.0, 'max' => 3.0));
     $radius_min_val = isset($size_group['min']) ? floatval($size_group['min']) : floatval(get_option('yoone_snow_radius_min', 1.0));
     $radius_max_val = isset($size_group['max']) ? floatval($size_group['max']) : floatval(get_option('yoone_snow_radius_max', 3.0));
@@ -188,29 +88,9 @@ function yoone_snow_enqueue_assets() {
         'mediaItems' => $media_urls,
         'displayDurationSeconds' => intval(get_option('yoone_snow_home_duration', 0)),
         'maxCount' => intval(get_option('yoone_snow_max_count', 0)),
-        'renderAccelerationEnabled' => (function(){ $v = get_option('yoone_snow_render_acceleration', 0); return intval($v) === 1; })(),
-        // 新增分屏最大数量设置 分别针对小中大屏 0 表示自动
-        'maxCountSmall' => (function(){
-            $grp = get_option('yoone_snow_max_count_breakpoints', array('small' => 0, 'medium' => 0, 'large' => 0));
-            $val = isset($grp['small']) ? intval($grp['small']) : 0;
-            if ($val < 0) { $val = 0; }
-            if ($val > 1000) { $val = 1000; }
-            return $val;
-        })(),
-        'maxCountMedium' => (function(){
-            $grp = get_option('yoone_snow_max_count_breakpoints', array('small' => 0, 'medium' => 0, 'large' => 0));
-            $val = isset($grp['medium']) ? intval($grp['medium']) : 0;
-            if ($val < 0) { $val = 0; }
-            if ($val > 1000) { $val = 1000; }
-            return $val;
-        })(),
-        'maxCountLarge' => (function(){
-            $grp = get_option('yoone_snow_max_count_breakpoints', array('small' => 0, 'medium' => 0, 'large' => 0));
-            $val = isset($grp['large']) ? intval($grp['large']) : 0;
-            if ($val < 0) { $val = 0; }
-            if ($val > 1000) { $val = 1000; }
-            return $val;
-        })(),
+        'maxCountSmall' => (function(){ $grp = get_option('yoone_snow_max_count_breakpoints', array('small' => 0, 'medium' => 0, 'large' => 0)); $val = isset($grp['small']) ? intval($grp['small']) : 0; return max(0, min(1000, $val)); })(),
+        'maxCountMedium' => (function(){ $grp = get_option('yoone_snow_max_count_breakpoints', array('small' => 0, 'medium' => 0, 'large' => 0)); $val = isset($grp['medium']) ? intval($grp['medium']) : 0; return max(0, min(1000, $val)); })(),
+        'maxCountLarge' => (function(){ $grp = get_option('yoone_snow_max_count_breakpoints', array('small' => 0, 'medium' => 0, 'large' => 0)); $val = isset($grp['large']) ? intval($grp['large']) : 0; return max(0, min(1000, $val)); })(),
         'radiusMin' => $radius_min_val,
         'radiusMax' => $radius_max_val,
         'driftMin' => floatval(get_option('yoone_snow_drift_min', 0.4)),
@@ -218,204 +98,66 @@ function yoone_snow_enqueue_assets() {
         'swingMin' => floatval(get_option('yoone_snow_swing_min', 0.2)),
         'swingMax' => floatval(get_option('yoone_snow_swing_max', 1.0)),
         'assetsMap' => array(
-            'santa_hat' => plugins_url('assets/圣诞雪帽.svg', __FILE__),
-            'candy_cane' => plugins_url('assets/圣诞拐杖.svg', __FILE__),
-            'christmas_sock' => plugins_url('assets/圣诞袜子.svg', __FILE__),
-            'christmas_tree' => plugins_url('assets/圣诞树.svg', __FILE__),
-            'reindeer' => plugins_url('assets/圣诞麋鹿.svg', __FILE__),
-            'christmas_berry' => plugins_url('assets/圣诞果.svg', __FILE__),
+            'santa_hat' => plugins_url('dist/assets/圣诞雪帽.svg', dirname(__FILE__)),
+            'candy_cane' => plugins_url('dist/assets/圣诞拐杖.svg', dirname(__FILE__)),
+            'christmas_sock' => plugins_url('dist/assets/圣诞袜子.svg', dirname(__FILE__)),
+            'christmas_tree' => plugins_url('dist/assets/圣诞树.svg', dirname(__FILE__)),
+            'reindeer' => plugins_url('dist/assets/圣诞麋鹿.svg', dirname(__FILE__)),
+            'christmas_berry' => plugins_url('dist/assets/圣诞果.svg', dirname(__FILE__)),
         ),
         'shapeWeights' => $shape_weights,
         'mediaWeights' => $media_weights_by_url,
-        'emojiItems' => (function(){
-            // 读取已保存的 emoji 列表 返回字符串数组
-            $items = get_option('yoone_snow_emoji_items', array());
-            if (!is_array($items)) { $items = array(); }
-            $clean = array();
-            foreach ($items as $it) {
-                $s = trim((string)$it);
-                if ($s !== '') { $clean[] = $s; }
-            }
-            return $clean;
-        })(),
-        'emojiWeights' => (function(){
-            // 读取已保存的 emoji 权重 映射为字符到权重
-            $map = get_option('yoone_snow_emoji_weights', array());
-            if (!is_array($map)) { $map = array(); }
-            $clean = array();
-            foreach ($map as $k => $v) {
-                $key = trim((string)$k);
-                $num = intval($v);
-                if ($key !== '') {
-                    if ($num < 0) { $num = 0; }
-                    $clean[$key] = $num;
-                }
-            }
-            return $clean;
-        })(),
-        'textItems' => (function(){
-            $items = get_option('yoone_snow_text_items', array());
-            if (!is_array($items)) { $items = array(); }
-            $clean = array();
-            foreach ($items as $it) {
-                $s = trim((string)$it);
-                if ($s !== '') { $clean[] = $s; }
-            }
-            return $clean;
-        })(),
-        'textWeights' => (function(){
-            $map = get_option('yoone_snow_text_weights', array());
-            if (!is_array($map)) { $map = array(); }
-            $clean = array();
-            foreach ($map as $k => $v) {
-                $key = trim((string)$k);
-                $num = intval($v);
-                if ($key !== '') {
-                    if ($num < 0) { $num = 0; }
-                    $clean[$key] = $num;
-                }
-            }
-            return $clean;
-        })(),
+        'emojiItems' => (function(){ $items = get_option('yoone_snow_emoji_items', array()); if (!is_array($items)) { $items = array(); } $clean = array(); foreach ($items as $it) { $s = trim((string)$it); if ($s !== '') { $clean[] = $s; } } return $clean; })(),
+        'emojiWeights' => (function(){ $map = get_option('yoone_snow_emoji_weights', array()); if (!is_array($map)) { $map = array(); } $clean = array(); foreach ($map as $k => $v) { $key = trim((string)$k); $num = intval($v); if ($key !== '') { if ($num < 0) { $num = 0; } $clean[$key] = $num; } } return $clean; })(),
+        'textItems' => (function(){ $items = get_option('yoone_snow_text_items', array()); if (!is_array($items)) { $items = array(); } $clean = array(); foreach ($items as $it) { $s = trim((string)$it); if ($s !== '') { $clean[] = $s; } } return $clean; })(),
+        'textWeights' => (function(){ $map = get_option('yoone_snow_text_weights', array()); if (!is_array($map)) { $map = array(); } $clean = array(); foreach ($map as $k => $v) { $key = trim((string)$k); $num = intval($v); if ($key !== '') { if ($num < 0) { $num = 0; } $clean[$key] = $num; } } return $clean; })(),
     ));
 }
 
-// 在后台设置页面加载媒体库脚本和交互脚本 用于选择 SVG 或图片
 function yoone_snow_admin_enqueue($hook) {
-    // 条件判断 仅在插件设置页面加载脚本 保持性能
     if ($hook !== 'settings_page_yoone_snow') { return; }
-    // 加载媒体库脚本 以便使用 wp.media 选择器
     wp_enqueue_media();
-
-    // 在后台也注册并加载 shapes 渲染脚本 以供预览复用
-    // 形状索引与工具脚本 提供全局渲染器与图像加载能力
-    $shape_index_handle = 'yoone-snow-shapes-index';
-    $ver_shapes_index = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/index.js');
-    wp_register_script($shape_index_handle, plugins_url('js/shapes/index.js', __FILE__), array(), $ver_shapes_index ? (string)$ver_shapes_index : '1.1.0', true);
-    $shape_utils_handle = 'yoone-snow-shapes-utils';
-    $ver_shapes_utils = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/utils.js');
-    wp_register_script($shape_utils_handle, plugins_url('js/shapes/utils.js', __FILE__), array($shape_index_handle), $ver_shapes_utils ? (string)$ver_shapes_utils : '1.1.0', true);
-    // 各具体形状脚本 注册为依赖以保证顺序
-    $shape_dot_handle = 'yoone-snow-shapes-dot';
-    $ver_shapes_dot = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/dot.js');
-    wp_register_script($shape_dot_handle, plugins_url('js/shapes/dot.js', __FILE__), array($shape_index_handle), $ver_shapes_dot ? (string)$ver_shapes_dot : '1.1.0', true);
-    $shape_flake_handle = 'yoone-snow-shapes-flake';
-    $ver_shapes_flake = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/flake.js');
-    wp_register_script($shape_flake_handle, plugins_url('js/shapes/flake.js', __FILE__), array($shape_index_handle), $ver_shapes_flake ? (string)$ver_shapes_flake : '1.1.0', true);
-    $shape_yuanbao_handle = 'yoone-snow-shapes-yuanbao';
-    $ver_shapes_yuanbao = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/yuanbao.js');
-    wp_register_script($shape_yuanbao_handle, plugins_url('js/shapes/yuanbao.js', __FILE__), array($shape_index_handle), $ver_shapes_yuanbao ? (string)$ver_shapes_yuanbao : '1.1.0', true);
-    $shape_coin_handle = 'yoone-snow-shapes-coin';
-    $ver_shapes_coin = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/coin.js');
-    wp_register_script($shape_coin_handle, plugins_url('js/shapes/coin.js', __FILE__), array($shape_index_handle), $ver_shapes_coin ? (string)$ver_shapes_coin : '1.1.0', true);
-    $shape_santa_handle = 'yoone-snow-shapes-santa-hat';
-    $ver_shapes_santa = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/santa_hat.js');
-    wp_register_script($shape_santa_handle, plugins_url('js/shapes/santa_hat.js', __FILE__), array($shape_utils_handle), $ver_shapes_santa ? (string)$ver_shapes_santa : '1.1.0', true);
-    $shape_cane_handle = 'yoone-snow-shapes-candy-cane';
-    $ver_shapes_cane = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/candy_cane.js');
-    wp_register_script($shape_cane_handle, plugins_url('js/shapes/candy_cane.js', __FILE__), array($shape_utils_handle), $ver_shapes_cane ? (string)$ver_shapes_cane : '1.1.0', true);
-    $shape_sock_handle = 'yoone-snow-shapes-christmas-sock';
-    $ver_shapes_sock = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/christmas_sock.js');
-    wp_register_script($shape_sock_handle, plugins_url('js/shapes/christmas_sock.js', __FILE__), array($shape_utils_handle), $ver_shapes_sock ? (string)$ver_shapes_sock : '1.1.0', true);
-    $shape_tree_handle = 'yoone-snow-shapes-christmas-tree';
-    $ver_shapes_tree = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/christmas_tree.js');
-    wp_register_script($shape_tree_handle, plugins_url('js/shapes/christmas_tree.js', __FILE__), array($shape_utils_handle), $ver_shapes_tree ? (string)$ver_shapes_tree : '1.1.0', true);
-    $shape_reindeer_handle = 'yoone-snow-shapes-reindeer';
-    $ver_shapes_reindeer = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/reindeer.js');
-    wp_register_script($shape_reindeer_handle, plugins_url('js/shapes/reindeer.js', __FILE__), array($shape_utils_handle), $ver_shapes_reindeer ? (string)$ver_shapes_reindeer : '1.1.0', true);
-    $shape_berry_handle = 'yoone-snow-shapes-christmas-berry';
-    $ver_shapes_berry = @filemtime(plugin_dir_path(__FILE__) . 'js/shapes/christmas_berry.js');
-    wp_register_script($shape_berry_handle, plugins_url('js/shapes/christmas_berry.js', __FILE__), array($shape_utils_handle), $ver_shapes_berry ? (string)$ver_shapes_berry : '1.1.0', true);
-
-    // 在后台本页入队 shapes 相关脚本 以便预览复用前端实现
-    wp_enqueue_script($shape_index_handle);
-    wp_enqueue_script($shape_utils_handle);
-    wp_enqueue_script($shape_dot_handle);
-    wp_enqueue_script($shape_flake_handle);
-    wp_enqueue_script($shape_yuanbao_handle);
-    wp_enqueue_script($shape_coin_handle);
-    wp_enqueue_script($shape_santa_handle);
-    wp_enqueue_script($shape_cane_handle);
-    wp_enqueue_script($shape_sock_handle);
-    wp_enqueue_script($shape_tree_handle);
-    wp_enqueue_script($shape_reindeer_handle);
-    wp_enqueue_script($shape_berry_handle);
-
-    // 为后台也提供 YooneSnowSettings 的 assetsMap 以满足形状脚本的资源需求
-    wp_localize_script($shape_utils_handle, 'YooneSnowSettings', array(
+    $bundle_handle = 'yoone-snow-bundle';
+    $bundle_src = plugins_url('dist/snow.js', dirname(__FILE__));
+    $bundle_ver = @filemtime(plugin_dir_path(dirname(__FILE__)) . 'dist/snow.js');
+    wp_register_script($bundle_handle, $bundle_src, array(), $bundle_ver ? (string)$bundle_ver : '2.0.0', true);
+    wp_enqueue_script($bundle_handle);
+    wp_localize_script($bundle_handle, 'YooneSnowAdmin', array(
         'assetsMap' => array(
-            'santa_hat' => plugins_url('assets/圣诞雪帽.svg', __FILE__),
-            'candy_cane' => plugins_url('assets/圣诞拐杖.svg', __FILE__),
-            'christmas_sock' => plugins_url('assets/圣诞袜子.svg', __FILE__),
-            'christmas_tree' => plugins_url('assets/圣诞树.svg', __FILE__),
-            'reindeer' => plugins_url('assets/圣诞麋鹿.svg', __FILE__),
-            'christmas_berry' => plugins_url('assets/圣诞果.svg', __FILE__),
-        )
-    ));
-
-    // 注册并加载后台交互脚本 该脚本复用 shapes 渲染器进行预览
-    $admin_script_handle = 'yoone-snow-admin-media';
-    // 设置 admin 脚本依赖所有形状脚本 以保证渲染器已就绪
-    wp_register_script(
-        $admin_script_handle,
-        plugins_url('js/admin-media.js', __FILE__),
-        array(
-            $shape_index_handle,
-            $shape_utils_handle,
-            $shape_dot_handle,
-            $shape_flake_handle,
-            $shape_yuanbao_handle,
-            $shape_coin_handle,
-            $shape_santa_handle,
-            $shape_cane_handle,
-            $shape_sock_handle,
-            $shape_tree_handle,
-            $shape_reindeer_handle,
-            $shape_berry_handle
-        ),
-        (@filemtime(plugin_dir_path(__FILE__) . 'js/admin-media.js') ? (string)@filemtime(plugin_dir_path(__FILE__) . 'js/admin-media.js') : '1.1.0'),
-        true
-    );
-    // 传递资源映射用于后台形状预览 保持与前端一致
-    wp_localize_script($admin_script_handle, 'YooneSnowAdmin', array(
-        'assetsMap' => array(
-            'santa_hat' => plugins_url('assets/圣诞雪帽.svg', __FILE__),
-            'candy_cane' => plugins_url('assets/圣诞拐杖.svg', __FILE__),
-            'christmas_sock' => plugins_url('assets/圣诞袜子.svg', __FILE__),
-            'christmas_tree' => plugins_url('assets/圣诞树.svg', __FILE__),
-            'reindeer' => plugins_url('assets/圣诞麋鹿.svg', __FILE__),
-            'christmas_berry' => plugins_url('assets/圣诞果.svg', __FILE__),
+            'santa_hat' => plugins_url('dist/assets/圣诞雪帽.svg', dirname(__FILE__)),
+            'candy_cane' => plugins_url('dist/assets/圣诞拐杖.svg', dirname(__FILE__)),
+            'christmas_sock' => plugins_url('dist/assets/圣诞袜子.svg', dirname(__FILE__)),
+            'christmas_tree' => plugins_url('dist/assets/圣诞树.svg', dirname(__FILE__)),
+            'reindeer' => plugins_url('dist/assets/圣诞麋鹿.svg', dirname(__FILE__)),
+            'christmas_berry' => plugins_url('dist/assets/圣诞果.svg', dirname(__FILE__)),
         ),
         'shapeLabels' => array(
-            'dot' => esc_html__('Dot', 'yoone-snow'),
-            'flake' => esc_html__('Snowflake', 'yoone-snow'),
-            'yuanbao' => esc_html__('Yuanbao', 'yoone-snow'),
-            'coin' => esc_html__('Coin', 'yoone-snow'),
-            'santa_hat' => esc_html__('Santa Hat', 'yoone-snow'),
-            'candy_cane' => esc_html__('Candy Cane', 'yoone-snow'),
-            'christmas_sock' => esc_html__('Christmas Sock', 'yoone-snow'),
-            'christmas_tree' => esc_html__('Christmas Tree', 'yoone-snow'),
-            'reindeer' => esc_html__('Reindeer', 'yoone-snow'),
-            'christmas_berry' => esc_html__('Christmas Berry', 'yoone-snow'),
+            'dot' => __('Dot', 'yoone-snow'),
+            'flake' => __('Snowflake', 'yoone-snow'),
+            'yuanbao' => __('Yuanbao', 'yoone-snow'),
+            'coin' => __('Coin', 'yoone-snow'),
+            'santa_hat' => __('Santa Hat', 'yoone-snow'),
+            'candy_cane' => __('Candy Cane', 'yoone-snow'),
+            'christmas_sock' => __('Christmas Sock', 'yoone-snow'),
+            'christmas_tree' => __('Christmas Tree', 'yoone-snow'),
+            'reindeer' => __('Reindeer', 'yoone-snow'),
+            'christmas_berry' => __('Christmas Berry', 'yoone-snow'),
         ),
         'i18n' => array(
-            'cancel' => esc_html__('Cancel', 'yoone-snow'),
-            'remove' => esc_html__('Remove', 'yoone-snow'),
-            'select_images_or_svg' => esc_html__('Select images or SVG', 'yoone-snow'),
-            'type' => esc_html__('Type', 'yoone-snow'),
-            'default' => esc_html__('Default', 'yoone-snow'),
-            'emoji' => esc_html__('Emoji', 'yoone-snow'),
-            'media' => esc_html__('Media', 'yoone-snow'),
-            'text' => esc_html__('Text', 'yoone-snow'),
-            'select_shape' => esc_html__('Select shape', 'yoone-snow'),
-            'select_emoji' => esc_html__('Select emoji', 'yoone-snow'),
-            'add_images' => esc_html__('Add Images', 'yoone-snow'),
-            'type_text' => esc_html__('Type text', 'yoone-snow'),
-            'type_emoji_or_alias' => esc_html__('Type emoji or alias', 'yoone-snow'),
-            'add_shapes_all_in_one' => esc_html__('Add shapes by type all in one list', 'yoone-snow'),
-            'shapes' => esc_html__('Shapes', 'yoone-snow')
-        )
+            'cancel' => __('Cancel', 'yoone-snow'),
+            'remove' => __('Remove', 'yoone-snow'),
+            'select_images_or_svg' => __('Select images or SVG', 'yoone-snow'),
+        ),
     ));
+
+    $admin_script_handle = 'yoone-snow-admin-media';
+    wp_register_script(
+        $admin_script_handle,
+        plugins_url('js/admin-media.js', dirname(__FILE__)),
+        array($bundle_handle),
+        (@filemtime(plugin_dir_path(dirname(__FILE__)) . 'js/admin-media.js') ? (string)@filemtime(plugin_dir_path(dirname(__FILE__)) . 'js/admin-media.js') : '2.0.0'),
+        true
+    );
     wp_enqueue_script($admin_script_handle);
 }
 
@@ -431,650 +173,215 @@ add_action('wp_enqueue_scripts', 'yoone_snow_enqueue_assets');
 add_action('wp_body_open', 'yoone_snow_render_overlay');
 add_action('wp_footer', 'yoone_snow_render_overlay', 100);
 
-// 注册设置页面和设置项 用于选择雪花形状
-function yoone_snow_register_settings() {
-    // 移除形状下拉选项 仅保留复选集合设置
-
-    // 注册 mixed 形状集合设置项 默认包含 dot 和 flake
-    register_setting('yoone_snow_options', 'yoone_snow_mixed_items', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            // 将输入统一为数组 并过滤到允许的集合
-            $allowed = array('dot','flake','yuanbao','coin','santa_hat','candy_cane','christmas_sock','christmas_tree','reindeer','christmas_berry');
-            if (is_string($value)) {
-                $value = array_filter(array_map('trim', explode(',', $value)));
-            }
-            if (!is_array($value)) { $value = array('dot','flake'); }
-            $filtered = array_values(array_unique(array_intersect($value, $allowed)));
-            return !empty($filtered) ? $filtered : array('dot','flake');
-        },
-        'default' => array('dot','flake'),
-    ));
-
-    // 添加设置分区 标题为 Snow Settings
-    add_settings_section(
-        'yoone_snow_section',
-        esc_html__('Snow Settings', 'yoone-snow'),
-        function() {
-            echo '<p>' . esc_html__('Configure snow appearance', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow'
-    );
-
-    // 移除下拉字段 保留复选框作为唯一选择入口
-
-    add_settings_field(
-        'yoone_snow_mixed_items',
-        esc_html__('Shapes', 'yoone-snow'),
-        function() {
-            // 读取默认形状列表 用于初始渲染卡片
-            $current_list = get_option('yoone_snow_mixed_items', array('dot','flake'));
-            if (is_string($current_list)) {
-                $current_list = array_filter(array_map('trim', explode(',', $current_list)));
-            }
-            if (!is_array($current_list)) { $current_list = array('dot','flake'); }
-            $options = array(
-                'dot' => esc_html__('Dot', 'yoone-snow'),
-                'flake' => esc_html__('Snowflake', 'yoone-snow'),
-                'yuanbao' => esc_html__('Yuanbao', 'yoone-snow'),
-                'coin' => esc_html__('Coin', 'yoone-snow'),
-                'santa_hat' => esc_html__('Santa Hat', 'yoone-snow'),
-                'candy_cane' => esc_html__('Candy Cane', 'yoone-snow'),
-                'christmas_sock' => esc_html__('Christmas Sock', 'yoone-snow'),
-                'christmas_tree' => esc_html__('Christmas Tree', 'yoone-snow'),
-                'reindeer' => esc_html__('Reindeer', 'yoone-snow'),
-                'christmas_berry' => esc_html__('Christmas Berry', 'yoone-snow'),
-            );
-            // 形状描述映射 用于在界面提示 使用国际化函数
-            $shape_descriptions = array(
-                'dot' => __('Basic dot shape simple and lightweight', 'yoone-snow'),
-                'flake' => __('Snowflake shape more decorative', 'yoone-snow'),
-                'yuanbao' => __('Yuanbao shape festive theme', 'yoone-snow'),
-                'coin' => __('Coin shape festive theme', 'yoone-snow'),
-                'santa_hat' => __('Santa hat shape seasonal theme', 'yoone-snow'),
-                'candy_cane' => __('Candy cane shape seasonal theme', 'yoone-snow'),
-                'christmas_sock' => __('Christmas sock shape seasonal theme', 'yoone-snow'),
-                'christmas_tree' => __('Christmas tree shape seasonal theme', 'yoone-snow'),
-                'reindeer' => __('Reindeer shape seasonal theme', 'yoone-snow'),
-                'christmas_berry' => __('Christmas berry shape seasonal theme', 'yoone-snow'),
-            );
-            // 读取已选择的媒体与 emoji 列表 用于统一卡片渲染
-            $current_media = get_option('yoone_snow_media_items', array());
-            if (!is_array($current_media)) { $current_media = array(); }
-            $current_emojis = get_option('yoone_snow_emoji_items', array());
-            if (!is_array($current_emojis)) { $current_emojis = array(); }
-            $current_texts = get_option('yoone_snow_text_items', array());
-            if (!is_array($current_texts)) { $current_texts = array(); }
-            // 读取当前权重值 用于在卡片中预填
-            $shape_weights_current = get_option('yoone_snow_shape_weights', array());
-            if (!is_array($shape_weights_current)) { $shape_weights_current = array(); }
-            $media_weights_current = get_option('yoone_snow_media_weights', array());
-            if (!is_array($media_weights_current)) { $media_weights_current = array(); }
-            $emoji_weights_current = get_option('yoone_snow_emoji_weights', array());
-            if (!is_array($emoji_weights_current)) { $emoji_weights_current = array(); }
-            $text_weights_current = get_option('yoone_snow_text_weights', array());
-            if (!is_array($text_weights_current)) { $text_weights_current = array(); }
-
-            echo '<div id="yooneSnowShapeList" style="display:flex;flex-wrap:wrap;gap:12px;">';
-            // 渲染默认形状卡片
-            foreach ($current_list as $key) {
-                if (!isset($options[$key])) { continue; }
-                echo '<div class="yoone-snow-shape-item" data-shape-key="' . esc_attr($key) . '" title="' . esc_attr(isset($shape_descriptions[$key]) ? $shape_descriptions[$key] : '') . '" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;min-width:96px;">';
-                echo '<div class="yoone-snow-shape-preview" style="width:32px;height:32px;margin-bottom:6px;background-color:#e6e6e6;border:1px solid #ddd;border-radius:4px;"></div>';
-                echo '<span>' . esc_html($options[$key]) . '</span>';
-                $shapeWeightVal = isset($shape_weights_current[$key]) ? intval($shape_weights_current[$key]) : 1;
-                echo '<input type="number" min="0" name="yoone_snow_shape_weights[' . esc_attr($key) . ']" value="' . esc_attr($shapeWeightVal) . '" style="width:120px;margin-top:6px;" />';
-                echo '<input type="hidden" name="yoone_snow_mixed_items[]" value="' . esc_attr($key) . '" />';
-                echo '<button type="button" class="button yoone-snow-cancel-shape" style="margin-top:6px;">' . esc_html__('Cancel', 'yoone-snow') . '</button>';
-                echo '</div>';
-            }
-            // 渲染 emoji 卡片
-            foreach ($current_emojis as $emoji_char) {
-                $label = trim((string)$emoji_char);
-                if ($label === '') { continue; }
-                echo '<div class="yoone-snow-emoji-item" data-emoji-char="' . esc_attr($label) . '" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;min-width:96px;">';
-                echo '<div style="font-size:28px;line-height:32px;margin-bottom:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#e6e6e6;border:1px solid #ddd;border-radius:4px;">' . esc_html($label) . '</div>';
-                $emojiWeightVal = isset($emoji_weights_current[$label]) ? intval($emoji_weights_current[$label]) : 1;
-                echo '<input type="number" min="0" name="yoone_snow_emoji_weights[' . esc_attr($label) . ']" value="' . esc_attr($emojiWeightVal) . '" style="width:120px;margin-top:6px;" />';
-                echo '<input type="hidden" name="yoone_snow_emoji_items[]" value="' . esc_attr($label) . '" />';
-                echo '<button type="button" class="button yoone-snow-remove-emoji" style="margin-top:6px;">' . esc_html__('Cancel', 'yoone-snow') . '</button>';
-                echo '</div>';
-            }
-            // 渲染媒体卡片
-            foreach ($current_media as $attachment_id) {
-                $url = wp_get_attachment_thumb_url($attachment_id);
-                if (!$url) { $url = wp_get_attachment_url($attachment_id); }
-                $safe_id = intval($attachment_id);
-                $safe_url = esc_url($url);
-                echo '<div class="yoone-snow-media-item" data-attachment-id="' . $safe_id . '" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;min-width:96px;">';
-                echo '<img src="' . $safe_url . '" alt="media" style="width:72px;height:72px;object-fit:contain;margin-bottom:6px;background-color:#e6e6e6;border:1px solid #ddd;border-radius:4px;" />';
-                $mediaWeightVal = isset($media_weights_current[$safe_id]) ? intval($media_weights_current[$safe_id]) : 1;
-                echo '<input type="number" min="0" name="yoone_snow_media_weights[' . $safe_id . ']" value="' . esc_attr($mediaWeightVal) . '" style="width:120px;margin-top:6px;" />';
-                echo '<input type="hidden" name="yoone_snow_media_items[]" value="' . $safe_id . '" />';
-                echo '<button type="button" class="button yoone-snow-remove-media" style="margin-top:6px;">' . esc_html__('Remove', 'yoone-snow') . '</button>';
-                echo '</div>';
-            }
-            // 文本卡片
-            foreach ($current_texts as $text_item) {
-                $label = trim((string)$text_item);
-                if ($label === '') { continue; }
-                echo '<div class="yoone-snow-text-item" data-text-label="' . esc_attr($label) . '" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;min-width:96px;">';
-                echo '<div style="font-size:14px;line-height:18px;margin-bottom:6px;width:120px;min-height:32px;display:flex;align-items:center;justify-content:center;background-color:#e6e6e6;border:1px solid #ddd;border-radius:4px;word-break:break-word;text-align:center;">' . esc_html($label) . '</div>';
-                $textWeightVal = isset($text_weights_current[$label]) ? intval($text_weights_current[$label]) : 1;
-                echo '<input type="number" min="0" name="yoone_snow_text_weights[' . esc_attr($label) . ']" value="' . esc_attr($textWeightVal) . '" style="width:120px;margin-top:6px;" />';
-                echo '<input type="hidden" name="yoone_snow_text_items[]" value="' . esc_attr($label) . '" />';
-                echo '<button type="button" class="button yoone-snow-remove-text" style="margin-top:6px;">' . esc_html__('Cancel', 'yoone-snow') . '</button>';
-                echo '</div>';
-            }
-            echo '<div id="yooneSnowAddUnified" class="yoone-snow-shape-item" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:96px;">';
-            echo '<div style="display:flex;gap:8px;align-items:center;">';
-            echo '<label>' . esc_html__('Type', 'yoone-snow') . ' <select id="yooneSnowAddTypeSelect" style="min-width:180px;">';
-            echo '<option value="default" selected>' . esc_html__('Default', 'yoone-snow') . '</option>';
-            echo '<option value="emoji">' . esc_html__('Emoji', 'yoone-snow') . '</option>';
-            echo '<option value="media">' . esc_html__('Media', 'yoone-snow') . '</option>';
-            echo '<option value="text">' . esc_html__('Text', 'yoone-snow') . '</option>';
-            echo '</select></label>';
-            echo '</div>';
-            echo '<div id="yooneSnowAddDefaultPane" style="display:flex;gap:8px;align-items:center;position:relative;">';
-            echo '<div id="yooneSnowAddShapeLabelPreview" style="width:32px;height:32px;display:none;align-items:center;justify-content:center;background-color:#808080;border-radius:4px;"></div>';
-            echo '<select id="yooneSnowAddShapeSelect" style="min-width:240px;"><option value="">' . esc_html__('Select shape', 'yoone-snow') . '</option>';
-            foreach ($options as $key => $label) {
-                echo '<option value="' . esc_attr($key) . '">' . esc_html($label) . '</option>';
-            }
-            echo '</select>';
-            echo '<div id="yooneSnowShapeNativeOverlay" style="display:none;position:absolute;top:100%;left:0;width:280px;max-height:240px;overflow:auto;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.08);padding:6px;z-index:9999;">';
-            foreach ($options as $key => $label) {
-                echo '<button type="button" class="yoone-snow-shape-native-item" data-shape-key="' . esc_attr($key) . '" style="display:flex;align-items:center;width:100%;padding:6px;margin:0;background:none;border:none;border-radius:4px;cursor:pointer;text-align:left;">';
-                echo '<div class="yoone-snow-shape-native-preview" style="font-size:28px;line-height:32px;width:32px;height:32px;margin-right:8px;display:flex;align-items:center;justify-content:center;background-color:#e6e6e6;border:1px solid #ddd;border-radius:4px;"></div>';
-                echo '<span>' . esc_html($label) . '</span>';
-                echo '</button>';
-            }
-            echo '</div>';
-            echo '</div>';
-            echo '<div id="yooneSnowAddEmojiPane" style="display:none;gap:8px;align-items:center;">';
-            echo '<select id="yooneSnowEmojiSelect" style="min-width:240px;"><option value="">' . esc_html__('Select emoji', 'yoone-snow') . '</option></select>';
-            echo '<input type="text" id="yooneSnowAddEmojiInput" placeholder="' . esc_attr__('Type emoji or alias', 'yoone-snow') . '" style="width:240px;" />';
-            echo '<div id="yooneSnowEmojiSuggest" style="margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;"></div>';
-            echo '</div>';
-            echo '<div id="yooneSnowAddMediaPane" style="display:none;gap:8px;align-items:center;">';
-            echo '<button type="button" class="button button-primary" id="yooneSnowAddMediaUnified">' . esc_html__('Add Images', 'yoone-snow') . '</button>';
-            echo '</div>';
-            echo '<div id="yooneSnowAddTextPane" style="display:none;gap:8px;align-items:center;">';
-            echo '<input type="text" id="yooneSnowAddTextInput" placeholder="' . esc_attr__('Type text', 'yoone-snow') . '" style="width:240px;" />';
-            echo '</div>';
-            // 权重说明 提示用户权重影响概率且为非负整数
-            echo '<p class="description">' . esc_html__('Add shapes by type all in one list', 'yoone-snow') . '</p>';
-            echo '</div>';
-            echo '</div>';
-            echo '<p class="description">' . esc_html__('Weight controls relative probability Weight is a non negative integer Weight 0 disables a shape Probability equals shape weight divided by the sum of all shape weights Example dot 1 flake 4 flake has about four times the chance of dot', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-
-    // 移除單獨 emoji 字段 渲染與交互已整合到 Shapes 字段
-
-    register_setting('yoone_snow_options', 'yoone_snow_shape_weights', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            $allowed = array('dot','flake','yuanbao','coin','santa_hat','candy_cane','christmas_sock','christmas_tree','reindeer','christmas_berry');
-            $defaults = array(
-                'dot' => 1,
-                'flake' => 4,
-                'yuanbao' => 1,
-                'coin' => 1,
-                'santa_hat' => 1,
-                'candy_cane' => 1,
-                'christmas_sock' => 1,
-                'christmas_tree' => 1,
-                'reindeer' => 1,
-                'christmas_berry' => 1,
-            );
-            if (!is_array($value)) { $value = array(); }
-            $clean = array();
-            foreach ($allowed as $key) {
-                $num = isset($value[$key]) ? intval($value[$key]) : (isset($defaults[$key]) ? intval($defaults[$key]) : 1);
-                if ($num < 0) { $num = 0; }
-                $clean[$key] = $num;
-            }
-            return $clean;
-        },
-        'default' => array(
-            'dot' => 1,
-            'flake' => 4,
-            'yuanbao' => 1,
-            'coin' => 1,
-            'santa_hat' => 1,
-            'candy_cane' => 1,
-            'christmas_sock' => 1,
-            'christmas_tree' => 1,
-            'reindeer' => 1,
-            'christmas_berry' => 1,
-        ),
-    ));
-
-    // 形状权重字段将移动到媒体形状字段之后 以满足界面顺序需求
-
-    // 注册媒体形状集合 设置项保存为附件 ID 数组
-    register_setting('yoone_snow_options', 'yoone_snow_media_items', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            // 将输入统一为整数 ID 数组 并过滤无效值
-            if (is_string($value)) {
-                $value = array_filter(array_map('trim', explode(',', $value)));
-            }
-            if (!is_array($value)) { $value = array(); }
-            $ids = array();
-            foreach ($value as $item) {
-                $id = intval($item);
-                if ($id > 0) { $ids[] = $id; }
-            }
-            return array_values(array_unique($ids));
-        },
-        'default' => array(),
-    ));
-
-    // 移除單獨 Media 字段 渲染與交互已整合到 Shapes 字段
-
-    // 注册媒体权重设置项 将附件 ID 映射到权重数值 默认 1
-    register_setting('yoone_snow_options', 'yoone_snow_media_weights', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            // 将输入统一为附件 ID 到非负整数权重的映射
-            if (!is_array($value)) { $value = array(); }
-            $clean = array();
-            foreach ($value as $id => $num) {
-                $aid = intval($id);
-                $weight = intval($num);
-                if ($aid > 0) {
-                    if ($weight < 0) { $weight = 0; }
-                    $clean[$aid] = $weight;
-                }
-            }
-            return $clean;
-        },
-        'default' => array(),
-    ));
-
-    // 移除單獨 Weights 字段 權重輸入已置於 Shapes 字段下方
-
-    // 注册 emoji 列表设置项 保存为字符串数组
-    register_setting('yoone_snow_options', 'yoone_snow_emoji_items', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            // 将输入统一为非空字符串数组 并去重
-            if (is_string($value)) {
-                $value = array_filter(array_map('trim', explode(',', $value)));
-            }
-            if (!is_array($value)) { $value = array(); }
-            $out = array();
-            foreach ($value as $item) {
-                $s = trim((string)$item);
-                if ($s !== '') { $out[] = $s; }
-            }
-            return array_values(array_unique($out));
-        },
-        'default' => array(),
-    ));
-
-    
-
-    // 注册 emoji 权重设置项 映射字符到非负整数权重
-    register_setting('yoone_snow_options', 'yoone_snow_emoji_weights', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            if (!is_array($value)) { $value = array(); }
-            $clean = array();
-            foreach ($value as $ch => $num) {
-                $key = trim((string)$ch);
-                $weight = intval($num);
-                if ($key !== '') {
-                    if ($weight < 0) { $weight = 0; }
-                    $clean[$key] = $weight;
-                }
-            }
-            return $clean;
-        },
-        'default' => array(),
-    ));
-
-    register_setting('yoone_snow_options', 'yoone_snow_text_items', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            if (is_string($value)) {
-                $value = array_filter(array_map('trim', explode(',', $value)));
-            }
-            if (!is_array($value)) { $value = array(); }
-            $out = array();
-            foreach ($value as $item) {
-                $s = trim((string)$item);
-                if ($s !== '') { $out[] = $s; }
-            }
-            return array_values(array_unique($out));
-        },
-        'default' => array(),
-    ));
-
-    register_setting('yoone_snow_options', 'yoone_snow_text_weights', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            if (!is_array($value)) { $value = array(); }
-            $clean = array();
-            foreach ($value as $ch => $num) {
-                $key = trim((string)$ch);
-                $weight = intval($num);
-                if ($key !== '') {
-                    if ($weight < 0) { $weight = 0; }
-                    $clean[$key] = $weight;
-                }
-            }
-            return $clean;
-        },
-        'default' => array(),
-    ));
-
-    // 注册首页显示时长设置 项为整数秒 0 表示无限
-    register_setting('yoone_snow_options', 'yoone_snow_home_duration', array(
-        'type' => 'integer',
-        'sanitize_callback' => function($value) {
-            // 将输入转换为非负整数 单位为秒 0 表示无限
-            $num = intval($value);
-            if ($num < 0) { $num = 0; }
-            return $num;
-        },
-        'default' => 0,
-    ));
-
-    // 添加首页显示时长字段 输入为数字最小值为 0
-    add_settings_field(
-        'yoone_snow_home_duration',
-        esc_html__('Display Duration Seconds', 'yoone-snow'),
-        function() {
-            // 读取当前设置值 并渲染数字输入框
-            $current = intval(get_option('yoone_snow_home_duration', 0));
-            echo '<input type="number" min="0" name="yoone_snow_home_duration" value="' . esc_attr($current) . '" style="width:120px;" />';
-            echo '<p class="description">' . esc_html__('Duration in seconds for snow on home 0 means infinite', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-
-    // 注册目标在屏最大数量设置项 0 表示自动根据视口面积
-    register_setting('yoone_snow_options', 'yoone_snow_max_count', array(
-        'type' => 'integer',
-        'sanitize_callback' => function($value) {
-            $num = intval($value);
-            if ($num < 0) { $num = 0; }
-            // 上限保护 防止过大影响性能
-            if ($num > 1000) { $num = 1000; }
-            return $num;
-        },
-        'default' => 0,
-    ));
-
-    // 添加输入字段 用于设置在屏最大数量 0 表示自动
-    add_settings_field(
-        'yoone_snow_max_count',
-        esc_html__('Max Snowflakes On Screen', 'yoone-snow'),
-        function() {
-            $current = intval(get_option('yoone_snow_max_count', 0));
-            echo '<input type="number" min="0" step="1" name="yoone_snow_max_count" value="' . esc_attr($current) . '" style="width:120px;" />';
-            echo '<p class="description">' . esc_html__('0 means auto based on viewport area upper bound 1000', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-
-    // 渲染加速开关 设置是否跳过双门限并立即队列加载
-    register_setting('yoone_snow_options', 'yoone_snow_render_acceleration', array(
-        'type' => 'integer',
-        'sanitize_callback' => function($value) {
-            $num = intval($value);
-            return $num === 1 ? 1 : 0;
-        },
-        'default' => 0,
-    ));
-    add_settings_field(
-        'yoone_snow_render_acceleration',
-        esc_html__('Render Acceleration', 'yoone-snow'),
-        function() {
-            $enabled = intval(get_option('yoone_snow_render_acceleration', 0)) === 1;
-            echo '<label><input type="checkbox" name="yoone_snow_render_acceleration" value="1" ' . checked($enabled, true, false) . ' /> ' . esc_html__('Enable eager asset warmup skip idle gating', 'yoone-snow') . '</label>';
-            echo '<p class="description">' . esc_html__('If enabled assets load immediately with sequential queue may increase early network usage', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-
-    // 新增分屏最大数量设置 0 表示自动 根据屏幕大小采用不同默认计算
-    register_setting('yoone_snow_options', 'yoone_snow_max_count_breakpoints', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            if (!is_array($value)) { $value = array(); }
-            $s = isset($value['small']) ? intval($value['small']) : 0;
-            $m = isset($value['medium']) ? intval($value['medium']) : 0;
-            $l = isset($value['large']) ? intval($value['large']) : 0;
-            if ($s < 0) { $s = 0; } if ($m < 0) { $m = 0; } if ($l < 0) { $l = 0; }
-            if ($s > 1000) { $s = 1000; } if ($m > 1000) { $m = 1000; } if ($l > 1000) { $l = 1000; }
-            return array('small' => $s, 'medium' => $m, 'large' => $l);
-        },
-        'default' => array('small' => 0, 'medium' => 0, 'large' => 0),
-    ));
-    add_settings_field(
-        'yoone_snow_max_count_breakpoints',
-        esc_html__('Max Count by Screen Size', 'yoone-snow'),
-        function() {
-            $grp = get_option('yoone_snow_max_count_breakpoints', array('small' => 0, 'medium' => 0, 'large' => 0));
-            $s = isset($grp['small']) ? intval($grp['small']) : 0;
-            $m = isset($grp['medium']) ? intval($grp['medium']) : 0;
-            $l = isset($grp['large']) ? intval($grp['large']) : 0;
-            echo '<label style="margin-right:12px;">' . esc_html__('Small', 'yoone-snow') . ' <input type="number" min="0" step="1" name="yoone_snow_max_count_breakpoints[small]" value="' . esc_attr($s) . '" style="width:120px;" /></label>';
-            echo '<label style="margin-right:12px;">' . esc_html__('Medium', 'yoone-snow') . ' <input type="number" min="0" step="1" name="yoone_snow_max_count_breakpoints[medium]" value="' . esc_attr($m) . '" style="width:120px;" /></label>';
-            echo '<label>' . esc_html__('Large', 'yoone-snow') . ' <input type="number" min="0" step="1" name="yoone_snow_max_count_breakpoints[large]" value="' . esc_attr($l) . '" style="width:120px;" /></label>';
-            echo '<p class="description">' . esc_html__('0 uses default auto by viewport small<=480 medium<=960 large>960', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-
-    // 尺寸组合设置 使用单一选项 snow size 存储最小与最大半径
-    register_setting('yoone_snow_options', 'yoone_snow_size', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            // 将输入统一为包含 min 与 max 的数值数组 并保证非负与 max 不小于 min
-            if (!is_array($value)) { $value = array(); }
-            $min = isset($value['min']) ? floatval($value['min']) : 1.0;
-            $max = isset($value['max']) ? floatval($value['max']) : 3.0;
-            if ($min < 0) { $min = 0.0; }
-            if ($max < $min) { $max = $min; }
-            return array('min' => $min, 'max' => $max);
-        },
-        'default' => array('min' => 1.0, 'max' => 3.0),
-    ));
-
-    add_settings_field(
-        'yoone_snow_size',
-        esc_html__('Snow Size', 'yoone-snow'),
-        function() {
-            // 渲染组合输入 使用同一选项保存最小与最大半径
-            $grp = get_option('yoone_snow_size', array('min' => 1.0, 'max' => 3.0));
-            $min = isset($grp['min']) ? floatval($grp['min']) : 1.0;
-            $max = isset($grp['max']) ? floatval($grp['max']) : 3.0;
-            echo '<label style="margin-right:12px;">' . esc_html__('Min', 'yoone-snow') . ' <input type="number" min="0" step="0.1" name="yoone_snow_size[min]" value="' . esc_attr($min) . '" style="width:120px;" /></label>';
-            echo '<label>' . esc_html__('Max', 'yoone-snow') . ' <input type="number" min="0" step="0.1" name="yoone_snow_size[max]" value="' . esc_attr($max) . '" style="width:120px;" /></label>';
-            echo '<p class="description">' . esc_html__('Random radius in [min max] single option', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-
-    // 漂移速度与摆动幅度的随机范围设置 保持独立选项
-
-    register_setting('yoone_snow_options', 'yoone_snow_drift_min', array(
-        'type' => 'number',
-        'sanitize_callback' => function($value) {
-            $num = floatval($value);
-            if ($num < 0) { $num = 0; }
-            return $num;
-        },
-        'default' => 0.4,
-    ));
-    register_setting('yoone_snow_options', 'yoone_snow_drift_max', array(
-        'type' => 'number',
-        'sanitize_callback' => function($value) {
-            $min = floatval(get_option('yoone_snow_drift_min', 0.4));
-            $num = floatval($value);
-            if ($num < $min) { $num = $min; }
-            return $num;
-        },
-        'default' => 1.0,
-    ));
-    add_settings_field(
-        'yoone_snow_drift_range',
-        esc_html__('Drift Speed Random Range', 'yoone-snow'),
-        function() {
-            $min = floatval(get_option('yoone_snow_drift_min', 0.4));
-            $max = floatval(get_option('yoone_snow_drift_max', 1.0));
-            echo '<label style="margin-right:12px;">' . esc_html__('Min', 'yoone-snow') . ' <input type="number" min="0" step="0.1" name="yoone_snow_drift_min" value="' . esc_attr($min) . '" style="width:120px;" /></label>';
-            echo '<label>' . esc_html__('Max', 'yoone-snow') . ' <input type="number" min="0" step="0.1" name="yoone_snow_drift_max" value="' . esc_attr($max) . '" style="width:120px;" /></label>';
-            echo '<p class="description">' . esc_html__('Random vertical drift speed base in [min max]', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-
-    register_setting('yoone_snow_options', 'yoone_snow_swing_min', array(
-        'type' => 'number',
-        'sanitize_callback' => function($value) {
-            $num = floatval($value);
-            if ($num < 0) { $num = 0; }
-            return $num;
-        },
-        'default' => 0.2,
-    ));
-    register_setting('yoone_snow_options', 'yoone_snow_swing_max', array(
-        'type' => 'number',
-        'sanitize_callback' => function($value) {
-            $min = floatval(get_option('yoone_snow_swing_min', 0.2));
-            $num = floatval($value);
-            if ($num < $min) { $num = $min; }
-            return $num;
-        },
-        'default' => 1.0,
-    ));
-    add_settings_field(
-        'yoone_snow_swing_range',
-        esc_html__('Swing Amplitude Random Range', 'yoone-snow'),
-        function() {
-            $min = floatval(get_option('yoone_snow_swing_min', 0.2));
-            $max = floatval(get_option('yoone_snow_swing_max', 1.0));
-            echo '<label style="margin-right:12px;">' . esc_html__('Min', 'yoone-snow') . ' <input type="number" min="0" step="0.1" name="yoone_snow_swing_min" value="' . esc_attr($min) . '" style="width:120px;" /></label>';
-            echo '<label>' . esc_html__('Max', 'yoone-snow') . ' <input type="number" min="0" step="0.1" name="yoone_snow_swing_max" value="' . esc_attr($max) . '" style="width:120px;" /></label>';
-            echo '<p class="description">' . esc_html__('Random horizontal swing amplitude base in [min max] before offset scale', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-
-    // 路由显示模式设置
-    register_setting('yoone_snow_options', 'yoone_snow_display_routes_mode', array(
-        'type' => 'string',
-        'sanitize_callback' => function($value) {
-            $val = strtolower(trim((string)$value));
-            $allowed = array('home','all','match');
-            return in_array($val, $allowed, true) ? $val : 'home';
-        },
-        'default' => 'home',
-    ));
-    add_settings_field(
-        'yoone_snow_display_routes_mode',
-        esc_html__('Display Routes Mode', 'yoone-snow'),
-        function() {
-            $current = get_option('yoone_snow_display_routes_mode', 'home');
-            echo '<label style="margin-right:12px;"><input type="radio" name="yoone_snow_display_routes_mode" value="home" ' . checked($current, 'home', false) . ' /> ' . esc_html__('Home', 'yoone-snow') . '</label>';
-            echo '<label style="margin-right:12px;"><input type="radio" name="yoone_snow_display_routes_mode" value="all" ' . checked($current, 'all', false) . ' /> ' . esc_html__('All Pages', 'yoone-snow') . '</label>';
-            echo '<label><input type="radio" name="yoone_snow_display_routes_mode" value="match" ' . checked($current, 'match', false) . ' /> ' . esc_html__('Match URL Path', 'yoone-snow') . '</label>';
-            echo '<p class="description">' . esc_html__('Default Home Only choose All Pages to enable globally choose Match URL Path to enable only for matched routes', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-    // 路由匹配规则列表设置
-    register_setting('yoone_snow_options', 'yoone_snow_display_routes', array(
-        'type' => 'array',
-        'sanitize_callback' => function($value) {
-            if (is_string($value)) {
-                $value = preg_split('/\\r?\\n/', $value);
-            }
-            if (!is_array($value)) { $value = array(); }
-            $out = array();
-            foreach ($value as $item) {
-                $s = trim((string)$item);
-                if ($s !== '') { $out[] = $s; }
-            }
-            return array_values(array_unique($out));
-        },
-        'default' => array(),
-    ));
-    add_settings_field(
-        'yoone_snow_display_routes',
-        esc_html__('Match Routes', 'yoone-snow'),
-        function() {
-            $current = get_option('yoone_snow_display_routes', array());
-            if (is_string($current)) {
-                $current = preg_split('/\\r?\\n/', $current);
-            }
-            if (!is_array($current)) { $current = array(); }
-            $text = implode("\n", array_map('strval', $current));
-            $placeholder = esc_attr__("Example /about\n/blog/*\n/shop", 'yoone-snow');
-            echo '<textarea name="yoone_snow_display_routes" rows="6" style="width:420px;" placeholder="' . $placeholder . '">' . esc_textarea($text) . '</textarea>';
-            echo '<p class="description">' . esc_html__('One rule per line compare against request path example exact path /about prefix match with trailing star /blog/*', 'yoone-snow') . '</p>';
-        },
-        'yoone_snow',
-        'yoone_snow_section'
-    );
-}
-
-// 添加设置页面到后台菜单 条目在设置菜单下
-function yoone_snow_add_settings_page() {
-    add_options_page(
-        esc_html__('Yoone Snow', 'yoone-snow'),
-        esc_html__('Yoone Snow', 'yoone-snow'),
-        'manage_options',
-        'yoone_snow',
-        function() {
-            // 渲染设置页面 表单提交到 options.php
-            echo '<div class="wrap">';
-            echo '<h1>' . esc_html__('Yoone Snow', 'yoone-snow') . '</h1>';
-            echo '<form method="post" action="options.php">';
-            settings_fields('yoone_snow_options');
-            do_settings_sections('yoone_snow');
-            submit_button();
-            echo '</form>';
-            echo '</div>';
-        }
-    );
-}
-
-// 在 admin 初始化时注册设置 在 admin 菜单挂载页面
-add_action('admin_init', 'yoone_snow_register_settings');
-add_action('admin_menu', 'yoone_snow_add_settings_page');
+function yoone_snow_load_textdomain() { load_plugin_textdomain('yoone-snow', false, dirname(plugin_basename(__FILE__)) . '/languages'); }
+add_action('plugins_loaded', 'yoone_snow_load_textdomain');
 add_action('admin_enqueue_scripts', 'yoone_snow_admin_enqueue');
 
-// 在插件列表行添加 Settings 链接 指向设置页面
-function yoone_snow_plugin_action_links($links) {
-    // 构造设置页面链接 使用 admin_url 保证后台路径正确
-    $settingsUrl = admin_url('options-general.php?page=yoone_snow');
-    $settingsLink = '<a href="' . esc_url($settingsUrl) . '">' . esc_html__('Settings', 'yoone-snow') . '</a>';
-    // 将设置链接插入到最前面 便于用户点击
-    array_unshift($links, $settingsLink);
-    return $links;
+function yoone_snow_admin_menu() {
+    add_options_page(__('Yoone Snow', 'yoone-snow'), __('Yoone Snow', 'yoone-snow'), 'manage_options', 'yoone_snow', 'yoone_snow_render_settings_page');
 }
+add_action('admin_menu', 'yoone_snow_admin_menu');
 
-// 绑定到当前插件的 action links 钩子 使用 plugin_basename 计算插件标识
-add_filter('plugin_action_links_' . plugin_basename(__FILE__), 'yoone_snow_plugin_action_links');
-
-function yoone_snow_load_textdomain() {
-    load_plugin_textdomain('yoone-snow', false, dirname(plugin_basename(__FILE__)) . '/languages');
+function yoone_snow_render_settings_page() {
+    if (!current_user_can('manage_options')) { wp_die(__('Sorry, you are not allowed to access this page.')); }
+    if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['yoone_snow_save_settings'])) {
+        check_admin_referer('yoone_snow_save_settings');
+        $mixed = isset($_POST['yoone_snow_mixed_items']) && is_array($_POST['yoone_snow_mixed_items']) ? array_values(array_filter(array_map('sanitize_text_field', $_POST['yoone_snow_mixed_items']))) : array();
+        update_option('yoone_snow_mixed_items', $mixed);
+        $shape_weights = isset($_POST['yoone_snow_shape_weights']) && is_array($_POST['yoone_snow_shape_weights']) ? array_map('intval', $_POST['yoone_snow_shape_weights']) : array();
+        foreach ($shape_weights as $k => $v) { if (!is_string($k)) { unset($shape_weights[$k]); } else { $shape_weights[$k] = max(0, intval($v)); } }
+        update_option('yoone_snow_shape_weights', $shape_weights);
+        $media_ids = isset($_POST['yoone_snow_media_items']) && is_array($_POST['yoone_snow_media_items']) ? array_map('intval', $_POST['yoone_snow_media_items']) : array();
+        update_option('yoone_snow_media_items', $media_ids);
+        $media_weights = isset($_POST['yoone_snow_media_weights']) && is_array($_POST['yoone_snow_media_weights']) ? array_map('intval', $_POST['yoone_snow_media_weights']) : array();
+        foreach ($media_weights as $k => $v) { $media_weights[$k] = max(0, intval($v)); }
+        update_option('yoone_snow_media_weights', $media_weights);
+        $emoji_items = isset($_POST['yoone_snow_emoji_items']) && is_array($_POST['yoone_snow_emoji_items']) ? array_values(array_filter(array_map('sanitize_text_field', $_POST['yoone_snow_emoji_items']))) : array();
+        update_option('yoone_snow_emoji_items', $emoji_items);
+        $emoji_weights = isset($_POST['yoone_snow_emoji_weights']) && is_array($_POST['yoone_snow_emoji_weights']) ? array_map('intval', $_POST['yoone_snow_emoji_weights']) : array();
+        foreach ($emoji_weights as $k => $v) { if (!is_string($k)) { unset($emoji_weights[$k]); } else { $emoji_weights[$k] = max(0, intval($v)); } }
+        update_option('yoone_snow_emoji_weights', $emoji_weights);
+        $text_items = isset($_POST['yoone_snow_text_items']) && is_array($_POST['yoone_snow_text_items']) ? array_values(array_filter(array_map('sanitize_text_field', $_POST['yoone_snow_text_items']))) : array();
+        update_option('yoone_snow_text_items', $text_items);
+        $text_weights = isset($_POST['yoone_snow_text_weights']) && is_array($_POST['yoone_snow_text_weights']) ? array_map('intval', $_POST['yoone_snow_text_weights']) : array();
+        foreach ($text_weights as $k => $v) { if (!is_string($k)) { unset($text_weights[$k]); } else { $text_weights[$k] = max(0, intval($v)); } }
+        update_option('yoone_snow_text_weights', $text_weights);
+        $display_duration = isset($_POST['yoone_snow_home_duration']) ? intval($_POST['yoone_snow_home_duration']) : 0;
+        update_option('yoone_snow_home_duration', max(0, $display_duration));
+        $max_count = isset($_POST['yoone_snow_max_count']) ? intval($_POST['yoone_snow_max_count']) : 0;
+        update_option('yoone_snow_max_count', max(0, min(1000, $max_count)));
+        $max_breakpoints = array(
+            'small' => isset($_POST['yoone_snow_max_count_small']) ? intval($_POST['yoone_snow_max_count_small']) : 0,
+            'medium' => isset($_POST['yoone_snow_max_count_medium']) ? intval($_POST['yoone_snow_max_count_medium']) : 0,
+            'large' => isset($_POST['yoone_snow_max_count_large']) ? intval($_POST['yoone_snow_max_count_large']) : 0
+        );
+        foreach ($max_breakpoints as $k => $v) { $max_breakpoints[$k] = max(0, min(1000, intval($v))); }
+        update_option('yoone_snow_max_count_breakpoints', $max_breakpoints);
+        $radius_min = isset($_POST['yoone_snow_radius_min']) ? floatval($_POST['yoone_snow_radius_min']) : 1.0;
+        $radius_max = isset($_POST['yoone_snow_radius_max']) ? floatval($_POST['yoone_snow_radius_max']) : 3.0;
+        if ($radius_min < 0) { $radius_min = 0.0; }
+        if ($radius_max < $radius_min) { $radius_max = $radius_min; }
+        update_option('yoone_snow_size', array('min' => $radius_min, 'max' => $radius_max));
+        $drift_min = isset($_POST['yoone_snow_drift_min']) ? floatval($_POST['yoone_snow_drift_min']) : 0.4;
+        $drift_max = isset($_POST['yoone_snow_drift_max']) ? floatval($_POST['yoone_snow_drift_max']) : 1.0;
+        update_option('yoone_snow_drift_min', $drift_min);
+        update_option('yoone_snow_drift_max', $drift_max);
+        $swing_min = isset($_POST['yoone_snow_swing_min']) ? floatval($_POST['yoone_snow_swing_min']) : 0.2;
+        $swing_max = isset($_POST['yoone_snow_swing_max']) ? floatval($_POST['yoone_snow_swing_max']) : 1.0;
+        update_option('yoone_snow_swing_min', $swing_min);
+        update_option('yoone_snow_swing_max', $swing_max);
+        $mode = isset($_POST['yoone_snow_display_routes_mode']) ? sanitize_text_field($_POST['yoone_snow_display_routes_mode']) : 'home';
+        if (!in_array($mode, array('home','all','match'), true)) { $mode = 'home'; }
+        update_option('yoone_snow_display_routes_mode', $mode);
+        $routes_raw = isset($_POST['yoone_snow_display_routes']) ? (string)$_POST['yoone_snow_display_routes'] : '';
+        update_option('yoone_snow_display_routes', $routes_raw);
+        echo '<div class="updated"><p>' . esc_html__('Settings saved', 'yoone-snow') . '</p></div>';
+    }
+    $mixed_items = get_option('yoone_snow_mixed_items', array('dot','flake'));
+    if (is_string($mixed_items)) { $mixed_items = array_filter(array_map('trim', explode(',', $mixed_items))); }
+    $shape_weights2 = get_option('yoone_snow_shape_weights', array());
+    $emoji_items2 = get_option('yoone_snow_emoji_items', array());
+    $emoji_weights2 = get_option('yoone_snow_emoji_weights', array());
+    $text_items2 = get_option('yoone_snow_text_items', array());
+    $text_weights2 = get_option('yoone_snow_text_weights', array());
+    $media_ids2 = get_option('yoone_snow_media_items', array());
+    $media_weights2 = get_option('yoone_snow_media_weights', array());
+    $size_group2 = get_option('yoone_snow_size', array('min' => 1.0, 'max' => 3.0));
+    $radius_min2 = isset($size_group2['min']) ? floatval($size_group2['min']) : 1.0;
+    $radius_max2 = isset($size_group2['max']) ? floatval($size_group2['max']) : 3.0;
+    $home_duration2 = intval(get_option('yoone_snow_home_duration', 0));
+    $max_count2 = intval(get_option('yoone_snow_max_count', 0));
+    $breakpoints2 = get_option('yoone_snow_max_count_breakpoints', array('small'=>0,'medium'=>0,'large'=>0));
+    $display_mode2 = get_option('yoone_snow_display_routes_mode', 'home');
+    $display_routes2 = get_option('yoone_snow_display_routes', '');
+    ?>
+    <div class="wrap">
+      <h1><?php echo esc_html__('Yoone Snow', 'yoone-snow'); ?></h1>
+      <form method="post" action="">
+        <?php wp_nonce_field('yoone_snow_save_settings'); ?>
+        <input type="hidden" name="yoone_snow_save_settings" value="1" />
+        <h2><?php echo esc_html__('Snow Settings', 'yoone-snow'); ?></h2>
+        <p><?php echo esc_html__('Add different types of shapes here', 'yoone-snow'); ?></p>
+        <div id="yooneSnowShapeList" style="display:flex;flex-wrap:wrap;gap:10px;">
+          <div id="yooneSnowAddUnified" style="border:1px solid #ddd;padding:10px;display:flex;flex-direction:column;gap:8px;min-width:280px;">
+            <label><?php echo esc_html__('Type', 'yoone-snow'); ?>
+              <select id="yooneSnowAddTypeSelect">
+                <option value="default"><?php echo esc_html__('Default', 'yoone-snow'); ?></option>
+                <option value="emoji"><?php echo esc_html__('Emoji', 'yoone-snow'); ?></option>
+                <option value="media"><?php echo esc_html__('Media', 'yoone-snow'); ?></option>
+                <option value="text"><?php echo esc_html__('Text', 'yoone-snow'); ?></option>
+              </select>
+            </label>
+            <div id="yooneSnowAddDefaultPane" style="display:flex;gap:8px;align-items:center;">
+              <div id="yooneSnowAddShapeLabelPreview" style="display:none;align-items:center;"></div>
+              <select id="yooneSnowAddShapeSelect" style="min-width:240px;">
+                <option value=""><?php echo esc_html__('Select shape', 'yoone-snow'); ?></option>
+                <option value="dot"><?php echo esc_html__('Dot', 'yoone-snow'); ?></option>
+                <option value="flake"><?php echo esc_html__('Snowflake', 'yoone-snow'); ?></option>
+                <option value="yuanbao"><?php echo esc_html__('Yuanbao', 'yoone-snow'); ?></option>
+                <option value="coin"><?php echo esc_html__('Coin', 'yoone-snow'); ?></option>
+                <option value="santa_hat"><?php echo esc_html__('Santa Hat', 'yoone-snow'); ?></option>
+                <option value="candy_cane"><?php echo esc_html__('Candy Cane', 'yoone-snow'); ?></option>
+                <option value="christmas_sock"><?php echo esc_html__('Christmas Sock', 'yoone-snow'); ?></option>
+                <option value="christmas_tree"><?php echo esc_html__('Christmas Tree', 'yoone-snow'); ?></option>
+                <option value="reindeer"><?php echo esc_html__('Reindeer', 'yoone-snow'); ?></option>
+                <option value="christmas_berry"><?php echo esc_html__('Christmas Berry', 'yoone-snow'); ?></option>
+              </select>
+            </div>
+            <div id="yooneSnowShapeNativeOverlay" style="display:none;position:absolute;background:#fff;border:1px solid #ddd;padding:8px;z-index:1000;">
+              <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:6px;">
+                <?php foreach (array('dot','flake','yuanbao','coin','santa_hat','candy_cane','christmas_sock','christmas_tree','reindeer','christmas_berry') as $shape) { ?>
+                  <button type="button" class="yoone-snow-shape-native-item" data-shape-key="<?php echo esc_attr($shape); ?>" style="display:flex;gap:6px;align-items:center;">
+                    <span class="yoone-snow-shape-native-preview" style="width:28px;height:28px;display:inline-block;"></span>
+                    <span><?php echo esc_html(ucwords(str_replace('_',' ', $shape))); ?></span>
+                  </button>
+                <?php } ?>
+              </div>
+            </div>
+            <div id="yooneSnowAddEmojiPane" style="display:none;gap:8px;align-items:center;">
+              <select id="yooneSnowEmojiSelect" style="min-width:240px;">
+                <option value=""><?php echo esc_html__('Select emoji', 'yoone-snow'); ?></option>
+              </select>
+              <input id="yooneSnowAddEmojiInput" type="text" placeholder="<?php echo esc_attr__('Type emoji or alias', 'yoone-snow'); ?>" />
+              <div id="yooneSnowEmojiSuggest" style="display:flex;flex-wrap:wrap;gap:6px;"></div>
+            </div>
+            <div id="yooneSnowAddMediaPane" style="display:none;">
+              <button id="yooneSnowAddMediaUnified" type="button" class="button button-primary"><?php echo esc_html__('Add Images', 'yoone-snow'); ?></button>
+            </div>
+            <div id="yooneSnowAddTextPane" style="display:none;">
+              <input id="yooneSnowAddTextInput" type="text" placeholder="<?php echo esc_attr__('Text', 'yoone-snow'); ?>" />
+            </div>
+          </div>
+          <?php foreach ($mixed_items as $shape_key) { $key = (string)$shape_key; if ($key === '') { continue; } $w = isset($shape_weights2[$key]) ? intval($shape_weights2[$key]) : 1; ?>
+            <div class="yoone-snow-shape-item" data-shape-key="<?php echo esc_attr($key); ?>" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;min-width:96px;">
+              <div class="yoone-snow-shape-preview" style="width:32px;height:32px;margin-bottom:6px;background:#e6e6e6;border:1px solid #ddd;border-radius:4px;"></div>
+              <span><?php echo esc_html(ucwords(str_replace('_',' ', $key))); ?></span>
+              <input type="number" min="0" name="yoone_snow_shape_weights[<?php echo esc_attr($key); ?>]" value="<?php echo esc_attr($w); ?>" style="width:120px;margin-top:6px;" />
+              <input type="hidden" name="yoone_snow_mixed_items[]" value="<?php echo esc_attr($key); ?>" />
+              <button type="button" class="button yoone-snow-cancel-shape" style="margin-top:6px;"><?php echo esc_html__('Cancel', 'yoone-snow'); ?></button>
+            </div>
+          <?php } ?>
+          <?php foreach ($emoji_items2 as $emoji_char) { $ch = (string)$emoji_char; if ($ch === '') { continue; } $w = isset($emoji_weights2[$ch]) ? intval($emoji_weights2[$ch]) : 1; ?>
+            <div class="yoone-snow-emoji-item" data-emoji-char="<?php echo esc_attr($ch); ?>" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;">
+              <div style="font-size:28px;line-height:32px;background:#e6e6e6;border:1px solid #ddd;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;"><?php echo esc_html($ch); ?></div>
+              <input type="number" min="0" name="yoone_snow_emoji_weights[<?php echo esc_attr($ch); ?>]" value="<?php echo esc_attr($w); ?>" style="width:120px;margin-top:6px;" />
+              <input type="hidden" name="yoone_snow_emoji_items[]" value="<?php echo esc_attr($ch); ?>" />
+              <button type="button" class="button yoone-snow-remove-emoji" style="margin-top:6px;"><?php echo esc_html__('Remove', 'yoone-snow'); ?></button>
+            </div>
+          <?php } ?>
+          <?php foreach ($media_ids2 as $mid) { $idv = intval($mid); $thumb = wp_get_attachment_image_url($idv, 'thumbnail'); if (!$thumb) { $thumb = wp_get_attachment_url($idv); } $mw = isset($media_weights2[$idv]) ? intval($media_weights2[$idv]) : 1; ?>
+            <div class="yoone-snow-media-item" data-attachment-id="<?php echo esc_attr($idv); ?>" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;">
+              <?php if ($thumb) { ?><img src="<?php echo esc_url($thumb); ?>" alt="media" style="width:72px;height:72px;object-fit:contain;" /><?php } ?>
+              <?php $mw = isset($media_weights2[(string)$idv]) ? intval($media_weights2[(string)$idv]) : (isset($media_weights2[$idv]) ? intval($media_weights2[$idv]) : 1); ?>
+              <input type="number" min="0" name="yoone_snow_media_weights[<?php echo esc_attr((string)$idv); ?>]" value="<?php echo esc_attr($mw); ?>" style="width:120px;margin-top:6px;" />
+              <input type="hidden" name="yoone_snow_media_items[]" value="<?php echo esc_attr($idv); ?>" />
+              <button type="button" class="button yoone-snow-remove-media" style="margin-top:6px;"><?php echo esc_html__('Remove', 'yoone-snow'); ?></button>
+            </div>
+          <?php } ?>
+          <?php foreach ($text_items2 as $txt) { $t = (string)$txt; if ($t === '') { continue; } $tw = isset($text_weights2[$t]) ? intval($text_weights2[$t]) : 1; ?>
+            <div class="yoone-snow-text-item" data-text-label="<?php echo esc_attr($t); ?>" style="border:1px solid #ddd;padding:8px;display:flex;flex-direction:column;align-items:center;min-width:96px;">
+              <div style="font-size:14px;line-height:18px;width:120px;min-height:32px;display:flex;align-items:center;justify-content:center;background:#e6e6e6;border:1px solid #ddd;border-radius:4px;word-break:break-word;text-align:center;"><?php echo esc_html($t); ?></div>
+              <input type="number" min="0" name="yoone_snow_text_weights[<?php echo esc_attr($t); ?>]" value="<?php echo esc_attr($tw); ?>" style="width:120px;margin-top:6px;" />
+              <input type="hidden" name="yoone_snow_text_items[]" value="<?php echo esc_attr($t); ?>" />
+              <button type="button" class="button yoone-snow-remove-text" style="margin-top:6px;"><?php echo esc_html__('Cancel', 'yoone-snow'); ?></button>
+            </div>
+          <?php } ?>
+        </div>
+        <h2><?php echo esc_html__('Display Duration Seconds', 'yoone-snow'); ?></h2>
+        <input type="number" min="0" name="yoone_snow_home_duration" value="<?php echo esc_attr($home_duration2); ?>" />
+        <h2><?php echo esc_html__('Max Snowflakes On Screen', 'yoone-snow'); ?></h2>
+        <input type="number" min="0" max="1000" name="yoone_snow_max_count" value="<?php echo esc_attr($max_count2); ?>" />
+        <p>
+          <label>Small <input type="number" min="0" max="1000" name="yoone_snow_max_count_small" value="<?php echo esc_attr(isset($breakpoints2['small']) ? intval($breakpoints2['small']) : 0); ?>" /></label>
+          <label>Medium <input type="number" min="0" max="1000" name="yoone_snow_max_count_medium" value="<?php echo esc_attr(isset($breakpoints2['medium']) ? intval($breakpoints2['medium']) : 0); ?>" /></label>
+          <label>Large <input type="number" min="0" max="1000" name="yoone_snow_max_count_large" value="<?php echo esc_attr(isset($breakpoints2['large']) ? intval($breakpoints2['large']) : 0); ?>" /></label>
+        </p>
+        <h2><?php echo esc_html__('Snow Size', 'yoone-snow'); ?></h2>
+        <p>
+          <label>Min <input type="number" step="0.1" min="0" name="yoone_snow_radius_min" value="<?php echo esc_attr($radius_min2); ?>" /></label>
+          <label>Max <input type="number" step="0.1" min="0" name="yoone_snow_radius_max" value="<?php echo esc_attr($radius_max2); ?>" /></label>
+        </p>
+        <h2>Drift Speed Random Range</h2>
+        <p>
+          <label>Min <input type="number" step="0.1" name="yoone_snow_drift_min" value="<?php echo esc_attr(floatval(get_option('yoone_snow_drift_min', 0.4))); ?>" /></label>
+          <label>Max <input type="number" step="0.1" name="yoone_snow_drift_max" value="<?php echo esc_attr(floatval(get_option('yoone_snow_drift_max', 1.0))); ?>" /></label>
+        </p>
+        <h2>Swing Amplitude Random Range</h2>
+        <p>
+          <label>Min <input type="number" step="0.1" name="yoone_snow_swing_min" value="<?php echo esc_attr(floatval(get_option('yoone_snow_swing_min', 0.2))); ?>" /></label>
+          <label>Max <input type="number" step="0.1" name="yoone_snow_swing_max" value="<?php echo esc_attr(floatval(get_option('yoone_snow_swing_max', 1.0))); ?>" /></label>
+        </p>
+        <h2><?php echo esc_html__('Where to display', 'yoone-snow'); ?></h2>
+        <p>
+          <label><input type="radio" name="yoone_snow_display_routes_mode" value="home" <?php checked($display_mode2 === 'home'); ?> /> <?php echo esc_html__('Home only', 'yoone-snow'); ?></label>
+          <label><input type="radio" name="yoone_snow_display_routes_mode" value="all" <?php checked($display_mode2 === 'all'); ?> /> <?php echo esc_html__('All pages', 'yoone-snow'); ?></label>
+          <label><input type="radio" name="yoone_snow_display_routes_mode" value="match" <?php checked($display_mode2 === 'match'); ?> /> <?php echo esc_html__('Match rules', 'yoone-snow'); ?></label>
+        </p>
+        <p>
+          <textarea name="yoone_snow_display_routes" rows="6" cols="60" placeholder="<?php echo esc_attr__('Example /about\n/blog/*\n/shop', 'yoone-snow'); ?>"><?php echo esc_textarea(is_string($display_routes2) ? $display_routes2 : ''); ?></textarea>
+        </p>
+        <p><button type="submit" class="button button-primary"><?php echo esc_html__('Save Changes'); ?></button></p>
+      </form>
+    </div>
+    <?php
 }
-add_action('plugins_loaded', 'yoone_snow_load_textdomain');