:root{color:#173e38;background:#eef6f3;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--primary: #248b72;--primary-dark: #176b58;--primary-soft: #ddf5ed;--accent: #ef9b47;--danger: #d7655b;--text: #173e38;--text-muted: #6b8882;--card: rgba(255, 255, 255, .92);--line: rgba(36, 104, 91, .12);--shadow: 0 16px 40px rgba(35, 91, 81, .1);--shadow-soft: 0 10px 26px rgba(35, 90, 80, .07);--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 24px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:radial-gradient(circle at 10% 0%,rgba(101,205,168,.2),transparent 38%),radial-gradient(circle at 100% 18%,rgba(246,185,104,.16),transparent 34%),#eef6f3}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-frame{position:relative;width:min(100%,540px);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#ffffff94,#f4faf7e6),#f4faf7;box-shadow:0 0 70px #1b4c4414}.page{min-height:100vh;padding:calc(20px + env(safe-area-inset-top)) 18px calc(96px + env(safe-area-inset-bottom))}.page--plain{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.page-header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{margin:0;font-size:var(--text-xl);line-height:1.2;letter-spacing:-.02em}.page-subtitle{margin:6px 0 0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.card{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:48px;padding:0 20px;color:var(--text);font-weight:700;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{color:#fff;background:linear-gradient(135deg,#2ca982,#1b7d66);border-color:transparent;box-shadow:0 12px 26px #228b713d}.btn--warm{color:#fff;background:linear-gradient(135deg,#f4ac55,#e67d42);border-color:transparent;box-shadow:0 12px 26px #de803e38}.btn--ghost{background:#ffffffad}.btn--block{width:100%}.icon-btn{display:inline-grid;width:42px;height:42px;padding:0;place-items:center;color:var(--text);background:#ffffffc2;border:1px solid var(--line);border-radius:var(--radius-sm)}.muted{color:var(--text-muted)}.pill{display:inline-flex;gap:5px;align-items:center;padding:5px 9px;color:var(--primary-dark);font-size:11px;font-weight:700;background:var(--primary-soft);border-radius:999px}.field{display:grid;gap:8px;margin-bottom:16px}.field label{font-size:13px;font-weight:700}.input{width:100%;height:52px;padding:0 16px;color:var(--text);background:#f6fbf9e6;border:1px solid var(--line);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:#248b7280;box-shadow:0 0 0 4px #248b7217}.notice{padding:11px 13px;font-size:13px;line-height:1.5;border-radius:13px}.notice--error{color:#9d4139;background:#fcece9}.notice--success{color:#1c7259;background:#e2f7ef}.skeleton{overflow:hidden;background:linear-gradient(90deg,#eef4f1 25%,#f8fbfa,#eef4f1 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.empty{padding:54px 24px;color:var(--text-muted);text-align:center}.empty__icon{display:block;margin-bottom:12px;font-size:42px}.page-enter-active,.page-leave-active{transition:opacity .18s ease,transform .18s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-4px)}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:620px){body{padding:18px 0}.app-frame{min-height:calc(100vh - 36px);border-radius:30px}.bottom-nav{bottom:18px;border-radius:0 0 30px 30px}}