:root{--app-background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-color: #333;--text-secondary: #666;--text-tertiary: #999;--bg-color: #ffffff;--border-color: #e0e0e0}.dark{--app-background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);--text-color: #ffffff !important;--text-secondary: #cbd5e0 !important;--text-tertiary: #a0aec0 !important;--bg-color: #1a202c !important;--border-color: #4a5568 !important}html.dark,html[data-theme=dark]{color-scheme:dark}html.dark *,html[data-theme=dark] *{color:#fff}html.dark .n-form-item-label,html.dark .n-form-item-label__text,html[data-theme=dark] .n-form-item-label,html[data-theme=dark] .n-form-item-label__text{color:#fff!important}html.dark .n-input,html.dark .n-input__input,html.dark .n-input__textarea,html[data-theme=dark] .n-input,html[data-theme=dark] .n-input__input,html[data-theme=dark] .n-input__textarea{color:#fff!important;background-color:#ffffff1a!important}html.dark .n-modal,html.dark .n-drawer,html.dark .n-popover,html.dark .n-dropdown,html.dark .n-tooltip,html.dark .n-dialog,html[data-theme=dark] .n-modal,html[data-theme=dark] .n-drawer,html[data-theme=dark] .n-popover,html[data-theme=dark] .n-dropdown,html[data-theme=dark] .n-tooltip,html[data-theme=dark] .n-dialog,html.dark .n-modal .n-card,html.dark .n-drawer-content,html.dark .n-popover-content,html.dark .n-dropdown-option,html.dark .n-dialog__content,html[data-theme=dark] .n-modal .n-card,html[data-theme=dark] .n-drawer-content,html[data-theme=dark] .n-popover-content,html[data-theme=dark] .n-dropdown-option,html[data-theme=dark] .n-dialog__content,html.dark .n-dropdown-option__label,html.dark .n-select-option,html.dark .n-menu-item-content,html[data-theme=dark] .n-dropdown-option__label,html[data-theme=dark] .n-select-option,html[data-theme=dark] .n-menu-item-content,html.dark .n-collapse-item__header,html.dark .n-radio-button,html.dark .n-card,html.dark .n-card__content,html.dark .n-button,html.dark .n-tag,html[data-theme=dark] .n-collapse-item__header,html[data-theme=dark] .n-radio-button,html[data-theme=dark] .n-card,html[data-theme=dark] .n-card__content,html[data-theme=dark] .n-button,html[data-theme=dark] .n-tag,html.dark h1,html.dark h2,html.dark h3,html.dark h4,html.dark h5,html.dark h6,html.dark p,html.dark span,html.dark div,html.dark label,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6,html[data-theme=dark] p,html[data-theme=dark] span,html[data-theme=dark] div,html[data-theme=dark] label{color:#fff!important}html.dark .n-input__placeholder,html.dark ::placeholder,html[data-theme=dark] .n-input__placeholder,html[data-theme=dark] ::placeholder{color:#fff9!important}body.dark .n-modal-container,body.dark .n-drawer-container,body.dark .n-popover-container,body[data-theme=dark] .n-modal-container,body[data-theme=dark] .n-drawer-container,body[data-theme=dark] .n-popover-container{color:#fff!important}#app{min-height:100vh;background:var(--app-background);color:var(--text-color);transition:background .3s ease,color .3s ease}html,body{height:100%;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-color);transition:color .3s ease}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}:root{--primary-color: #667eea;--primary-color-hover: #5a67d8;--primary-color-light: #e6f7ff;--secondary-color: #764ba2;--success-color: #18a058;--warning-color: #f5a623;--error-color: #d03050;--info-color: #2080f0;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--text-disabled: #cccccc;--bg-primary: #ffffff;--bg-secondary: #f5f7fa;--bg-tertiary: #f0f2f5;--bg-overlay: rgba(0, 0, 0, .5);--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--shadow-light: 0 1px 3px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .1);--shadow-heavy: 0 10px 15px rgba(0, 0, 0, .1);--border-radius-small: 4px;--border-radius-medium: 8px;--border-radius-large: 12px;--border-radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}[data-theme=dark]{--text-primary: #ffffff;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-disabled: #6b7280;--bg-primary: #1f2937;--bg-secondary: #374151;--bg-tertiary: #4b5563;--bg-overlay: rgba(0, 0, 0, .7);--border-light: #4b5563;--border-medium: #6b7280;--border-dark: #9ca3af}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{height:100%;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-color-hover)}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;height:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000080}.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}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-xs)}.ml-2{margin-left:var(--spacing-sm)}.ml-3{margin-left:var(--spacing-md)}.ml-4{margin-left:var(--spacing-lg)}.ml-5{margin-left:var(--spacing-xl)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-xs)}.mr-2{margin-right:var(--spacing-sm)}.mr-3{margin-right:var(--spacing-md)}.mr-4{margin-right:var(--spacing-lg)}.mr-5{margin-right:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-xs)}.pt-2{padding-top:var(--spacing-sm)}.pt-3{padding-top:var(--spacing-md)}.pt-4{padding-top:var(--spacing-lg)}.pt-5{padding-top:var(--spacing-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-xs)}.pb-2{padding-bottom:var(--spacing-sm)}.pb-3{padding-bottom:var(--spacing-md)}.pb-4{padding-bottom:var(--spacing-lg)}.pb-5{padding-bottom:var(--spacing-xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-xs)}.pl-2{padding-left:var(--spacing-sm)}.pl-3{padding-left:var(--spacing-md)}.pl-4{padding-left:var(--spacing-lg)}.pl-5{padding-left:var(--spacing-xl)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-xs)}.pr-2{padding-right:var(--spacing-sm)}.pr-3{padding-right:var(--spacing-md)}.pr-4{padding-right:var(--spacing-lg)}.pr-5{padding-right:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.rounded-sm{border-radius:var(--border-radius-small)}.rounded{border-radius:var(--border-radius-medium)}.rounded-lg{border-radius:var(--border-radius-large)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:var(--shadow-light)}.shadow{box-shadow:var(--shadow-medium)}.shadow-lg{box-shadow:var(--shadow-heavy)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:768px;margin:0 auto;padding:0 var(--spacing-md)}.container-lg{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}@media (max-width: 768px){.container,.container-sm,.container-lg{padding:0 var(--spacing-sm)}.text-3xl{font-size:var(--font-size-2xl)}.text-2xl{font-size:var(--font-size-xl)}}