:root{--color-primary: #66bb6a;--color-primary-light: #81c784;--color-primary-dark: #4caf50;--color-primary-gradient: linear-gradient(135deg, #66bb6a 0%, #42a5f5 100%);--color-secondary: #42a5f5;--color-secondary-light: #64b5f6;--gradient-primary: linear-gradient(135deg, #66bb6a 0%, #42a5f5 100%);--gradient-warm: linear-gradient(135deg, #fff8e1 0%, #ffecb3 25%, #ffe0b2 50%, #ffccbc 75%, #f8bbd0 100%);--gradient-warm-soft: linear-gradient(135deg, #fce4ec 0%, #f8bbd0 25%, #e1bee7 50%, #c5cae9 75%, #b3e5fc 100%);--color-text: #1A1A2E;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-background: #f5f7fa;--color-surface: #FFFFFF;--color-border: #EEEEEE;--color-price: #E71D36;--color-success: #52c41a;--color-warning: #FFA726;--color-error: #ff4d4f;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px}.page-container{min-height:100vh;background:var(--color-background);padding-bottom:calc(80px + env(safe-area-inset-bottom))}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-lg)}.btn-primary{display:flex;align-items:center;justify-content:center;height:44px;background:var(--color-primary-gradient);color:#fff;border-radius:var(--radius-lg);border:none;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #66bb6a4d}.btn-primary:active{opacity:.9}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{display:flex;align-items:center;justify-content:center;height:44px;background:#fff;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-lg);font-size:15px;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#66bb6a0d}.text-price{color:var(--color-price);font-weight:600}.text-price:before{content:"¥";font-size:12px;margin-right:2px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading-placeholder{text-align:center;padding:40px 0;color:var(--color-text-tertiary);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-tertiary)}.empty-state-icon{font-size:64px;margin-bottom:12px;opacity:.5}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}