:root{--bg-top:#f0e9ff;--bg-mid:#e8f2ff;--bg-bottom:#f7fbff;--card:#fff;--text:#1c1f2e;--text-secondary:#6b728a;--text-muted:#9aa3b5;--primary:#5b7cfa;--primary-soft:#e8eeff;--accent-gold:#c9a227;--accent-pink:#f3a6c0;--accent-mint:#7ec8b8;--shadow:0 10px 30px #5b7cfa1f;--shadow-soft:0 6px 18px #1c1f2e0f;--radius:22px;--radius-sm:14px;--nav-h:68px;--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background:linear-gradient(165deg, var(--bg-top) 0%, var(--bg-mid) 42%, var(--bg-bottom) 100%);background-attachment:fixed}button,input,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.app-shell{width:min(430px,100%);min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);margin:0 auto;position:relative}.page{padding:18px 16px 24px;animation:.45s both pageIn}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseSoft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.04)}}@keyframes wave{0%{height:18%}50%{height:90%}to{height:30%}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:16px}.section-title{margin-bottom:4px;font-size:18px;font-weight:700}.section-sub{color:var(--text-secondary);margin-bottom:14px;font-size:13px}.primary-btn{color:#fff;background:linear-gradient(135deg,#6b8bff,#5b7cfa);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex;box-shadow:0 8px 18px #5b7cfa47}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:8px 12px;font-weight:600}.pill{color:var(--text);background:#fff;border:1.5px solid #e5e9f5;border-radius:999px;padding:10px 14px;transition:all .18s}.pill.selected{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);box-shadow:0 0 0 3px #5b7cfa1f}.bottom-nav{width:min(430px,100%);height:calc(var(--nav-h) + var(--safe-bottom));padding:8px 10px calc(8px + var(--safe-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;background:#ffffffeb;border-top:1px solid #e2e8f6e6;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.nav-item.active{color:var(--primary);font-weight:600}.nav-item .icon{font-size:18px;line-height:1}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#1c1f2e6b;justify-content:center;align-items:flex-end;animation:.25s both modalIn;display:flex;position:fixed;inset:0}.modal-sheet{width:min(430px,100%);padding:22px 20px calc(24px + var(--safe-bottom));background:#fff;border-radius:28px 28px 0 0;max-height:min(85dvh,640px);animation:.28s both sheetUp;overflow-y:auto;box-shadow:0 -10px 40px #0000001f}@keyframes modalIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:#e5e9f5;border-radius:999px;width:40px;height:4px;margin:0 auto 16px}.tag{color:var(--text-secondary);background:#f3f5fb;border-radius:999px;align-items:center;padding:3px 8px;font-size:11px;display:inline-flex}.gold-text{color:var(--accent-gold);font-size:12px;font-weight:600}