*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;background:var(--bg-gradient-primary)}:root{--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1280px;--breakpoint-xl: 1536px;--color-primary: #18a058;--color-primary-hover: #36ad6a;--color-primary-pressed: #0c7a43;--color-info: #2080f0;--color-success: #18a058;--color-warning: #f0a020;--color-error: #d03050;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e6;--border-radius: 6px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-elegant: 0 8px 32px rgba(0, 0, 0, .1);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .15);--bg-gradient-primary: linear-gradient(135deg, #ffffff 0%, #f8f9fa 50%, #f1f3f4 100%);--bg-gradient-card: linear-gradient(145deg, #fafbfc 0%, #f4f6f8 100%);--bg-glass: rgba(255, 255, 255, .95);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.gallery-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);padding:var(--spacing-lg)}@media (max-width: 1280px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md)}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr}}.image-container{position:relative;overflow:hidden;border-radius:var(--border-radius);background:var(--bg-secondary)}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-container:hover img{transform:scale(1.05)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.error{color:var(--color-error);text-align:center;padding:var(--spacing-lg)}.empty{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.detail-page{background:linear-gradient(135deg,#2d3748,#1a202c);min-height:100vh;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}@media print{.no-print{display:none!important}}