html {
    -webkit-text-size-adjust: 100%;
    font-family: InterVariable, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    }
	*, :after, :before { border: 0 solid #e5e7eb;box-sizing: border-box;}
	
	body {--tw-text-opacity: 1;color: rgb(23 23 23 / var(--tw-text-opacity));}
	body {line-height: inherit;margin: 0;}
	a {color: inherit;text-decoration: inherit;}
	p {display: block; margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px; margin-inline-end: 0px;unicode-bidi: isolate;font-size: 1rem;line-height: 1.75;}
	div {display: block;unicode-bidi: isolate;}	

	menu, ol, ul {list-style: none;margin: 0;padding: 0;}
    button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
	ul { display: block;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;unicode-bidi: isolate;}
	blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {margin: 0;}
    hr {border-top-width: 1px;color: inherit;height: 0;}
    a {    text-decoration: none;}


	.hidden {display: none;}
	.justify-between {justify-content: space-between;}
	.justify-center {justify-content: center;}
	.transition-all {transition-duration: .15s;transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);}
	.font-s22 {font-size: 22px;}
    .font-1rem {font-size: 1rem}
	.font-15rem {font-size: 1.5rem;}
	.font-2rem {font-size: 2rem;}
	.font-15px {font-size: 15px; color: rgb(71 85 105 / var(--tw-text-opacity));}
	.font-14px {font-size: 14px; color: rgb(71 85 105 / var(--tw-text-opacity));}
	.font-450 {font-weight: 450;}
	.font-600 {font-weight: 600;}
	.font-500 {font-weight: 500;}
	.font-medium {font-weight: 500;}
	.mt-20 {margin-top: 5rem;}
	.mt-8 {margin-top: 2rem;}
	.ml-9 {margin-left: 2.25rem;}
	.mt-10 {margin-top: 2.5rem;}
	.mt-12 {margin-top: 3rem;}
	.mt-3 {margin-top: .75rem;}
	.mt-4 { margin-top: 1rem;}
	.mt-2 {margin-top: 0.5rem;}
	.mt-0 {margin-top: 0rem;}
	.mr-2 {margin-right: .5rem;}
	.mb-3 {margin-bottom: 0.75rem !important;}
	.mb-4 {margin-bottom: 1rem !important;}
	.mb-5 {margin-bottom: 1.25rem !important;}
	.pb-4 {padding-bottom: 1rem;}
	.pb-10 {padding-bottom: 2.5rem;}
    .gap-4 {gap: 1rem;}
	.pl-5 {padding-left: 1.25rem;}
	.py-20 { padding-bottom: 5rem; padding-top: 5rem;}
	.py-10 { padding-bottom: 2.5rem; padding-top: 2.5rem;}
	.z-0 {z-index: 0;}
	.prose {color: #39547a;max-width: 65ch;}
	.relative {position: relative;}
	.grid {display: grid;}
	.text-neutral-900 {--tw-text-opacity: 1;color: rgb(23 23 23 / var(--tw-text-opacity));}
    .text-xl {font-size: 1.75rem;line-height: 1.75rem;}
    .bg-slate-100 {--tw-bg-opacity: 1;background-color: rgb(241 245 249 / var(--tw-bg-opacity));}
	.list-disc {list-style-type: disc;}
	.card-body ul li::marker {color:red;}
	.fr {float:right}
	.fl {float:left}
	.inline-flex { display: inline-flex;}
	.items-center {align-items: center;}
	.text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity));}
	.logotext {font-size: 1.8rem;line-height: 2rem;font-weight: 600;}
	.linkico a {text-decoration: none;color: #333;position: relative;padding-bottom: 2px;}
    .linkico span{ padding-left: 0.75rem;font-size: 1.25rem;  display: inline-block;}
    .nav-item a {
            text-decoration: none; /* 去掉默认下划线 */
            color: #333; /* 链接颜色 */
            position: relative; /* 相对定位，用于伪元素定位 */
            padding-bottom: 2px; /* 为下划线留出空间 */
        }

        /* 鼠标悬停时的下划线效果 */
        .nav-item a::after {
            content: ''; /* 伪元素内容 */
            position: absolute; /* 绝对定位 */
            left: 0; /* 从左侧开始 */
            bottom: 0; /* 位于链接底部 */
            width: 0; /* 初始宽度为0 */
            height: 2px; /* 下划线高度 */
            background-color: #007bff; /* 下划线颜色 */
            transition: width 0.3s ease; /* 宽度变化的过渡效果 */
        }

        /* 鼠标悬停时，下划线从左向右显示 */
     .nav-item a:hover::after {width: 100%; /* 宽度变为100% */}
	.order-1 {order: 1;}
	
	 li {display: list-item;text-align: -webkit-match-parent;unicode-bidi: isolate;}
	.flex {display: flex;}
    .z-40 {z-index: 40;}
    .top-0 {top: 0;}
    .sticky {position: sticky;}
	.transition-all {transition-duration: .15s;transition-property: all;transition-timing-function: cubic-bezier(.4,0,.2,1);}
	.bg-none {background-image: none;}
	.w-full {width: 100%;}
	.font-semibold {font-weight: 600;}
	.text-neutral-900 {--tw-text-opacity: 1;color: rgb(23 23 23 / var(--tw-text-opacity));}
	.container--boxed, .container--boxed-md {margin-left: auto;margin-right: auto;padding-left: 1.5rem;padding-right: 1.5rem;}
    .container--boxed { max-width: 72rem;}
	.container--boxed-sm { margin-left: auto;margin-right: auto;max-width: 42rem;padding-left: 1.5rem;padding-right: 1.5rem;}
	.list-none { list-style-type: none;}
	.first\:ml-0:first-child {margin-left: 0;}
    .ml-9 {margin-left: 2.25rem;}
	.bg-white {--tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity));}
	.font-\[450\] {font-weight: 450;}
	.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr));}
    .grid {display: grid;}
	.border-b-slate-200 {--tw-border-opacity: 1;border-bottom-color: rgb(226 232 240 / var(--tw-border-opacity));}
	.border-b {border-bottom-width: 1px;}
	
	
	.button--primary {
    align-items: center;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
    border-radius: .125rem;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    display: inline-flex;
    font-size: 1rem;
    height: 56px;
    justify-content: center;
    line-height: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    border-radius: .125rem;
    border-width: 1px;
    color: rgb(30 41 59 / var(--tw-text-opacity));
    font-size: 1rem;
    height: 56px;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    width: 100%;
}
	
   
/* about */		
 .aboutbg {background-color: rgb(241 245 249 / var(--tw-bg-opacity));}
 .aboutcent{padding:3.5rem 2.5rem;}
 .aboutcent .xxcent{height:20rem; overflow:hidden; }
 .aboutcent p {margin-bottom: 1.25em;color: #39547a; margin-top: 0;}
 
 /* 基础样式 */
.w-full {width: 100%;}
.flex-col {display: flex;flex-direction: column;}
.flex {  display: flex;}
.items-center { align-items: center;}
.md\:flex-row {flex-direction: row;}
.button--primary {
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border: none; 
    border-radius: 4px;
    cursor: pointer;
}

.button--primary:hover {
    background-color: #0056b3;
}

.transform {
    transition: max-height 0.3s ease, opacity 0.3s ease;
}

.max-h-0 {
    max-height: 0;
}

.opacity-0 {
    opacity: 0;
}

.overflow-hidden {
    overflow: hidden;
}

/* 展开后的样式 */
.transform.expanded {
    max-height: 500px; /* 根据内容调整 */
    opacity: 1;
}

.responsive-image {
    width: 100%; /* 图片宽度填充容器 */
    height: 100%; /* 图片高度填充容器 */
    object-fit: cover; /* 图片按比例缩放，填充整个容器（可能裁剪部分图片） */
    display: block; /* 防止图片下方出现空白间隙 */
}
/* indexlist */
.indextit {margin-bottom:1rem;}
.indexbox {margin-top:2.5rem;}
.card-body {margin-top:1rem;}
.line-clamp-3 {-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;overflow: hidden;}
.line-clamp-2 {-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;overflow: hidden;}
}
header.shrink {
    height: 50px;
    background-color: #0056b3;
}
.prose :where(a):not(:where([class~=not-prose] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline;
}
.prose :where(p):not(:where([class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em;
}
.button--secondary {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: transparent;
    border-color: rgb(23 23 23 / var(--tw-border-opacity));
    border-radius: .125rem;
    border-style: solid;
    border-width: 2px;
    color: rgb(23 23 23 / var(--tw-text-opacity));
    display: inline-flex
;
    font-size: 1rem;
    font-weight: 500;
    height: 56px;
    justify-content: center;
    line-height: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

  @media (min-width: 768px) {
    .md\:mt-4 {margin-top: 1rem;}
	.navbar {height: 4rem;} }
	@media (min-width: 1024px) {
   .navbar {height: 7rem;}
	.lg\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}  
	.order-2 { order: 2;}
	.lg\:order-1 {order: 1;} 
	.lg\:py-14 {padding-bottom: 3.5rem;padding-top: 3.5rem;} 	
	.lg\:pl-11 {padding-left: 2.75rem;} 
	.lg\:pr-10 {padding-right: 2.5rem;} 
	.lg\:order-2 {order: 2;} 
	.lg\:bg-slate-100 {--tw-bg-opacity: 1;background-color: rgb(241 245 249 / var(--tw-bg-opacity));}
	
@media (min-width: 1024px) {
    .lg\:justify-end {
        justify-content: flex-end;
    }
}

	@media (min-width: 768px) {
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

 @media (max-width: 960px) {
            .linkico {
                display: none; /* 隐藏元素 */
            }
        }
@media (min-width: 768px) {
    .md\:flex {display: flex;}
	   display: none; /* 隐藏元素 */
	.input {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    border-color: rgb(226 232 240 / var(--tw-border-opacity));
    border-radius: 0.125rem;
    border-width: 1px;
    color: rgb(30 41 59 / var(--tw-text-opacity));
    font-size: 1rem;
    height: 56px;
    line-height: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    width: 100%;}
    .aboutcent {padding:0.5rem 0.5rem;}
}