:root{--p:#4f46e5;--pl:#eef2ff;--pd:#1d4ed8;--b:#3b82f6;--bl:#eff6ff;--g:#10b981;--gl:#d1fae5;--a:#d97706;--al:#fef3c7;--r:#ef4444;--rl:#fee2e2;--g9:#0a0a0a;--g7:#374151;--g5:#6b7280;--g4:#9ca3af;--g2:#e5e7eb;--g1:#f3f4f6;--g0:#f9fafb;--font:-apple-system, "PingFang SC", "Helvetica Neue", sans-serif;--r-sm:7px;--r-md:10px;--r-lg:11px;--r-xl:20px;--r-full:9999px;--sp-xs:4px;--sp-sm:7px;--sp-md:10px;--sp-lg:12px;--sp-xl:16px;--border:.5px solid #e5e7eb;--border-focus:1px solid #4f46e5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--g1);color:var(--g7);-webkit-font-smoothing:antialiased}.page-root{background:var(--g1);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;overflow:hidden}.scroll-body{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.scroll-body::-webkit-scrollbar{display:none}.card{border:.5px solid var(--g2);background:#fff;border-radius:10px;margin-bottom:7px;padding:10px}.card:last-child{margin-bottom:0}.card-hd{color:var(--g5);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:4px;margin-bottom:8px;font-size:8px;font-weight:700;display:flex}.card-hd-bar{border-radius:1px;flex-shrink:0;width:2px;height:9px}.btn-primary{background:var(--p);color:#fff;cursor:pointer;width:100%;font-size:10px;font-weight:700;font-family:var(--font);border:none;border-radius:8px;margin-top:6px;padding:8px}.tag{border-radius:20px;align-items:center;padding:2px 7px;font-size:8px;font-weight:600;display:inline-flex}.tag-blue{background:var(--bl);color:var(--pd)}.tag-green{background:var(--gl);color:#065f46}.tag-amber{background:var(--al);color:#92400e}.tag-red{background:var(--rl);color:#991b1b}.tag-gray{background:var(--g1);color:var(--g5)}.tag-purple{background:var(--pl);color:var(--p)}.bar-track{background:var(--g1);border-radius:2px;flex:1;height:2.5px;overflow:hidden}.bar-fill{border-radius:2px;height:100%;transition:width .9s cubic-bezier(.34,1.56,.64,1)}.notice{background:var(--al);color:#92400e;border-radius:7px;align-items:flex-start;gap:5px;margin-top:7px;padding:7px 9px;font-size:9px;line-height:1.5;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.skeleton{background:var(--g1);border-radius:3px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.4s infinite shimmer;position:absolute;top:0;left:0}.tabbar{border-top:.5px solid var(--g2);background:#fff;flex-shrink:0;align-items:stretch;height:44px;display:flex}.tabbar-item{cursor:pointer;color:var(--g4);font-family:var(--font);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:0;transition:color .15s;display:flex}.tabbar-item.active{color:var(--p)}.tabbar-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.tabbar-icon svg{width:16px;height:16px}.tabbar-label{font-size:7px;font-weight:500}