:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f5;--color-bg-dark: #1a1a1a;--color-text: #333333;--color-text-secondary: #666666;--color-text-muted: #999999;--color-text-light: #ffffff;--color-border: #e0e0e0;--color-border-light: #f0f0f0;--color-primary: #333333;--color-primary-hover: #000000;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--max-width: 1200px;--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background-color:var(--color-bg);line-height:1.6}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.page-container{min-height:calc(100vh - var(--header-height));padding:var(--space-lg) 0}.tool-card{transition:all .3s ease;border:1px solid var(--color-border)}.tool-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.tool-icon{width:48px;height:48px;color:#333}.tag-icon{width:14px;height:14px;margin-right:4px;vertical-align:middle}@media (max-width: 768px){.container{padding:0 var(--space-sm)}.page-container{padding:var(--space-md) 0}}