:root{--primary-yellow: #ffd966;--primary-yellow-light: #fff2cc;--primary-yellow-dark: #f2c94c;--primary-yellow-darker: #e8b02e;--status-success: #4caf50;--status-warning: #ff9800;--status-error: #f44336;--status-info: #2196f3;--neutral-gray-100: #f5f5f5;--neutral-gray-200: #e5e5e5;--neutral-gray-300: #c4c4c4;--neutral-gray-400: #9e9e9e;--neutral-gray-500: #6e6e6e;--neutral-gray-600: #6e6e6e;--neutral-gray-700: #333333;--neutral-gray-800: #333333;--neutral-gray-900: #333333}body{margin:0;padding:0;font-family:微軟正黑體,PingFang TC,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--neutral-gray-900);background-color:var(--neutral-gray-100)}*{box-sizing:border-box}:root{--primary-color: #FFD966;--primary-light: #FFF5D6;--primary-dark: #E6B800;--neutral-gray-50: #F9FAFB;--neutral-gray-100: #F3F4F6;--neutral-gray-200: #E5E7EB;--neutral-gray-300: #D1D5DB;--neutral-gray-400: #9CA3AF;--neutral-gray-500: #6B7280;--neutral-gray-600: #4B5563;--neutral-gray-700: #374151;--neutral-gray-800: #1F2937;--neutral-gray-900: #111827;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--info-color: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: 1rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-12: 3rem;--spacing-16: 4rem}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--neutral-gray-50);color:var(--neutral-gray-800)}.page-container{padding:var(--spacing-6)}.card{background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}@media (max-width: 640px){.sm-hidden{display:none}}@media (max-width: 768px){.md-hidden{display:none}}@media (max-width: 1024px){.lg-hidden{display:none}}