:root{--ma-primary: #007bff;--ma-primary-light: #66b3ff;--ma-primary-dark: #0056b3;--ma-secondary: #6c757d;--ma-secondary-light: #9fa6ad;--ma-secondary-dark: #545b62;--ma-success: #28a745;--ma-success-light: #71dd8a;--ma-success-dark: #1e7e34;--ma-danger: #dc3545;--ma-danger-light: #f1919a;--ma-danger-dark: #c82333;--ma-warning: #ffc107;--ma-warning-light: #ffeb3b;--ma-warning-dark: #ff8f00;--ma-info: #17a2b8;--ma-info-light: #6cbdcf;--ma-info-dark: #138496;--ma-white: #ffffff;--ma-gray-50: #fafafa;--ma-gray-100: #f5f5f5;--ma-gray-200: #eeeeee;--ma-gray-300: #e0e0e0;--ma-gray-400: #bdbdbd;--ma-gray-500: #9e9e9e;--ma-gray-600: #757575;--ma-gray-700: #616161;--ma-gray-800: #424242;--ma-gray-900: #212121;--ma-black: #000000;--ma-spacing-xs: 4px;--ma-spacing-sm: 8px;--ma-spacing-md: 16px;--ma-spacing-lg: 24px;--ma-spacing-xl: 32px;--ma-spacing-2xl: 48px;--ma-spacing-3xl: 64px;--ma-border-radius-xs: 2px;--ma-border-radius-sm: 4px;--ma-border-radius-md: 6px;--ma-border-radius-lg: 8px;--ma-border-radius-xl: 12px;--ma-border-radius-2xl: 16px;--ma-border-radius-full: 50%;--ma-shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--ma-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--ma-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--ma-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--ma-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--ma-font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ma-font-family-mono: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ma-font-size-xs: 0.75rem;--ma-font-size-sm: 0.875rem;--ma-font-size-base: 1rem;--ma-font-size-lg: 1.125rem;--ma-font-size-xl: 1.25rem;--ma-font-size-2xl: 1.5rem;--ma-font-size-3xl: 1.875rem;--ma-font-size-4xl: 2.25rem;--ma-font-weight-light: 300;--ma-font-weight-normal: 400;--ma-font-weight-medium: 500;--ma-font-weight-semibold: 600;--ma-font-weight-bold: 700;--ma-line-height-tight: 1.25;--ma-line-height-snug: 1.375;--ma-line-height-normal: 1.5;--ma-line-height-relaxed: 1.625;--ma-line-height-loose: 2;--ma-transition-fast: 150ms ease-in-out;--ma-transition-base: 200ms ease-in-out;--ma-transition-slow: 300ms ease-in-out;--ma-z-dropdown: 1000;--ma-z-sticky: 1010;--ma-z-fixed: 1020;--ma-z-modal-backdrop: 1030;--ma-z-modal: 1040;--ma-z-popover: 1050;--ma-z-tooltip: 1060}*{box-sizing:border-box}.ma-sr-only,.ma-visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}body{margin:0;padding:0;font-family:var(--ma-font-family-sans);background:linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);color:var(--ma-gray-900);line-height:var(--ma-line-height-normal);height:100vh;overflow:hidden}ma-layout{--ma-layout-height: 100vh;--ma-layout-gap: 0;--ma-layout-gap-md: 0}.demo-header{background:linear-gradient(135deg, var(--ma-primary) 0%, var(--ma-primary-dark) 100%);color:var(--ma-white);padding:var(--ma-spacing-lg) var(--ma-spacing-xl);height:100%;display:flex;align-items:center;width:100%}.demo-header .header-content{width:100%;display:flex;flex-direction:column;justify-content:center;min-height:100%}.demo-header .header-content h1{margin:0 0 var(--ma-spacing-xs) 0;font-size:var(--ma-font-size-2xl);font-weight:var(--ma-font-weight-bold)}.demo-header .header-content p{margin:0;font-size:var(--ma-font-size-sm);opacity:.9}.demo-nav{padding:var(--ma-spacing-lg);background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-right:1px solid hsla(0,0%,100%,.2);height:100%;overflow-y:auto}.demo-nav h3{font-size:var(--ma-font-size-sm);font-weight:var(--ma-font-weight-semibold);color:var(--ma-gray-600);margin:var(--ma-spacing-lg) 0 var(--ma-spacing-sm) 0;text-transform:uppercase;letter-spacing:.5px}.demo-nav h3:first-child{margin-top:0}.demo-nav .nav-menu{list-style:none;padding:0;margin:0 0 var(--ma-spacing-lg) 0}.demo-nav .nav-menu li{margin:0}.demo-nav .nav-menu .nav-link{display:block;padding:var(--ma-spacing-sm) var(--ma-spacing-md);text-decoration:none;color:var(--ma-gray-700);border-radius:var(--ma-border-radius-md);transition:all var(--ma-transition-fast);font-size:var(--ma-font-size-sm);font-weight:var(--ma-font-weight-medium)}.demo-nav .nav-menu .nav-link:hover{background-color:var(--ma-gray-100);color:var(--ma-primary)}.demo-nav .nav-menu .nav-link.active{background-color:var(--ma-primary);color:var(--ma-white)}.demo-content{background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);height:100%;overflow-y:auto}.demo-content .content-wrapper{padding:var(--ma-spacing-xl);max-width:1200px;margin:0 auto}.demo-footer{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-top:1px solid hsla(0,0%,100%,.2);padding:var(--ma-spacing-md) var(--ma-spacing-xl);text-align:center;color:var(--ma-gray-600);font-size:var(--ma-font-size-sm)}.demo-footer p{margin:0}.demo-section{margin-bottom:var(--ma-spacing-3xl)}.demo-section h2{font-size:var(--ma-font-size-2xl);font-weight:var(--ma-font-weight-semibold);margin:0 0 var(--ma-spacing-xl) 0;color:var(--ma-gray-800);border-bottom:2px solid var(--ma-gray-200);padding-bottom:var(--ma-spacing-sm)}.demo-group{background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-radius:var(--ma-border-radius-lg);padding:var(--ma-spacing-xl);margin-bottom:var(--ma-spacing-lg);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.demo-group h3{font-size:var(--ma-font-size-lg);font-weight:var(--ma-font-weight-medium);margin:0 0 var(--ma-spacing-lg) 0;color:var(--ma-gray-700)}.demo-row{display:flex;flex-wrap:wrap;gap:var(--ma-spacing-md);align-items:center}.demo-form{display:flex;flex-wrap:wrap;gap:var(--ma-spacing-md);align-items:center;padding:var(--ma-spacing-lg);background:var(--ma-gray-50);border-radius:var(--ma-border-radius-md);border:1px dashed var(--ma-gray-300)}ma-button.with-icon .icon{width:16px;height:16px;margin-right:4px;flex-shrink:0}.event-log{margin-top:var(--ma-spacing-lg);background:var(--ma-gray-900);color:var(--ma-gray-100);border-radius:var(--ma-border-radius-md);padding:var(--ma-spacing-md);min-height:120px;max-height:200px;overflow-y:auto;font-family:var(--ma-font-family-mono);font-size:var(--ma-font-size-sm)}.event-log .log-entry{padding:var(--ma-spacing-xs) 0;border-bottom:1px solid var(--ma-gray-700)}.event-log .log-entry:last-child{border-bottom:none}.event-log:empty::before{content:"事件日志将显示在这里...";color:var(--ma-gray-500);font-style:italic}.layout-demo-container{margin-bottom:var(--ma-spacing-lg);border:1px solid var(--ma-gray-300);border-radius:var(--ma-border-radius-lg);overflow:hidden}.layout-demo-container .demo-layout{border:none;box-shadow:none}.layout-demo-container h4{font-size:var(--ma-font-size-sm);font-weight:var(--ma-font-weight-medium);margin:0 0 var(--ma-spacing-sm) 0;color:var(--ma-gray-600)}.layout-demo-header{background:var(--ma-primary);color:var(--ma-white);padding:var(--ma-spacing-md) var(--ma-spacing-lg);display:flex;justify-content:space-between;align-items:center;font-weight:var(--ma-font-weight-medium)}.layout-demo-sider{background:var(--ma-gray-100);padding:var(--ma-spacing-md) var(--ma-spacing-lg);color:var(--ma-gray-700);border-right:1px solid var(--ma-gray-300)}.layout-demo-sider ul{list-style:none;padding:0;margin:var(--ma-spacing-sm) 0 0 0}.layout-demo-sider ul li{padding:var(--ma-spacing-xs) 0;font-size:var(--ma-font-size-sm)}.layout-demo-content{background:var(--ma-white);padding:var(--ma-spacing-lg);color:var(--ma-gray-700);min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.layout-demo-footer{background:var(--ma-gray-200);padding:var(--ma-spacing-sm) var(--ma-spacing-lg);color:var(--ma-gray-600);text-align:center;border-top:1px solid var(--ma-gray-300);font-size:var(--ma-font-size-sm)}.theme-switcher{display:flex;gap:var(--ma-spacing-sm);margin-bottom:var(--ma-spacing-xl);flex-wrap:wrap}.theme-preview{border:1px solid var(--ma-gray-300);border-radius:var(--ma-border-radius-lg);overflow:hidden;margin-top:var(--ma-spacing-lg)}.theme-preview .preview-section{padding:var(--ma-spacing-lg);border-bottom:1px solid var(--ma-gray-200)}.theme-preview .preview-section:last-child{border-bottom:none}.theme-preview .preview-section h4{margin:0 0 var(--ma-spacing-md) 0;font-size:var(--ma-font-size-base);font-weight:var(--ma-font-weight-medium);color:var(--ma-gray-700)}.theme-preview .preview-layout{border:1px solid var(--ma-gray-300);border-radius:var(--ma-border-radius-md);overflow:hidden}.theme-preview .preview-header{background:var(--ma-primary);color:var(--ma-white);padding:var(--ma-spacing-sm) var(--ma-spacing-md);font-size:var(--ma-font-size-sm)}.theme-preview .preview-sider{background:var(--ma-gray-100);padding:var(--ma-spacing-sm) var(--ma-spacing-md);font-size:var(--ma-font-size-sm);color:var(--ma-gray-700)}.theme-preview .preview-content{background:var(--ma-white);padding:var(--ma-spacing-md);font-size:var(--ma-font-size-sm);color:var(--ma-gray-700);text-align:center}.theme-preview .preview-footer{background:var(--ma-gray-200);padding:var(--ma-spacing-sm) var(--ma-spacing-md);font-size:var(--ma-font-size-xs);color:var(--ma-gray-600);text-align:center}.dark-theme-preview{background:var(--ma-gray-800);color:var(--ma-white);padding:var(--ma-spacing-lg);border-radius:var(--ma-border-radius-lg);margin-top:var(--ma-spacing-lg)}.dark-theme-preview h4{margin:0 0 var(--ma-spacing-md) 0;color:var(--ma-white)}.custom-styled-components{display:flex;gap:var(--ma-spacing-md);flex-wrap:wrap;margin-top:var(--ma-spacing-lg)}.code-block{background:var(--ma-gray-900);color:var(--ma-gray-100);padding:var(--ma-spacing-lg);border-radius:var(--ma-border-radius-lg);margin:var(--ma-spacing-md) 0;overflow-x:auto}.code-block pre{margin:0;font-family:var(--ma-font-family-mono);font-size:var(--ma-font-size-sm);line-height:var(--ma-line-height-relaxed)}.code-block pre code{color:inherit;background:none;padding:0}.feature-list{list-style:none;padding:0;margin:var(--ma-spacing-lg) 0}.feature-list li{padding:var(--ma-spacing-sm) 0;font-size:var(--ma-font-size-base);border-bottom:1px solid var(--ma-gray-200)}.feature-list li:last-child{border-bottom:none}.feature-list li strong{color:var(--ma-primary)}.browser-support{list-style:none;padding:0;margin:var(--ma-spacing-lg) 0;display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:var(--ma-spacing-sm)}.browser-support li{background:var(--ma-gray-100);padding:var(--ma-spacing-sm) var(--ma-spacing-md);border-radius:var(--ma-border-radius-md);text-align:center;font-size:var(--ma-font-size-sm);font-weight:var(--ma-font-weight-medium)}.demo-button{margin-right:var(--ma-spacing-sm);margin-bottom:var(--ma-spacing-sm)}.theme-colorful{--ma-primary: #e91e63;--ma-primary-light: #f48fb1;--ma-primary-dark: #c2185b;--ma-secondary: #9c27b0;--ma-secondary-light: #ce93d8;--ma-secondary-dark: #7b1fa2}.theme-minimal{--ma-primary: #333333;--ma-primary-light: #666666;--ma-primary-dark: #000000;--ma-secondary: #999999;--ma-secondary-light: #cccccc;--ma-secondary-dark: #666666;--ma-border-radius-xs: 0px;--ma-border-radius-sm: 0px;--ma-border-radius-md: 0px;--ma-border-radius-lg: 0px;--ma-border-radius-xl: 0px;--ma-shadow-sm: none;--ma-shadow-md: none;--ma-shadow-lg: none}@media(min-width: 768px){.demo-row{flex-wrap:nowrap}.demo-form{flex-wrap:nowrap}.theme-switcher{flex-wrap:nowrap}.custom-styled-components{flex-wrap:nowrap}}

/*# sourceMappingURL=index.39c07bcb63ce67af36c3.css.map*/