/* 自定义基础样式 */
/* UnoCSS 入口文件 - 自定义样式 */

/* 确保基础重置样式 */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* 列表元素重置样式 */
ul,
ol,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 定义列表元素的默认样式 */
ul.list-disc {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

ol.list-decimal {
    list-style-type: decimal;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

li {
    margin-bottom: 0.25rem;
}

/* 定义列表项的基础间距 */
ul li,
ol li {
    margin-bottom: 0.25rem;
}

/* 嵌套列表的间距调整 */
ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

/* 定义列表元素的自定义样式 */
.list-none {
    list-style: none;
    padding-left: 0;
}

.list-disc {
    list-style-type: disc;
    padding-left: 1.5rem;
}

.list-decimal {
    list-style-type: decimal;
    padding-left: 1.5rem;
}

/* 描述列表重置样式 */
dl {
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
}

dt {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

dd {
    margin: 0;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}

/* 其他常见元素重置样式 */
p {
    margin: 0;
    margin-bottom: 1rem;
}

blockquote {
    margin: 0;
    padding: 0;
    margin-bottom: 1rem;
    padding-left: 1rem;
    border-left: 4px solid #e5e7eb;
    font-style: italic;
}

pre,
code {
    font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
}

pre {
    margin: 0;
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #f3f4f6;
    border-radius: 0.375rem;
    overflow-x: auto;
}

code {
    padding: 0.125rem 0.25rem;
    background-color: #f3f4f6;
    border-radius: 0.25rem;
    font-size: 0.875em;
}

pre code {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    font-size: inherit;
}

/* 表格重置样式 */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1rem;
}

th,
td {
    padding: 0.5rem;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
}

th {
    font-weight: 600;
    background-color: #f9fafb;
}

/* 图片和媒体元素重置 */
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 分隔线样式 */
hr {
    border: none;
    height: 1px;
    background-color: #e5e7eb;
    margin: 1.5rem 0;
}

/* 表单元素重置样式 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    border: 0;
}

/* 进一步的表单元素重置 */
button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
}

button:disabled,
[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea {
    -webkit-appearance: none;
    appearance: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9ca3af;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #9ca3af;
    opacity: 1;
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
}

select {
    -webkit-appearance: none;
    appearance: none;
    cursor: inherit;
}

textarea {
    resize: vertical;
}

/* WordPress core styles override */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    color: #374151;
    background-color: #f1f5f9;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

/* 确保WordPress主题样式不会覆盖UnoCSS */
body.wp-core-ui,
body.wp-admin {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* 重置WordPress默认样式 */
.wp-block-group,
.wp-block-columns,
.wp-block-column,
.entry-content>*,
.site-content {
    margin: 0;
    padding: 0;
}

a {
    color: #000;
    transition: color 300ms ease-in-out;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #F69323;
    outline: none;
}

/* 禁用所有元素的outline */
* {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0;
}

h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}

h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background-color: silver;
    border-radius: 3px;
}

::-webkit-scrollbar-button {
    display: none;
}

/* Custom components */
.btn {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    font-weight: 500;
    transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    border: 0;
    background: none;
    cursor: pointer;
}

.btn-primary {
    background-color: #000;
    color: #fff;
}

.btn-primary:hover {
    background-color: #F69323;
}

.btn-secondary {
    background-color: #f3f4f6;
    color: #1f2937;
    border: 1px solid #d1d5db;
}

.btn-secondary:hover {
    background-color: #e5e7eb;
}

/* Header navigation */
.site-header {
    background-color: white;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#wpcn-header .header-search form input {
    background-color: #f3f4f6;
    border: none;
    border-radius: 9999px;
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.25rem;
    transition: all 300ms ease-in-out;
}

#wpcn-header .header-search form input:focus {
    outline: none;
    border: none;
    background-color: #e5e7eb;
}

@media (min-width: 1024px) {
    #wpcn-header .header-search form input:focus {
        min-width: 18rem;
    }
}

#wpcn-header .header-search form input::placeholder {
    color: #6b7280;
}

.main-navigation {
    display: flex;
    gap: 1rem;
}

/* Footer */
.site-footer {
    background-color: #f3f4f6;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 2.5rem;
}

.footer-info {
    margin-bottom: 1rem;
}

.footer-navigation {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* 隐藏滚动条但保留功能 */
.scrollbar-hide {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */
}

/* UnoCSS 生成的样式 */
/* layer: preflights */
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
/* layer: typography */
.prose :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.prose :where(a):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.prose :where(a code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);}.prose :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)){margin:1em 0;line-height:1.75;}.prose :where(blockquote):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.prose :where(h1):not(:where(.not-prose,.not-prose *)){margin:1rem 0;font-size:2.25em;}.prose :where(h2):not(:where(.not-prose,.not-prose *)){margin:1.75em 0 .5em;font-size:1.75em;}.prose :where(h3):not(:where(.not-prose,.not-prose *)){margin:1.5em 0 .5em;font-size:1.375em;}.prose :where(h4):not(:where(.not-prose,.not-prose *)){margin:1em 0;font-size:1.125em;}.prose :where(img,video):not(:where(.not-prose,.not-prose *)){max-width:100%;}.prose :where(figure,picture):not(:where(.not-prose,.not-prose *)){margin:1em 0;}.prose :where(figcaption):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-captions);font-size:.875em;}.prose :where(code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::before,.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::after{content:"`";}.prose :where(pre):not(:where(.not-prose,.not-prose *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.prose :where(pre,code):not(:where(.not-prose,.not-prose *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:transparent;}.prose :where(pre code):not(:where(.not-prose,.not-prose *)){font-weight:inherit;}.prose :where(ol,ul):not(:where(.not-prose,.not-prose *)){padding-left:1.25em;}.prose :where(ol):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}.prose :where(ol[type="A"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}.prose :where(ol[type="a"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}.prose :where(ol[type="A" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}.prose :where(ol[type="a" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}.prose :where(ol[type="I"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}.prose :where(ol[type="i"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}.prose :where(ol[type="I" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}.prose :where(ol[type="i" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}.prose :where(ol[type="1"]):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}.prose :where(ul):not(:where(.not-prose,.not-prose *)){list-style-type:disc;}.prose :where(ol > li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(ul > li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(summary):not(:where(.not-prose,.not-prose *))::marker{color:var(--un-prose-lists);}.prose :where(hr):not(:where(.not-prose,.not-prose *)){margin:2em 0;border:1px solid var(--un-prose-hr);}.prose :where(table):not(:where(.not-prose,.not-prose *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.prose :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n){background:var(--un-prose-bg-soft);}.prose :where(td,th):not(:where(.not-prose,.not-prose *)){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.prose :where(abbr):not(:where(.not-prose,.not-prose *)){cursor:help;}.prose :where(kbd):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.prose :where(details):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.prose :where(summary):not(:where(.not-prose,.not-prose *)){cursor:pointer;font-weight:600;}
.prose{color:var(--un-prose-body);max-width:65ch;}
/* layer: shortcuts */
.-container{width:-100%;margin-left:auto;margin-right:auto;padding-left:-1rem;padding-right:-1rem;}
.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
@media (min-width: 640px){
.-container{max-width:-640px;margin-left:auto;margin-right:auto;padding-left:-1rem;padding-right:-1rem;}
.container{max-width:640px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
}
@media (min-width: 768px){
.-container{max-width:-768px;margin-left:auto;margin-right:auto;padding-left:-1rem;padding-right:-1rem;}
.container{max-width:768px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
}
@media (min-width: 1024px){
.-container{max-width:-1024px;margin-left:auto;margin-right:auto;padding-left:-1rem;padding-right:-1rem;}
.container{max-width:1024px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
}
@media (min-width: 1280px){
.-container{max-width:-1280px;margin-left:auto;margin-right:auto;padding-left:-1rem;padding-right:-1rem;}
.container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
}
@media (min-width: 1536px){
.-container{max-width:-1536px;margin-left:auto;margin-right:auto;padding-left:-1rem;padding-right:-1rem;}
.container{max-width:1536px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;}
}
/* layer: default */
.pointer-events-none{pointer-events:none;}
.visible{visibility:visible;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.static{position:static;}
.inset-0{inset:0;}
.inset-y-0{top:0;bottom:0;}
.-top-2{top:-0.5rem;}
.bottom-0{bottom:0;}
.bottom-2{bottom:0.5rem;}
.bottom-20{bottom:5rem;}
.bottom-4{bottom:1rem;}
.left-0{left:0;}
.left-1{left:0.25rem;}
.left-1\/2{left:50%;}
.left-4{left:1rem;}
.right-0{right:0;}
.right-1{right:0.25rem;}
.right-2{right:0.5rem;}
.right-4{right:1rem;}
.top-0{top:0;}
.top-1\/2{top:50%;}
.top-2{top:0.5rem;}
.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;}
.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;}
.line-clamp-5{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;}
.line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;}
.-z-10{z-index:-10;}
.z-\[999\]{z-index:999;}
.z-10{z-index:10;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,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));}
.m-0{margin:0;}
.m-4{margin:1rem;}
.mx-\[4px\]{margin-left:4px;margin-right:4px;}
.mx-1{margin-left:0.25rem;margin-right:0.25rem;}
.mx-2{margin-left:0.5rem;margin-right:0.5rem;}
.mx-4{margin-left:1rem;margin-right:1rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.my{margin-top:1rem;margin-bottom:1rem;}
.my-\[8px\]{margin-top:8px;margin-bottom:8px;}
.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}
.my-6{margin-top:1.5rem;margin-bottom:1.5rem;}
.my-8{margin-top:2rem;margin-bottom:2rem;}
.-mb-px{margin-bottom:-1px;}
.mb-1{margin-bottom:0.25rem;}
.mb-10{margin-bottom:2.5rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-3{margin-bottom:0.75rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-8{margin-bottom:2rem;}
.me{margin-inline-end:1rem;}
.ml-1{margin-left:0.25rem;}
.ml-2{margin-left:0.5rem;}
.mr-1{margin-right:0.25rem;}
.mr-10{margin-right:2.5rem;}
.mr-2{margin-right:0.5rem;}
.mr-3{margin-right:0.75rem;}
.mr-4{margin-right:1rem;}
.mt-1{margin-top:0.25rem;}
.mt-16{margin-top:4rem;}
.mt-2{margin-top:0.5rem;}
.mt-3{margin-top:0.75rem;}
.mt-4{margin-top:1rem;}
.mt-auto{margin-top:auto;}
.inline{display:inline;}
.block{display:block;}
.inline-block{display:inline-block;}
.contents{display:contents;}
.hidden{display:none;}
.aspect-square{aspect-ratio:1/1;}
.\!h-8{height:2rem !important;}
.h-\[300px\]{height:300px;}
.h-\[calc\(100vh-68px\)\]{height:calc(100vh - 68px);}
.h-10{height:2.5rem;}
.h-12{height:3rem;}
.h-16{height:4rem;}
.h-2,
.h2{height:0.5rem;}
.h-20{height:5rem;}
.h-24{height:6rem;}
.h-3,
.h3{height:0.75rem;}
.h-4{height:1rem;}
.h-48{height:12rem;}
.h-5{height:1.25rem;}
.h-6{height:1.5rem;}
.h-7{height:1.75rem;}
.h-8{height:2rem;}
.h-9{height:2.25rem;}
.h-full{height:100%;}
.h-px{height:1px;}
.max-w-auto{max-width:auto;}
.max-w-full{max-width:100%;}
.max-w-lg{max-width:32rem;}
.max-w-md{max-width:28rem;}
.max-w-none{max-width:none;}
.min-h-\[calc\(100vh-48px-50px-64px\)\]{min-height:calc(100vh - 48px - 50px - 64px);}
.min-w-0{min-width:0;}
.min-w-60{min-width:15rem;}
.min-w-full{min-width:100%;}
.min-w-max{min-width:max-content;}
.w-\[320px\]{width:320px;}
.w-\[70px\]{width:70px;}
.w-1\/3{width:33.3333333333%;}
.w-1\/5{width:20%;}
.w-10{width:2.5rem;}
.w-12{width:3rem;}
.w-16{width:4rem;}
.w-2{width:0.5rem;}
.w-20{width:5rem;}
.w-24{width:6rem;}
.w-3{width:0.75rem;}
.w-4{width:1rem;}
.w-4\/5{width:80%;}
.w-40{width:10rem;}
.w-5{width:1.25rem;}
.w-6{width:1.5rem;}
.w-7{width:1.75rem;}
.w-8{width:2rem;}
.w-auto{width:auto;}
.w-full{width:100%;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.flex-\[0_0_100\%\]{flex:0 0 100%;}
.flex-1{flex:1 1 0%;}
.flex-shrink-0{flex-shrink:0;}
.flex-grow{flex-grow:1;}
.flex-row{flex-direction:row;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.table{display:table;}
.border-collapse{border-collapse:collapse;}
.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-translate-x-full{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.hover\:-translate-y-0\.5:hover{--un-translate-y:-0.125rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.hover\:-translate-y-1:hover{--un-translate-y:-0.25rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.scale-110,
.group:hover .group-hover\:scale-110{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.group:hover .group-hover\:scale-125{--un-scale-x:1.25;--un-scale-y:1.25;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.hover\:scale-110:hover{--un-scale-x:1.1;--un-scale-y:1.1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
@keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
.cursor-pointer{cursor:pointer;}
.cursor-not-allowed{cursor:not-allowed;}
.resize{resize:both;}
.list-disc{list-style-type:disc;}
.list-inside{list-style-position:inside;}
.appearance-none{-webkit-appearance:none;appearance:none;}
.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;}
.justify-around{justify-content:space-around;}
.gap-2{gap:0.5rem;}
.gap-3{gap:0.75rem;}
.gap-4{gap:1rem;}
.gap-5{gap:1.25rem;}
.gap-6{gap:1.5rem;}
.space-x-1>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.25rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.25rem * var(--un-space-x-reverse));}
.space-x-2>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(0.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(0.5rem * var(--un-space-x-reverse));}
.space-x-4>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(1rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(1rem * var(--un-space-x-reverse));}
.space-x-6>:not([hidden])~:not([hidden]){--un-space-x-reverse:0;margin-left:calc(1.5rem * calc(1 - var(--un-space-x-reverse)));margin-right:calc(1.5rem * var(--un-space-x-reverse));}
.space-y-1>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.25rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.25rem * var(--un-space-y-reverse));}
.space-y-2>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.5rem * var(--un-space-y-reverse));}
.space-y-3>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(0.75rem * var(--un-space-y-reverse));}
.space-y-4>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1rem * var(--un-space-y-reverse));}
.divide-y>:not([hidden])~:not([hidden]){--un-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-width:calc(1px * var(--un-divide-y-reverse));}
.divide-gray-200>:not([hidden])~:not([hidden]){--un-divide-opacity:1;border-color:rgb(229 231 235 / var(--un-divide-opacity));}
.overflow-hidden{overflow:hidden;}
.overflow-x-auto{overflow-x:auto;}
.overflow-y-auto{overflow-y:auto;}
.overscroll-none{overscroll-behavior:none;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.whitespace-nowrap{white-space:nowrap;}
.b,
.border{border-width:1px;}
.border-x{border-left-width:1px;border-right-width:1px;}
.border-b{border-bottom-width:1px;}
.border-b-2{border-bottom-width:2px;}
.last\:border-b-0:last-child{border-bottom-width:0px;}
.border-gray-100{--un-border-opacity:1;border-color:rgb(243 244 246 / var(--un-border-opacity));}
.border-gray-200{--un-border-opacity:1;border-color:rgb(229 231 235 / var(--un-border-opacity));}
.border-gray-300{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}
.border-orange-500{--un-border-opacity:1;border-color:rgb(249 115 22 / var(--un-border-opacity));}
.border-primary{--un-border-opacity:1;border-color:rgb(0 0 0 / var(--un-border-opacity));}
.border-red-200{--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity));}
.border-transparent{border-color:transparent;}
.hover\:border-accent:hover{--un-border-opacity:1;border-color:rgb(246 147 35 / var(--un-border-opacity));}
.hover\:border-gray-300:hover{--un-border-opacity:1;border-color:rgb(209 213 219 / var(--un-border-opacity));}
.focus\:border-accent:focus{--un-border-opacity:1;border-color:rgb(246 147 35 / var(--un-border-opacity));}
.focus\:border-primary:focus{--un-border-opacity:1;border-color:rgb(0 0 0 / var(--un-border-opacity));}
.rounded{border-radius:0.25rem;}
.rounded-full{border-radius:9999px;}
.rounded-lg{border-radius:0.5rem;}
.rounded-md{border-radius:0.375rem;}
.rounded-l{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}
.rounded-r{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}
.rounded-t-lg{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;}
.bg-\[\#25d366\]{--un-bg-opacity:1;background-color:rgb(37 211 102 / var(--un-bg-opacity));}
.bg-\[\#304156\]{--un-bg-opacity:1;background-color:rgb(48 65 86 / var(--un-bg-opacity));}
.bg-accent,
.group:hover .group-hover\:bg-accent{--un-bg-opacity:1;background-color:rgb(246 147 35 / var(--un-bg-opacity));}
.bg-accent\/10{background-color:rgb(246 147 35 / 0.1);}
.bg-accent\/5{background-color:rgb(246 147 35 / 0.05);}
.bg-black,
.bg-primary{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));}
.bg-gray-100{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}
.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity));}
.bg-gray-50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
.bg-gray-900{--un-bg-opacity:1;background-color:rgb(17 24 39 / var(--un-bg-opacity));}
.bg-orange-500{--un-bg-opacity:1;background-color:rgb(249 115 22 / var(--un-bg-opacity));}
.bg-red-50{--un-bg-opacity:1;background-color:rgb(254 242 242 / var(--un-bg-opacity));}
.bg-red-500{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity));}
.bg-secondary{--un-bg-opacity:1;background-color:rgb(35 40 45 / var(--un-bg-opacity));}
.bg-slate-100{--un-bg-opacity:1;background-color:rgb(241 245 249 / var(--un-bg-opacity));}
.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));}
.hover\:bg-accent:hover{--un-bg-opacity:1;background-color:rgb(246 147 35 / var(--un-bg-opacity));}
.hover\:bg-accent\/5:hover{background-color:rgb(246 147 35 / 0.05);}
.hover\:bg-gray-100:hover{--un-bg-opacity:1;background-color:rgb(243 244 246 / var(--un-bg-opacity));}
.hover\:bg-gray-200:hover{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity));}
.hover\:bg-gray-300:hover{--un-bg-opacity:1;background-color:rgb(209 213 219 / var(--un-bg-opacity));}
.hover\:bg-gray-50:hover{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}
.hover\:bg-primary-dark:hover{--un-bg-opacity:1;background-color:rgb(0 0 0 / var(--un-bg-opacity));}
.bg-opacity-40{--un-bg-opacity:0.4;}
.bg-opacity-50{--un-bg-opacity:0.5;}
.bg-opacity-60{--un-bg-opacity:0.6;}
.bg-opacity-80{--un-bg-opacity:0.8;}
.hover\:bg-opacity-100:hover{--un-bg-opacity:1;}
.bg-none{background-image:none;}
.fill-current{fill:currentColor;}
.object-cover{object-fit:cover;}
.p-\[1px\]{padding:1px;}
.p-1{padding:0.25rem;}
.p-2{padding:0.5rem;}
.p-3{padding:0.75rem;}
.p-4{padding:1rem;}
.p-6{padding:1.5rem;}
.p-8{padding:2rem;}
.px,
.px-4{padding-left:1rem;padding-right:1rem;}
.px-\[16px\]{padding-left:16px;padding-right:16px;}
.px-\[7px\]{padding-left:7px;padding-right:7px;}
.px-1{padding-left:0.25rem;padding-right:0.25rem;}
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.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-5{padding-top:1.25rem;padding-bottom:1.25rem;}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.pb-\[22px\]{padding-bottom:22px;}
.pb-1{padding-bottom:0.25rem;}
.pb-10{padding-bottom:2.5rem;}
.pb-2{padding-bottom:0.5rem;}
.pb-4{padding-bottom:1rem;}
.pb-8{padding-bottom:2rem;}
.pl-2{padding-left:0.5rem;}
.pl-3{padding-left:0.75rem;}
.pl-4{padding-left:1rem;}
.pl-6{padding-left:1.5rem;}
.pr-0{padding-right:0;}
.pr-6{padding-right:1.5rem;}
.pr-8{padding-right:2rem;}
.pt-\[8px\]{padding-top:8px;}
.pt-1{padding-top:0.25rem;}
.pt-4{padding-top:1rem;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-\[10px\]{font-size:10px;}
.text-2xl{font-size:1.5rem;line-height:2rem;}
.text-3xl{font-size:1.875rem;line-height:2.25rem;}
.text-9xl{font-size:8rem;line-height:1;}
.text-base{font-size:1rem;line-height:1.5rem;}
.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;}
.text-accent,
.group:hover .group-hover\:text-accent{--un-text-opacity:1;color:rgb(246 147 35 / var(--un-text-opacity));}
.text-accent\/70{color:rgb(246 147 35 / 0.7);}
.text-black,
.text-primary{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));}
.text-gray-200{--un-text-opacity:1;color:rgb(229 231 235 / var(--un-text-opacity));}
.text-gray-300{--un-text-opacity:1;color:rgb(209 213 219 / var(--un-text-opacity));}
.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity));}
.text-gray-500{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}
.text-gray-600{--un-text-opacity:1;color:rgb(75 85 99 / var(--un-text-opacity));}
.text-gray-700{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));}
.text-gray-800{--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));}
.text-gray-900{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity));}
.text-green-600{--un-text-opacity:1;color:rgb(22 163 74 / var(--un-text-opacity));}
.text-orange-500{--un-text-opacity:1;color:rgb(249 115 22 / var(--un-text-opacity));}
.text-red-500{--un-text-opacity:1;color:rgb(239 68 68 / var(--un-text-opacity));}
.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity));}
.text-white,
.group:hover .group-hover\:text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
.text-yellow-500{--un-text-opacity:1;color:rgb(234 179 8 / var(--un-text-opacity));}
.hover\:text-accent:hover{--un-text-opacity:1;color:rgb(246 147 35 / var(--un-text-opacity));}
.hover\:text-blue-600:hover{--un-text-opacity:1;color:rgb(37 99 235 / var(--un-text-opacity));}
.hover\:text-gray-700:hover{--un-text-opacity:1;color:rgb(55 65 81 / var(--un-text-opacity));}
.hover\:text-gray-800:hover{--un-text-opacity:1;color:rgb(31 41 55 / var(--un-text-opacity));}
.hover\:text-gray-900:hover{--un-text-opacity:1;color:rgb(17 24 39 / var(--un-text-opacity));}
.hover\:text-primary:hover{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));}
.hover\:text-white:hover{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));}
.font-bold{font-weight:700;}
.font-extrabold{font-weight:800;}
.font-medium{font-weight:500;}
.font-normal{font-weight:400;}
.font-semibold{font-weight:600;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}
.capitalize{text-transform:capitalize;}
.italic{font-style:italic;}
.hover\:underline:hover{text-decoration-line:underline;}
.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
.op\[\'aliases\'\]{opacity:'aliases';}
.op\[\'associativity\'\]{opacity:'associativity';}
.op\[\'callable\'\]{opacity:'callable';}
.op\[\'class\'\]{opacity:'class';}
.op\[\'precedence_change\'\]{opacity:'precedence change';}
.op\[\'precedence\'\]{opacity:'precedence';}
.opacity-0{opacity:0;}
.opacity-50{opacity:0.5;}
.group:hover .group-hover\:opacity-100{opacity:1;}
.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0_-2px_10px_rgba\(0\,0\,0\,0\.1\)\]{--un-shadow:0 -2px 10px var(--un-shadow-color, rgba(0, 0, 0, 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-lg{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-md{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-lg:hover{--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-md:hover{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.hover\:shadow-sm:hover{--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.outline{outline-style:solid;}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}
.focus\:ring-1:focus{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.focus\:ring-accent:focus{--un-ring-opacity:1;--un-ring-color:rgb(246 147 35 / var(--un-ring-opacity));}
.focus\:ring-primary:focus{--un-ring-opacity:1;--un-ring-color:rgb(0 0 0 / var(--un-ring-opacity));}
.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
.transition{transition-property:color,background-color,border-color,outline-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-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-shadow{transition-property:box-shadow;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;}
.duration-300{transition-duration:300ms;}
.duration-500{transition-duration:500ms;}
.ease,
.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}
.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar:[object Object];}
@media (min-width: 640px){
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.sm\:flex-row{flex-direction:row;}
.sm\:text-base{font-size:1rem;line-height:1.5rem;}
}
@media (min-width: 768px){
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.md\:mx-2{margin-left:0.5rem;margin-right:0.5rem;}
.md\:mx-4{margin-left:1rem;margin-right:1rem;}
.md\:my-4{margin-top:1rem;margin-bottom:1rem;}
.md\:mb-10{margin-bottom:2.5rem;}
.md\:mb-4{margin-bottom:1rem;}
.md\:mb-8{margin-bottom:2rem;}
.md\:inline{display:inline;}
.md\:block{display:block;}
.md\:hidden{display:none;}
.md\:h-20{height:5rem;}
.md\:w-20{width:5rem;}
.md\:w-auto{width:auto;}
.md\:flex{display:flex;}
.md\:flex-1{flex:1 1 0%;}
.md\:flex-row{flex-direction:row;}
.md\:gap-4{gap:1rem;}
.md\:p-4{padding:1rem;}
.md\:px-10{padding-left:2.5rem;padding-right:2.5rem;}
.md\:py-4{padding-top:1rem;padding-bottom:1rem;}
.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
.md\:pb-3{padding-bottom:0.75rem;}
.md\:text-2xl{font-size:1.5rem;line-height:2rem;}
.md\:text-lg{font-size:1.125rem;line-height:1.75rem;}
.md\:text-sm{font-size:0.875rem;line-height:1.25rem;}
.md\:text-xl{font-size:1.25rem;line-height:1.75rem;}
}
@media (min-width: 1024px){
.lg\:relative{position:relative;}
.lg\:sticky{position:sticky;}
.lg\:top-4{top:1rem;}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
.lg\:m-\[24px\]{margin:24px;}
.lg\:mx-\[24px\]{margin-left:24px;margin-right:24px;}
.lg\:my-\[24px\]{margin-top:24px;margin-bottom:24px;}
.lg\:mb-0{margin-bottom:0;}
.lg\:mb-12{margin-bottom:3rem;}
.lg\:mb-6{margin-bottom:1.5rem;}
.lg\:mt-6{margin-top:1.5rem;}
.lg\:hidden{display:none;}
.lg\:h-8{height:2rem;}
.lg\:max-w-\[calc\(100\%-320px\)\]{max-width:calc(100% - 320px);}
.lg\:max-w-\[calc\(100\%-48px\)\]{max-width:calc(100% - 48px);}
.lg\:min-h-\[calc\(100vh-48px-50px-64px\)\]{min-height:calc(100vh - 48px - 50px - 64px);}
.lg\:min-w-\[500px\]{min-width:500px;}
.lg\:w-\[200px\]{width:200px;}
.lg\:w-\[calc\(100\%-48px\)\]{width:calc(100% - 48px);}
.lg\:w-1\/2{width:50%;}
.lg\:w-1\/4{width:25%;}
.lg\:w-1\/5{width:20%;}
.lg\:w-4\/5{width:80%;}
.lg\:w-auto{width:auto;}
.lg\:flex{display:flex;}
.lg\:flex-\[0_0_calc\(100\%-48px\)\]{flex:0 0 calc(100% - 48px);}
.lg\:flex-row{flex-direction:row;}
.lg\:flex-wrap{flex-wrap:wrap;}
.lg\:translate-x-0{--un-translate-x:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.lg\:justify-between{justify-content:space-between;}
.lg\:gap-6{gap:1.5rem;}
.lg\:gap-8{gap:2rem;}
.lg\:hover\:bg-transparent:hover{background-color:transparent;}
.lg\:p-4{padding:1rem;}
.lg\:p-6{padding:1.5rem;}
.lg\:px-4{padding-left:1rem;padding-right:1rem;}
.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem;}
.lg\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.lg\:py-4{padding-top:1rem;padding-bottom:1rem;}
.lg\:py-8{padding-top:2rem;padding-bottom:2rem;}
.lg\:pb-12{padding-bottom:3rem;}
.lg\:pr-4{padding-right:1rem;}
.lg\:text-2xl{font-size:1.5rem;line-height:2rem;}
.lg\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
}

/* WooCommerce 样式覆盖 */
/**
 * WooCommerce样式覆盖 (已处理 - 移除@apply指令)
 * 
 * 这个文件包含覆盖WooCommerce默认样式的规则，
 * 使用高特异性选择器确保我们的样式优先于WooCommerce的样式
 */

/* 确保产品项样式不被覆盖 */
.woocommerce .log img {
    height: 1.5rem;
}

@media (min-width: 1024px) {
    .woocommerce .log img {
        height: 2rem;
    }
}

.woocommerce .product-item,
.woocommerce-page .product-item,
.product-item {
    background-color: #ffffff;
    border-radius: 0.25rem;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    transition: box-shadow 200ms;
    display: flex;
    flex-direction: column;
    text-align: center;
}

@media (min-width: 1024px) {

    .woocommerce .product-item,
    .woocommerce-page .product-item,
    .product-item {
        width: 220px;
    }
}

.woocommerce .product-item:hover,
.woocommerce-page .product-item:hover,
.product-item:hover {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

/* 按钮样式覆盖 */
.woocommerce .product-item .add_to_cart_button,
.woocommerce-page .product-item .add_to_cart_button,
.product-item .add_to_cart_button,
.woocommerce a.button.add_to_cart_button,
.woocommerce-page a.button.add_to_cart_button {
    background-color: #23282d !important;
    color: #ffffff !important;
    border-radius: 9999px !important;
    padding: 0.5rem 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    transition: color 200ms, background-color 200ms !important;
    background-image: none !important;
    box-shadow: none !important;
}

.woocommerce .product-item .add_to_cart_button:hover,
.woocommerce-page .product-item .add_to_cart_button:hover,
.product-item .add_to_cart_button:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce-page a.button.add_to_cart_button:hover {
    background-color: #F69323 !important;
    color: #ffffff !important;
}

/* 产品价格样式 */
.woocommerce .product-item .product-price,
.woocommerce-page .product-item .product-price,
.product-item .product-price {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #f97316 !important;
    margin-bottom: 0.75rem !important;
}

/* 产品标题样式 */
.woocommerce .product-item .product-title,
.woocommerce-page .product-item .product-title,
.product-item .product-title {
    font-size: 1rem !important;
    font-weight: 500 !important;
    margin-bottom: 0.75rem !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #374151 !important;
    transition: color 200ms !important;
    min-height: 3rem !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
}

.woocommerce .product-item .product-title:hover,
.woocommerce-page .product-item .product-title:hover,
.product-item .product-title:hover {
    color: #F69323 !important;
}

/* 产品图片容器 */
.woocommerce .product-item .aspect-square,
.woocommerce-page .product-item .aspect-square,
.product-item .aspect-square {
    width: 100% !important;
    overflow: hidden !important;
}

/* 产品图片样式 */
.woocommerce .product-item img,
.woocommerce-page .product-item img,
.product-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1) !important;
    transition: all 500ms !important;
}

.woocommerce .product-item .group:hover img,
.woocommerce-page .product-item .group:hover img,
.product-item .group:hover img {
    transform: scale(1.1) !important;
}

/* 产品内容区样式 */
.woocommerce .product-item .product-content,
.woocommerce-page .product-item .product-content,
.product-item .product-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 修复产品网格布局 */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 产品单页样式覆盖 */
.woocommerce div.product div.images,
.woocommerce-page div.product div.images {
    width: 100% !important;
    float: none !important;
}

.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 100% !important;
    float: none !important;
}

/* 产品选项卡样式 */
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 0.75rem 1.5rem !important;
    font-weight: 500 !important;
    color: #6b7280 !important;
    border-bottom: 2px solid transparent !important;
    transition: all 200ms !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #1d4ed8 !important;
    border-bottom: 2px solid #1d4ed8 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

/* 数量选择器 */
.woocommerce .quantity .qty {
    width: 4rem !important;
    height: 2.5rem !important;
    text-align: center !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
}

/* 加入购物车按钮 */
.woocommerce div.product form.cart .button {
    background-color: #23282d !important;
    color: #ffffff !important;
    padding: 0.75rem 1.5rem !important;
    border-radius: 9999px !important;
    font-weight: 500 !important;
    transition: color 150ms, background-color 150ms !important;
    float: none !important;
}

.woocommerce div.product form.cart .button:hover {
    background-color: #F69323 !important;
}

/* 评论区样式 */
.woocommerce #reviews #comments h2 {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
}

.woocommerce #reviews #comments ol.commentlist {
    padding: 0 !important;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 9999px !important;
    border: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin-left: 4rem !important;
    border-radius: 0.5rem !important;
    border: 1px solid #e5e7eb !important;
}

/* 产品变体选择器 */
.woocommerce div.product form.cart .variations {
    border: 0 !important;
    margin-bottom: 1.5rem !important;
}

.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
    border: 0 !important;
    padding: 0.5rem 0 !important;
    line-height: normal !important;
}

.woocommerce div.product form.cart .variations select {
    border: 1px solid #d1d5db !important;
    border-radius: 0.25rem !important;
    padding: 0.5rem 0.75rem !important;
    background-color: #ffffff !important;
    transition: all 150ms !important;
    max-width: 100% !important;
    min-width: 75% !important;
}

.woocommerce div.product form.cart .variations select:focus {
    border-color: #000 !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important;
}

.woocommerce div.product form.cart .variations label {
    font-weight: 500 !important;
    color: #374151 !important;
}

.woocommerce div.product form.cart .reset_variations {
    font-size: 0.875rem !important;
    color: #6b7280 !important;
    transition: color 150ms !important;
}

.woocommerce div.product form.cart .reset_variations:hover {
    color: #000 !important;
}

/* 产品价格 */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    color: #f97316 !important;
    margin-bottom: 1.5rem !important;
}

/* 相关产品标题 */
.woocommerce .related.products h2 {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
}

/* 禁用WooCommerce的某些默认样式 */
.woocommerce span.onsale {
    display: none !important;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    min-width: 18rem;
}

/* 结账表单布局 */
.woocommerce-checkout form.checkout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .woocommerce-checkout form.checkout {
        grid-template-columns: 1fr 1fr;
    }
}

/* 客户信息区域 */
.woocommerce-checkout #customer_details {
    width: 100%;
}

.woocommerce-checkout .col2-set {
    width: 100%;
}

.woocommerce-checkout form.checkout .col2-set .col-1,
.woocommerce-checkout form.checkout .col2-set .col-2 {
    width: 100%;
    float: none;
}

.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #374151;
}

.woocommerce-checkout .form-row {
    margin-bottom: 1rem;
}

.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    width: 48%;
    float: left;
}

.woocommerce-checkout .form-row-first {
    margin-right: 4%;
}

.woocommerce-checkout .form-row-last {
    margin-right: 0;
}

.woocommerce-checkout .form-row label {
    font-weight: 500;
    color: #374151;
}

.woocommerce-checkout .form-row input[type="text"],
.woocommerce-checkout .form-row input[type="email"],
.woocommerce-checkout .form-row input[type="tel"],
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    padding: 0.5rem 0.75rem;
    transition: all 150ms;
}

.woocommerce-checkout #order_review_heading {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.woocommerce-checkout #order_review {
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table {
    border: 0;
    width: 100%;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td {
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e7eb;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table th {
    font-weight: 500;
    color: #374151;
}

.woocommerce-checkout #payment {
    background-color: #f9fafb;
    border-radius: 0.5rem;
    padding: 1.5rem;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #ffffff;
    border-radius: 0.25rem;
    padding: 1rem;
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

.woocommerce-checkout #payment ul.payment_methods {
    list-style: none;
    padding: 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
    margin-bottom: 0.5rem;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    font-weight: 500;
    display: flex;
    align-items: center;
}

.woocommerce-checkout #payment ul.payment_methods li label img {
    margin-left: 0.5rem;
}

.woocommerce-checkout #payment div.form-row {
    margin-top: 1rem;
}

.woocommerce-checkout #payment #place_order {
    background-color: #000;
    color: #ffffff;
    border-radius: 9999px;
    padding: 0.75rem 2rem;
    font-weight: 500;
    width: 100%;
    transition: background-color 150ms;
}

.woocommerce-checkout #payment #place_order:hover {
    background-color: #F69323;
}

.woocommerce-checkout #payment div.form-row.place-order {
    padding: 0;
    border: 0;
}

.woocommerce-checkout .woocommerce-form-coupon {
    margin-bottom: 1rem;
}

.woocommerce-checkout .woocommerce-form-coupon input[type="text"] {
    margin-right: 0.5rem;
}

.woocommerce-checkout .woocommerce-error {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    padding: 1rem;
    border-radius: 0.5rem;
}

.woocommerce-checkout .woocommerce-error li {
    list-style: none;
}

.woocommerce-checkout .select2-container--default .select2-selection--single {
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    height: auto;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0.5rem 0.75rem;
    line-height: 1.5;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #6b7280 transparent transparent transparent;
}

.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #000;
}

.woocommerce-checkout .select2-dropdown {
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
}

.woocommerce-checkout .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
}

.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f3f4f6;
    color: #374151;
}

@media (max-width: 768px) {
    .woocommerce-checkout form.checkout {
        grid-template-columns: 1fr;
    }

    .woocommerce-checkout #order_review {
        margin-top: 2rem;
    }

    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}

.woocommerce-checkout form.checkout>h3#order_review_heading {
    margin-bottom: 1rem;
}

.woocommerce-checkout form.checkout>#order_review {
    margin-top: 0;
}