:root{--theme-rgb: 43, 200, 135;--brand: #2bc887;--brand-deep: #17a96b;--brand-light: #6fe0b0;--brand-soft: rgba(var(--theme-rgb), .12);--brand-fg: #0e1b2e;--hero-grad: linear-gradient(155deg, var(--brand) 0%, var(--brand-deep) 60%, var(--ink) 130%);--ink: #0e1b2e;--ink-2: #2c3560;--ink-fg: #f2f6fa;--ink-mask: rgba(14, 27, 46, .55);--bg: #f5f8fa;--mint: #eaf7f0;--card: #ffffff;--text: #101c2c;--text-2: #5a6478;--muted: #8a94a6;--line: #eef2f6;--danger: #e5484d;--danger-soft: #fdecec;--ok: #2f9e44;--ok-soft: #e7f6ec;--warn: #f5a623;--warn-soft: #fff8e6;--warn-fg: #8a6d1a;--info: #3b82f6;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-full: 999px;--shadow-card: 0 4px 16px rgba(16, 28, 44, .06);--shadow-float: 0 -4px 20px rgba(16, 28, 44, .08);--shadow-brand: 0 6px 16px rgba(var(--theme-rgb), .28)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{min-height:100vh;padding-bottom:56px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:56px;display:flex;background:var(--card);border-top:1px solid var(--line)}.tabbar .tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--muted)}.tabbar .tab.on{color:var(--brand);font-weight:600}.tabbar .ti{width:22px;height:22px;background-color:var(--muted);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .18s linear}.tabbar .tab.on .ti{background-color:var(--brand);animation:tab-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes tab-pop{0%{transform:translateY(0) scale(.84)}55%{transform:translateY(-4px) scale(1.14)}to{transform:translateY(-1px) scale(1)}}.tabbar .tab.on:after{content:"";position:absolute;top:0;left:50%;height:3px;border-radius:0 0 3px 3px;background:var(--brand);animation:tab-bar .26s ease-out}@keyframes tab-bar{0%{width:0;margin-left:0;opacity:0}to{width:24px;margin-left:-12px;opacity:1}}.tabbar .ti-home{--ic-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' d='M3.8 10.6 12 4l8.2 6.6V20H3.8z'/%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M9.4 20v-5.2h5.2V20'/%3E%3C/svg%3E");--ic-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M3.8 10.6 12 4l8.2 6.6V20H3.8zM9.4 14.8h5.2V20H9.4z'/%3E%3C/svg%3E")}.tabbar .ti-mt{--ic-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round' d='M4 6.6h16V20H4z'/%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' d='M8 4.4v3.6M16 4.4v3.6M7.4 12.4h9.2M7.4 16h6'/%3E%3C/svg%3E");--ic-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M4 6.6h16V20H4zM7.4 11.4h9.2v1.8H7.4zM7.4 15h6v1.8h-6z'/%3E%3Cpath fill='black' d='M7.2 4.2h1.8v3.4H7.2zM15 4.2h1.8v3.4H15z'/%3E%3C/svg%3E")}.tabbar .ti-me{--ic-line: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M12 11.6a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2z'/%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' d='M5 20c0-3.9 3.1-6.3 7-6.3s7 2.4 7 6.3'/%3E%3C/svg%3E");--ic-fill: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12.1a3.85 3.85 0 1 0 0-7.7 3.85 3.85 0 0 0 0 7.7zM5 20.2c0-4.1 3.1-6.7 7-6.7s7 2.6 7 6.7z'/%3E%3C/svg%3E")}.tabbar .ti{-webkit-mask-image:var(--ic-line);mask-image:var(--ic-line)}.tabbar .tab.on .ti{-webkit-mask-image:var(--ic-fill);mask-image:var(--ic-fill)}@media (prefers-reduced-motion: reduce){.tabbar .tab.on .ti,.tabbar .tab.on:after{animation:none}.tabbar .ti{transition:none}}.page{padding:16px}.card{background:var(--card);border-radius:var(--r-md);padding:18px 16px;box-shadow:var(--shadow-card);margin-bottom:12px}.title{font-size:18px;font-weight:600;margin:0 0 6px}.muted{color:var(--muted);font-size:13px;line-height:1.7}.sub{color:var(--text-2);font-size:12px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px}.field input{width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:15px;outline:none;background:var(--card)}.field input:focus{border-color:var(--brand)}.row{display:flex;gap:10px}.row .field{flex:1}.btn{width:100%;height:44px;padding:0 12px;border:0;border-radius:var(--r-sm);background:var(--brand);color:var(--brand-fg);font-size:15px;cursor:pointer;box-shadow:var(--shadow-brand)}.btn:active{background:var(--brand-deep)}.btn:disabled{background:var(--brand);opacity:.4;box-shadow:none;cursor:not-allowed}.btn.ghost{background:var(--brand-soft);color:var(--brand);box-shadow:none}.btn.sm{width:auto;height:36px;padding:0 14px;font-size:13px;white-space:nowrap}.msg{margin-top:12px;font-size:13px;min-height:18px;text-align:center}.msg.err{color:var(--danger)}.msg.ok{color:var(--ok)}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button{flex:1;padding:9px;border:1px solid var(--line);background:var(--card);border-radius:var(--r-sm);color:var(--muted);font-size:14px;cursor:pointer}.tabs button.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft);font-weight:600}.link{color:var(--brand);font-size:13px}.tag{display:inline-block;padding:2px 8px;border-radius:var(--r-full);font-size:12px;background:var(--mint);color:var(--brand-deep)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn-fg)}.tag.danger{background:var(--danger-soft);color:var(--danger)}.devhint{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}.hero{margin:-16px -16px 14px;padding:20px 16px 24px;background:var(--hero-grad);color:var(--ink-fg);border-radius:0 0 var(--r-lg) var(--r-lg)}.hero .h-title{font-size:18px;font-weight:600;line-height:1.4}.hero .h-sub{font-size:12px;opacity:.82;margin-top:4px}.hero .hrow{display:flex;align-items:center;gap:12px}.hero .havatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#ffffff38;color:var(--ink-fg);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}.sec{display:flex;align-items:baseline;gap:8px;margin:18px 0 10px}.sec:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--brand);flex:0 0 auto;align-self:center}.sec .t{font-size:16px;font-weight:600;color:var(--text)}.sec .en{font-size:11px;color:var(--muted);letter-spacing:.6px}.stat-grid{display:flex;gap:10px}.stat{flex:1;background:var(--card);border-radius:var(--r-md);box-shadow:var(--shadow-card);padding:12px 10px;text-align:center}.stat .n{font-size:20px;font-weight:600;color:var(--brand-deep)}.stat .l{font-size:12px;color:var(--muted);margin-top:2px}.pnav{margin-bottom:10px}.back{background:none;border:0;color:var(--brand);font-size:15px;cursor:pointer;padding:4px 0}