
:root{--primary: #0066CC;--primary-foreground: #FFFFFF;--primary-soft: #E8F1FC;--primary-dark: #004999;--primary-light: #2997FF;--secondary: #34C759;--secondary-foreground: #FFFFFF;--secondary-soft: #E8F9ED;--background: #F5F5F7;--foreground: #1D1D1F;--card: #FFFFFF;--card-foreground: #1D1D1F;--border: #E0E0E0;--input: #D2D2D7;--ring: #0071E3;--tabbar-bg: rgba(255, 255, 255, .82);--tabbar-inactive: #8E8E93;--tabbar-active: #0066CC;--status-pending: #FF9500;--status-success: #34C759;--status-danger: #FF3B30;--status-info: #0066CC;--status-muted: #8E8E93;--status-warning: #FF9500;--success-soft: #E8F9ED;--warning-soft: #FFF4E6;--danger-soft: #FFEBEA;--info-soft: #E8F1FC;--muted: #F0F0F0;--muted-foreground: #8E8E93;--accent: #E8F1FC;--accent-foreground: #0066CC;--destructive: #FF3B30;--destructive-foreground: #FFFFFF;--popover: #FFFFFF;--popover-foreground: #1D1D1F;--secondary-bg: #F0F0F0;--dark-tile: #1D1D1F;--dark-tile-2: #2A2A2C;--dark-tile-3: #252527;--radius: 8px;--radius-sm: 8px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 28px;--font-sans: "SF Pro Display", "SF Pro Text", -apple-system, system-ui, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Fira Code", "Roboto Mono", monospace}@theme inline{ --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-primary-soft: var(--primary-soft); --color-primary-dark: var(--primary-dark); --color-primary-light: var(--primary-light); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-secondary-soft: var(--secondary-soft); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-tabbar-bg: var(--tabbar-bg); --color-tabbar-inactive: var(--tabbar-inactive); --color-tabbar-active: var(--tabbar-active); --color-status-pending: var(--status-pending); --color-status-success: var(--status-success); --color-status-danger: var(--status-danger); --color-status-info: var(--status-info); --color-status-muted: var(--status-muted); --color-status-warning: var(--status-warning); --color-success-soft: var(--success-soft); --color-warning-soft: var(--warning-soft); --color-danger-soft: var(--danger-soft); --color-info-soft: var(--info-soft); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-secondary-bg: var(--secondary-bg); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --radius-sm: var(--radius-sm); --radius-md: var(--radius); --radius-lg: var(--radius-lg); --radius-xl: var(--radius-xl); --radius-2xl: var(--radius-2xl); }*{border-color:var(--border)}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:17px;letter-spacing:-.374px}#root{min-height:100vh}button,a,[role=button]{min-height:44px;min-width:44px}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:600;line-height:1.29;letter-spacing:-.224px}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-radius:var(--radius-lg);background:var(--card);min-width:72px;flex-shrink:0}.stat-card .stat-value{font-size:20px;font-weight:600;color:var(--foreground);line-height:1.1;letter-spacing:-.374px}.stat-card .stat-label{font-size:11px;color:var(--muted-foreground);margin-top:4px;font-weight:400}.menu-item{display:flex;align-items:center;gap:12px;padding:16px;transition:background-color .15s ease}.menu-item:active{background-color:var(--muted)}.menu-item-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.progress-bar{width:100%;height:6px;border-radius:9999px;background:var(--muted);overflow:hidden}.progress-bar-fill{height:100%;border-radius:9999px;background:var(--primary);transition:width .3s ease}.step-circle{width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:12px}.tabbar-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.card-shadow{border:1px solid var(--border);box-shadow:none}.card-hover{transition:box-shadow .2s ease,transform .15s ease}.card-hover:hover{box-shadow:0 3px 12px #0000000f}.card-hover:active{transform:scale(.98)}.btn-active{transition:transform .15s ease,opacity .15s ease}.btn-active:active{transform:scale(.95);opacity:.9}.page-fade-in{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.brand-gradient{background:var(--primary)}.fab{position:fixed;bottom:80px;right:20px;width:52px;height:52px;border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001f,0 2px 6px #00000014;z-index:40;transition:transform .15s ease}.fab:active{transform:scale(.92)}.reveal{opacity:0;transform:translateY(16px);animation:revealIn .5s ease-out forwards}@keyframes revealIn{to{opacity:1;transform:translateY(0)}}.frosted{background:#f5f5f7d1;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.dark-tile{background:var(--dark-tile);color:#fff}.dark-tile-2{background:var(--dark-tile-2);color:#fff}.pill-button{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:11px 22px;font-size:17px;font-weight:400;letter-spacing:-.374px;transition:transform .15s ease}.pill-button:active{transform:scale(.95)}
