*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}[rows~="10"]{grid-template-rows:repeat(10,minmax(0,1fr))}[rows~="15"]{grid-template-rows:repeat(15,minmax(0,1fr))}[rows~="2"]{grid-template-rows:repeat(2,minmax(0,1fr))}[rows~="3"]{grid-template-rows:repeat(3,minmax(0,1fr))}.block,[block=""]{display:block}.inline-block{display:inline-block}.hidden,[hidden=""]{display:none}[size~="10"]{width:2.5rem;height:2.5rem}[size~="12"]{width:3rem;height:3rem}[size~="120"]{width:30rem;height:30rem}[size~="14"]{width:3.5rem;height:3.5rem}[size~="16"]{width:4rem;height:4rem}[size~="18"]{width:4.5rem;height:4.5rem}[size~="20"]{width:5rem;height:5rem}[size~="22"]{width:5.5rem;height:5.5rem}[size~="24"]{width:6rem;height:6rem}[size~="28"]{width:7rem;height:7rem}[size~="32"]{width:8rem;height:8rem}[size~="4"]{width:1rem;height:1rem}[size~="40"]{width:10rem;height:10rem}[size~="48"]{width:12rem;height:12rem}[size~="56"]{width:14rem;height:14rem}[size~="8"]{width:2rem;height:2rem}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.h4{height:1rem}.inline-flex{display:inline-flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize{resize:both}[justify~=end]{justify-content:flex-end}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.border,[b=""]{border-width:1px}[stroke-width~="12"]{stroke-width:12px}.px{padding-left:1rem;padding-right:1rem}[color~="#18a058"]{--un-text-opacity:1;color:rgb(24 160 88 / var(--un-text-opacity))}[color~="#ff7d00"]{--un-text-opacity:1;color:rgb(255 125 0 / var(--un-text-opacity))}[color~="#ff7d0018"]{--un-text-opacity:.09;color:rgb(255 125 0 / var(--un-text-opacity))}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)}.tab,[tab=""],.active-tab:active{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / .2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / .1));text-shadow:var(--un-text-shadow)}.outline{outline-style:solid}.blur,[blur=""]{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--primary: #2d8cf0;--primary-color: #2d8cf0;--primary-light: #4d9ef7;--primary-dark: #1a6fd4;--primary-hover: #4d9ef7;--primary-color-rgb: 45, 140, 240;--accent: #c45c48;--accent-light: #d97b6a;--accent-dark: #a34738;--success: #18a058;--warning: #f0a020;--error: #d03050;--info: #2d8cf0;--bg-primary: #0c0f14;--bg-secondary: #13171e;--bg-tertiary: #1a1f28;--bg-elevated: #1e2430;--bg-hover: #222a36;--text-primary: #e0e4ea;--text-secondary: #b8bec9;--text-tertiary: #8b949e;--border-default: #2a2f3a;--border-light: #1e222b;--border-color: #2a2f3a;--gradient-primary: linear-gradient(135deg, #2d8cf0 0%, #53a8ff 100%);--gradient-accent: linear-gradient(135deg, #c45c48 0%, #d97b6a 100%);--gradient-dark: linear-gradient(180deg, rgba(45,140,240,.08) 0%, transparent 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 100%);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .6), 0 4px 8px -2px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(45, 140, 240, .25);--shadow-accent-glow: 0 0 20px rgba(196, 92, 72, .15);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-xs: 11px;--font-sm: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 20px;--font-2xl: 28px;--font-3xl: 36px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass-effect{background:#13171ed9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.06)}.ink-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-effect{box-shadow:var(--shadow-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .3s ease both}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(26,31,40,.95) inset!important;-webkit-text-fill-color:#e0e4ea!important;transition:background-color 5000s ease-in-out 0s;caret-color:#e0e4ea!important}.n-input input:-webkit-autofill,.n-input input:-webkit-autofill:hover,.n-input input:-webkit-autofill:focus,.n-input input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px rgba(26,31,40,.95) inset!important;-webkit-text-fill-color:#e0e4ea!important}.n-input__input-el{background:transparent!important}.page-container{padding:var(--spacing-lg);min-height:calc(100vh - 56px)}.card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:#ffffff14;box-shadow:var(--shadow-md)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #2d8cf04d}.input{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:var(--font-sm);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 3px #2d8cf026}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;font-size:var(--font-xs);font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary)}.tag-primary{background:#2d8cf01f;color:#4d9ef7}.tag-accent{background:#c45c481f;color:var(--accent-light)}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.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-col{flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-sm{font-size:var(--font-sm)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.font-bold{font-weight:700}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-tertiary)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl)}@keyframes shimmer-sweep{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-text{background:linear-gradient(90deg,#2d8cf0,#4d9ef7 30%,#8ec5fc,#4d9ef7 70%,#2d8cf0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;animation:shimmer-sweep 4s ease-in-out infinite}