@charset "UTF-8";:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--success-50: #f0fdf4;--success-500: #22c55e;--success-700: #15803d;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-700: #b45309;--danger-50: #fef2f2;--danger-500: #ef4444;--danger-700: #b91c1c;--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--data-1: #3b82f6;--data-2: #22c55e;--data-3: #f59e0b;--data-4: #ef4444;--data-5: #8b5cf6;--data-6: #06b6d4;--data-7: #f97316;--data-8: #ec4899;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #15803d 100%);--gradient-warm: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-cool: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "SF Mono", "Monaco", "Consolas", "Courier New", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 32px;--font-light: 400;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--radius-small: 6px;--radius-input: 8px;--radius-button: 12px;--radius-card: 16px;--radius-dialog: 24px;--radius-sheet: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 .5px 2px rgba(0, 0, 0, .02), 0 2px 8px rgba(0, 0, 0, .03);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-button: 0 1px 2px rgba(0, 0, 0, .05);--shadow-button-hover: 0 4px 8px rgba(0, 0, 0, .1);--shadow-modal: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--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);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-base: 0;--z-card: 1;--z-dropdown: 10;--z-sticky: 100;--z-modal: 1000;--z-toast: 2000;--bg-page: #f0f4f8;--bg-card: #ffffff;--bg-hover: var(--neutral-50);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-disabled: var(--neutral-400);--border-default: var(--neutral-200);--border-light: var(--neutral-100);--color-primary: var(--primary-500);--color-success: var(--success-500);--color-warning: var(--warning-500);--color-danger: var(--danger-500);--max-width: var(--layout-content-max, 1600px);--content-spacing: 16px;--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 1024px;--breakpoint-lg: 1280px;--breakpoint-xl: 1600px;--breakpoint-2xl: 1920px;--breakpoint-3xl: 2560px;--breakpoint-4xl: 3072px;--breakpoint-5xl: 3840px;--container-xs: 100%;--container-sm: 720px;--container-md: 960px;--container-lg: 1200px;--container-xl: 1400px;--container-2xl: 1600px;--container-3xl: 2200px;--container-4xl: 2800px;--container-5xl: 3400px}:root{--layout-content-max: 100%;--layout-shell-padding-x: var(--space-6)}@media (min-width: 1400px){:root{--layout-content-max: 1400px}}@media (min-width: 1600px){:root{--layout-content-max: 1600px}}@media (min-width: 1920px){:root{--layout-content-max: 1920px}}.layout-shell{width:100%;max-width:var(--layout-content-max);margin-left:auto;margin-right:auto;padding-left:var(--layout-shell-padding-x);padding-right:var(--layout-shell-padding-x);box-sizing:border-box}@media (max-width: 1399px){.layout-shell{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6;color:var(--text-primary);background:var(--bg-page)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--primary-600)}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}.main-content{min-height:calc(100vh - 370px)}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-bottom:0}[disabled]{cursor:not-allowed;opacity:.6}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--primary-100);color:var(--primary-800)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}@media (max-width: 1279px){.container{padding:0 var(--space-6)}}@media (max-width: 1023px){.container{padding:0 var(--space-4)}}@media (max-width: 767px){.container{padding:0 var(--space-4)}}.flex{display:flex}.flex1{flex:1}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.grid{display:grid}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.card{background:var(--bg-card);border-radius:var(--radius-card);padding:var(--space-6);box-shadow:var(--shadow-card);border:none;transition:all var(--duration-base) var(--ease-out)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-compact{padding:var(--space-4)}.card-spacious{padding:var(--space-8)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--radius-button);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:none;outline:none;line-height:1.5}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-button)}.btn-primary:hover:not(:disabled){background:var(--primary-600);box-shadow:var(--shadow-button-hover)}.btn-secondary{background:#fff;color:var(--text-primary);box-shadow:var(--shadow-button)}.btn-secondary:hover:not(:disabled){background:var(--neutral-50);box-shadow:var(--shadow-button-hover)}.btn-danger{background:var(--danger-500);color:#fff;box-shadow:var(--shadow-button)}.btn-danger:hover:not(:disabled){background:var(--danger-600);box-shadow:var(--shadow-button-hover)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled){background:var(--primary-50)}.btn-outline-primary{background:#fff;color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:var(--shadow-button)}.btn-outline-primary:hover:not(:disabled){background:var(--primary-50);box-shadow:var(--shadow-button-hover)}.btn-sm{padding:6px 12px;font-size:var(--text-sm)}.btn-lg{padding:12px 24px;font-size:var(--text-base)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;border-radius:var(--radius-small);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1.5}.badge.badge-success{background:var(--success-50);color:var(--success-700)}.badge.badge-warning{background:var(--warning-50);color:var(--warning-700)}.badge.badge-danger{background:var(--danger-50);color:var(--danger-700)}.badge.badge-primary{background:var(--primary-50);color:var(--primary-700)}.badge.badge-neutral{background:var(--neutral-100);color:var(--neutral-700)}.input{width:100%;padding:10px 16px;border:1px solid var(--border-default);border-radius:var(--radius-input);font-size:var(--text-sm);font-weight:var(--font-normal);background:#fff;color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out)}.input:hover:not(:disabled){border-color:var(--neutral-400)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input.error{border-color:var(--danger-500)}.input.error:focus{box-shadow:0 0 0 3px #ef44441a}.input::placeholder{color:var(--text-tertiary);font-weight:var(--font-normal)}.input:disabled{background:var(--neutral-50);cursor:not-allowed;opacity:.6}.textarea{width:100%;padding:10px 16px;border:1px solid var(--border-default);border-radius:var(--radius-input);font-size:var(--text-sm);font-weight:var(--font-normal);background:#fff;color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out);resize:vertical;min-height:100px;font-family:inherit}.textarea:hover:not(:disabled){border-color:var(--neutral-400)}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.textarea::placeholder{color:var(--text-tertiary);font-weight:var(--font-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (max-width: 767px){.container{max-width:100%;padding-left:var(--space-4);padding-right:var(--space-4)}}@media (min-width: 768px) and (max-width: 1023px){.container{max-width:var(--container-sm);padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px) and (max-width: 1279px){.container{max-width:var(--container-md);padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width: 1280px) and (max-width: 1599px){.container{max-width:var(--container-lg);padding-left:var(--space-10);padding-right:var(--space-10)}}@media (min-width: 1600px) and (max-width: 1919px){.container{max-width:var(--container-xl);padding-left:var(--space-10);padding-right:var(--space-10)}}@media (min-width: 1920px){.container{max-width:var(--layout-content-max, 1920px);padding-left:var(--space-12);padding-right:var(--space-12)}}.container-fluid{width:100%;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 768px){.container-fluid{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.container-fluid{padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width: 1280px){.container-fluid{padding-left:var(--space-10);padding-right:var(--space-10)}}@media (min-width: 1920px){.container-fluid{padding-left:var(--space-12);padding-right:var(--space-12)}}.grid{display:grid;gap:var(--space-4)}.grid.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media (max-width: 767px){.grid.grid-auto{grid-template-columns:repeat(1,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.grid.grid-auto{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px) and (max-width: 1279px){.grid.grid-auto{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px) and (max-width: 1599px){.grid.grid-auto{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1600px){.grid.grid-auto{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1920px){.grid.grid-auto{grid-template-columns:repeat(6,1fr)}}html{font-size:14px}@media (max-width: 767px){html{font-size:14px}}@media (min-width: 1280px) and (max-width: 1599px){html{font-size:14px}}@media (min-width: 1600px) and (max-width: 1919px){html{font-size:15px}}@media (min-width: 1920px){html{font-size:16px}}@media (max-width: 767px){.hidden-xs{display:none!important}}@media (min-width: 768px) and (max-width: 1023px){.hidden-sm{display:none!important}}@media (min-width: 1024px) and (max-width: 1279px){.hidden-md{display:none!important}}@media (min-width: 1280px) and (max-width: 1599px){.hidden-lg{display:none!important}}@media (min-width: 1600px) and (max-width: 1919px){.hidden-xl{display:none!important}}@media (min-width: 1920px) and (max-width: 2559px){.hidden-2xl{display:none!important}}@media (min-width: 2560px) and (max-width: 3071px){.hidden-3xl{display:none!important}}@media (min-width: 3072px) and (max-width: 3839px){.hidden-4xl{display:none!important}}@media (min-width: 3840px){.hidden-5xl{display:none!important}}.visible-xs{display:none!important}@media (max-width: 767px){.visible-xs{display:block!important}}.visible-sm{display:none!important}@media (min-width: 768px) and (max-width: 1023px){.visible-sm{display:block!important}}.visible-md{display:none!important}@media (min-width: 1024px) and (max-width: 1279px){.visible-md{display:block!important}}.visible-lg{display:none!important}@media (min-width: 1280px) and (max-width: 1599px){.visible-lg{display:block!important}}.visible-xl{display:none!important}@media (min-width: 1600px) and (max-width: 1919px){.visible-xl{display:block!important}}.visible-2xl{display:none!important}@media (min-width: 1920px) and (max-width: 2559px){.visible-2xl{display:block!important}}.visible-3xl{display:none!important}@media (min-width: 2560px) and (max-width: 3071px){.visible-3xl{display:block!important}}.visible-4xl{display:none!important}@media (min-width: 3072px) and (max-width: 3839px){.visible-4xl{display:block!important}}.visible-5xl{display:none!important}@media (min-width: 3840px){.visible-5xl{display:block!important}}