#app{min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.layout[data-v-c1e3f46a]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-c1e3f46a]{background:linear-gradient(135deg,#fff,#fafafa);box-shadow:0 2px 20px #d32f2f1a;position:sticky;top:0;z-index:100;border-bottom:2px solid rgba(211,47,47,.1)}.nav-container[data-v-c1e3f46a]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:70px}.nav-brand[data-v-c1e3f46a]{display:flex;align-items:center}.brand-link[data-v-c1e3f46a]{display:flex;align-items:center;text-decoration:none;color:var(--primary-color);font-weight:600;font-size:1.5rem;transition:all .3s ease}.brand-link[data-v-c1e3f46a]:hover{transform:scale(1.05);filter:drop-shadow(0 4px 8px rgba(211,47,47,.3))}.brand-logo[data-v-c1e3f46a]{height:45px;width:auto;margin-right:var(--spacing-sm);border-radius:var(--border-radius);box-shadow:0 2px 8px #d32f2f33}.brand-slogan[data-v-c1e3f46a]{font-weight:600;font-size:.95em;color:var(--primary-color);letter-spacing:.5px;text-shadow:0 1px 2px rgba(211,47,47,.1)}.nav-menu[data-v-c1e3f46a]{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link[data-v-c1e3f46a]{text-decoration:none;color:var(--text-secondary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);transition:all .3s ease;position:relative}.nav-link[data-v-c1e3f46a]:hover,.nav-link.router-link-active[data-v-c1e3f46a]{color:var(--primary-color);background:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px #d32f2f33}.nav-actions[data-v-c1e3f46a]{display:flex;align-items:center;gap:var(--spacing-md)}.language-selector[data-v-c1e3f46a]{position:relative}.language-btn[data-v-c1e3f46a]{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #d32f2f4d}.language-btn[data-v-c1e3f46a]:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 16px #d32f2f66}.mobile-menu-btn[data-v-c1e3f46a]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);gap:4px}.mobile-menu-btn span[data-v-c1e3f46a]{width:25px;height:3px;background:var(--color-text);transition:all var(--transition-duration);border-radius:2px}.mobile-menu-btn--open span[data-v-c1e3f46a]:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn--open span[data-v-c1e3f46a]:nth-child(2){opacity:0}.mobile-menu-btn--open span[data-v-c1e3f46a]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.main-content[data-v-c1e3f46a]{flex:1}.footer[data-v-c1e3f46a]{background:linear-gradient(135deg,#212121,#424242);color:var(--text-white);margin-top:auto;position:relative}.footer[data-v-c1e3f46a]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color) 0%,var(--primary-hover) 100%)}.footer-container[data-v-c1e3f46a]{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.footer-content[data-v-c1e3f46a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-section[data-v-c1e3f46a]{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-title[data-v-c1e3f46a]{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0;text-shadow:0 2px 4px rgba(211,47,47,.3)}.footer-subtitle[data-v-c1e3f46a]{font-size:1.1rem;font-weight:600;margin:0}.footer-desc[data-v-c1e3f46a]{color:#e0e0e0;line-height:1.6;margin:0}.footer-links[data-v-c1e3f46a],.footer-contact[data-v-c1e3f46a]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links a[data-v-c1e3f46a]{color:#e0e0e0;text-decoration:none;transition:color .3s ease}.footer-links a[data-v-c1e3f46a]:hover{color:var(--primary-color)}.footer-contact li[data-v-c1e3f46a]{color:#e0e0e0}.footer-bottom[data-v-c1e3f46a]{border-top:1px solid #424242;padding-top:var(--spacing-md);text-align:center;color:#e0e0e0}@media (max-width: 768px){.nav-container[data-v-c1e3f46a]{padding:0 var(--spacing-sm)}.mobile-menu-btn[data-v-c1e3f46a]{display:flex}.nav-menu[data-v-c1e3f46a]{position:fixed;top:70px;left:0;right:0;background:linear-gradient(135deg,#fff,#fafafa);flex-direction:column;padding:var(--spacing-md);box-shadow:0 4px 20px #d32f2f26;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-menu--open[data-v-c1e3f46a]{transform:translateY(0);opacity:1;visibility:visible}.nav-link[data-v-c1e3f46a]{width:100%;text-align:center;padding:var(--spacing-md);border-bottom:1px solid #e0e0e0}.nav-actions[data-v-c1e3f46a]{width:100%;justify-content:center;padding-top:var(--spacing-md);border-top:1px solid #e0e0e0}.footer-content[data-v-c1e3f46a]{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media (max-width: 480px){.brand-slogan[data-v-c1e3f46a]{display:none}.nav-container[data-v-c1e3f46a]{height:60px}.nav-menu[data-v-c1e3f46a]{top:60px}}:root{--primary-color: #d32f2f;--primary-hover: #f44336;--primary-active: #b71c1c;--primary-light: #ffebee;--secondary-color: #f5f5f5;--accent-color: #ff9800;--warning-color: #ff6f00;--error-color: #d32f2f;--success-color: #388e3c;--text-primary: #212121;--text-secondary: #757575;--text-disabled: #bdbdbd;--text-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-gray: #f5f5f5;--bg-red-light: #ffebee;--bg-gradient: linear-gradient(135deg, #d32f2f 0%, #f44336 100%);--border-color: #e0e0e0;--border-radius: 8px;--border-radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(211, 47, 47, .08);--shadow-md: 0 4px 16px rgba(211, 47, 47, .12);--shadow-lg: 0 8px 32px rgba(211, 47, 47, .16);--shadow-red: 0 4px 20px rgba(211, 47, 47, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-title: 32px;--container-width: 1200px;--container-padding: 20px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:1.6}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background:linear-gradient(to bottom,#fff,#fafafa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:var(--bg-gradient);color:var(--text-white);box-shadow:var(--shadow-red)}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #d32f2f66}.btn.btn-primary:active{transform:translateY(0);background:var(--primary-active)}.btn.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.btn.btn-secondary:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm)}.btn.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.card{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease;border:1px solid rgba(211,47,47,.1)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:#d32f2f33}@media (max-width: 768px){:root{--container-padding: 16px;--font-size-title: 24px}.container{padding:0 var(--container-padding)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}