:root{--dawn-orange: #FF5722;--dawn-orange-light: rgb(255, 138, 101);--dawn-orange-dark: rgb(230, 74, 25);--dawn-pink: #E91E63;--dawn-amber: #FF9800;--primary-color: #FF5722;--primary-color-hover: rgb(255, 138, 101);--primary-color-active: rgb(230, 74, 25);--bg-color: #F8F9FA;--bg-elevated: #FFFFFF;--surface-color: #FFFFFF;--surface-hover: #F8F9FA;--surface-sunken: #F1F3F5;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-on-primary: #FFFFFF;--border-color: #CCCCCC;--border-light: #EEEEEE;--divider-color: #EEEEEE;--map-bg-1: #EEF1F4;--map-bg-2: #E7EBEF;--success-color: #16A34A;--success-bg: #DCFCE7;--success-border: #BBF7D0;--warning-color: #FF9800;--warning-bg: #FFF7ED;--warning-border: #FED7AA;--error-color: #FF5722;--error-bg: #FFF1EC;--error-border: #FFCCBC;--info-color: #666666;--info-bg: #F8F9FA;--status-pending-bg: #EEF2FF;--status-pending-color: #4F46E5;--status-pending-border: #C7D2FE;--status-success-bg: #ECFDF5;--status-success-color: #059669;--status-success-border: #A7F3D0;--status-disputed-bg: #FFF3ED;--status-disputed-color: #EA580C;--status-disputed-border: #FED7AA;--accent-blue: #4F46E5;--accent-blue-light: #6366F1;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(51, 51, 51, .04);--shadow-md: 0 4px 12px rgba(51, 51, 51, .08);--shadow-lg: 0 12px 32px rgba(51, 51, 51, .12);--shadow-xl: 0 24px 56px rgba(51, 51, 51, .16);--shadow-warm: 0 12px 32px rgba(255, 87, 34, .22);--spacing-unit: 8px;--space-1: calc(var(--spacing-unit) * .5);--space-2: var(--spacing-unit);--space-3: calc(var(--spacing-unit) * 2);--space-4: calc(var(--spacing-unit) * 3);--space-5: calc(var(--spacing-unit) * 4);--space-6: calc(var(--spacing-unit) * 5);--space-7: calc(var(--spacing-unit) * 6);--space-8: calc(var(--spacing-unit) * 8);--font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-numeric: "SF Pro Display", "PingFang SC", "Helvetica Neue", Arial, sans-serif;--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--transition-ease-out: cubic-bezier(.16, 1, .3, 1);--gradient-warm: linear-gradient(135deg, #FF9800 0%, #FF5722 50%, #E91E63 100%);--gradient-warm-soft: linear-gradient(135deg, rgba(255, 152, 0, .1) 0%, rgba(233, 30, 99, .08) 100%);--gradient-ai: linear-gradient(135deg, #FF9800, #E91E63)}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm, 4px)}html,body{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:var(--primary-color);text-decoration:none}button{font-family:inherit}.ai-content{border-left:3px solid transparent;border-image:linear-gradient(135deg,#ff9800,#e91e63) 1}.card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);height:44px;padding:0 var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--dawn-orange),var(--dawn-orange-dark));color:var(--text-on-primary);box-shadow:0 4px 12px #ff57223d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--dawn-orange-light),var(--dawn-orange));box-shadow:var(--shadow-warm)}.btn-secondary{background:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-color);color:var(--primary-color)}.input{width:100%;height:48px;padding:0 var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);font-family:inherit;background:var(--surface-color);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover:not(:disabled){border-color:var(--text-tertiary)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #ff57221f}.input::placeholder{color:var(--text-tertiary)}.label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.page-title{font-size:var(--text-2xl);font-weight:800;color:var(--text-primary);letter-spacing:-.01em;margin-bottom:var(--space-4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-secondary);text-align:center}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--divider-color) 25%,#F8F9FA 37%,var(--divider-color) 63%);background-size:800px 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.4s ease-in-out infinite}.gradient-text{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.avatar-gradient{background:linear-gradient(135deg,var(--accent-blue-light),var(--accent-blue))}.star-active{color:var(--warning-color)}.numeric{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;letter-spacing:-.02em}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.anim-fade-up{animation:fade-up .4s var(--transition-ease-out) both}.anim-fade-in{animation:fade-in .3s var(--transition-ease-out) both}.stagger-item{animation:fade-up .42s var(--transition-ease-out) both;animation-delay:calc(var(--i, 0) * 60ms)}.skeleton{position:relative;overflow:hidden;background:var(--surface-sunken);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.page-enter-active{transition:opacity .3s var(--transition-ease-out),transform .3s var(--transition-ease-out)}.page-enter-from{opacity:0;transform:translateY(8px)}.sheet-enter-active,.sheet-leave-active{transition:transform .32s var(--transition-ease-out),opacity .32s var(--transition-ease-out)}.sheet-enter-from,.sheet-leave-to{transform:translateY(100%);opacity:0}.mask-enter-active,.mask-leave-active{transition:opacity .28s var(--transition-ease-out)}.mask-enter-from,.mask-leave-to{opacity:0}.pressable{transition:transform .12s var(--transition-ease-out),opacity .12s var(--transition-ease-out)}.pressable:active{transform:scale(.97);opacity:.92}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
