:root{--bg: #faf7f2;--surface: #ffffff;--surface-2: #f3ede2;--border: #e8dccb;--border-soft: #f0e8db;--text: #3d2c1e;--text-2: #6b5b4a;--text-3: #a08d76;--text-inverse: #ffffff;--brand-50: #fff7ed;--brand-100: #ffeac9;--brand-200: #fcd599;--brand-300: #fbc069;--brand: #f59e0b;--brand-deep: #d97706;--brand-darker: #b45309;--success: #2f9e62;--success-soft: #e8f6ee;--success-deep: #1f7d4c;--info: #4f8ff7;--info-soft: #e9f1fe;--info-deep: #2f6fd6;--warning: #f59e0b;--warning-soft: #fff7ed;--danger: #e05c5c;--danger-soft: #fdeaea;--danger-deep: #b73e3e;--radius-xs: 8px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 17px;--fs-xl: 19px;--fs-2xl: 22px;--fs-3xl: 28px;--fs-display: 34px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--shadow-xs: 0 1px 2px rgba(61, 44, 30, .04);--shadow-sm: 0 2px 10px rgba(61, 44, 30, .06);--shadow-md: 0 6px 20px rgba(61, 44, 30, .08);--shadow-lg: 0 12px 32px rgba(61, 44, 30, .12);--lh-tight: 1.25;--lh-normal: 1.5;--lh-loose: 1.7;--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--safe-bottom: env(safe-area-inset-bottom, 0px);--container-max: 480px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:var(--container-max);margin:0 auto;min-height:100dvh}.page{padding:var(--space-4) var(--space-4) calc(24px + var(--safe-bottom));animation:page-fade-in var(--dur-slow) var(--ease-out)}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-size:var(--fs-lg);font-weight:var(--fw-semibold);padding:var(--space-3) var(--space-5);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur) var(--ease-out),opacity var(--dur) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--brand-deep);outline-offset:2px}.btn-primary{background:var(--brand);color:var(--text-inverse)}.btn-primary:active{background:var(--brand-deep)}.btn-primary-deep{background:var(--brand-deep);color:var(--text-inverse)}.btn-primary-deep:active{background:var(--brand-darker)}.btn-outline{background:transparent;color:var(--brand-deep);border:1.5px solid var(--brand)}.btn-outline:active{background:var(--brand-50)}.btn-ghost{background:var(--brand-50);color:var(--brand-deep)}.btn-ghost:active{background:var(--brand-100)}.btn-danger{background:var(--danger);color:var(--text-inverse)}.btn-big{font-size:var(--fs-xl);padding:18px var(--space-5);border-radius:var(--radius-md)}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:background-color var(--dur) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.icon-btn:active{transform:scale(.94);background:var(--surface-2)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-2);margin-bottom:var(--space-2)}.input{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:13px var(--space-4);font-size:var(--fs-md);background:var(--surface);color:var(--text);outline:none;transition:border-color var(--dur) var(--ease-out)}.input:focus{border-color:var(--brand)}.input::placeholder{color:var(--text-3)}textarea.input{resize:vertical;min-height:64px;line-height:var(--lh-normal)}.chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px 14px;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:var(--brand-50);color:var(--brand-deep);border:1px solid var(--brand-100)}.page-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0 var(--space-4);gap:var(--space-3)}.page-title{font-size:var(--fs-2xl);font-weight:var(--fw-black);margin:0;letter-spacing:-.01em}.page-subtitle{font-size:var(--fs-sm);color:var(--text-2);margin:4px 0 0}.empty{text-align:center;color:var(--text-3);padding:var(--space-9) var(--space-5)}.empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--brand-50);color:var(--brand-deep)}.empty-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-2);margin:0 0 var(--space-2)}.empty-desc{font-size:var(--fs-sm);margin:0}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--container-max);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4) calc(10px + var(--safe-bottom));background:#faf7f2eb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-soft);z-index:20}.bottom-bar .btn{flex:1}.alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);background:var(--danger-soft);color:var(--danger-deep);border:1px solid #f5c8c8}.alert-info{background:var(--info-soft);color:var(--info-deep);border-color:#cfe0fc}.alert-success{background:var(--success-soft);color:var(--success-deep);border-color:#bfe5cd}.narrow{width:100%;margin:0 auto}@media(min-width:768px){.mobile-only{display:none!important}}.shell{display:block}.shell-side{display:none}.shell-main{min-width:0;flex:1}@media(min-width:768px){:root{--container-max: 960px}#app:has(.shell){max-width:none}.shell{display:flex;align-items:stretch;min-height:100dvh}.shell-side{display:flex;flex-direction:column;width:250px;flex-shrink:0;gap:var(--space-4);padding:var(--space-5) var(--space-3);background:var(--surface);border-right:1px solid var(--border-soft);position:sticky;top:0;height:100dvh;overflow-y:auto}.shell-main .page{max-width:1120px;margin:0 auto}.page{padding:var(--space-7) var(--space-7) var(--space-9)}.btn:not(:disabled):hover{filter:brightness(1.03)}.btn-primary:not(:disabled):hover{background:var(--brand-deep)}.btn-outline:not(:disabled):hover{background:var(--brand-50)}.btn-ghost:not(:disabled):hover{background:var(--brand-100)}.icon-btn:hover{background:var(--surface-2)}.card{transition:box-shadow var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.btn{font-size:var(--fs-md);padding:11px var(--space-5)}.btn-big{font-size:var(--fs-lg);padding:13px var(--space-5)}.icon-btn{width:40px;height:40px}.page-title{font-size:var(--fs-3xl)}.bottom-bar{justify-content:center;padding:var(--space-3) var(--space-7) calc(14px + var(--safe-bottom))}.bottom-bar .btn{flex:0 1 260px}.narrow{max-width:720px}}