:root{--color-primary: #e60012;--color-primary-light: #ffecec;--color-primary-dark: #c2000e;--color-primary-hover: #ff3b4a;--color-success: #52c41a;--color-success-light: #f6ffed;--color-warning: #ffb800;--color-warning-light: #fff7e6;--color-error: #ef4444;--color-error-light: #fff0f0;--color-info: #e60012;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-hint: #999999;--color-text-disabled: #c0c0c0;--color-border: #e8e8e8;--color-border-light: #f0f0f0;--color-bg-page: #f5f7fa;--color-bg-card: #ffffff;--color-bg-dark: #1a1a2e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 28px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--header-height: 56px;--tabbar-height: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.app-container{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--color-bg-page);position:relative;padding-bottom:calc(var(--tabbar-height) + var(--safe-area-bottom))}.page-content{padding:var(--spacing-lg);padding-bottom:calc(var(--tabbar-height) + var(--spacing-xl) + var(--safe-area-bottom))}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{background:var(--color-text-disabled);cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-block{width:100%}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:border-color var(--transition-fast);outline:none;background:var(--color-bg-card)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder{color:var(--color-text-hint)}.tag{display:inline-flex;align-items:center;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.tag-blue{background:var(--color-primary-light);color:var(--color-primary)}.tag-green{background:var(--color-success-light);color:var(--color-success)}.tag-orange{background:var(--color-warning-light);color:var(--color-warning)}.tag-red{background:var(--color-error-light);color:var(--color-error)}.divider{height:1px;background:var(--color-border-light);margin:var(--spacing-lg) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--color-text-hint);text-align:center}.empty-state .empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.empty-state .empty-text{font-size:var(--font-size-sm)}.loading-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl)}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-md);z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}@media (min-width: 481px){.app-container{border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}}@media print{.bottom-nav{display:none}}