*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-top-1{top:-.25rem}.-top-2{top:-.5rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-4{right:1rem}.right-8{right:2rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.m-0\.5{margin:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.-mt-5{margin-top:-1.25rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-0\.5{margin-right:.125rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-row{display:table-row}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-px{width:1px;height:1px}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.h-px{height:1px}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-\[140px\]{max-height:140px}.max-h-\[200px\]{max-height:200px}.max-h-\[420px\]{max-height:420px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\[200px\]{min-height:200px}.min-h-\[500px\]{min-height:500px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-\[260px\]{width:260px}.w-\[400px\]{width:400px}.w-\[480px\]{width:480px}.w-\[640px\]{width:640px}.w-\[780px\]{width:780px}.w-\[800px\]{width:800px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[40px\]{min-width:40px}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-\[90vw\]{max-width:90vw}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-\[1\.2\]{flex:1.2}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-0\.5{--tw-translate-x:.125rem}.translate-x-0\.5,.translate-x-5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x:1.25rem}.rotate-90{--tw-rotate:90deg}.rotate-90,.scale-105{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-border-subtle>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:hsl(var(--color-border-subtle)/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:4px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:8px}.rounded-md{border-radius:6px}.rounded-sm{border-radius:2px}.rounded-xl{border-radius:12px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-black\/10{border-color:#0000001a}.border-border-strong{--tw-border-opacity:1;border-color:hsl(var(--color-border-strong)/var(--tw-border-opacity,1))}.border-border-subtle{--tw-border-opacity:1;border-color:hsl(var(--color-border-subtle)/var(--tw-border-opacity,1))}.border-brand-magic{--tw-border-opacity:1;border-color:hsl(var(--color-brand-magic)/var(--tw-border-opacity,1))}.border-brand-magic\/30{border-color:hsl(var(--color-brand-magic)/.3)}.border-brand-primary{--tw-border-opacity:1;border-color:hsl(var(--color-brand-primary)/var(--tw-border-opacity,1))}.border-brand-primary\/30{border-color:hsl(var(--color-brand-primary)/.3)}.border-status-error\/30{border-color:hsl(var(--color-status-error)/.3)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:#ffffff4d}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-border-strong{--tw-bg-opacity:1;background-color:hsl(var(--color-border-strong)/var(--tw-bg-opacity,1))}.bg-brand-magic\/10{background-color:hsl(var(--color-brand-magic)/.1)}.bg-brand-primary{--tw-bg-opacity:1;background-color:hsl(var(--color-brand-primary)/var(--tw-bg-opacity,1))}.bg-brand-primary\/10{background-color:hsl(var(--color-brand-primary)/.1)}.bg-brand-primary\/20{background-color:hsl(var(--color-brand-primary)/.2)}.bg-brand-primary\/5{background-color:hsl(var(--color-brand-primary)/.05)}.bg-surface-base{--tw-bg-opacity:1;background-color:hsl(var(--color-surface-base)/var(--tw-bg-opacity,1))}.bg-surface-base\/50{background-color:hsl(var(--color-surface-base)/.5)}.bg-surface-overlay{--tw-bg-opacity:1;background-color:hsl(var(--color-surface-overlay)/var(--tw-bg-opacity,1))}.bg-surface-overlay\/80{background-color:hsl(var(--color-surface-overlay)/.8)}.bg-surface-raised{--tw-bg-opacity:1;background-color:hsl(var(--color-surface-raised)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-contain{object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pt-12{padding-top:3rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-widest{letter-spacing:.1em}.text-brand-magic{--tw-text-opacity:1;color:hsl(var(--color-brand-magic)/var(--tw-text-opacity,1))}.text-brand-primary{--tw-text-opacity:1;color:hsl(var(--color-brand-primary)/var(--tw-text-opacity,1))}.text-status-error{--tw-text-opacity:1;color:hsl(var(--color-status-error)/var(--tw-text-opacity,1))}.text-surface-base{--tw-text-opacity:1;color:hsl(var(--color-surface-base)/var(--tw-text-opacity,1))}.text-text-muted{--tw-text-opacity:1;color:hsl(var(--color-text-muted)/var(--tw-text-opacity,1))}.text-text-muted\/40{color:hsl(var(--color-text-muted)/.4)}.text-text-primary{--tw-text-opacity:1;color:hsl(var(--color-text-primary)/var(--tw-text-opacity,1))}.text-text-secondary{--tw-text-opacity:1;color:hsl(var(--color-text-secondary)/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-brand-primary{accent-color:hsl(var(--color-brand-primary)/1)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 #0006,0 1px 2px -1px #0006;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-\[0_0_15px_rgba\(245\,166\,35\,0\.2\)\]{--tw-shadow:0 0 15px #f5a62333;--tw-shadow-colored:0 0 15px var(--tw-shadow-color)}.shadow-\[0_0_15px_rgba\(245\,166\,35\,0\.2\)\],.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #00000080,0 4px 6px -4px #00000080;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--shadow-xl\)\]{--tw-shadow-color:var(--shadow-xl);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.grayscale{--tw-grayscale:grayscale(100%)}.grayscale,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.sepia{--tw-sepia:sepia(100%)}.filter,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-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}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:border-border-strong:hover{--tw-border-opacity:1;border-color:hsl(var(--color-border-strong)/var(--tw-border-opacity,1))}.hover\:border-brand-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--color-brand-primary)/var(--tw-border-opacity,1))}.hover\:border-brand-primary\/50:hover{border-color:hsl(var(--color-brand-primary)/.5)}.hover\:bg-brand-magic\/10:hover{background-color:hsl(var(--color-brand-magic)/.1)}.hover\:bg-brand-magic\/20:hover{background-color:hsl(var(--color-brand-magic)/.2)}.hover\:bg-brand-primary\/10:hover{background-color:hsl(var(--color-brand-primary)/.1)}.hover\:bg-status-error\/10:hover{background-color:hsl(var(--color-status-error)/.1)}.hover\:bg-surface-base:hover{--tw-bg-opacity:1;background-color:hsl(var(--color-surface-base)/var(--tw-bg-opacity,1))}.hover\:bg-surface-raised:hover{--tw-bg-opacity:1;background-color:hsl(var(--color-surface-raised)/var(--tw-bg-opacity,1))}.hover\:text-status-error:hover{--tw-text-opacity:1;color:hsl(var(--color-status-error)/var(--tw-text-opacity,1))}.hover\:text-text-primary:hover{--tw-text-opacity:1;color:hsl(var(--color-text-primary)/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus\:border-brand-primary:focus{--tw-border-opacity:1;border-color:hsl(var(--color-brand-primary)/var(--tw-border-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.group:hover .group-hover\:text-brand-primary{--tw-text-opacity:1;color:hsl(var(--color-brand-primary)/var(--tw-text-opacity,1))}.group:hover .group-hover\:opacity-100{opacity:1}:root{color:#e0e8f0;background:#080d18;font-family:HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--accent:#00e8ff;--accent-glow:rgba(0,232,255,.15);--accent-dim:rgba(0,232,255,.08);--pink:#ff6b9d;--pink-glow:rgba(255,107,157,.15);--pink-dim:rgba(255,107,157,.08);--purple:#c088e8;--purple-glow:rgba(192,136,232,.15);--purple-dim:rgba(192,136,232,.08);--green:#35ff9c;--green-glow:rgba(53,255,156,.15);--green-dim:rgba(53,255,156,.08);--magenta:#ff6bcb;--magenta-glow:rgba(255,107,203,.15);--magenta-dim:rgba(255,107,203,.08);--gold:#ffcf5a;--gold-glow:rgba(255,207,90,.15);--gold-dim:rgba(255,207,90,.08);--surface:#0c1222;--surface-raised:#111a2e;--surface-card:#0e1628;--surface-overlay:#141a2a;--surface-hover:#1a2540;--surface-active:#253352;--surface-input:#111a2e;--bg-base:var(--surface);--bg-elevated:var(--surface-card);--border:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.12);--border-accent:rgba(0,232,255,.2);--text-primary:#e8f0f8;--text-secondary:rgba(232,240,248,.55);--text-tertiary:rgba(232,240,248,.35);--el-fill-color-light:#111a2e;--el-fill-color-lighter:#0e1628;--el-fill-color-extra-light:#0c1222;--el-fill-color-blank:#0c1222;--el-text-color-primary:#e8f0f8;--el-text-color-regular:rgba(232,240,248,.78);--el-text-color-secondary:rgba(232,240,248,.55);--el-text-color-placeholder:rgba(232,240,248,.35);--el-border-color:hsla(0,0%,100%,.06);--el-border-color-light:hsla(0,0%,100%,.06);--el-border-color-lighter:hsla(0,0%,100%,.04);--el-color-primary:#00e8ff;--el-color-primary-light-3:rgba(0,232,255,.35);--el-color-primary-light-5:rgba(0,232,255,.22);--el-color-primary-light-7:rgba(0,232,255,.14);--el-color-primary-light-9:rgba(0,232,255,.06);--el-color-primary-dark-2:#00c0d4;--el-bg-color:#0c1222;--el-bg-color-page:#080d18;--el-bg-color-overlay:#141a2a}[data-theme=light]{color:#334155;background:#eef2f7;--accent:#0891b2;--accent-glow:rgba(8,145,178,.14);--accent-dim:rgba(8,145,178,.07);--pink:#be185d;--pink-glow:rgba(190,24,93,.14);--pink-dim:rgba(190,24,93,.07);--purple:#7c3aed;--purple-glow:rgba(124,58,237,.14);--purple-dim:rgba(124,58,237,.07);--green:#059669;--green-glow:rgba(5,150,105,.14);--green-dim:rgba(5,150,105,.07);--magenta:#a21caf;--magenta-glow:rgba(162,28,175,.14);--magenta-dim:rgba(162,28,175,.07);--gold:#b45309;--gold-glow:rgba(180,83,9,.14);--gold-dim:rgba(180,83,9,.07);--surface:#fff;--surface-raised:#f5f7fa;--surface-card:#fff;--surface-overlay:hsla(0,0%,100%,.92);--surface-hover:#f0f2f5;--surface-active:#e2e6ec;--surface-input:#f5f7fa;--bg-base:var(--surface);--bg-elevated:var(--surface-card);--border:#dce1e8;--border-hover:#c4cbd6;--border-accent:rgba(8,145,178,.3);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#eef2f7;--el-fill-color-extra-light:#fff;--el-fill-color-blank:#fff;--el-text-color-primary:#0f172a;--el-text-color-regular:#334155;--el-text-color-secondary:#475569;--el-text-color-placeholder:#94a3b8;--el-border-color:#dce1e8;--el-border-color-light:#e2e7ee;--el-border-color-lighter:#eef2f7;--el-color-primary:#0891b2;--el-color-primary-light-3:rgba(8,145,178,.3);--el-color-primary-light-5:rgba(8,145,178,.18);--el-color-primary-light-7:rgba(8,145,178,.1);--el-color-primary-light-9:rgba(8,145,178,.04);--el-color-primary-dark-2:#0e7490;--el-bg-color:#fff;--el-bg-color-page:#eef2f7;--el-bg-color-overlay:#fff}[data-theme=light] .site-shell{background-image:linear-gradient(rgba(8,145,178,.02) 1px,transparent 0),linear-gradient(90deg,rgba(8,145,178,.02) 1px,transparent 0)}[data-theme=light] .topbar{background:#eef2f7e0;border-bottom-color:var(--border)}@supports not (backdrop-filter:blur(1px)){[data-theme=light] .topbar{background:#eef2f7fa}}[data-theme=light] .nav-links a:hover{background:#0000000d}[data-theme=light] .nav-links a.active{color:var(--accent);background:var(--accent-dim)}[data-theme=light] .nav-dropdown-menu{background:#fffffff5;border-color:var(--border);box-shadow:0 20px 48px #0f172a1a,inset 0 0 0 1px #0000000a}[data-theme=light] .nav-dropdown-menu:after{background:#fffffff5;border-left-color:var(--border);border-top-color:var(--border)}[data-theme=light] .nav-dropdown-menu a:hover{background:#0000000d}[data-theme=light] .nav-dropdown-menu a:before{background:#0000001a}[data-theme=light] .nav-dropdown-menu a:hover:before{background:var(--accent)}[data-theme=light] .nav-dropdown-menu .dropdown-more{border-top-color:var(--border)}[data-theme=light] .hero:before{background:radial-gradient(ellipse 60% 50% at 70% 40%,rgba(8,145,178,.04),transparent)}[data-theme=light] .hero-copy h1 em{text-shadow:0 0 30px rgba(8,145,178,.15)}[data-theme=light] .hero-badge{border-color:var(--accent);background:var(--accent-dim)}[data-theme=light] .hot-card{box-shadow:0 1px 4px #0f172a0f}[data-theme=light] .hot-card:hover{box-shadow:0 8px 24px #0891b21f,0 0 0 1px var(--accent-glow)}[data-theme=light] .tool-card,[data-theme=light] .tool-group{background:var(--surface);box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .tool-card:hover{box-shadow:0 8px 24px #0891b21f}[data-theme=light] .ai-card{background:var(--surface);box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .ai-card:hover{box-shadow:0 8px 24px #7c3aed1a}[data-theme=light] .workflow-step{background:var(--surface);box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .workflow-step:hover{box-shadow:0 8px 32px #7c3aed14}[data-theme=light] .workflow-hot-link,[data-theme=light] .workflow-meta-card{background:var(--surface);box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .workflow-hot-link:hover{box-shadow:0 4px 16px #0891b21f}[data-theme=light] .brand-mark{color:#fff}[data-theme=light] .group-count{background:var(--accent-dim)}[data-theme=light] .category-tabs button{border-color:var(--border)}[data-theme=light] .category-tabs button:hover{background:#0000000a}[data-theme=light] .category-tabs button.active{color:#fff}[data-theme=light] .control-row{background:#eef2f7eb}[data-theme=light] .drop-zone{background:#00000005;border-color:var(--border-hover)}[data-theme=light] .drop-zone:hover{background:var(--accent-dim)}[data-theme=light] .drop-zone.is-dragging{background:linear-gradient(145deg,var(--accent-glow),var(--border))}[data-theme=light] .control-card,[data-theme=light] .entities-card,[data-theme=light] .info-card,[data-theme=light] .input-card,[data-theme=light] .preview-card,[data-theme=light] .settings-card{background:var(--surface);box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .entity-item,[data-theme=light] .feature-card,[data-theme=light] .hash-item,[data-theme=light] .loading-section,[data-theme=light] .output-item,[data-theme=light] .preview-item,[data-theme=light] .related-card,[data-theme=light] .result-item,[data-theme=light] .slider-row,[data-theme=light] .stat-item,[data-theme=light] .status-card,[data-theme=light] .step-card,[data-theme=light] .uuid-item{background:var(--surface);box-shadow:0 1px 2px #0f172a0d}[data-theme=light] .entity-item:hover,[data-theme=light] .feature-card:hover,[data-theme=light] .hash-item:hover,[data-theme=light] .output-item:hover,[data-theme=light] .related-card:hover,[data-theme=light] .result-item:hover,[data-theme=light] .slider-row:hover,[data-theme=light] .uuid-item:hover{box-shadow:0 4px 12px #0891b21a}[data-theme=light] .compress-right,[data-theme=light] .tool-right{background:var(--surface);box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .empty-box,[data-theme=light] .error-box{background:var(--surface-raised)}[data-theme=light] .clear-btn{background:#ffffffe6;color:var(--text-primary);border-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=light] .clear-btn:hover{background:#fff;border-color:var(--border-hover)}[data-theme=light] .mode-tabs button,[data-theme=light] .preset-grid button,[data-theme=light] .toggle-btn{background:var(--surface)}[data-theme=light] .mode-tabs button.active,[data-theme=light] .preset-grid button.active,[data-theme=light] .toggle-btn.active{background:var(--accent-dim)}[data-theme=light] .action-btn{background:var(--surface)}[data-theme=light] .action-btn.primary{background:var(--accent);color:#fff}[data-theme=light] .el-button{--el-button-bg-color:var(--surface);--el-button-hover-bg-color:var(--surface-raised);--el-button-active-bg-color:var(--surface-raised);--el-button-disabled-bg-color:var(--surface-raised);box-shadow:0 1px 2px #0f172a0d}[data-theme=light] .el-button:hover{box-shadow:0 2px 8px #0f172a14}[data-theme=light] .el-button.el-button--primary,[data-theme=light] html .el-button.el-button--primary{--el-button-bg-color:var(--accent)!important;--el-button-border-color:var(--accent)!important;--el-button-hover-bg-color:var(--el-color-primary-dark-2)!important;--el-button-hover-border-color:var(--el-color-primary-dark-2)!important;--el-button-active-bg-color:var(--el-color-primary-dark-2)!important;--el-button-active-border-color:var(--el-color-primary-dark-2)!important;--el-button-text-color:#fff!important;--el-button-hover-text-color:#fff!important;--el-button-active-text-color:#fff!important;--el-button-disabled-bg-color:var(--el-color-primary-light-7)!important;--el-button-disabled-border-color:transparent!important;color:#fff!important;background:var(--accent)!important;background-color:var(--accent)!important;border:none!important;border-radius:10px!important;box-shadow:0 2px 8px var(--accent-glow)!important}[data-theme=light] .el-input__wrapper,[data-theme=light] .el-select__wrapper,[data-theme=light] .el-textarea__inner,[data-theme=light] html .el-input__wrapper,[data-theme=light] html .el-select__wrapper,[data-theme=light] html .el-textarea__inner{background:var(--surface)!important;box-shadow:0 1px 2px #0f172a0a!important}[data-theme=light] .el-slider__runway{background:#dce1e8!important}[data-theme=light] .el-radio-button__inner{background:var(--surface);box-shadow:0 1px 2px #0f172a0a}[data-theme=light] .el-radio-button__original-radio:checked+.el-radio-button__inner{color:#fff}[data-theme=light] .el-switch__core{border-color:var(--border-hover)}[data-theme=light] .dropdown-menu{background:#fffffff5;box-shadow:0 8px 32px #0f172a1f}[data-theme=light] .dropdown-item:hover{background:var(--accent-dim)}[data-theme=light] .dropdown-item.active{background:#0891b214}[data-theme=light] .num-input-wrap{background:var(--surface)}[data-theme=light] .num-input-wrap .num-btn:hover{background:var(--accent-dim)}[data-theme=light] .img-skeleton,[data-theme=light] .skeleton{background:linear-gradient(90deg,var(--surface-raised) 25%,#fff 50%,var(--surface-raised) 75%)}[data-theme=light] .dark-picker-popper{background:#fffffff7!important;border-color:var(--border)!important;box-shadow:0 8px 32px #0f172a1f!important}[data-theme=light] .dark-picker-popper .el-color-dropdown__btns{border-top-color:var(--border)}[data-theme=light] .dark-picker-popper .el-button,[data-theme=light] .dark-picker-popper .el-color-dropdown__value{background:var(--surface-raised);color:var(--text-primary)}[data-theme=light] .dark-picker-popper .el-color-predefine{border-bottom-color:var(--border)}[data-theme=light] .dark-picker-popper .el-color-predefine__color-selector{border-color:var(--border)}[data-theme=light] .dark-picker-popper .el-color-predefine__color-selector:hover{border-color:#0891b266}[data-theme=light] .dark-picker-popper .el-color-predefine__color-selector.is-checked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}[data-theme=light] .format-tag{border-color:var(--green);background:var(--green-dim)}[data-theme=light] .mobile-toggle span{background:var(--text-secondary)}[data-theme=light] .nav-wrap.is-open{background:#eef2f7fa;border-bottom-color:var(--border)}[data-theme=light] .mega-header{border-bottom-color:#00000014}[data-theme=light] .footer-brand strong{background:linear-gradient(135deg,var(--purple),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff0a}[data-theme=light] .theme-toggle:hover{background:#0000000a}.theme-toggle .el-icon{font-size:18px}[data-theme=light] .stat-value{color:var(--text-primary)}[data-theme=light] .stat-value.highlight,[data-theme=light] .stat-value.success{color:var(--accent)}[data-theme=light] .code-input,[data-theme=light] .code-output,[data-theme=light] .empty-box strong,[data-theme=light] .jwt-input,[data-theme=light] .preview-size,[data-theme=light] .text-input,[data-theme=light] .upload-placeholder strong{color:var(--text-primary)}[data-theme=light] .code-block{background:#0000000a;color:var(--text-primary)}[data-theme=light] .code-block.signature,[data-theme=light] .preview-content code{color:var(--accent)}[data-theme=light] .hash-value,[data-theme=light] .info-value,[data-theme=light] .output-text,[data-theme=light] .output-value,[data-theme=light] .uuid-value{color:var(--text-primary)}[data-theme=light] .setting-label{color:var(--text-secondary)}[data-theme=light] .color-preview{box-shadow:0 1px 4px #0f172a1a}[data-theme=light] .hex-input,[data-theme=light] .num-input{color:var(--text-primary)}[data-theme=light] .count-input,[data-theme=light] .hsl-item input,[data-theme=light] .indent-control select,[data-theme=light] .rgb-item input,[data-theme=light] .setting-input input,[data-theme=light] .unit-select select{color:var(--text-primary);background:var(--surface-raised)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}[contenteditable=true],input,select,textarea{cursor:text;caret-color:auto}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;height:28px}input[type=number]::-webkit-inner-spin-button{background:#ffffff14 50% no-repeat;border-left:1px solid var(--border);border-radius:0 4px 4px 0;margin-left:2px}[role=button],a,button{cursor:pointer;color:inherit;text-decoration:none}html{scrollbar-width:none;scroll-behavior:smooth}html::-webkit-scrollbar{display:none}:not(html){scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.15) transparent}:not(html)::-webkit-scrollbar{width:6px;height:6px}:not(html)::-webkit-scrollbar-track{background:transparent}:not(html)::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}:not(html)::-webkit-scrollbar-thumb:hover{background:#ffffff40}:not(html)::-webkit-scrollbar-corner{background:transparent}body{min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--background)}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}.lucide{stroke-width:1.5}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none;transition:none}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-raised) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}.skeleton-text{height:14px;width:80%}.skeleton-text-sm{height:12px;width:60%}.skeleton-title{height:24px;width:50%}.skeleton-icon{width:40px;height:40px;border-radius:10px}.skeleton-card{height:120px;border-radius:12px}.site-shell{position:relative;min-height:100vh;padding:0 clamp(16px,4vw,64px);background-image:linear-gradient(rgba(0,232,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(0,232,255,.025) 1px,transparent 0);background-size:16px 16px}.site-shell.is-editor{padding:0;height:100vh;overflow:hidden;background-image:none}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1440px;margin:0 auto;padding:14px 0;border-bottom:1px solid var(--border);background:#080d18cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@supports not (backdrop-filter:blur(1px)){.topbar{background:#080d18f2}}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;color:#080d18;font-size:16px;font-weight:900;background:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:16px;font-weight:800;letter-spacing:.02em;line-height:1.2;color:var(--text-primary)}.brand-text small{color:var(--text-tertiary);font-size:11px;letter-spacing:.08em}.nav-wrap{gap:6px;flex:1;min-width:0}.nav-links,.nav-wrap{display:flex;align-items:center}.nav-links{gap:2px}.nav-links a{padding:7px 12px;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .2s,background .2s;white-space:nowrap}.nav-links a:hover{color:var(--text-primary);background:#ffffff0a}.nav-links a.active{color:var(--accent);background:var(--accent-dim)}.nav-separator{margin:0 2px}.nav-categories a,.nav-separator{color:var(--text-tertiary);font-size:12px}.nav-categories a{padding:7px 10px;border-radius:8px;font-weight:500;transition:color .2s,background .2s;white-space:nowrap}.nav-categories a:hover{color:var(--text-primary);background:#ffffff0a}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;pointer-events:none}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);min-width:180px;padding:8px;margin-top:2px;background:#0e1628eb;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;box-shadow:0 24px 64px #00000080,inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.nav-dropdown-menu:hover,.nav-dropdown:hover>.nav-dropdown-menu{display:block;opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.nav-dropdown-menu:before{content:"";position:absolute;top:-6px;left:0;right:0;height:12px}.nav-dropdown-menu:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#0e1628eb;border-left:1px solid hsla(0,0%,100%,.08);border-top:1px solid hsla(0,0%,100%,.08)}.nav-dropdown-menu .dropdown-header{padding:6px 12px 8px;font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase}.nav-dropdown-menu a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .15s,background .15s,padding-left .15s;white-space:nowrap;position:relative}.nav-dropdown-menu a:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--border);flex-shrink:0;transition:background .15s,transform .15s}.nav-dropdown-menu a:hover{color:var(--text-primary);background:#ffffff0f;padding-left:14px}.nav-dropdown-menu a:hover:before{background:var(--accent);transform:scale(1.3)}.nav-dropdown-menu .dropdown-more{margin-top:4px;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.06);color:var(--accent);font-size:12px}.nav-dropdown-menu .dropdown-more:before{content:"";width:auto;height:auto;border-radius:0;background:none}.nav-dropdown-menu .dropdown-more:hover{color:#33ecff}.top-action{margin-left:auto;flex-shrink:0}.mobile-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:8px;border:1px solid var(--border);border-radius:8px;background:transparent;cursor:pointer;flex-shrink:0}.mobile-toggle span{display:block;width:100%;height:2px;background:var(--text-secondary);border-radius:1px;transition:transform .25s,opacity .25s}.mobile-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-toggle.is-open span:nth-child(2){opacity:0}.mobile-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:1440px;margin:0 auto;min-height:min(50vh,420px);padding:60px 32px 48px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 45% at 75% 28%,rgba(0,232,255,.06),transparent 70%),radial-gradient(ellipse 45% 40% at 12% 85%,rgba(192,136,232,.05),transparent 70%);pointer-events:none}.hero-badge{display:inline-block;padding:6px 16px;margin-bottom:20px;border-radius:999px;border:1px solid var(--border-accent);background:var(--accent-dim);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.06em}.hero-copy h1{font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary)}.hero-copy h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 30px var(--accent-glow)}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-sub{max-width:560px;margin-top:20px;font-size:16px;line-height:1.8;color:var(--text-secondary)}.hero-actions{display:flex;gap:12px;margin-top:24px}.hero-stats{display:flex;align-items:center;gap:20px;margin-top:28px}.hero-stat{display:flex;align-items:baseline;gap:6px}.hero-stat strong{font-size:20px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.hero-stat span{font-size:13px}.hero-stat span,.hero-stat-dot{color:var(--text-tertiary)}.section-wrap{max-width:1440px;margin:0 auto;padding:48px 0}.section-wrap+.section-wrap{border-top:1px solid var(--border)}.section-wrap.reveal:not(:first-of-type){content-visibility:auto;contain-intrinsic-size:1px 600px}.tool-page{max-width:1440px;margin:0 auto;padding:16px 0 80px}.media-tool-page .tool-header,.tool-header,.tool-page .tool-header{margin-top:32px;margin-bottom:32px}.tool-header h1{margin:0 0 8px;font-size:clamp(24px,3.5vw,40px);font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.tool-header h1:after{display:block;width:48px;height:3px;margin-top:10px;border-radius:3px;background:var(--accent);content:""}.tool-header p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.clear-btn{position:absolute;top:12px;right:12px;padding:6px 16px;border:1px solid var(--border-hover);border-radius:999px;color:#fff;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:13px;cursor:pointer;transition:all .2s;z-index:10}.clear-btn:hover{background:#000c;border-color:var(--border-hover)}.section-eyebrow{display:inline-block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.section-head{margin-bottom:40px}.section-head h1,.section-head h2{font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary)}.section-head p{max-width:540px;margin-top:12px;font-size:15px;line-height:1.7;color:var(--text-secondary)}.intro-text{max-width:800px;margin-bottom:32px}.intro-text p{font-size:15px;line-height:1.8;color:var(--text-secondary)}.control-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;position:sticky;top:65px;z-index:40;padding:14px 0;background:#080d18eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-tabs{display:flex;flex-wrap:wrap;gap:6px}.category-tabs button{padding:8px 14px;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);background:transparent;font-size:13px;font-weight:500;transition:all .15s}.category-tabs button:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff08}.category-tabs button:active{transform:scale(.95)}.category-tabs button.active{color:#080d18;border-color:transparent;background:var(--accent);font-weight:700;box-shadow:0 0 16px var(--accent-glow)}.search-box{max-width:280px}.group-list{display:grid;gap:32px}.tool-group{padding:28px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.group-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.group-title-text{display:flex;align-items:center;gap:12px}.group-title-text:before{content:"";width:3px;height:20px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.group-title-text h3{font-size:18px;font-weight:700;color:var(--text-primary)}.group-count{padding:4px 10px;border-radius:6px;background:var(--accent-dim);color:var(--accent);font-size:12px;font-weight:700;white-space:nowrap}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tool-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface-card);transition:border-color .2s,background .2s,transform .15s,box-shadow .2s}.tool-card:hover{border-color:var(--border-accent);background:#00e8ff0a;transform:translateY(-2px);box-shadow:0 8px 24px #00e8ff0f}.tool-card:active{transform:translateY(0) scale(.97);transition-duration:.1s}.tool-card .el-icon{font-size:22px;color:var(--accent);opacity:.7}.tool-card strong{font-size:14px;font-weight:700;color:var(--text-primary)}.tool-card span{font-size:13px;color:var(--text-secondary);line-height:1.5}.tool-card.view-more{border-style:dashed;border-color:var(--border-accent);background:#00e8ff08}.tool-card.view-more:hover{border-color:var(--accent);background:#00e8ff0f}.blueprint-wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.creativity-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;height:380px}.creativity-col{display:grid;grid-template-rows:1fr 1fr;gap:12px}.creativity-col-tall{grid-template-rows:1fr}.creativity-img-wrap{position:relative;overflow:hidden;border-radius:10px;background:var(--surface);border:1px solid var(--border)}.creativity-img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.img-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-raised) 50%,var(--surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.img-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-tertiary);font-size:12px;background:var(--surface)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blueprint-info{display:flex;flex-direction:column;gap:12px}.blueprint-info .tag{display:inline-flex;align-self:flex-start;padding:4px 10px;border-radius:6px;background:var(--purple-dim);color:var(--purple);font-size:12px;font-weight:600}.blueprint-info h3{font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--text-primary)}.blueprint-info p{font-size:15px;line-height:1.7;color:var(--text-secondary);max-width:480px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip-row span{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:13px}.ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ai-card{display:flex;align-items:flex-start;gap:14px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface-card);transition:border-color .2s,transform .15s,box-shadow .2s}.ai-card:hover{border-color:#c088e840;transform:translateY(-2px);box-shadow:0 8px 24px #c088e814}.ai-card:active{transform:translateY(0) scale(.97);transition-duration:.1s}.ai-card .el-icon{font-size:22px;color:var(--purple);margin-top:2px;flex-shrink:0;opacity:.8}.ai-card strong{display:block;font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.ai-card span{font-size:13px;color:var(--text-secondary);line-height:1.5}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.workflow-step{display:flex;flex-direction:column;gap:16px;padding:28px 24px;position:relative;border-radius:14px;background:var(--surface-card);border:1px solid var(--border);transition:border-color .25s,box-shadow .25s,transform .2s}.workflow-step:hover{border-color:#c088e840;box-shadow:0 8px 32px #c088e80f;transform:translateY(-2px)}.workflow-step .step-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--accent));color:#080d18;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;box-shadow:0 0 20px var(--purple-glow);flex-shrink:0}.workflow-step strong{font-size:16px;font-weight:700;color:var(--text-primary)}.workflow-step p{font-size:13px;color:var(--text-secondary);line-height:1.7}.workflow-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.workflow-meta-card{padding:24px;border-radius:14px;background:var(--surface-card);border:1px solid var(--border)}.workflow-meta-card strong{display:block;font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.workflow-meta-card p{font-size:13px;color:var(--text-secondary);line-height:1.7;margin:0}.format-tags{display:flex;flex-wrap:wrap;gap:8px}.format-tag{padding:4px 10px;border-radius:6px;border:1px solid var(--green);background:var(--green-dim);color:var(--green);font-size:12px;font-weight:700}.workflow-hot-tools{margin-top:24px;text-align:center}.workflow-hot-label{display:block;font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.workflow-hot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.workflow-hot-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:var(--surface-card);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;font-weight:600;text-decoration:none;transition:border-color .25s,color .25s,box-shadow .25s}.workflow-hot-link:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.workflow-hot-link .el-icon{font-size:14px}.footer-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1440px;margin:0 auto;padding:24px 0;border-top:1px solid var(--border)}.footer-brand strong{display:block;font-size:14px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-glow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand span{color:var(--text-tertiary);font-size:12px}.footer-links{display:flex;gap:20px}.footer-links a{color:var(--text-secondary);font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-copy,.footer-sep{color:var(--text-tertiary);font-size:12px}.el-button{--el-button-border-color:var(--border);--el-button-bg-color:hsla(0,0%,100%,.04);--el-button-hover-bg-color:hsla(0,0%,100%,.08);--el-button-hover-border-color:var(--border-hover);--el-button-active-bg-color:hsla(0,0%,100%,.06);--el-button-active-border-color:hsla(0,0%,100%,.1);--el-button-disabled-bg-color:hsla(0,0%,100%,.02);--el-button-disabled-border-color:var(--border);border-radius:10px;font-weight:600;transition:all .2s}.el-button:hover{transform:translateY(-1px)}.el-button:active{transform:translateY(0) scale(.97)}.el-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.el-button.el-button--primary,html .el-button.el-button--primary{--el-button-bg-color:var(--accent)!important;--el-button-border-color:var(--accent)!important;--el-button-hover-bg-color:#33ecff!important;--el-button-hover-border-color:#33ecff!important;--el-button-active-bg-color:#00c8e0!important;--el-button-active-border-color:#00c8e0!important;--el-button-text-color:#080d18!important;--el-button-hover-text-color:#080d18!important;--el-button-disabled-bg-color:rgba(0,232,255,.2)!important;--el-button-disabled-border-color:transparent!important;color:#080d18!important;background:var(--accent)!important;background-color:var(--accent)!important;border:none!important;border-radius:10px!important;font-weight:700!important;box-shadow:0 0 20px var(--accent-glow)!important}.el-button--large,html .el-button--large{height:44px!important;padding:0 24px!important;font-size:15px!important}.el-button--small,html .el-button--small{height:32px!important;padding:0 12px!important;font-size:13px!important}.el-button.is-circle{width:36px;height:36px;padding:0;border-radius:10px}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner,html .el-input__wrapper,html .el-select__wrapper,html .el-textarea__inner{border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface)!important;box-shadow:none!important}.el-input__inner,.el-select__placeholder,.el-select__selected-item,.el-textarea__inner,html .el-input__inner,html .el-select__placeholder,html .el-select__selected-item,html .el-textarea__inner{color:var(--text-primary)!important}.el-input__inner::-moz-placeholder,.el-textarea__inner::-moz-placeholder,html .el-input__inner::-moz-placeholder,html .el-textarea__inner::-moz-placeholder{color:#e8f0f859!important;opacity:1!important}.el-input__inner::placeholder,.el-textarea__inner::placeholder,html .el-input__inner::placeholder,html .el-textarea__inner::placeholder{color:#e8f0f859!important;opacity:1!important}.el-input__prefix-inner .el-icon,.el-input__suffix-inner .el-icon,html .el-input__prefix-inner .el-icon,html .el-input__suffix-inner .el-icon{color:#e8f0f859!important}[data-theme=light] .el-input__inner,[data-theme=light] .el-select__placeholder,[data-theme=light] .el-select__selected-item,[data-theme=light] .el-textarea__inner,[data-theme=light] html .el-input__inner,[data-theme=light] html .el-select__placeholder,[data-theme=light] html .el-select__selected-item,[data-theme=light] html .el-textarea__inner{color:var(--text-primary)!important}[data-theme=light] .el-input__inner::-moz-placeholder,[data-theme=light] .el-textarea__inner::-moz-placeholder,[data-theme=light] html .el-input__inner::-moz-placeholder,[data-theme=light] html .el-textarea__inner::-moz-placeholder{color:#94a3b8!important;opacity:1!important}[data-theme=light] .el-input__inner::placeholder,[data-theme=light] .el-textarea__inner::placeholder,[data-theme=light] html .el-input__inner::placeholder,[data-theme=light] html .el-textarea__inner::placeholder{color:#94a3b8!important;opacity:1!important}[data-theme=light] .el-input__prefix-inner .el-icon,[data-theme=light] .el-input__suffix-inner .el-icon,[data-theme=light] html .el-input__prefix-inner .el-icon,[data-theme=light] html .el-input__suffix-inner .el-icon{color:#94a3b8!important}.el-slider__runway{background:#ffffff0f!important}.el-slider__bar{background:var(--accent)!important}.el-slider__button{border-color:var(--accent)!important}.el-slider__input{width:140px;min-width:120px;margin-left:18px}.el-slider__input .el-input-number{width:100%}.el-slider__input .el-input-number .el-input__wrapper{padding-left:44px;padding-right:44px;border-radius:999px;box-sizing:border-box}.el-slider__input .el-input-number .el-input__inner{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em}.el-slider__input .el-input-number .el-input-number__decrease,.el-slider__input .el-input-number .el-input-number__increase{width:28px;height:28px;top:3px;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-secondary)!important;border-radius:999px;box-shadow:none}.el-slider__input .el-input-number .el-input-number__decrease:hover,.el-slider__input .el-input-number .el-input-number__increase:hover{color:var(--text-primary)!important;border-color:var(--border-accent)!important;background:var(--accent-dim)!important}.el-slider__input .el-input-number .el-icon{width:16px;height:16px;font-size:14px;stroke-width:1.6}.el-radio-group{display:inline-flex;flex-wrap:wrap;gap:8px}.el-radio-button{border:none;box-shadow:none;overflow:visible}.el-radio-button__inner{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);box-shadow:none;transition:all .2s}.el-radio-button__inner:hover{color:var(--text-primary);border-color:var(--border-hover)}.el-radio-button__original-radio:checked+.el-radio-button__inner{color:var(--surface);border-color:transparent;background:var(--accent);font-weight:700;box-shadow:0 0 16px var(--accent-glow)}.el-switch{--el-switch-on-color:var(--accent);--el-switch-off-color:var(--border)}.el-switch__core{border:1px solid var(--border-hover);background:var(--border)}.el-switch.is-checked .el-switch__core{border-color:var(--accent);background:var(--accent)}.tool-control{padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.tool-control+.tool-control{margin-top:14px}.tool-control__title{margin-bottom:12px;color:var(--text-primary);font-weight:700;font-size:14px}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tool-panel-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;color:var(--text-secondary);font-weight:700}.tool-preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tool-preset-row button{padding:8px 14px;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);background:var(--surface);transition:all .2s}.tool-preset-row button:hover{color:var(--text-primary);border-color:var(--border-hover)}.tool-preset-row button.active{color:#080d18;border-color:transparent;background:var(--accent);font-weight:700}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);background:var(--surface);transition:all .2s}.back-btn:hover{color:var(--text-primary);border-color:var(--border-hover)}.action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.action-btn.primary{background:var(--accent);border-color:var(--accent);color:#0a0f1a;font-weight:700}.action-btn.primary:hover:not(:disabled){filter:brightness(1.12)}.action-btn-icon{display:grid;place-items:center;padding:0;gap:0;width:34px;height:34px}.action-btn-icon .el-icon{margin:0}.toggle-btn,.toggle-group{display:flex;gap:8px}.toggle-btn{flex:1;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.toggle-btn:hover{border-color:var(--border-accent)}.toggle-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.toggle-btn svg{flex-shrink:0}.param-toggle{display:flex;flex-wrap:wrap;gap:6px}.param-toggle button{padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.param-toggle button:hover{border-color:var(--border-accent)}.param-toggle button.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.dropdown-menu{position:fixed;min-width:160px;padding:6px;border:1px solid var(--border);border-radius:10px;background:var(--surface-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #0006;z-index:9999}.dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s;text-align:left}.dropdown-item:hover{background:var(--accent-dim);color:var(--text-primary)}.dropdown-item.active{color:var(--accent);background:#00e8ff1a}.num-input-wrap{display:inline-flex;align-items:center;gap:0;height:32px;border-radius:8px;overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:border-color .2s}.num-input-wrap:focus-within{border-color:var(--accent)}.num-input-wrap .num-btn{display:flex;align-items:center;justify-content:center;width:32px;height:100%;border:none;background:transparent;color:var(--text-secondary);font-size:16px;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.num-input-wrap .num-btn:hover{background:var(--accent-dim);color:var(--accent)}.num-input-wrap input[type=number]{width:48px;height:100%;border:none;background:transparent;color:var(--text-primary);font-size:13px;text-align:center;padding:0 2px;outline:none;font-family:inherit;-moz-appearance:textfield}.num-input-wrap input[type=number]::-webkit-inner-spin-button,.num-input-wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;border:0;background:none}@keyframes button-loading-spin{to{transform:rotate(1turn)}}@media(max-width:1080px){.hero{min-height:auto;padding:40px 0 32px}.blueprint-wrap{grid-template-columns:1.2fr 1fr;align-items:start}.creativity-grid{height:320px}.blueprint-info{padding-top:24px}.workflow-steps{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:760px){.site-shell{padding:0 16px}.mobile-toggle{display:flex}.nav-wrap{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 16px;background:#080d18f7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:49}.nav-wrap.is-open{display:flex}.nav-links{flex-direction:column;align-items:stretch;gap:2px}.nav-links a{padding:10px 12px;font-size:14px}.nav-dropdown:after{display:none}.nav-dropdown-menu{position:static;transform:none;margin-top:0;padding:4px 0 4px 16px;background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;min-width:0;opacity:1;pointer-events:auto;transition:none}.nav-dropdown-menu:after,.nav-dropdown-menu:before{display:none}.nav-dropdown-menu a{padding:8px 12px;font-size:13px}.nav-dropdown-menu a:hover{padding-left:12px}.nav-dropdown-menu a:before{display:none}.topbar{padding:12px 0;position:relative}.breadcrumb{font-size:12px;padding:10px 0 0}.hero{padding:32px 16px 24px}.hero-copy h1{font-size:32px}.hero-sub{font-size:15px}.section-wrap{padding:48px 0}.control-row{flex-direction:column;align-items:stretch}.search-box{max-width:none}.tool-grid{grid-template-columns:1fr}.creativity-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,170px);height:auto;gap:16px 8px}.creativity-col-tall{display:none}.creativity-col{grid-template-rows:repeat(2,170px);gap:16px}.creativity-img-wrap{height:170px}.ai-grid,.workflow-steps{grid-template-columns:1fr}.workflow-steps{gap:0}.workflow-step{border-radius:0;border-left:none;border-right:none;border-top:none;padding-left:72px;position:relative}.workflow-step:first-child{border-top:1px solid var(--border);border-radius:14px 14px 0 0}.workflow-step:last-child{border-radius:0 0 14px 14px;border-bottom:1px solid var(--border)}.workflow-step+.workflow-step{border-top:1px solid var(--border)}.workflow-step .step-num{position:absolute;left:12px;top:24px;width:40px;height:40px;font-size:15px}.workflow-step:before{content:"";position:absolute;left:31px;top:64px;bottom:-1px;width:2px;background:linear-gradient(to bottom,var(--purple),transparent);opacity:.3}.workflow-step:last-child:before{display:none}.workflow-meta{grid-template-columns:1fr}.workflow-hot-link{padding:6px 12px;font-size:12px}.blueprint-wrap{gap:24px}.footer-panel{flex-direction:column;align-items:flex-start;gap:16px}}.text-accent{color:var(--accent)}.text-pink{color:var(--pink)}.text-purple{color:var(--purple)}.bg-accent-dim{background:var(--accent-dim)}.bg-pink-dim{background:var(--pink-dim)}.bg-purple-dim{background:var(--purple-dim)}.border-accent{border-color:var(--border-accent)}.border-pink{border-color:#ff6b9d33}.border-purple{border-color:#a78bfa33}.dark-picker-popper{--el-bg-color-overlay:rgba(12,18,32,.95)!important;background:#0c1220f2!important;border:1px solid var(--border)!important;border-radius:12px!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006!important}.dark-picker-popper .el-color-dropdown__main-wrapper{background:transparent}.dark-picker-popper .el-color-dropdown__btns{border-top:1px solid var(--border)}.dark-picker-popper .el-color-dropdown__value{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.dark-picker-popper .el-button{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.dark-picker-popper .el-button:hover{background:var(--accent-dim);border-color:var(--border-accent)}.dark-picker-popper .el-color-predefine{border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:10px}.dark-picker-popper .el-color-predefine__color-selector{border-radius:6px;border:2px solid hsla(0,0%,100%,.08);overflow:hidden}.dark-picker-popper .el-color-predefine__color-selector:hover{border-color:#00e8ff66;transform:scale(1.1)}.dark-picker-popper .el-color-predefine__color-selector.is-checked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.dark-picker-popper .el-color-svpanel{border-radius:8px;overflow:hidden}.dark-picker-popper .el-color-alpha-slider,.dark-picker-popper .el-color-hue-slider{border-radius:6px}.tool-info{margin-top:48px;max-width:1440px;margin-left:auto;margin-right:auto}.tool-info .info-section{padding:40px 0;border-top:1px solid var(--border)}.tool-info .info-title{font-size:clamp(20px,2.5vw,28px);font-weight:800;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.02em}.tool-info .features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.tool-info .feature-card{display:flex;align-items:flex-start;gap:14px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface-card);transition:border-color .2s,transform .15s}.tool-info .feature-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.tool-info .feature-icon{font-size:24px;color:var(--accent);opacity:.8;flex-shrink:0;margin-top:2px}.tool-info .feature-card strong{display:block;font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.tool-info .feature-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.tool-info .steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tool-info .step-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface-card);transition:border-color .2s,transform .15s}.tool-info .step-card:hover{border-color:#c088e840;transform:translateY(-2px)}.tool-info .step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--accent));color:#080d18;font-size:16px;font-weight:800;box-shadow:0 0 16px var(--purple-glow)}.tool-info .step-card strong{font-size:15px;font-weight:700;color:var(--text-primary)}.tool-info .step-card p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.tool-info .scenarios-wrap{display:flex;flex-wrap:wrap;gap:10px}.tool-info .scenario-tag{display:inline-block;padding:8px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface-card);color:var(--text-secondary);font-size:13px;transition:border-color .2s,color .2s}.tool-info .scenario-tag:hover{border-color:var(--accent);color:var(--accent)}.tool-info .faq-list{display:flex;flex-direction:column;gap:8px}.tool-info .faq-item{border:1px solid var(--border);border-radius:12px;background:var(--surface-card);overflow:hidden;transition:border-color .2s}.tool-info .faq-item[open]{border-color:var(--border-accent)}.tool-info .faq-item summary{padding:16px 20px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.tool-info .faq-item summary::-webkit-details-marker{display:none}.tool-info .faq-item summary:after{content:"+";font-size:18px;color:var(--accent);flex-shrink:0;transition:transform .2s}.tool-info .faq-item[open] summary:after{transform:rotate(45deg)}.tool-info .faq-item summary:hover{color:var(--accent)}.tool-info .faq-item p{padding:0 20px 16px;font-size:13px;color:var(--text-secondary);line-height:1.7;margin:0}.tool-info .related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.tool-info .related-card{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface-card);transition:border-color .2s,transform .15s,box-shadow .2s;text-decoration:none}.tool-info .related-card:hover{border-color:var(--border-accent);background:#00e8ff0a;transform:translateY(-2px);box-shadow:0 8px 24px #00e8ff0f}.tool-info .related-card .el-icon{font-size:22px;color:var(--accent);opacity:.7}.tool-info .related-card strong{font-size:14px;font-weight:700;color:var(--text-primary)}.tool-info .related-card span{font-size:13px;color:var(--text-secondary);line-height:1.5}@media(max-width:640px){.tool-info .features-grid,.tool-info .related-grid,.tool-info .steps-grid{grid-template-columns:1fr}}input[type=number]{color-scheme:dark}[data-theme=light] input[type=number]{color-scheme:light}:root{--color-brand-primary:174 100% 45%;--color-brand-magic:38 90% 55%;--color-surface-base:228 44% 7%;--color-surface-raised:226 44% 10%;--color-surface-overlay:226 44% 12%;--color-text-primary:232 100% 96%;--color-text-secondary:210 33% 50%;--color-text-muted:210 25% 32%;--color-border-subtle:224 35% 18%;--color-border-strong:224 38% 23%;--color-status-success:142 70% 45%;--color-status-warning:38 90% 55%;--color-status-error:354 80% 60%;--color-status-info:210 100% 55%;--color-focus-ring:174 100% 45%;--editor-canvas-bg:#080d18}[data-theme=light]{--color-brand-primary:187 94% 43%;--color-brand-magic:30 80% 50%;--color-surface-base:220 20% 96%;--color-surface-raised:220 16% 93%;--color-surface-overlay:220 18% 95%;--color-text-primary:222 47% 11%;--color-text-secondary:215 25% 42%;--color-text-muted:215 20% 65%;--color-border-subtle:214 20% 88%;--color-border-strong:214 20% 82%;--color-status-success:142 71% 35%;--color-status-warning:38 85% 45%;--color-status-error:354 75% 50%;--color-status-info:210 90% 45%;--color-focus-ring:187 94% 43%;--editor-canvas-bg:#e2e8f0}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--el-color-primary:#409eff;--el-color-primary-light-3:#3375b9;--el-color-primary-light-5:#2a598a;--el-color-primary-light-7:#213d5b;--el-color-primary-light-8:#1d3043;--el-color-primary-light-9:#18222b;--el-color-primary-dark-2:#66b1ff;--el-color-success:#67c23a;--el-color-success-light-3:#4e8e2f;--el-color-success-light-5:#3e6b27;--el-color-success-light-7:#2d481f;--el-color-success-light-8:#25371c;--el-color-success-light-9:#1c2518;--el-color-success-dark-2:#85ce61;--el-color-warning:#e6a23c;--el-color-warning-light-3:#a77730;--el-color-warning-light-5:#7d5b28;--el-color-warning-light-7:#533f20;--el-color-warning-light-8:#3e301c;--el-color-warning-light-9:#292218;--el-color-warning-dark-2:#ebb563;--el-color-danger:#f56c6c;--el-color-danger-light-3:#b25252;--el-color-danger-light-5:#854040;--el-color-danger-light-7:#582e2e;--el-color-danger-light-8:#412626;--el-color-danger-light-9:#2a1d1d;--el-color-danger-dark-2:#f78989;--el-color-error:#f56c6c;--el-color-error-light-3:#b25252;--el-color-error-light-5:#854040;--el-color-error-light-7:#582e2e;--el-color-error-light-8:#412626;--el-color-error-light-9:#2a1d1d;--el-color-error-dark-2:#f78989;--el-color-info:#909399;--el-color-info-light-3:#6b6d71;--el-color-info-light-5:#525457;--el-color-info-light-7:#393a3c;--el-color-info-light-8:#2d2d2f;--el-color-info-light-9:#202121;--el-color-info-dark-2:#a6a9ad;--el-box-shadow:0px 12px 32px 4px #0000005c,0px 8px 20px #000000b8;--el-box-shadow-light:0px 0px 12px #000000b8;--el-box-shadow-lighter:0px 0px 6px #000000b8;--el-box-shadow-dark:0px 16px 48px 16px #000000b8,0px 12px 32px #000,0px 8px 16px -8px #000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#e5eaf3;--el-text-color-regular:#cfd3dc;--el-text-color-secondary:#a3a6ad;--el-text-color-placeholder:#8d9095;--el-text-color-disabled:#6c6e72;--el-border-color-darker:#636466;--el-border-color-dark:#58585b;--el-border-color:#4c4d4f;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2b2b2c;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393a;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1d1d1d;--el-fill-color-extra-light:#191919;--el-fill-color-blank:#141414;--el-mask-color:#000c;--el-mask-color-extra-light:#0000004d}html.dark .el-button{--el-button-disabled-text-color:#ffffff80}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay);--el-fill-color-blank:var(--el-card-bg-color)}html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}:root{--el-color-white:#fff;--el-color-black:#000;--el-color-primary-rgb:64,158,255;--el-color-success-rgb:103,194,58;--el-color-warning-rgb:230,162,60;--el-color-danger-rgb:245,108,108;--el-color-error-rgb:245,108,108;--el-color-info-rgb:144,147,153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645,.045,.355,1);--el-transition-function-fast-bezier:cubic-bezier(.23,1,.32,1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier),opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a,0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014,0px 12px 32px #0000001f,0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:top;transform:scaleY(1)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:bottom;transform:scaleY(1)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:0 0;transform:scale(1)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-enter-active,.el-collapse-transition-leave-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.el-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.el-icon.is-loading{animation:rotating 2s linear infinite}.el-icon svg{width:1em;height:1em}.page-enter-active,.page-leave-active{transition:opacity .25s ease,transform .25s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(8px)}.not-found[data-v-80b47ca3]{max-width:800px;margin:0 auto;padding:60px 20px 80px}.not-found-hero[data-v-80b47ca3]{text-align:center;margin-bottom:56px}.not-found-hero h1[data-v-80b47ca3]{font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--text-primary);margin:0 0 12px}.not-found-hero p[data-v-80b47ca3]{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0 0 28px}.search-box[data-v-80b47ca3]{display:flex;max-width:420px;margin:0 auto 24px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.search-input[data-v-80b47ca3]{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none}.search-input[data-v-80b47ca3]::-moz-placeholder{color:var(--text-tertiary)}.search-input[data-v-80b47ca3]::placeholder{color:var(--text-tertiary)}.search-btn[data-v-80b47ca3]{padding:12px 20px;border:none;border-left:1px solid var(--border);background:var(--accent-dim);color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.search-btn[data-v-80b47ca3]:hover{background:var(--accent-glow)}.action-row[data-v-80b47ca3]{display:flex;gap:12px;justify-content:center}.action-btn[data-v-80b47ca3]{padding:10px 24px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.action-btn[data-v-80b47ca3]:hover{border-color:var(--accent);color:var(--accent)}.action-btn.primary[data-v-80b47ca3]{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.action-btn.primary[data-v-80b47ca3]:hover{opacity:.9}.not-found-section[data-v-80b47ca3]{margin-bottom:40px}.not-found-section h2[data-v-80b47ca3]{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-left:12px;border-left:3px solid var(--accent)}.tool-grid[data-v-80b47ca3]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card[data-v-80b47ca3]{padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:14px;text-align:center;text-decoration:none;transition:all .2s}.tool-card[data-v-80b47ca3]:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.cat-grid[data-v-80b47ca3]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cat-card[data-v-80b47ca3]{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font-size:14px;text-decoration:none;transition:all .2s}.cat-card[data-v-80b47ca3]:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.cat-card .el-icon[data-v-80b47ca3]{font-size:18px;color:var(--accent)}@media(max-width:640px){.cat-grid[data-v-80b47ca3],.tool-grid[data-v-80b47ca3]{grid-template-columns:repeat(2,1fr)}.action-row[data-v-80b47ca3]{flex-direction:column;align-items:center}.action-btn[data-v-80b47ca3]{width:200px}}