:root{--bg:#f2f5f3;--bg-deep:#e7eee9;--card:#fff;--text:#1a211c;--muted:#7a857e;--brand:#12b76a;--brand-dark:#0b8f52;--brand-soft:#e8f8ef;--brand-glow:#12b76a38;--price:#e11d48;--danger:#f04438;--warn:#f79009;--line:#e4ebe6;--shadow:0 10px 30px #1a211c0f;--shadow-lg:0 18px 40px #1a211c1a;--radius:18px;--radius-sm:12px;--safe-bottom:env(safe-area-inset-bottom,0px);--font-display:"Plus Jakarta Sans", "Noto Sans SC", sans-serif;--font-body:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.55}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}body{background:radial-gradient(1200px 420px at 50% -80px, #12b76a1f, transparent 60%), var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.btn{background:linear-gradient(135deg, #22c55e 0%, var(--brand) 48%, var(--brand-dark) 100%);color:#fff;cursor:pointer;letter-spacing:.02em;box-shadow:0 10px 20px var(--brand-glow);border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-weight:600;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.btn:hover{filter:brightness(1.03)}.btn:active{transform:scale(.98)}.btn.ghost{background:var(--brand-soft);color:var(--brand-dark);box-shadow:none}.btn.danger{background:linear-gradient(135deg, #fb7185, var(--danger));box-shadow:0 10px 20px #f0443838}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.field{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;padding:13px 14px;transition:border-color .18s,box-shadow .18s}.field:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-glow)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #ffffffb3}.tag{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag.warn{color:#b54708;background:#fff4e5}.tag.muted{color:var(--muted);background:#eef1ef}.empty{text-align:center;color:var(--muted);padding:56px 16px;font-size:14px}.page-title{font-size:18px;font-weight:700}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}