/*! tailwindcss v3.3.3 | complete for this site */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role="button"]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}

/* Utilities */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}
.absolute{position:absolute}
.relative{position:relative}
.fixed{position:fixed}
.sticky{position:sticky}
.inset-0{top:0;right:0;bottom:0;left:0}
.bottom-0{bottom:0}
.left-0{left:0}
.right-0{right:0}
.top-0{top:0}
.left-1\/2{left:50%}
.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.z-50{z-index:50}
.col-span-1{grid-column:span 1/span 1}
.mx-auto{margin-left:auto;margin-right:auto}
.mb-0{margin-bottom:0}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.ml-4{margin-left:1rem}
.mr-1{margin-right:0.25rem}
.mr-2{margin-right:0.5rem}
.mt-1{margin-top:0.25rem}
.mt-16{margin-top:4rem}
.mt-2{margin-top:0.5rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.block{display:block}
.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}
.inline-flex{display:inline-flex}
.grid{display:grid}
.hidden{display:none}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-\[600px\]{height:600px}
.h-full{height:100%}
.min-h-\[90px\]{min-height:90px}
.w-14{width:3.5rem}
.w-4{width:1rem}
.w-6{width:1.5rem}
.w-8{width:2rem}
.w-full{width:100%}
.max-w-2xl{max-width:42rem}
.max-w-4xl{max-width:56rem}
.max-w-7xl{max-width:80rem}
.max-w-sm{max-width:24rem}
.flex-shrink-0{flex-shrink:0}
.flex-col{flex-direction:column}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.space-x-3 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.75rem * var(--tw-space-x-reverse));margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))}
.space-x-4 > :not([hidden]) ~ :not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}
.space-y-1 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem * var(--tw-space-y-reverse))}
.space-y-10 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}
.space-y-2 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))}
.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(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 * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}
.space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
.space-y-8 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}
.divide-y > :not([hidden]) ~ :not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246 / var(--tw-divide-opacity))}
.overflow-hidden{overflow:hidden}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-md{border-radius:0.375rem}
.rounded-xl{border-radius:0.75rem}
.border{border-width:1px}
.border-2{border-width:2px}
.border-b{border-bottom-width:1px}
.border-t{border-top-width:1px}
.border-l-4{border-left-width:4px}
.border-dashed{border-style:dashed}
.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}
.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}
.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}
.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}
.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208 / var(--tw-border-opacity))}
.border-indigo-100\/50{border-color:rgb(224 231 255 / 0.5)}
.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254 / var(--tw-border-opacity))}
.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252 / var(--tw-border-opacity))}
.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241 / var(--tw-border-opacity))}
.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229 / var(--tw-border-opacity))}
.bg-black\/50{background-color:rgb(0 0 0 / 0.5)}
.bg-emerald-600{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity))}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}
.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}
.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}
.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255 / var(--tw-bg-opacity))}
.bg-indigo-50\/30{background-color:rgb(238 242 255 / 0.3)}
.bg-indigo-50\/50{background-color:rgb(238 242 255 / 0.5)}
.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255 / var(--tw-bg-opacity))}
.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-white\/80{background-color:rgb(255 255 255 / 0.8)}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.pb-8{padding-bottom:2rem}
.pl-3{padding-left:0.75rem}
.pl-5{padding-left:1.25rem}
.pt-3{padding-top:0.75rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.leading-relaxed{line-height:1.625}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wide{letter-spacing:0.025em}
.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}
.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}
.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99 / var(--tw-text-opacity))}
.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81 / var(--tw-text-opacity))}
.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity))}
.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}
.text-gray-950{--tw-text-opacity:1;color:rgb(3 7 18 / var(--tw-text-opacity))}
.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61 / var(--tw-text-opacity))}
.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity))}
.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241 / var(--tw-text-opacity))}
.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity))}
.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202 / var(--tw-text-opacity))}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.underline{text-decoration-line:underline}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.opacity-50{opacity:0.5}
.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--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-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px 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-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 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-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.blur{--tw-blur:blur(8px);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)}
.filter{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-md{--tw-backdrop-blur:blur(12px);-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(0.4,0,0.2,1);transition-duration:150ms}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.duration-200{transition-duration:200ms}
.ease-in-out{transition-timing-function:cubic-bezier(0.4,0,0.2,1)}

/* Responsive */
@media (min-width: 640px) {
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:p-8{padding:2rem}
  .sm\:p-10{padding:2.5rem}
  .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .sm\:text-base{font-size:1rem;line-height:1.5rem}
  .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}
}
@media (min-width: 768px) {
  .md\:flex{display:flex}
  .md\:hidden{display:none}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-footer{grid-template-columns:2fr 1fr 1fr}
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:col-span-8{grid-column:span 8/span 8}
  .lg\:col-span-2{grid-column:span 2/span 2}
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:block{display:block}
  .lg\:px-8{padding-left:2rem;padding-right:2rem}
}

/* Group hover */
.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.group:hover .group-hover\:text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity))}
.group:hover .group-hover\:text-indigo-800{--tw-text-opacity:1;color:rgb(55 48 163 / var(--tw-text-opacity))}

/* Hover */
.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87 / var(--tw-bg-opacity))}
.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}
.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}
.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202 / var(--tw-bg-opacity))}
.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity))}
.hover\:text-indigo-600:hover{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity))}
.hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202 / var(--tw-text-opacity))}
.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163 / var(--tw-text-opacity))}
.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.hover\:underline:hover{text-decoration-line:underline}
.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--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)}
.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}

/* Dark mode */
.dark .dark\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity))}
.dark .dark\:border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}
.dark .dark\:border-indigo-400{--tw-border-opacity:1;border-color:rgb(129 140 248 / var(--tw-border-opacity))}
.dark .dark\:border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229 / var(--tw-border-opacity))}
.dark .dark\:border-indigo-700{--tw-border-opacity:1;border-color:rgb(55 48 163 / var(--tw-border-opacity))}
.dark .dark\:border-green-700{--tw-border-opacity:1;border-color:rgb(21 128 61 / var(--tw-border-opacity))}
.dark .dark\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}
.dark .dark\:bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129 / var(--tw-bg-opacity))}
.dark .dark\:bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}
.dark .dark\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}
.dark .dark\:bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}
.dark .dark\:bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}
.dark .dark\:bg-gray-900\/20{background-color:rgb(17 24 39 / 0.2)}
.dark .dark\:bg-gray-900\/30{background-color:rgb(17 24 39 / 0.3)}
.dark .dark\:bg-gray-900\/80{background-color:rgb(17 24 39 / 0.8)}
.dark .dark\:bg-black\/70{background-color:rgb(0 0 0 / 0.7)}
.dark .dark\:bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241 / var(--tw-bg-opacity))}
.dark .dark\:bg-indigo-900{--tw-bg-opacity:1;background-color:rgb(49 46 129 / var(--tw-bg-opacity))}
.dark .dark\:bg-indigo-900\/20{background-color:rgb(49 46 129 / 0.2)}
.dark .dark\:bg-indigo-900\/30{background-color:rgb(49 46 129 / 0.3)}
.dark .dark\:bg-green-900\/30{background-color:rgb(20 83 45 / 0.3)}
.dark .dark\:text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246 / var(--tw-text-opacity))}
.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity))}
.dark .dark\:text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}
.dark .dark\:text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}
.dark .dark\:text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}
.dark .dark\:text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity))}
.dark .dark\:text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254 / var(--tw-text-opacity))}
.dark .dark\:text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252 / var(--tw-text-opacity))}
.dark .dark\:text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity))}
.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}
.dark .dark\:shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.dark .dark\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.dark .dark\:hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105 / var(--tw-bg-opacity))}
.dark .dark\:hover\:bg-gray-500:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}
.dark .dark\:hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}
.dark .dark\:hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}
.dark .dark\:hover\:text-gray-300:hover{--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}
.dark .dark\:hover\:text-indigo-300:hover{--tw-text-opacity:1;color:rgb(165 180 252 / var(--tw-text-opacity))}
.dark .dark\:hover\:text-indigo-400:hover{--tw-text-opacity:1;color:rgb(129 140 248 / var(--tw-text-opacity))}
.dark .dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}

/* Custom styles */
.drop-zone.dragover { border-color: #6366f1; background-color: #eef2ff; }
.dark .drop-zone.dragover { border-color: #818cf8; background-color: #312e81; }
.drop-zone.dragover .drop-icon { animation: bounce 0.6s infinite alternate; }
@keyframes bounce { 0% { transform: translateY(0) scale(1.1); } 100% { transform: translateY(-6px) scale(1.1); } }
@media (prefers-reduced-motion: reduce) { .drop-zone.dragover .drop-icon { animation: none; transform: scale(1.05); } }
.gradient-text { background: linear-gradient(135deg, #0f172a 20%, #2563eb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.dark .gradient-text { background: linear-gradient(135deg, #e0e7ff 20%, #818cf8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.format-btn { font-weight: 700; font-size: 0.75rem; white-space: nowrap; border: 1px solid #d1d5db; }
.format-btn.active { background-color: #eef2ff; color: #4338ca; border-color: #c7d2fe; }
.dark .format-btn { border-color: #4b5563; }
.dark .format-btn.active { background-color: #312e81; color: #c7d2fe; border-color: #6366f1; }
.mobile-menu { display: none; } .mobile-menu.open { display: flex; }
#themeToggle { background: white; color: #1f2937; border: 1px solid #d1d5db; }
.dark #themeToggle { background: #374151; color: #f3f4f6; border-color: #4b5563; }

/* RTL */
[dir="rtl"] .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; }
[dir="rtl"] .left-1\/2 { left: auto; right: 50%; }
[dir="rtl"] .-translate-x-1\/2 { --tw-translate-x: 50%; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pl-5 { padding-left: 0; padding-right: 1.25rem; }
[dir="rtl"] .text-left { text-align: right; }
[dir="rtl"] .border-l-4 { border-left: none; border-right: 4px solid; }
[dir="rtl"] .rtl-flip { transform: scaleX(-1); }

/* Accessibility */
*:focus-visible {
  outline: 2px solid #6366f1;
  outline-offset: 2px;
}

/* Prose */
.prose { max-width: 65ch; color: inherit; }
.prose h2 { font-size: 1.5em; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: 700; }
.prose h3 { font-size: 1.25em; margin-top: 1.25em; margin-bottom: 0.5em; font-weight: 600; }
.prose p { margin-bottom: 1em; }
.prose ul, .prose ol { margin-bottom: 1em; padding-left: 1.5em; }
.prose li { margin-bottom: 0.25em; }
.prose strong { font-weight: 700; }

/* ===== GhostConvert P0: Category grid + Tool pages (custom CSS, independent of Tailwind JIT) ===== */
.gc-section{max-width:64rem;margin:0 auto 2.5rem;}
.gc-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.85rem;}
@media (min-width:640px){.gc-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.gc-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
.gc-card{display:flex;flex-direction:column;gap:.4rem;padding:1.1rem 1.15rem;border:1px solid #e5e7eb;border-radius:1rem;background:#fff;color:#1f2937;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 1px 2px rgba(17,24,39,.04);}
.gc-card:hover{transform:translateY(-3px);border-color:#6366f1;box-shadow:0 10px 26px rgba(99,102,241,.14);}
.gc-card .gc-ico-wrap{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.8rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);margin-bottom:.2rem;}
.gc-card .gc-ico{font-size:1.5rem;line-height:1;}
.gc-card h3{font-size:1rem;font-weight:700;margin:0;}
.gc-card p{font-size:.78rem;color:#6b7280;margin:0;line-height:1.4;}
.gc-card.soon{opacity:.72;}
.gc-card.soon:hover{transform:none;border-color:#e5e7eb;box-shadow:0 1px 2px rgba(17,24,39,.04);}
.dark .gc-card{background:#1f2937;color:#f3f4f6;border-color:#374151;}
.dark .gc-card p{color:#9ca3af;}
.dark .gc-card:hover{border-color:#818cf8;}
.dark .gc-card .gc-ico-wrap{background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(129,140,248,.18));}
.dark .gc-card.soon:hover{border-color:#374151;}

.gc-tool{max-width:46rem;margin:0 auto;}
.gc-crumbs{font-size:.8rem;color:#6b7280;margin-bottom:1rem;}
.gc-crumbs a{color:#6366f1;text-decoration:none;}
.gc-tool-head{display:flex;align-items:center;gap:.9rem;margin-bottom:.5rem;padding:1.1rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 3px rgba(17,24,39,.05);}
.dark .gc-tool-head{background:#1f2937;border-color:#374151;}
.gc-tool-head .gc-ico-wrap{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:.9rem;background:linear-gradient(135deg,#eef2ff,#e0e7ff);flex-shrink:0;}
.dark .gc-tool-head .gc-ico-wrap{background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(129,140,248,.18));}
.gc-tool-head .gc-ico{font-size:1.8rem;line-height:1;}
.gc-tool-head h1{font-size:1.6rem;font-weight:800;color:#111827;margin:0;}
.dark .gc-tool-head h1{color:#f9fafb;}
.gc-tool-desc{color:#6b7280;font-size:.92rem;margin:.6rem 0 1.5rem;padding:0 .25rem;}
.dark .gc-tool-desc{color:#9ca3af;}
.gc-panel{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 16px rgba(17,24,39,.06);}
.gc-panel ul{list-style-position:inside;padding-left:.35rem;margin:.6rem 0 0;}
.gc-panel ul li{margin-bottom:.45rem;}
.gc-panel ul li:last-child{margin-bottom:0;}
.gc-panel h3{margin-top:1.1rem !important;}
.dark .gc-panel{background:#1f2937;border-color:#374151;box-shadow:none;}
.gc-formats{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;}
.gc-formats label{font-size:.8rem;color:#374151;display:flex;align-items:center;gap:.35rem;}
.dark .gc-formats label{color:#d1d5db;}
.gc-select{width:100%;padding:.55rem .7rem;border:1px solid #d1d5db;border-radius:.6rem;font-size:.9rem;background:#fff;color:#111827;margin-bottom:1rem;}
.dark .gc-select{background:#111827;color:#f3f4f6;border-color:#374151;}
.gc-drop{border:2px dashed #c7d2fe;border-radius:1rem;padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:#eef2ff;}
.gc-drop:hover{border-color:#6366f1;background:#e0e7ff;}
.dark .gc-drop{border-color:#4f46e5;background:#312e81;}
.gc-drop .gc-drop-ico{font-size:1.8rem;}
.gc-drop p{margin:.4rem 0 0;font-size:.9rem;color:#4338ca;font-weight:600;}
.dark .gc-drop p{color:#c7d2fe;}
.gc-drop .gc-drop-sub{font-size:.75rem;color:#6b7280;font-weight:400;}
.gc-btn{width:100%;padding:.8rem;border:none;border-radius:.7rem;background:#059669;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:.4rem;}
.gc-btn:hover{background:#047857;}
.gc-btn:disabled{opacity:.55;cursor:not-allowed;}
.gc-status{font-size:.82rem;color:#6b7280;min-height:1.2em;margin:.75rem 0 0;}
.gc-result{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;}
.gc-result a{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .9rem;background:#eef2ff;border:1px solid #c7d2fe;border-radius:.6rem;color:#4338ca;text-decoration:none;font-size:.85rem;font-weight:600;max-width:max-content;}
.gc-result a:hover{background:#e0e7ff;}
.gc-coming{text-align:center;padding:2.5rem 1rem;background:#f9fafb;border:1px dashed #d1d5db;border-radius:1.25rem;}
.dark .gc-coming{background:#111827;border-color:#374151;}
.gc-coming .gc-ico{font-size:2.5rem;}
.gc-coming h2{font-size:1.2rem;color:#111827;margin:.6rem 0 .3rem;}
.dark .gc-coming h2{color:#f9fafb;}
.gc-coming p{color:#6b7280;font-size:.9rem;max-width:32rem;margin:0 auto;}
.dark .gc-coming p{color:#9ca3af;}
.gc-note{font-size:.8rem;color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.7rem;padding:.8rem 1rem;margin-top:1rem;}
.dark .gc-note{background:#111827;border-color:#374151;color:#9ca3af;}
.dark .prose { color: #d1d5db; }
/* ===== Cookie 同意居中弹窗（2026-08-10，Convertio 同款风格） ===== */
.gc-cookie-overlay{position:fixed;inset:0;z-index:2147483647;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .25s ease;}
.gc-cookie-overlay.gc-visible{opacity:1;}
.gc-cookie-popup{background:#edeff5;color:#2b2e49;border-radius:10px;box-shadow:0 25px 60px rgba(0,0,0,.35);width:100%;padding:25px 40px 15px;position:relative;max-height:96vh;overflow-y:auto;transform:translateY(12px) scale(.97);transition:transform .25s ease;}
.gc-cookie-overlay.gc-visible .gc-cookie-popup{transform:translateY(0) scale(1);}
.gc-cookie-main{max-width:678px;}
.gc-cookie-details{max-width:660px;}
.gc-cookie-title{display:block;font-weight:500;font-size:32px;line-height:1;margin:0 0 20px;text-align:center;color:#2b2e49;}
.gc-cookie-descr{font-size:12px;line-height:20px;padding-bottom:25px;color:#2b2e49;}
.gc-cookie-descr p{margin:0;color:#2b2e49;font-size:12px;line-height:20px;}
.gc-cookie-descr p+p{margin-top:5px;}
.gc-cookie-descr a{color:#2b2e49;text-decoration:underline;}
.gc-cookie-link{color:#2b2e49;text-decoration:underline;cursor:pointer;}
.gc-cookie-btns{display:flex;flex-direction:row;gap:10px;justify-content:center;padding-bottom:10px;}
.gc-cookie-btns-2{flex-wrap:wrap;}
.gc-cookie-btn{display:inline-flex;align-items:center;justify-content:center;flex:1;padding:10px 14px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:background .15s,opacity .15s;color:#fff;}
.gc-cookie-primary{background:#2b7de9;color:#fff;}
.gc-cookie-primary:hover{background:#2468c4;}
.gc-cookie-outline{background:transparent;color:#2b2e49;border:1px solid #2b2e49;}
.gc-cookie-outline:hover{background:rgba(43,46,73,.08);}
/* Manage options 用途列表 */
.gc-cookie-purposes{border-top:1px solid rgba(43,46,73,.15);padding:6px 0 14px;}
.gc-purpose{padding:8px 0;border-bottom:1px solid rgba(43,46,73,.1);}
.gc-purpose-row{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;}
.gc-purpose-name{font-size:13px;font-weight:600;color:#2b2e49;flex:1;}
.gc-purpose-desc{font-size:11px;line-height:16px;color:#6b7280;margin:3px 0 0;}
.gc-purpose-switch{position:relative;display:inline-flex;width:38px;height:22px;flex-shrink:0;}
.gc-purpose-switch input{opacity:0;width:0;height:0;position:absolute;}
.gc-purpose-switch i{position:absolute;inset:0;background:#c7cbdd;border-radius:22px;transition:background .2s;cursor:pointer;}
.gc-purpose-switch i::before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.3);}
.gc-purpose-switch input:checked+i{background:#2b7de9;}
.gc-purpose-switch input:checked+i::before{transform:translateX(16px);}
.gc-purpose-locked i{opacity:.55;cursor:not-allowed;}
.gc-purpose-locked i::before{opacity:.8;}

/* ===== 工具页 Convertio 风格（2026-08-10，p7：先选文件→选格式→立即转换） ===== */
.gc-panel-tool{max-width:56rem;margin:0 auto;}
.gc-drop-lg{border:2px dashed #c7d2fe;border-radius:1rem;padding:2.6rem 1.5rem;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;background:#f5f7ff;}
.gc-drop-lg:hover{border-color:#2b7de9;background:#eef4ff;}
.dark .gc-drop-lg{border-color:#4f46e5;background:#1e1b4b;}
.gc-drop-lg .gc-drop-ico{font-size:2.4rem;line-height:1;}
.gc-drop-lg p{margin:.55rem 0 0;font-size:1rem;color:#2b2e49;font-weight:600;}
.dark .gc-drop-lg p{color:#e0e7ff;}
.gc-drop-lg .gc-drop-sub{font-size:.8rem;color:#6b7280;font-weight:400;margin-top:.35rem;}
.dark .gc-drop-lg .gc-drop-sub{color:#9ca3af;}
.gc-fmt-row{display:flex;align-items:center;gap:.9rem;margin-top:1.1rem;}
.gc-fmt-row .gc-formats{font-size:1rem;font-weight:700;color:#2b2e49;white-space:nowrap;line-height:1;margin:0;}
.dark .gc-fmt-row .gc-formats{color:#e0e7ff;}
.gc-select-wrap{flex:1;position:relative;display:flex;min-width:0;}
.gc-select-wrap::after{content:'';position:absolute;right:1rem;top:50%;width:.6rem;height:.6rem;border-right:2.5px solid #6b7280;border-bottom:2.5px solid #6b7280;transform:translateY(-65%) rotate(45deg);pointer-events:none;transition:border-color .15s;}
.gc-select-wrap:hover::after{border-color:#111827;}
.dark .gc-select-wrap::after{border-color:#9ca3af;}
.dark .gc-select-wrap:hover::after{border-color:#f3f4f6;}
.gc-select-lg{width:100%;margin-bottom:0;padding:.78rem 2.4rem .78rem .9rem;font-size:1rem;font-weight:600;border-radius:.6rem;border:1px solid #d1d5db;background:#fff;color:#111827;cursor:pointer;-webkit-appearance:none;appearance:none;}
.dark .gc-select-lg{background:#111827;color:#f3f4f6;border-color:#374151;}
.gc-select-lg:focus{outline:none;border-color:#2b7de9;box-shadow:0 0 0 3px rgba(43,125,233,.15);}
.gc-btn-convert{width:100%;margin-top:1.1rem;padding:.85rem 1rem;border:none;border-radius:.7rem;background:#059669;color:#fff;font-weight:700;font-size:1.05rem;cursor:pointer;transition:background .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:.45rem;}
.gc-btn-convert:hover:not(:disabled){background:#047857;}
.gc-btn-convert:disabled{opacity:.5;cursor:not-allowed;}
/* ===== 上传反馈：文件列表 + 拖拽区状态（2026-08-10 晚） ===== */
.gc-file-list{margin-top:.9rem;background:#fff;border:1px solid #e5e7eb;border-radius:.8rem;padding:.8rem 1rem;max-height:13rem;overflow-y:auto;}
.dark .gc-file-list{background:#111827;border-color:#374151;}
.gc-file-list-head{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:#111827;padding-bottom:.5rem;border-bottom:1px solid #f3f4f6;}
.dark .gc-file-list-head{color:#f3f4f6;border-bottom-color:#1f2937;}
.gc-file-list-size{font-weight:400;font-size:.75rem;color:#6b7280;margin-right:auto;}
.gc-file-clear{margin-left:auto;border:none;background:none;cursor:pointer;color:#9ca3af;font-size:.9rem;line-height:1;padding:.2rem .4rem;border-radius:.4rem;}
.gc-file-clear:hover{color:#ef4444;background:#fef2f2;}
.gc-file-list ul{list-style:none;margin:.5rem 0 0;padding:0;}
.gc-file-list li{display:flex;align-items:center;gap:.55rem;padding:.35rem .25rem;border-radius:.4rem;font-size:.82rem;color:#374151;}
.dark .gc-file-list li{color:#d1d5db;}
.gc-file-list li:hover{background:#f9fafb;}
.dark .gc-file-list li:hover{background:#1f2937;}
.gc-file-ico{font-size:1rem;flex-shrink:0;}
.gc-file-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;}
.gc-file-size{flex-shrink:0;font-size:.72rem;color:#9ca3af;}
.gc-drop-added{border-color:#059669 !important;background:#ecfdf5 !important;}
.dark .gc-drop-added{border-color:#10b981 !important;background:#064e3b !important;}
.gc-drop-added .gc-drop-ico{filter:none;}
.gc-drop-drag{border-color:#2b7de9 !important;background:#eef4ff !important;box-shadow:0 0 0 4px rgba(43,125,233,.18);}
.dark .gc-drop-drag{border-color:#60a5fa !important;background:#172554 !important;}
.gc-drop-lg .gc-drop-sub{display:block;}
.gc-drop-added .gc-drop-sub{color:#059669 !important;font-weight:600;}
.dark .gc-drop-added .gc-drop-sub{color:#34d399 !important;}
/* 状态条在文件已添加时用主题色，增强可感知 */
.gc-status-success{color:#059669;font-weight:600;}
.dark .gc-status-success{color:#34d399;}

/* ===== 深度重设计补充（2026-08-10 深夜） ===== */
html{scroll-behavior:smooth;}
/* 页眉标语：桌面端居中显示，white-space 防止换行 */
#header-tagline{white-space:nowrap;}
/* 移动端 logo 下小字标语 */
#header-tagline-mobile{white-space:nowrap;line-height:1.2;}
@media (max-width:420px){#header-tagline-mobile{font-size:9px;letter-spacing:.02em;}}
/* 工具页 tool-head 响应式：小屏 h1 降字号 */
@media (max-width:480px){
  .gc-tool-head{padding:.9rem 1rem;}
  .gc-tool-head h1{font-size:1.25rem;}
}

/* ===== 补充缺失的 Tailwind 工具类（2026-08-11 凌晨系统性补齐） ===== */
/* 布局 */
.flex-1{flex:1 1 0%}
.min-w-0{min-width:0}
.shrink-0{flex-shrink:0}
.whitespace-nowrap{white-space:nowrap}
.max-w-none{max-width:none}
/* 间距 */
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.375rem * var(--tw-space-y-reverse))}
.space-y-12 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}
.space-y-20 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(5rem * var(--tw-space-y-reverse))}
.pt-2{padding-top:0.5rem}
.pt-8{padding-top:2rem}
.pb-16{padding-bottom:4rem}
.pb-20{padding-bottom:5rem}
.mb-1{margin-bottom:0.25rem}
.mb-1\.5{margin-bottom:0.375rem}
/* 尺寸 */
.h-4{height:1rem}
.h-48{height:12rem}
.h-56{height:14rem}
.w-1\.5{width:0.375rem}
.w-48{width:12rem}
.w-56{width:14rem}
.w-\[10px\]{width:10px}
/* 字体 */
.font-black{font-weight:900}
.font-serif{font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif}
.leading-tight{line-height:1.25}
.text-\[10px\]{font-size:10px;line-height:1.2}
/* 圆角 */
.rounded{border-radius:0.25rem}
.rounded-3xl{border-radius:1.5rem}
/* 渐变背景 */
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-indigo-50\/80{--tw-gradient-from:#eef2ffcc;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-indigo-500{--tw-gradient-from:#6366f1;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-violet-600{--tw-gradient-to:#7c3aed}
.to-white{--tw-gradient-to:#ffffff}
/* 半透明背景（渐变用） */
.bg-black\/50{background-color:rgb(0 0 0 / 0.5)}
.bg-white\/80{background-color:rgb(255 255 255 / 0.8)}
.bg-indigo-100\/60{background-color:rgb(224 231 255 / 0.6)}
.bg-violet-100\/50{background-color:rgb(237 233 254 / 0.5)}
/* 模糊 */
.blur-3xl{filter:blur(64px)}
/* 负位移 */
.-top-10{top:-2.5rem}
.-top-3{top:-0.75rem}
.-right-10{right:-2.5rem}
.-bottom-16{bottom:-4rem}
.-left-10{left:-2.5rem}
.-left-3{left:-0.75rem}
/* 响应式 */
@media (min-width:640px){
  .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm\:text-5xl{font-size:3rem;line-height:1}
  .sm\:px-8{padding-left:2rem;padding-right:2rem}
}
/* dark 模式补充 */
.dark .dark\:divide-gray-700 > :not([hidden]) ~ :not([hidden]){border-color:#374151}

.dark .dark\:bg-gray-700\/40{background-color:rgb(55 65 81 / 0.4)}
.dark .dark\:bg-violet-900\/10{background-color:rgb(76 29 149 / 0.1)}
.dark .dark\:from-indigo-950\/30{--tw-gradient-from:rgb(30 27 75 / 0.3)}
.dark .dark\:to-gray-900{--tw-gradient-to:#111827}
/* hover 补充 */
.hover\:bg-gray-300:hover{background-color:#d1d5db}
.hover\:bg-indigo-700:hover{background-color:#4338ca}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1)}
.hover\:text-gray-900:hover{color:#111827}
.hover\:text-indigo-800:hover{color:#3730a3}
.hover\:underline:hover{text-decoration-line:underline}
/* group-hover */
.group:hover .group-hover\:text-indigo-600{color:#4f46e5}
.group:hover .group-hover\:text-indigo-800{color:#3730a3}
.group:hover .group-hover\:translate-x-1{transform:translateX(0.25rem)}
/* focus 补充 */
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:absolute:focus{position:absolute}
.focus\:top-4:focus{top:1rem}
.focus\:left-4:focus{left:1rem}
.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}
/* last 补充 */
.last\:border-0:last-child{border-width:0}
/* rtl-flip 占位（无实际效果，避免告警） */
.rtl-flip{}

/* ===== Transcript 工具页：语言选择 + 简体开关（2026-08-13） ===== */
.gc-fmt-row-extra{margin-top:.7rem;}
.gc-fmt-row-extra .gc-select{margin-bottom:0;padding:.6rem .9rem;font-size:.9rem;border-radius:.6rem;}
.gc-fmt-row-extra .gc-formats{font-size:.88rem;font-weight:600;color:#374151;margin:0;white-space:nowrap;}
.dark .gc-fmt-row-extra .gc-formats{color:#d1d5db;}
.gc-checkbox{width:1.15rem;height:1.15rem;accent-color:#2b7de9;cursor:pointer;margin:0;}
.gc-fmt-row-extra .gc-formats[for="gcSimplified"]{cursor:pointer;}
@media (max-width:520px){
  .gc-fmt-row-extra{flex-wrap:wrap;}
  .gc-fmt-row-extra .gc-select{min-width:100%;}
}

/* ===== Transcript 语言下拉：去掉小箭头（2026-08-14） =====
   保留 gcFmt 大箭头（.gc-select-wrap::after），仅隐藏 gcLang 的小箭头 */
.gc-select-wrap-noarrow::after{display:none;}
.gc-select-wrap-noarrow .gc-select{padding-right:.9rem;}

/* ===== 音频工具：上传/URL 双通道 tab（2026-08-14） ===== */
.gc-src-tabs{display:flex;gap:.5rem;margin-bottom:1rem;background:#f3f4f6;border-radius:.75rem;padding:.3rem;}
.dark .gc-src-tabs{background:#1f2937;}
.gc-src-tab{flex:1;padding:.6rem 1rem;border:0;border-radius:.55rem;background:transparent;color:#6b7280;font-size:.92rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s;}
.dark .gc-src-tab{color:#9ca3af;}
.gc-src-tab:hover{color:#111827;}
.dark .gc-src-tab:hover{color:#f3f4f6;}
.gc-src-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.dark .gc-src-tab.active{background:#374151;color:#f3f4f6;}
.gc-url-panel{margin-bottom:1rem;}
.gc-url-row{display:flex;gap:.5rem;}
.gc-url-input{flex:1;width:100%;padding:.8rem .9rem;border:1px solid #d1d5db;border-radius:.6rem;font-size:.95rem;background:#fff;color:#111827;outline:none;transition:border-color .15s,box-shadow .15s;}
.dark .gc-url-input{background:#111827;color:#f3f4f6;border-color:#374151;}
.gc-url-input:focus{border-color:#2b7de9;box-shadow:0 0 0 3px rgba(43,125,233,.15);}
.gc-url-hint{font-size:.8rem;color:#6b7280;margin:.45rem 0 0;}
.dark .gc-url-hint{color:#9ca3af;}

/* ===== 转换/下载进度条（2026-08-14） ===== */
.gc-progress-wrap{margin:1rem 0 .4rem;}
.gc-progress{height:.55rem;background:#e5e7eb;border-radius:999px;overflow:hidden;}
.dark .gc-progress{background:#374151;}
.gc-progress-bar{height:100%;width:0;background:#2b7de9;border-radius:999px;transition:width .2s ease;}
.gc-progress-text{font-size:.82rem;color:#6b7280;margin-top:.3rem;text-align:center;}
.dark .gc-progress-text{color:#9ca3af;}

/* ===== 网页图片提取面板（image 工具第三个 tab，2026-08-14） ===== */
.gc-extract-panel{margin-bottom:1rem;}
.gc-btn-secondary{padding:.8rem 1.1rem;border:1px solid #d1d5db;border-radius:.6rem;background:#fff;color:#374151;font-size:.92rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;}
.dark .gc-btn-secondary{background:#111827;color:#f3f4f6;border-color:#374151;}
.gc-btn-secondary:hover{border-color:#2b7de9;color:#2b7de9;}
.gc-img-list{margin-top:.9rem;max-height:340px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:.7rem;background:#fff;}
.dark .gc-img-list{border-color:#374151;background:#111827;}
.gc-img-list-head{display:flex;justify-content:space-between;align-items:center;padding:.55rem .8rem;font-size:.82rem;font-weight:600;color:#4b5563;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:1;}
.dark .gc-img-list-head{color:#d1d5db;border-color:#374151;background:#111827;}
.gc-img-select-all{font-weight:500;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;}
.gc-img-items{list-style:none;margin:0;padding:0;}
.gc-img-item{border-bottom:1px solid #f3f4f6;}
.dark .gc-img-item{border-color:#1f2937;}
.gc-img-item:last-child{border-bottom:0;}
.gc-img-item label{display:flex;align-items:center;gap:.7rem;padding:.5rem .8rem;cursor:pointer;}
.gc-img-item:hover{background:#f9fafb;}
.dark .gc-img-item:hover{background:#1f2937;}
.gc-img-item input[type="checkbox"]{flex:none;width:1rem;height:1rem;accent-color:#2b7de9;}
.gc-img-item img{width:44px;height:44px;object-fit:cover;border-radius:.45rem;background:#f3f4f6;flex:none;}
.dark .gc-img-item img{background:#1f2937;}
.gc-img-info{display:flex;flex-direction:column;min-width:0;overflow:hidden;}
.gc-img-name{font-size:.84rem;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dark .gc-img-name{color:#f3f4f6;}
.gc-img-alt{font-size:.76rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dark .gc-img-alt{color:#9ca3af;}
.gc-img-empty{font-size:.85rem;color:#6b7280;padding:.8rem;text-align:center;}
.dark .gc-img-empty{color:#9ca3af;}