:root{--bg:#f5f0e8;--bg-elevated:#faf6f0;--card:#fff;--accent:#d4691a;--accent-soft:#f5d9be;--accent-glow:#d4691a1f;--brown:#6b4423;--brown-light:#8a5a34;--text:#3d2f24;--text-secondary:#6b5d52;--muted:#a89784;--border:#e8dfd3;--border-soft:#f0e8dc;--radius:16px;--radius-sm:10px;--tabbar-height:60px;--safe-bottom:env(safe-area-inset-bottom,0px);--shadow-card:0 2px 8px #6b44230f, 0 1px 2px #6b44230a;--shadow-elevated:0 4px 16px #6b442314, 0 2px 4px #6b44230d;--shadow-fab:0 6px 20px #d4691a59;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-feature-settings:"tnum" 1;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;font-family:PingFang SC,-apple-system,Helvetica Neue,Microsoft YaHei,sans-serif}#app{background:var(--bg);max-width:560px;min-height:100vh;margin:0 auto}::selection{background:var(--accent-glow);color:var(--brown)}::-webkit-scrollbar{width:0;height:0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out);border:none;border-radius:999px;padding:13px 24px;font-size:16px;font-weight:600;box-shadow:0 2px 8px #d4691a33}.btn-primary:active{transform:scale(.97);box-shadow:0 1px 4px #d4691a26}.btn-primary:disabled{opacity:.4;box-shadow:none}.btn-secondary{background:var(--accent-soft);color:var(--brown);cursor:pointer;transition:transform .15s var(--ease-out);border:none;border-radius:999px;padding:13px 24px;font-size:16px;font-weight:500}.btn-secondary:active{transform:scale(.97)}input,textarea,select{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);width:100%;transition:border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);outline:none;padding:11px 14px;font-family:inherit;font-size:16px}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--muted)}.page{padding:16px 16px calc(var(--tabbar-height) + var(--safe-bottom) + 24px)}.page-title{color:var(--brown);letter-spacing:-.02em;margin:8px 0 16px;font-size:24px;font-weight:700}.muted{color:var(--muted);font-size:13px}.small{font-size:12px}.tabbar[data-v-0b76e4b7]{width:100%;max-width:560px;height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-soft);z-index:100;background:#ffffffeb;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab[data-v-0b76e4b7]{color:var(--muted);transition:color .2s var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;text-decoration:none;display:flex}.tab-icon-wrap[data-v-0b76e4b7]{width:32px;height:32px;transition:background .2s var(--ease-out);border-radius:10px;justify-content:center;align-items:center;display:flex}.tab.active[data-v-0b76e4b7]{color:var(--accent)}.tab.active .tab-icon-wrap[data-v-0b76e4b7]{background:var(--accent-glow)}.tab-label[data-v-0b76e4b7]{font-weight:500}