:root{--primary: #4A6CF7;--primary-light: #6B8AFF;--primary-dark: #3451D1;--primary-bg: rgba(74, 108, 247, .06);--accent: #FF6D5A;--accent-light: #FF8A7A;--green: #22C55E;--green-bg: rgba(34, 197, 94, .08);--amber: #F59E0B;--amber-bg: rgba(245, 158, 11, .08);--bg: #F8F9FC;--bg-warm: #FDFAF6;--card: #FFFFFF;--text: #1A1D26;--text-secondary: #6B7280;--text-hint: #9CA3AF;--border: #E5E7EB;--border-light: #F3F4F6;--radius: 20px;--radius-md: 14px;--radius-sm: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.1);--shadow-color: 0 4px 20px rgba(74,108,247,.15)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;max-width:500px;margin:0 auto;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh;max-height:100vh}.page{flex:1;overflow-y:auto;padding-bottom:80px;scroll-behavior:smooth}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:500px;display:flex;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.04);padding:4px 8px env(safe-area-inset-bottom,8px);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 0;background:none;border:none;color:var(--text-hint);font-size:10px;font-weight:500;cursor:pointer;transition:all .25s ease;position:relative}.tab-item.active{color:var(--primary)}.tab-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:2.5px;background:var(--primary);border-radius:2px}.tab-item svg{width:24px;height:24px}.header{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;padding:14px 20px;font-size:17px;font-weight:600;display:flex;align-items:center;gap:8px;letter-spacing:-.2px;position:sticky;top:0;z-index:50}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 56px);padding-bottom:80px;background:var(--bg-warm)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.message{max-width:82%;padding:14px 18px;border-radius:20px;line-height:1.7;font-size:14.5px;word-break:break-word;white-space:pre-wrap;letter-spacing:.1px}.message.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 12px #4a6cf740}.message.assistant{align-self:flex-start;background:var(--card);box-shadow:var(--shadow-sm);border-bottom-left-radius:6px;border:1px solid var(--border-light)}.message.assistant .msg-name{font-size:12px;color:var(--primary);font-weight:600;margin-bottom:6px;letter-spacing:.5px}.chat-input-bar{display:flex;gap:8px;padding:12px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-light);align-items:flex-end}.chat-input-bar textarea{flex:1;border:1.5px solid var(--border);border-radius:24px;padding:10px 18px;font-size:15px;resize:none;outline:none;max-height:100px;line-height:1.4;font-family:inherit;background:var(--bg);transition:border-color .2s}.chat-input-bar textarea:focus{border-color:var(--primary);background:#fff}.chat-input-bar .send-btn{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s;box-shadow:0 2px 8px #4a6cf74d}.chat-input-bar .send-btn:disabled{background:var(--border);box-shadow:none}.chat-input-bar .send-btn:active{transform:scale(.92)}.chat-input-bar .img-btn{width:42px;height:42px;border-radius:50%;background:var(--bg);color:var(--text-secondary);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s}.chat-input-bar .img-btn:active{background:var(--border-light)}.typing-indicator{display:flex;gap:5px;padding:14px 18px;align-self:flex-start;background:var(--card);border-radius:20px 20px 20px 6px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--text-hint);animation:bounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.pet-list{padding:16px;display:flex;flex-direction:column;gap:10px}.pet-card{background:var(--card);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-light)}.pet-card:active{transform:scale(.98);box-shadow:var(--shadow)}.pet-avatar{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.pet-avatar.cat{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.pet-avatar.dog{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.pet-avatar.other{background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.pet-info{flex:1}.pet-info h3{font-size:16px;font-weight:600;margin-bottom:3px}.pet-info p{font-size:13px;color:var(--text-secondary)}.add-pet-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--card);border:2px dashed var(--border);border-radius:var(--radius);padding:22px;color:var(--text-hint);font-size:15px;cursor:pointer;transition:all .2s}.add-pet-btn:active{border-color:var(--primary);color:var(--primary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--card);border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;padding:28px 24px;animation:slideUp .35s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal h2{font-size:20px;margin-bottom:20px;text-align:center;letter-spacing:-.3px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-secondary);letter-spacing:.3px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:15px;outline:none;background:var(--bg);transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4a6cf714}.species-select{display:flex;gap:10px}.species-btn{flex:1;padding:14px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);font-size:16px;text-align:center;cursor:pointer;transition:all .2s}.species-btn.active{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 0 0 3px #4a6cf714}.btn{width:100%;padding:14px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.2px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #4a6cf740}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 8px #4a6cf733}.btn-primary:disabled{background:var(--border);box-shadow:none}.btn-danger{background:#fee2e2;color:#dc2626;margin-top:8px}.btn-ghost{background:none;color:var(--text-secondary);margin-top:8px}.health-list{padding:8px 16px;display:flex;flex-direction:column;gap:8px}.health-card{background:var(--card);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;border:1px solid var(--border-light)}.health-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.health-icon.vaccine{background:var(--green-bg)}.health-icon.deworming{background:var(--amber-bg)}.health-icon.checkup{background:var(--primary-bg)}.health-icon.other{background:#f5f3ff}.health-info{flex:1}.health-info h4{font-size:14px;font-weight:600;margin-bottom:2px}.health-info p{font-size:12px;color:var(--text-hint)}.health-next{font-size:11px;color:var(--amber);font-weight:600}.home-page{padding:0;background:var(--bg)}.home-hero{background:linear-gradient(135deg,#4a6cf7,#6b8aff,#93b5ff);color:#fff;padding:36px 24px 32px;text-align:center;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;top:-50%;right:-30%;width:300px;height:300px;background:#ffffff14;border-radius:50%}.home-hero:after{content:"";position:absolute;bottom:-40%;left:-20%;width:250px;height:250px;background:#ffffff0d;border-radius:50%}.home-hero h1{font-size:26px;font-weight:700;margin-bottom:6px;letter-spacing:-.5px;position:relative;z-index:1}.home-hero p{font-size:14px;opacity:.85;position:relative;z-index:1}.home-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.feature-card{background:var(--card);border-radius:var(--radius);padding:22px 16px;text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .25s ease;border:1px solid var(--border-light)}.feature-card:active{transform:scale(.96);box-shadow:var(--shadow)}.feature-card .icon{font-size:34px;margin-bottom:10px}.feature-card h3{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text)}.feature-card p{font-size:11.5px;color:var(--text-hint);line-height:1.4}.empty-state{text-align:center;padding:40px 20px;color:var(--text-hint)}.empty-state .icon{font-size:48px;margin-bottom:12px}.empty-state p{font-size:14px}.profile-page{padding:16px}.profile-header{background:linear-gradient(135deg,#4a6cf7,#6b8aff);color:#fff;padding:32px 24px;text-align:center;border-radius:var(--radius);margin-bottom:16px;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;background:#ffffff14;border-radius:50%}.profile-avatar{width:68px;height:68px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 12px;border:3px solid rgba(255,255,255,.3);position:relative;z-index:1}.profile-menu{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.profile-menu-item{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border-light);font-size:15px;cursor:pointer;background:none;border-left:none;border-right:none;width:100%;text-align:left;color:var(--text);transition:background .15s}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:active{background:var(--bg)}.app-version{text-align:center;padding:24px;font-size:12px;color:var(--text-hint);line-height:1.8}