/* 大模型备案专属样式 */
.dmx-content {padding: 60px 0;background: #f8f9fa;}
.dmx-container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.dmx-title {position: relative;text-align: center;margin-bottom: 40px;}
.dmx-title h2 {font-size: 32px;font-weight: 700;color: #333;margin-bottom: 15px;position: relative;display: inline-block;padding: 0 20px;}
.dmx-title h2:before,
.dmx-title h2:after {content: '';position: absolute;top: 50%;width: 60px;height: 2px;background: #2065fc;}
.dmx-title h2:before {left: -70px;}
.dmx-title h2:after {right: -70px;}
.dmx-title p {color: #666;font-size: 18px;max-width: 700px;margin: 0 auto;line-height: 1.6;}
/* 服务网格 - 新样式 */
.dmx-services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 25px;margin-bottom: 40px;}
.dmx-service-card {background: white;border-radius: 12px;padding: 35px 30px;box-shadow: 0 8px 25px rgba(32, 101, 252, 0.08);transition: all 0.3s ease;position: relative;overflow: hidden;border: 1px solid rgba(32, 101, 252, 0.1);}
.dmx-service-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #2065fc, #3d8bfd);}
.dmx-service-card:hover {transform: translateY(-5px);box-shadow: 0 15px 35px rgba(32, 101, 252, 0.15);border-color: rgba(32, 101, 252, 0.2);}
.dmx-service-icon {width: 65px;height: 65px;background: linear-gradient(135deg, #f0f7ff, #e6f0ff);border-radius: 16px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;transition: all 0.3s ease;border: 1px solid rgba(32, 101, 252, 0.15);}
.dmx-service-card:hover .dmx-service-icon {transform: translateY(-3px);background: linear-gradient(135deg, #e6f0ff, #d6e6ff);box-shadow: 0 8px 20px rgba(32, 101, 252, 0.15);}
.dmx-service-icon img {width: 30px;height: 30px;filter: invert(24%) sepia(89%) saturate(2476%) hue-rotate(208deg) brightness(98%) contrast(101%);}
.dmx-service-card h3 {font-size: 22px;font-weight: 600;color: #1a2b6d;margin-bottom: 15px;position: relative;padding-bottom: 10px;}
.dmx-service-card h3::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background: #2065fc;transition: width 0.3s ease;}
.dmx-service-card:hover h3::after {width: 60px;}
.dmx-service-card > p {color: #555;line-height: 1.6;font-size: 15px;margin-bottom: 20px;min-height: 60px;}
.dmx-service-features {list-style: none;padding: 0;margin: 0;border-top: 1px solid #f0f0f0;padding-top: 20px;}
.dmx-service-features li {color: #555;padding: 8px 0;padding-left: 24px;position: relative;font-size: 14.5px;border-bottom: 1px solid #f5f5f5;transition: all 0.2s ease;}
.dmx-service-features li:last-child {border-bottom: none;}
.dmx-service-features li::before {content: '✓';position: absolute;left: 0;color: #2065fc;font-weight: bold;font-size: 14px;}
.dmx-service-features li:hover {color: #2065fc;transform: translateX(3px);}
/* 流程步骤 */
.dmx-process-steps {display: flex;justify-content: space-between;position: relative;margin-bottom: 40px;}
.dmx-process-steps::before {content: '';position: absolute;top: 30px;left: 50px;right: 50px;height: 2px;background: #e0e0e0;z-index: 1;}
.dmx-process-step {flex: 1;text-align: center;position: relative;z-index: 2;}
.dmx-step-number {width: 60px;height: 60px;background: white;border: 2px solid #2065fc;border-radius: 50%;color: #2065fc;font-size: 20px;font-weight: 700;display: flex;align-items: center;justify-content: center;margin: 0 auto 15px;transition: all 0.3s ease;}
.dmx-process-step:hover .dmx-step-number {background: #2065fc;color: white;transform: scale(1.1);}
.dmx-process-step h3 {font-size: 18px;font-weight: 600;color: #333;margin-bottom: 8px;}
.dmx-process-step p {color: #666;font-size: 14px;line-height: 1.5;max-width: 200px;margin: 0 auto;}
/* 应用场景 */
.dmx-scenarios-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 18px;margin-bottom: 40px;}
.dmx-scenarios-grid{margin-left:30px;margin-right:30px;}
.dmx-scenario-item {background: white;border-radius: 8px;padding: 22px;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;position: relative;overflow: hidden;}
.dmx-scenario-item:hover {transform: translateY(-3px);box-shadow: 0 8px 25px rgba(32, 101, 252, 0.1);}
.dmx-scenario-item::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: linear-gradient(90deg, #2065fc, #3d8bfd);transform: translateX(-100%);transition: transform 0.3s ease;}
.dmx-scenario-item:hover::after {transform: translateX(0);}
.dmx-scenario-item h4 {font-size: 17px;font-weight: 600;color: #333;margin-bottom: 8px;display: flex;align-items: center;gap: 10px;}
.dmx-scenario-item h4::before {content: '▶';color: #2065fc;font-size: 11px;}
.dmx-scenario-item p {color: #666;font-size: 13.5px;line-height: 1.5;}
/* 服务优势 */
.dmx-advantages {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 25px;background: white;border-radius: 12px;padding: 35px;box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);}
.dmx-advantages{margin-left:30px;margin-right:30px;}
.dmx-advantage-item {text-align: center;padding: 15px;}
.dmx-advantage-icon {width: 65px;height: 65px;background: linear-gradient(135deg, #f0f7ff, #e3eeff);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 18px;border: 2px solid #e3eeff;}
.dmx-advantage-icon img {width: 32px;height: 32px;}
.dmx-advantage-item h3 {font-size: 19px;font-weight: 600;color: #333;margin-bottom: 12px;}
.dmx-advantage-item p {color: #666;font-size: 14.5px;line-height: 1.6;}
/* 响应式设计 */
@media (max-width: 1200px) {
	.dmx-process-steps {flex-wrap: wrap;gap: 25px;}
	.dmx-process-step {flex: 0 0 calc(50% - 12.5px);}
	.dmx-process-steps::before {display: none;}
}
@media (max-width: 992px) {
	.dmx-services-grid {grid-template-columns: repeat(2, 1fr);}
	.dmx-advantages {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
	.dmx-content {padding: 40px 0;}
	.dmx-title h2 {font-size: 26px;}
	.dmx-title p {font-size: 16px;}
	.dmx-services-grid,
	.dmx-scenarios-grid {grid-template-columns: 1fr;}
	.dmx-advantages {grid-template-columns: 1fr;padding: 25px 20px;}
	.dmx-process-step {flex: 0 0 100%;}
	.dmx-title h2::before,
	.dmx-title h2::after {width: 30px;}
	.dmx-title h2::before {left: -40px;}
	.dmx-title h2::after {right: -40px;}
}

@media (max-width: 576px) {
	.dmx-service-card {padding: 25px 20px;}
	.dmx-scenario-item {padding: 18px 15px;}
	.dmx-service-card h3 {font-size: 20px;}
	.dmx-advantage-item h3 {font-size: 18px;}
}

@media (max-width: 480px) {
	.dmx-title h2 {font-size: 22px;padding: 0 15px;}
	.dmx-service-icon {width: 55px;height: 55px;border-radius: 14px;margin-bottom: 15px;}
	.dmx-service-icon img {width: 25px;height: 25px;}
	.dmx-step-number {width: 50px;height: 50px;font-size: 18px;}
}

/* 动画效果 */
@keyframes fadeInUp {
	from {opacity: 0;transform: translateY(20px);}
	to {opacity: 1;transform: translateY(0);}
}

.dmx-service-card,
.dmx-process-step,
.dmx-scenario-item,
.dmx-advantage-item {animation: fadeInUp 0.5s ease forwards;opacity: 0;}
.dmx-service-card:nth-child(1) { animation-delay: 0.1s; }
.dmx-service-card:nth-child(2) { animation-delay: 0.2s; }
.dmx-service-card:nth-child(3) { animation-delay: 0.3s; }
.dmx-process-step:nth-child(1) { animation-delay: 0.1s; }
.dmx-process-step:nth-child(2) { animation-delay: 0.2s; }
.dmx-process-step:nth-child(3) { animation-delay: 0.3s; }
.dmx-process-step:nth-child(4) { animation-delay: 0.4s; }
.dmx-scenario-item:nth-child(1) { animation-delay: 0.1s; }
.dmx-scenario-item:nth-child(2) { animation-delay: 0.2s; }
.dmx-scenario-item:nth-child(3) { animation-delay: 0.3s; }
.dmx-scenario-item:nth-child(4) { animation-delay: 0.4s; }
.dmx-scenario-item:nth-child(5) { animation-delay: 0.5s; }
.dmx-scenario-item:nth-child(6) { animation-delay: 0.6s; }
.dmx-advantage-item:nth-child(1) { animation-delay: 0.1s; }
.dmx-advantage-item:nth-child(2) { animation-delay: 0.2s; }
.dmx-advantage-item:nth-child(3) { animation-delay: 0.3s; }
.dmx-advantage-icon {width: 65px;height: 65px;background: linear-gradient(135deg, #f0f7ff, #e3eeff);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 18px;border: 2px solid #e3eeff;}
.dmx-advantage-icon i {font-size: 28px;color: #2065fc;}
.dmx-advantage-item:hover .dmx-advantage-icon i {transform: scale(1.1);transition: transform 0.3s ease;}