*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#4f6ef7;--brand2:#7c4fee;--brand-grad:linear-gradient(135deg, #4f6ef7, #7c4fee);--brand-soft:#ebf0ff;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--bg:#f2f4fa;--card:#fff;--text:#1a1a2e;--text2:#666880;--text3:#b0b3c6;--border:#eaecf4;--shadow-sm:0 2px 8px #4f6ef712;--shadow-md:0 4px 20px #4f6ef71f;--shadow-lg:0 8px 32px #4f6ef729;--r-sm:14px;--r-md:20px;--r-lg:24px}body{background:var(--bg);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;color:var(--text);font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif}button,textarea,input{font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes navPop{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-4px)scale(1.15)}to{transform:translateY(0)scale(1)}}@keyframes pulse-ring{0%{box-shadow:0 0 #4f6ef74d}70%{box-shadow:0 0 0 8px #4f6ef700}to{box-shadow:0 0 #4f6ef700}}.fade-up{animation:.35s both fadeUp}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:active{transform:scale(.98)}.skeleton{background:linear-gradient(90deg,#f0f0f8 25%,#e8e8f4 50%,#f0f0f8 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s infinite shimmer}