:root{--primary: #2adb5c;--primary-strong: #22bd4d;--primary-soft: #e7fbee;--bg: #f0eee6;--surface: #fffdf7;--accent: #e3dacc;--accent-deep: #d3c7b0;--text: #20231f;--text-muted: #6b7264;--border: #e0dac9;--danger: #e0533d;--warn: #e0a23d;--success: #2adb5c;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .04);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary-strong);text-decoration:none}a:hover{color:var(--primary)}.container{width:100%;max-width:1024px;margin:0 auto;padding:0 16px;box-sizing:border-box}button,.btn{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;background:var(--primary);color:#06210f;font-weight:600;transition:filter .15s,transform .05s}button:hover,.btn:hover{filter:brightness(1.03)}button:active,.btn:active{transform:translateY(1px)}button.secondary{background:var(--accent);color:var(--text)}button.ghost{background:transparent;color:var(--text-muted)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:14px;font-family:inherit;color:var(--text)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.muted{color:var(--text-muted)}.row{display:flex;gap:12px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center}.grow{flex:1}