@import url("../dashinou/base/var.css");
@import url("../dashinou/base/reset.css");

@import url("../dashinou/utilities/atomic.css");
@import url("../dashinou/utilities/animate.css");

@import url("../dashinou/components/buttons.css");
@import url("../dashinou/components/cards.css");
@import url("../dashinou/components/navigation.css");
@import url("../dashinou/components/footer.css");
@import url("../dashinou/components/pfcontact.css");
/*内页BANNER设置*/
.hero-section {
    color: white;
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.hero-section .section-title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    text-align: center;
}
.hero-section .section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: var(--gradient-science);
    border-radius: var(--radius-full);
}
.hero-section .section-title.text-center::after {
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 768px) {
    .hero-section {
    padding: 80px 0;
}
}
 
 /*在线沟通工具*/
        /* 自定义样式 */
        .modal-dialog-communication {
            max-width: 90%;
            width: 800px; /* 设置悬浮窗宽度 */
        }
        .modal-dialog-contact{
            max-width: 90%;
            width: 800px;
        }
        
        
        /* 模态框高度调整 */
        #onlinekfModal .modal-content {
            height: 800px; /* 设置悬浮窗高度 */
        }
        
        /* iframe样式 */
        #communicationFrame {
            width: 100%;
            height: 100%;
            border: none;
        }
        
        /* 模态框头部样式 */
        .modal-header-communication {
            background-color: var(--primary-color);
            color: white;
            padding: 12px 20px;
        }
        
        /* 响应式调整 */
        @media (max-width: 576px) {
            .modal-dialog-communication {
                max-width: 95%;
                margin: 0.5rem auto;
            }
            
            #communicationModal .modal-content {
                height: 500px;
            }
        }

                
/* 自定义类 */
.bg-aluminum-white { background-color: var(--aluminum-white); }
.bg-aluminum-light { background-color: var(--aluminum-light); }
.bg-aluminum-gray { background-color: var(--aluminum-gray); }

.bg-hematite-red { background-color: var(--hematite-red); }
.bg-rust-red { background-color: var(--rust-red); }
.bg-iron-dark { background-color: var(--iron-dark); }

.bg-titanium-light { background-color: var(--titanium-light); }
.bg-titanium-medium { background-color: var(--titanium-medium); }
.bg-titanium-dark { background-color: var(--titanium-dark); }

.bg-zinc-white { background-color: var(--zinc-white); }
.bg-zinc-light { background-color: var(--zinc-light); }
.bg-zinc-yellow { background-color: var(--zinc-yellow); }

.text-hematite-red { color: var(--hematite-red); }
.text-titanium-medium { color: var(--titanium-medium); }
.text-zinc-yellow { color: var(--zinc-yellow); }