:root{--primary-color: #ff6b81;--primary-light: #ffe8ec;--secondary-color: #4bc0c0;--bg-gradient: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--card-shadow: 0 8px 24px rgba(149, 157, 165, .2);--font-family: "PingFang SC", "Microsoft YaHei", sans-serif}body{margin:0;padding:0;background:var(--bg-gradient);font-family:var(--font-family);color:#2d3748;min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:20px}.main-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 30px;border-radius:20px;box-shadow:var(--card-shadow);margin-bottom:24px}.logo-section{display:flex;align-items:center;gap:15px}.logo-icon{background:var(--primary-light);padding:12px;border-radius:16px;display:flex;align-items:center;justify-content:center}.logo-section h1{margin:0;font-size:24px;font-weight:800;color:#1a202c}.subtitle{margin:0;font-size:14px;color:#718096}.balance-card{background:linear-gradient(135deg,#ff6b81,#ff4757);color:#fff;padding:15px 25px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-end;box-shadow:0 4px 15px #ff47574d}.balance-label{font-size:12px;opacity:.9}.balance-amount{font-size:28px;font-weight:800}.grid-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}@media (max-width: 900px){.grid-layout{grid-template-columns:1fr}}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--card-shadow);margin-bottom:24px;border:1px solid rgba(255,255,255,.8)}.section-title{margin-top:0;margin-bottom:12px;font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px;color:#1a202c}.card-desc{font-size:13px;color:#718096;margin-top:-6px;margin-bottom:16px}.piggy-status-card{display:flex;gap:20px;align-items:center;background:linear-gradient(to right,#fff,#fff5f6)}.piggy-avatar-box{background:#ffe8ec;border-radius:50%;width:90px;height:90px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 10px #0000000d}.piggy-emoji{font-size:50px}.piggy-info{flex:1}.piggy-info h3{margin:0 0 6px;font-size:16px;color:#4a5568}.piggy-speech{margin:0 0 12px;font-weight:700;font-size:15px}.budget-progress-container{margin-bottom:12px}.budget-text-row{display:flex;justify-content:space-between;font-size:12px;color:#718096;margin-bottom:4px}.progress-bar-bg{background:#edf2f7;height:12px;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:6px;transition:width .4s ease}.bg-green{background:#48bb78}.bg-orange{background:#ed8936}.bg-red{background:#f56565}.budget-setter{display:flex;align-items:center;gap:8px;font-size:13px;color:#718096}.small-input{width:60px;padding:4px 8px;border:1px solid #cbd5e0;border-radius:6px;text-align:center;font-weight:700}.type-selector{display:flex;gap:12px;margin-bottom:16px}.type-btn{flex:1;padding:10px;border:2px solid #edf2f7;background:#fff;border-radius:12px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.type-btn.active.expense{border-color:#ff6b81;color:#ff6b81;background:#ffe8ec}.type-btn.active.income{border-color:#4bc0c0;color:#4bc0c0;background:#e6f9f9}.form-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px;margin-bottom:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:12px;color:#718096;font-weight:600}.main-input{padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;transition:border-color .2s}.main-input:focus{border-color:var(--primary-color)}.block-label{display:block;font-size:12px;color:#718096;font-weight:600;margin-bottom:8px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}.category-btn{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border:1px solid #edf2f7;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s}.category-btn .cat-icon{font-size:20px;margin-bottom:4px}.category-btn .cat-label{font-size:11px;color:#4a5568}.category-btn.active{background:var(--cat-color);border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.submit-btn{width:100%;padding:14px;background:#2d3748;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.submit-btn:hover{background:#1a202c}.history-list{max-height:250px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f7}.history-item:last-child{border-bottom:none}.item-left{display:flex;align-items:center;gap:12px}.item-emoji{font-size:24px;background:#f7fafc;padding:8px;border-radius:10px}.item-note{margin:0;font-size:14px;font-weight:600;color:#2d3748}.item-date{font-size:11px;color:#a0aec0}.item-right{display:flex;align-items:center;gap:12px}.item-amount{font-weight:700;font-size:15px}.text-green{color:#48bb78}.text-red{color:#e53e3e}.delete-btn{background:transparent;border:none;color:#cbd5e0;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.delete-btn:hover{color:#e53e3e}.ai-coach-card{background:linear-gradient(135deg,#fff,#fbf8ff);border:1px dashed #d6bcfa}.ai-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.ai-input{padding:12px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none}.ai-input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-ask-btn{background:#805ad5;color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:background .2s}.ai-ask-btn:hover{background:#6b46c1}.ai-reply-box{background:#f3ebff;border-radius:12px;padding:16px;border-left:4px solid #9f7aea}.ai-reply-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.coach-avatar{font-size:20px}.ai-reply-content{margin:0;font-size:13px;line-height:1.6;color:#553c9a;white-space:pre-line}.wish-adder{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:16px}@media (max-width: 600px){.wish-adder{grid-template-columns:1fr}}.wish-input{padding:10px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px}.wish-add-btn{background:#ff6b81;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:12px}.wish-list{display:flex;flex-direction:column;gap:12px}.wish-item{display:flex;gap:12px;padding:12px;border:1px solid #edf2f7;border-radius:14px;background:#fafafa;transition:all .3s}.wish-item.completed{background:#f0fff4;border-color:#c6f6d5}.wish-img{width:70px;height:70px;object-fit:cover;border-radius:10px;background:#edf2f7}.wish-details{flex:1;display:flex;flex-direction:column;justify-content:space-between}.wish-header{display:flex;justify-content:space-between;align-items:flex-start}.wish-header h4{margin:0;font-size:14px;color:#2d3748}.wish-price{font-size:13px;font-weight:700;color:#ff6b81}.wish-progress-bar{background:#e2e8f0;height:8px;border-radius:4px;overflow:hidden;margin:6px 0}.wish-progress-fill{background:#ff6b81;height:100%;border-radius:4px}.wish-item.completed .wish-progress-fill{background:#48bb78}.wish-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#718096}.wish-actions{display:flex;gap:6px}.save-action-btn{border:none;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:transform .1s}.save-action-btn:active{transform:scale(.95)}.quick-save-5{background:#feebc8;color:#dd6b20}.quick-save-20{background:#c6f6d5;color:#22543d}.completed-badge{color:#38a169;font-weight:700;display:flex;align-items:center;gap:4px}.wish-delete-btn{background:transparent;border:none;color:#a0aec0;cursor:pointer;font-size:11px}.wish-delete-btn:hover{color:#e53e3e}.empty-text{text-align:center;color:#a0aec0;font-size:13px;padding:20px 0}