/* 自定义滚动行为 */
html {
    scroll-behavior: smooth;
}

/* 容器样式 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* 过渡效果 */
.transition-all {
    transition: all 0.3s ease;
}

/* 自定义阴影效果 */
.custom-shadow {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-shadow-lg {
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/* 响应式图片 */
img {
    max-width: 100%;
    height: auto;
}

/* 自定义动画 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fadeIn {
    animation: fadeIn 0.6s ease-out;
}

/* 移动端导航栏样式 */
@media (max-width: 768px) {
    .space-x-6 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 0;
    }
    
    .space-x-6 a {
        padding: 0.5rem 0;
    }
}

/* 表单样式增强 */
input:focus, textarea:focus {
    outline: none;
    border-color: #10B981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* 按钮悬停效果 */
.hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* 页面区块间距 */
section {
    padding: 4rem 0;
}

/* 文字渐变效果 */
.text-gradient {
    background: linear-gradient(45deg, #10B981, #059669);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 卡片悬停效果 */
.card-hover {
    transition: transform 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-5px);
} 

.privacy-section {
    padding: 60px 0;
}
.privacy-section .container {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}
.privacy-section h4 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 40px;
    color: #333;
}
.privacy-box {
    background: #fff;
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.privacy-box h6 {
    font-size: 1.2rem;
}

.gap-x-\[7\%\] {
    -moz-column-gap: 7%;
    column-gap: 7%;
}

/* 轮播图样式 */
.innit-simple-slider {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.innit-simple-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.innit-simple-slider-body {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.innit-simple-slider-slide {
    min-width: 100%;
    position: relative;
}

.innit-simple-slider-indicator-container {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 20px 0;
}

.innit-simple-slider-indicator-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #D1D5DB;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.innit-simple-slider-indicator-dot-active {
    background-color: #4CAF50;
}

.innit-heading-head-block {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.innit-text-16-20 {
    font-size: 1.125rem;
    line-height: 1.6;
    color: #4B5563;
}

.innit-btn {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.innit-btn-primary {
    background-color: #4CAF50;
    color: white;
}

.innit-btn-primary:hover {
    background-color: #45a049;
}

.innit-btn-xl {
    padding: 1rem 2rem;
    font-size: 1.125rem;
}

.innit-simple-slider-slide img {
    height: auto;
    object-fit: cover;
    width: 600px;
    display: block;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}

/* MENU界面样式 */

.innit-content-wrapper {
    max-width: 1250px;
}

.innit-content-wrapper, .innit-content-wrapper-big, .innit-content-wrapper-news, .innit-content-wrapper-news-item, .innit-content-wrapper-team {
    margin-inline: auto;
    width: 100%;
}

div {
    display: block;
    unicode-bidi: isolate;
}
body {
    background-color: var(--color-white);
    color: var(--color-black);
    font-family: var(--font-averta);
    font-size: 16px;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    zoom: .9;
    position: relative;
}

img {
    overflow-clip-margin: content-box;
    overflow: clip;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.max-w-full {
    max-width: 100%;
}

.mx-auto {
    margin-inline: auto;
}
img, video {
    height: auto;
    max-width: 100%;
}

.text-center {
    text-align: center;
}

.mx-auto {
    margin-inline: auto;
}

.mt-6 {
    margin-top: calc(var(--spacing) * 6);
}

element.style {
    background: linear-gradient(rgb(213, 255, 202) 0%, rgb(236, 255, 217) 80%);
}

.max-w-\[846px\] {
    max-width: 846px;
}

@media (min-width: 64rem) {
    .lg\:my-\[25px\] {
        margin-block: 25px;
    }
}

@media (min-width: 64rem) {
    .innit-heading-1 {
        --tw-leading: var(--leading-relaxed);
        font-size: 40px;
        line-height: var(--leading-relaxed);
    }
}

* {
    margin: 0;
    padding: 0;
}

.mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
}

@media (min-width: 64rem) {
    .innit-text-16-20 {
        font-size: 20px;
    }
}

.innit-text-16-20 {
    --tw-leading: 1.6;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 16px;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
}

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.init-bounded-wrapper {
    padding-inline: calc(var(--spacing) * 5);
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
}

*, ::backdrop, :after, :before {
    border: 0 solid;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.innit-card-description-img {
    align-self: center;
    grid-area: innit-card-description-img;
}

.grid {
    display: grid
;
}

@media (min-width: 48rem) {
    .innit-card-description-container {
        grid-template:
        "innit-card-description-head innit-card-description-img"
        "innit-card-description-body innit-card-description-img" 1fr / 1fr 1fr;
    }
}

@media (min-width: 64rem) {
    .lg\:text-\[20px\] {
        font-size: 20px;
    }
}

@media (min-width: 48rem) {
    .md\:text-left {
        text-align: left;
    }
}