@charset "utf-8";
        /* ========== 全局重置 ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
        }
        body {
            font-family: "PingFang SC", "Microsoft Yahei", sans-serif;
            color: #333;
            overflow-x: hidden;
        }
        a {
            text-decoration: none;
            color: inherit;
            transition: all 0.2s ease;
        }
        ul, li {
            list-style: none;
        }
        button {
            border: none;
            background: transparent;
            cursor: pointer;
            font-family: inherit;
        }
		
		

        /* ========== 导航栏核心样式 ========== */
        #header-nav {
            position: fixed;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 70px;
            line-height: 70px;
            padding: 0 20px;
            z-index: 9999;
            background: transparent;
            transition: background 0.3s ease, box-shadow 0.3s ease;
            margin: 0 !important;
            border: none !important;
            box-sizing: border-box !important;
        }
        .nav-inner {
            max-width: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }
        .nav-left {
            display: flex;
            align-items: center;
            gap: 40px;
        }
        .nav-logo {
            height: 30px;
            display: block;
        }
        .nav-menu {
            display: flex;
            gap: 28px;
        }
        .nav-menu-item {
            position: relative;
        }
        .nav-menu-link {
            font-size: 15px;
            color: #000;
            padding: 0 4px;
			padding-bottom: 5px; 
    transition: all 0.2s ease;
        }
        .nav-menu-link.active {
            color: #0168b7 !important;
            border-bottom: 2px solid #0168b7 !important;
			font-weight: 500;
        }
		.nav-menu-link:hover:not(.active) {
    color: #0168b7;
    border-bottom: 2px solid #0168b7;
}
        .nav-dropdown {
            position: absolute;
            top: 70px;
            left: 0;
            min-width: 120px;
            background: #ffffff;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            border-radius: 4px;
            padding: 8px 0;
            display: none;
            z-index: 9999;
        }
        .nav-dropdown-item {
            padding: 0 16px;
            line-height: 36px;
        }
        .nav-dropdown-link {
            font-size: 14px;
            display: block;
        }
        .nav-dropdown-link:hover {
            color: #0168b7;
            background: #f5f8ff;
        }
        .nav-menu-item:hover .nav-dropdown {
            display: block;
        }
        .nav-right {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        .nav-demo-btn {
            background: #0168b7;
            color: #ffffff !important;
            font-size: 14px;
            padding: 4px 18px !important;
            border-radius: 4px;
            line-height: 24px !important;
            height: auto !important;
        }
        .nav-demo-btn:hover {
            background: #00a0ec;
        }
        .nav-login-btn {
            font-size: 14px;
            color: #333;
        }
        .nav-login-btn:hover {
            color: #0168b7;
        }
        .nav-hamburger {
            display: none !important;
            flex-direction: column;
            justify-content: space-between;
            width: 24px;
            height: 20px;
            cursor: pointer;
            z-index: 10001;
        }
        .nav-hamburger span {
            display: block;
            width: 100%;
            height: 2px;
            background: #333;
            transition: all 0.3s ease;
        }
        .nav-hamburger.active span:nth-child(1) {
            transform: rotate(45deg) translate(5px, 5px);
        }
        .nav-hamburger.active span:nth-child(2) {
            opacity: 0;
        }
        .nav-hamburger.active span:nth-child(3) {
            transform: rotate(-45deg) translate(5px, -5px);
        }

        /* ========== 移动端侧边菜单 - 彻底解决对齐问题 ========== */
        .mobile-menu {
            position: fixed;
            top: 0;
            right: 0;
            width: 80%;
            max-width: 320px;
            height: 100vh;
            background: #1a202c !important;
            color: #ffffff !important;
            z-index: 10000;
            transform: translateX(100%);
            transition: transform 0.3s ease;
            padding: 0 !important;
           /* box-shadow: -2px 0 12px rgba(0,0,0,0.2);
            box-sizing: border-box;*/
            overflow-y: auto;
        }
        .mobile-menu.active {
            transform: translateX(0);
        }
        .mobile-menu-mask {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: rgba(0,0,0,0.5);
            z-index: 9998;
            display: none;
        }
        .mobile-menu-mask.active {
            display: block;
        }
        .mobile-menu-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px !important;
            border-bottom: 1px solid #2d3748 !important;
            margin-bottom: 0 !important;
        }
        .mobile-menu-close {
            font-size: 24px;
            color: #e2e8f0;
            cursor: pointer;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .mobile-menu-close:hover {
            color: #ffffff;
        }
        .mobile-menu-list {
            margin-bottom: 0 !important;
            width: 100%;
        }
        /* 核心：所有一级菜单项统一布局 */
        .mobile-menu-item {
            line-height: 48px !important;
            border-bottom: 1px solid #2d3748 !important;
            color: #e2e8f0;
            width: 100%;
            position: relative;
            /* 统一内边距，文字从20px位置开始 */
            padding: 0 !important;
        }
        /* 一级菜单文字容器 - 所有项统一 */
        .mobile-menu-link {
            font-size: 16px !important;
            color: inherit;
            width: 100%;
            display: block;
            /* 关键：所有一级菜单文字统一左内边距20px */
            padding: 0 20px !important;
            position: relative;
        }
        /* 下拉图标单独定位 - 不影响文字对齐 */
        .mobile-dropdown-icon {
            font-size: 12px;
            color: #94a3b8;
            /* 绝对定位到右侧20px位置 */
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer; /* 增加鼠标指针提示 */
        }
        /* 二级菜单容器 */
        .mobile-dropdown {
            display: block; /* 默认展开 */
            padding: 0 !important;
            margin: 0 !important;
            background: #161c27 !important;
            width: 100% !important;
        }
        .mobile-dropdown-item {
            line-height: 48px !important;
            border-bottom: 1px solid #272e3b !important;
            width: 100% !important;
            /* 二级菜单缩进30px（20+10） */
            padding: 0 30px !important;
            margin: 0 !important;
            box-sizing: border-box;
        }
        /* 第一个二级菜单项高亮 */
        .mobile-dropdown-item {
            background: rgba(47, 84, 235, 0.1) !important;
        }
        .mobile-dropdown-link {
            color: #ffffff !important;
            font-weight: 500 !important;
        }
        .mobile-dropdown-link {
            font-size: 15px !important;
            color: #b0b8c4 !important;
            width: 100% !important;
            display: block;
        }
        .mobile-dropdown-link:hover {
            color: #ffffff !important;
        }
        /* 按钮区域 */
        .mobile-menu-btns {
            display: flex;
            flex-direction: column;
            gap: 12px;
            width: 100%;
            padding: 20px !important;
            margin-top: 0 !important;
            border-top: 1px solid #2d3748 !important;
        }
        .mobile-demo-btn {
            background: #0168b7;
            color: #ffffff !important;
            font-size: 14px;
            padding: 12px;
            border-radius: 4px;
            text-align: center;
            width: 100%;
        }
        .mobile-demo-btn:hover {
            background: #2548d9;
        }
        .mobile-login-btn {
            border: 1px solid #2d3748 !important;
            color: #b0b8c4 !important;
            font-size: 14px;
            padding: 12px;
            border-radius: 4px;
            text-align: center;
            width: 100%;
        }
        .mobile-login-btn:hover {
            border-color: #0168b7;
            color: #ffffff !important;
        }

        /* ========== 轮播图 ========== */
        #carousel {
            width: 100%;
            height: calc(100vh * 2 / 3);
            position: relative;
            overflow: hidden;
            margin-top: 0 !important;
        }
        .carousel-item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
            background: #edf2ff;
        }
        .carousel-item.active {
            display: block;
        }
        .carousel-item-1 {
            background: url("/img/banner01.jpg") no-repeat center center;
            background-size: cover;
        }
        .carousel-item-2 {
            background: url("/img/banner02.jpg") no-repeat center center;
            background-size: cover;
        }
        .carousel-content {
            position: absolute;
            top: 50%;
            left: 10%;
            transform: translateY(-50%);
            max-width: 600px;
        }
        .carousel-title {
            font-size: 48px;
            font-weight: 700;
            color: #000;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        .carousel-desc {
            font-size: 18px;
            color: #333;
            margin-bottom: 32px;
            line-height: 1.5;
        }
        .carousel-btns {
            display: flex;
            gap: 16px;
        }
        .carousel-demo-btn {
            background: #0168b7;
            color: #ffffff;
            font-size: 16px;
            padding: 10px 32px !important;
            border-radius: 4px;
            line-height: 26px !important;
            height: auto !important;
        }
        .carousel-enter-btn {
            border: 1px solid #0168b7;
            color: #0168b7;
            font-size: 16px;
            padding: 10px 32px;
            border-radius: 4px;
        }
        .carousel-indicators {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 12px;
        }
        .carousel-indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: #ccc;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        .carousel-indicator.active {
            background: #0168b7;
            width: 24px;
            border-radius: 6px;
        }

        /* ========== 页面内容 ========== */
        .page-content {
            height: 1000px;
            background: #f8f9fa;
            padding: 80px 40px;
        }
        .content-title {
            font-size: 32px;
            text-align: center;
            margin-bottom: 40px;
            color: #222;
        }

        /* ========== 响应式适配 ========== */
        @media (max-width: 768px) {
            #header-nav {
                padding: 0 20px;
                width: 100% !important;
               
                height: 60px !important;
                line-height: 60px !important;
            }
			.nav-inner {
            max-width: 100%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
			margin-top:15px;
        }
            .nav-menu, .nav-right .nav-demo-btn, .nav-right .nav-login-btn {
                display: none !important;
            }
            .nav-hamburger {
                display: flex !important;
            }
            #carousel {
                height: auto !important;
                min-height: 320px !important;
                max-height: 400px !important;
                padding-top: 80px !important;
            }
            .carousel-item {
                position: relative;
                height: auto;
                min-height: 320px !important;
                max-height: 400px !important;
                padding: 60px 30px 40px 0px !important;
            }
            .carousel-content {
                left: 5%;
                right: 5%;
                text-align: center;
                position: relative;
                top: auto;
                transform: none;
                padding: 10px 0 !important;
                margin-top: 0 !important;
            }
            .carousel-title {
                font-size: 28px !important;
                margin-bottom: 12px !important;
            }
            .carousel-desc {
                font-size: 14px !important;
                margin-bottom: 20px !important;
                line-height: 1.4;
            }
            .carousel-btns {
                flex-direction: column;
                gap: 8px;
            }
            .carousel-demo-btn, .carousel-enter-btn {
                padding: 8px 20px !important;
                font-size: 14px !important;
            }
        }
		#static-banner {
    width: 100%;
    height: calc(100vh * 1 / 3); /* 高度减半：原2/3 → 1/3 */
    position: relative;
    overflow: hidden;
    background: #edf2ff;
    margin-top: 0 !important;
}
.banner-bg {
    width: 100%;
    height: 100%;
    background: url("https://via.placeholder.com/1920x1080/edf2ff/333333") no-repeat center center;
    background-size: cover;
}
.banner-content {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    max-width: 600px;
    z-index: 10;
}
.banner-title {
    font-size: 48px;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.2;
}
.banner-desc {
    font-size: 18px;
    color: #333;
    margin-bottom: 32px;
    line-height: 1.5;
}
.banner-btns {
    display: flex;
    gap: 16px;
}
.banner-demo-btn {
    background: #0168b7;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 32px !important;
    border-radius: 4px;
    line-height: 26px !important;
    height: auto !important;
}
.banner-enter-btn {
    border: 1px solid #0168b7;
    color: #0168b7;
    font-size: 16px;
    padding: 10px 32px;
    border-radius: 4px;
}

/* 移动端适配（高度同步减半） */
@media (max-width: 768px) {
    #static-banner {
        height: auto !important;
        min-height: 160px !important; /* 原320px → 160px */
        max-height: 200px !important; /* 原400px → 200px */
        padding-top: 80px !important;
    }
    .banner-content {
        left: 5%;
        right: 5%;
        text-align: center;
        position: relative;
        top: auto;
        transform: none;
        padding: 10px 0 !important;
        margin-top: 0 !important;
    }
    .banner-title {
        font-size: 28px !important;
        margin-bottom: 12px !important;
    }
    .banner-desc {
        font-size: 14px !important;
        margin-bottom: 20px !important;
        line-height: 1.4;
    }
    .banner-btns {
        flex-direction: column;
        gap: 8px;
    }
    .banner-demo-btn, .banner-enter-btn {
        padding: 8px 20px !important;
        font-size: 14px !important;
    }
}/* CSS Document */

/* 版块基础样式 */
.contact-section {
    padding: 30px 20px;
    background-color: #fff;
}

.contact-container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}

/* 左侧表单区域 */
.contact-form-area {
    flex: 2;
}

.contact-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 20px;
    color: #000;
}

.contact-desc {
    font-size: 1rem;
    color: #666;
    margin: 0 0 40px;
}

/* 表单样式 */
.contact-form {
    margin-bottom: 30px;
}

.form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.form-group {
    flex: 1;
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #333;
    font-size: 0.95rem;
}

.required::after {
    content: "*";
    color: #ff0000;
    margin-left: 4px;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1rem;
    color: #333;
    box-sizing: border-box;
}

.form-group textarea {
    resize: vertical;
}

.submit-btn {
    background-color: #000;
    color: #fff;
    border: none;
    padding: 14px 30px;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.submit-btn:hover {
    background-color: #333;
}

.privacy-note {
    font-size: 0.85rem;
    color: #666;
    line-height: 1.6;
}

.privacy-note a {
    color: #000;
    text-decoration: underline;
}

/* 右侧信息栏 */
.contact-sidebar {
    flex: 1;
    padding-left: 20px;
    border-left: 1px solid #eee;
}

.sidebar-section {
    margin-bottom: 30px;
}

.sidebar-section h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 15px;
    color: #000;
}

.sidebar-section p {
    font-size: 0.95rem;
    color: #666;
    margin: 0 0 15px;
    line-height: 1.6;
}

.sidebar-link {
    display: block;
    text-align: right;
    color: #000;
    font-weight: 500;
    text-decoration: none;
}

.sidebar-link:hover {
    text-decoration: underline;
}

.sidebar-section hr {
    border: none;
    border-top: 1px solid #eee;
    margin: 20px 0;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .contact-container {
        flex-direction: column;
    }
    
    .contact-sidebar {
        padding-left: 0;
        border-left: none;
        border-top: 1px solid #eee;
        padding-top: 30px;
    }
    
    .form-row {
        flex-direction: column;
        gap: 0;
    }
}

/* Footer整体样式 */
.footer {
    background-color: #f8f9fa; /* 浅灰色背景 */
    padding: 40px 20px 20px;
    color: #666;
    font-size: 14px;
}
.footer-inner {
    max-width: 1500px;
    margin: 0 auto;
}

/* Footer上半部分 - 左侧导航 + 右侧二维码 */
.footer-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9ecef; /* 分隔横线 */
}

/* 左侧5列表格导航 */
.footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 60px; /* 列之间的间距 */
}
.footer-nav-column {
    min-width: 120px;
}
.footer-nav-column h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 16px;
    line-height: 1.2;
}
.footer-nav-column h4 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 12px;
    line-height: 1.2;
}
.footer-nav-column h4 a {
    color: #666;
    text-decoration: none;
    transition: color 0.2s ease;
}
.footer-nav-column h4 a:hover {
    color: #0168b7;
}

/* 右侧二维码区域 */
.footer-qrcode {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.footer-qrcode-text {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}
.footer-qrcode-img {
    width: 120px;
    height: 120px;
}

/* Footer下半部分 - 版权信息 + 悬浮图标 */
.footer-bottom {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}
.footer-copyright {
    font-size: 12px;
    color: #999;
    text-align: center;
    line-height: 1.5;
}

/* 右下角悬浮图标组 */
.footer-float-icons {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 999;
}
.footer-float-icon {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease;
}
.footer-float-icon:hover {
    background-color: #0168b7;
    color: #fff;
}
/* 悬浮提示文字 */
.footer-float-icon::after {
    content: attr(data-text);
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
}
.footer-float-icon:hover::after {
    opacity: 1;
    visibility: visible;
    right: 48px;
}
/* 图标样式（用文字替代，可替换为图标字体/图片） */
.footer-float-icon span {
    font-size: 18px;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .footer-top {
        flex-direction: column;
        gap: 30px;
    }
    .footer-nav {
        gap: 30px;
        justify-content: flex-start;
    }
    .footer-nav-column {
        min-width: 100px;
    }
    .footer-qrcode {
        align-items: flex-start;
    }
    .footer-float-icons {
        right: 10px;
        bottom: 10px;
    }
    .footer-float-icon {
        width: 36px;
        height: 36px;
    }
}

/* 面包屑导航样式 */
.breadcrumb-container {
   
    padding: 80px 0 15px 0;
    border-bottom: 1px solid #eee; /* 底部边框分隔 */
}

.breadcrumb-wrapper {
    max-width: 1600px; /* 与资讯容器宽度一致 */
    margin: 0 auto;
   
    font-size: 0.95rem;
    color: #666;
}

.breadcrumb-item {
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb-item:hover {
    color: #0066cc; /* hover时变主色 */
}

.breadcrumb-item.current {
    color: #333; /* 当前页文字加深 */
    pointer-events: none; /* 禁止点击 */
}

.breadcrumb-separator {
    margin: 0 8px;
    color: #ccc;
}

/* 版块基础样式 */
.company-intro-section {
    padding: 50px 20px;
    background-color: #fff;
}

.intro-container {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    gap: 40px; /* 左右栏间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 左侧区域 */
.intro-left {
    flex: 1;
    min-width: 300px; /* 小屏幕最小宽度 */
}

.intro-brand {
    font-size: 1rem;
    color: #666;
    margin: 0 0 10px;
}

.intro-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #000;
    line-height: 1.3;
    margin: 0 0 20px;
}

.intro-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin: 0 0 30px;
}

.intro-btn {
    display: inline-block;
    background-color: #0168b7;
    color: #fff;
    padding: 12px 25px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.intro-btn:hover {
    background-color: #0052a3;
	color:#fff;
}

/* 右侧区域 */
.intro-right {
    flex: 2;
    min-width: 300px; /* 小屏幕最小宽度 */
}

.intro-right p {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #333;
    margin: 0 0 15px;
	text-indent:2em;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .intro-title {
        font-size: 1.8rem;
    }
	.breadcrumb-wrapper {
    max-width: 1600px; /* 与资讯容器宽度一致 */
    margin: 0 auto;
    padding: 0 20px; /* 左右内边距，与资讯卡片对齐 */
    font-size: 0.95rem;
    color: #666;
}
}
.about-stats-section {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* 上部：通栏图容器（保证图片宽度100%） */
.about-stats-img-wrap {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0; 
	overflow: hidden;
}
/* 通栏图：宽度100%，高度自适应 */
.about-stats-img {
    width: 100%;
    height: auto; /* 高度随宽度自适应 */
    display: block; /* 消除行内元素底部空隙 */
	transition: transform 0.3s ease;
}
.about-stats-img-wrap:hover .about-stats-img {
  transform: scale(1.05); /* 放大1.05倍（可调整为1.1/1.03等） */
}

/* 下部：4卡片容器（一行四列） */
.about-stats-cards {
    width: 100%;
    background-color: #1f2937; /* 黑色背景，匹配设计 */
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 强制一行四列 */
    gap: 0; /* 卡片间无空隙 */
    padding: 40px 0; /* 上下内边距，可调整 */
}

/* 单个卡片样式 */
.about-stats-card {
    text-align: center;
    color: #fff; /* 文字白色，匹配黑色背景 */
    padding: 0 20px;
}
/* 卡片标题（H3） */
.about-stats-card-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin: 0 0 8px 0;
}
/* 卡片描述（P） */
.about-stats-card-desc {
    font-size: 0.95rem;
    opacity: 0.8; /* 文字轻微透明，增强层次感 */
    margin: 0;
}

/* 响应式适配（小屏改为单列） */
@media (max-width: 768px) {
    .about-stats-cards {
        grid-template-columns: 1fr; /* 手机端单列 */
        gap: 30px; /* 卡片间距 */
        padding: 30px 0;
    }
}
/* 版块基础样式 */
.platform-feature-section {
    padding: 60px 20px;
    background-color: #fff;
}

/* 主标题样式 */
.feature-main-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 0 0 40px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
}

/* 内容容器 */
.feature-container {
    max-width: 1600px;
    margin: 0 auto;
}

/* 左右分栏布局 */
.feature-content {
    display: flex;
    gap: 30px; /* 两栏之间的间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 单个功能项 */
.feature-item {
    flex: 1;
    min-width: 300px; /* 小屏幕最小宽度 */
}

/* 图片样式 */
.feature-img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* 轻微圆角，增强质感 */
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* 图片阴影，提升层次感 */
}

/* 子标题样式 */
.feature-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 15px;
}

/* 描述文本 */
.feature-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: #666;
    margin: 0 0 15px;
}

/* 链接样式 */
.feature-link {
    display: inline-block;
    color: #0066cc; /* 主色调链接 */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.feature-link:hover {
    color: #0052a3; /*  hover时加深 */
}

/* 响应式适配 */
@media (max-width: 768px) {
    .feature-main-title {
        font-size: 1.5rem;
    }
}
/* 版块外层：深色背景+内边距 */
.about-vision-section {
    width: 100%;
    background-color: #1f2937; /* 深灰背景，匹配设计 */
    padding: 80px 0;
}

/* 内容容器：左右布局 */
.about-vision-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap;
}

/* 左侧文字区 */
.about-vision-text {
    flex: 1;
    min-width: 300px;
    color: #fff;
}
.about-vision-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin: 0 0 20px 0;
    line-height: 1.2;
}
.about-vision-subtitle {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 15px 0;
    color: #f0f0f0;
}
.about-vision-desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #ccc;
    margin: 0;
}

/* 右侧4卡片容器：2x2网格 */
.about-vision-cards {
    flex: 1;
    min-width: 300px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); } /* 向左移5px */
  75% { transform: translateX(5px); }  /* 向右移5px */
  100% { transform: translateX(0); }
}
/* 单个卡片样式 */
.about-vision-card {
    background-color: #f5f5f5;
    padding: 25px 20px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
	transition: all 0.3s ease; 
}
.about-vision-card:hover {
  animation: shake 0.5s ease; /* 仅保留晃动动画 */
  box-shadow: 0 4px 12px rgba(255,255,255,0.1);
}
.about-vision-card-icon {
    width: 44px;
    height: 44px;
    object-fit: contain;
}
.about-vision-card-title {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    color: #1a1a1a;
}
.about-vision-card-desc {
    font-size: 0.95rem;
    color: #333;
    margin: 0;
    line-height: 1.5;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .about-vision-inner {
        flex-direction: column;
        gap: 40px;
    }
    .about-vision-main-title {
        font-size: 2.4rem;
    }
}
@media (max-width: 768px) {
    .about-vision-cards {
        grid-template-columns: 1fr;
    }
    .about-vision-main-title {
        font-size: 2rem;
    }
}

/* 版块基础样式 */
.core-values-section {
    width: 100%;
    background-color: #1f2937; /* 深色背景 */
    padding: 60px 20px;
    color: #fff;
}

.values-container {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    gap: 50px; /* 左右栏间距 */
    flex-wrap: wrap;
}

/* 左侧内容 */
.values-left {
    flex: 1;
    min-width: 300px;
}

.values-main-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 20px;
    color: #fff;
}

.values-subtitle {
    font-size: 1.2rem;
    color: #ccc;
    margin: 0 0 30px;
    font-weight: 500;
}

.values-desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #aaa;
    margin: 0 0 30px;
}

.values-link {
    display: inline-block;
    color: #4da6ff; /* 链接浅蓝色 */
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}

.values-link:hover {
    color: #80bfff;
}

/* 右侧内容 */
.values-right {
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 30px; /* 卡片区与咨询区的间距 */
}

/* 价值观卡片网格 */
.values-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列布局 */
    gap: 20px; /* 卡片间距 */
}

/* 卡片基础样式 */
.value-card {
    border-radius: 8px;
    padding: 25px;
    position: relative;
}

/* 卡片颜色变体 */
.card-light {
    background-color: #f0f0f0;
    color: #333;
	transition: all 0.3s ease;
}

.card-light:hover {
  animation: shake 0.5s ease; /* 仅保留晃动动画 */
  box-shadow: 0 4px 12px rgba(255,255,255,0.1);
}
.card-white {
    background-color: #fff;
    color: #333;
}

/* 卡片编号 */
.card-number {
    font-size: 1.8rem;
    font-weight: 300;
    opacity: 0.6; /* 淡化编号 */
    margin: 0 0 10px;
}

/* 卡片标题 */
.card-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 15px;
    color: #000;
}

/* 卡片内容 */
.card-content {
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

/* 底部咨询区 */
.inquiry-box {
    background-color: #cce5ff; /* 浅蓝色背景 */
    border-radius: 8px;
    padding: 30px;
    color: #333;
}

.inquiry-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 0 15px;
}

.inquiry-desc {
    font-size: 1rem;
    line-height: 1.6;
    margin: 0 0 20px;
}

.inquiry-btn {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
}

.inquiry-btn:hover {
    background-color: #333;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .values-main-title {
        font-size: 2rem;
    }
    .values-cards {
        grid-template-columns: 1fr; /* 小屏幕单列卡片 */
    }
}
/* 基础样式 */
.faq-section {
    max-width: 1600px;
    margin: 40px auto;
    padding: 0 20px;
}

.faq-title {
    font-size: 2rem;
    color: #333;
    margin: 0 0 30px;
    text-align: left;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* 问题项容器 */
.faq-item {
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

/* 问题区域 */
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
    transition: background-color 0.2s;
    padding-right: 10px;
}

/* 鼠标悬停背景变色 */
.faq-question:hover {
    background-color: #f5f7fa;
}

.faq-question span {
    font-size: 1rem;
    color: #333;
    font-weight: 500;
}

/* 切换按钮（+/-） */
.faq-toggle {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #666;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

/* 答案区域 */
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq-answer p {
    color: #666;
    line-height: 1.6;
    padding: 0 0 15px;
    margin: 0;
}

/* 展开状态 */
.faq-item.active .faq-answer {
    max-height: 200px; /* 足够容纳答案内容 */
}

/* 隔行变色效果（可选，增强可读性） */
.faq-item:nth-child(even) .faq-question:hover {
    background-color: #f0f4f8;
}

/* 资讯版块基础样式 */
.news-section {
    padding: 40px 20px;
    background-color: #fff;
}

.news-container {
    max-width: 1600px;
    margin: 0 auto;
}

/* 资讯卡片布局 */
.news-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 35px;
    margin-bottom: 40px;
}

/* 单张资讯卡片（核心对齐样式） */
.news-card {
    border: 1px solid #eee;
    padding: 15px;
    transition: box-shadow 0.3s ease;
    display: flex; /* 启用弹性布局 */
    flex-direction: column; /* 垂直排列内容 */
    height: 100%; /* 卡片高度充满父容器 */
}

.news-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

/* 图片链接与悬停动画 */
.news-img-link {
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}

.news-img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* 图片悬停放大+点击提示 */
.news-img-link:hover .news-img {
    transform: scale(1.05); /* 放大5% */
}

.news-img-link:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 102, 204, 0.1);
    
    pointer-events: none;
}

/* 标题链接样式 */
.news-title-link {
    text-decoration: none;
    color: inherit;
}

.news-title {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 10px;
    color: #333;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.news-title-link:hover .news-title {
    color: #0066cc;
}

/* 日期样式 */
.news-date {
    display: block;
    font-size: 0.85rem;
    color: #999;
    margin-bottom: 10px;
}

/* 描述文本（自动填充空间，确保按钮对齐） */
.news-desc {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.6;
    margin: 0 0 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* 最多显示3行 */
    -webkit-box-orient: vertical;
    flex-grow: 1; /* 自动填充剩余空间，将按钮推到底部 */
}

/* 阅读更多按钮（固定在底部对齐） */
.news-btn {
    display: inline-block;
    background-color: #0066cc;
    color: #fff;
    border: none;
    padding: 8px 15px;
    font-size: 0.9rem;
    border-radius: 3px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    margin-top: auto; /* 自动推到最底部，确保四个按钮对齐 */
    align-self: flex-start; /* 左对齐 */
}

.news-btn:hover {
    background-color: #1f2937;
  color:#fff;
}

/* 分页样式 */
.pagination {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.pagination li {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.pagination li:hover, .pagination li:hover {
    border-color: #0066cc;
    color: #0066cc;
}

.pagination li.active {
    background-color: #0066cc;
    color: #fff;
    border-color: #0066cc;
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .news-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .news-cards {
        grid-template-columns: 1fr;
    }
    
    .pagination {
        gap: 5px;
    }
    
    .pagination-btn, .pagination-num {
        padding: 4px 10px;
        font-size: 0.9rem;
    }
}

/* 面包屑导航样式 */

.breadcrumb-wrapper {
    max-width: 1600px; /* 与资讯容器宽度一致 */
    margin: 0 auto;
   
    font-size: 0.95rem;
    color: #666;
}

.breadcrumb-item {
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb-item:hover {
    color: #0066cc; /* hover时变主色 */
}

.breadcrumb-item.current {
    color: #333; /* 当前页文字加深 */
    pointer-events: none; /* 禁止点击 */
}

.breadcrumb-separator {
    margin: 0 8px;
    color: #ccc;
}

/* 确保与现有样式兼容 */
.news-section {
    margin-top: 1px; /* 与面包屑保持间距 */
}

/* 文章容器 */
.article-container {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    gap: 30px;
	font-size:16px;
	margin-bottom:50px;
}
.article-container h1{ font-size:20px; margin-top:30px;}
.article-container h2{font-size:16px;display: inline-block; /* 背景仅包裹内容 */
    background-color: #16387b; /* 红色背景 */
    color: #fff; /* 白色文字 */
    padding: 2px 10px 2px 0; /* 取消左内边距，只保留右内边距 */
    margin: 15px 0;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    /* 关键：通过文本缩进抵消空格的视觉影响 */
    text-indent: -1em; /* 向左缩进1个字符，抵消前两格空格 */
    margin-left: 1em; /* 左侧留出空间，避免文字溢出 */}
.article-container h3{font-size:16px; color:#16387b;}
.article-main {
    flex: 3;
}
.article-sidebar {
    flex: 1;
    min-width: 250px;
}

/* 文章主体 */
.article-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 15px;
    color: #333;
}
.article-meta {
    font-size: 0.9rem;
    color: #999;
    margin: 0 0 20px;
}
.article-meta span {
    margin-right: 15px;
}
.article-content {
    line-height: 1.8;
    color: #333;
    margin-bottom: 30px;
}
.article-content p {
    margin: 0 0 15px;
}

/* 上下篇导航 */
.article-nav {
    display: flex;
   
    padding: 15px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    font-size: 0.9rem;
}
.article-nav-prev, .article-nav-next {
    color: #666;
    text-decoration: none;
}
.article-nav-prev span, .article-nav-next span {
    color: #999;
    margin-right: 5px;
}
.article-nav-prev:hover, .article-nav-next:hover {
    color: #0066cc;
}

/* 相关好文推荐 */
.related-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 15px;
    color: #333;
}
.related-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
	row-gap: 30px;
}
.related-item {
    display: block;
    text-decoration: none;
    color: #333;
	overflow: hidden; /* 隐藏超出容器的部分 */
}
.related-img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    margin-bottom: 8px;
	 transition: transform 0.3s ease; /* 平滑过渡动画 */
}
.related-item:hover .related-img {
    transform: scale(1.05); /* 放大5%（可调整数值，如1.1为放大10%） */
}
.related-desc {
    font-size: 0.85rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.related-item:hover .related-desc {
    color: #0066cc;
}

/* 侧边栏 */
.sidebar-card {
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
}
.sidebar-logo {
    width: 150px;
    height: auto;
    margin: 0 auto 10px;
}
.sidebar-desc {
    font-size: 0.85rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: 15px;
}
.sidebar-btn {
    display: inline-block;
    background-color: #0e2044;
    color: #fff;
    padding: 8px 20px;
    text-decoration: none;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.sidebar-btn:hover{background-color: #183878;
color:#fff;
}
.sidebar-more {
    font-size: 0.85rem;
    color: #333;
    text-decoration: none;
}
.sidebar-more span {
    color: #666;
}

.sidebar-qa {
    border: 1px solid #eee;
    padding: 15px;
}
.qa-list {
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
}
.qa-item {
    margin-bottom: 20px;
    font-size: 15px;
}
.qa-icon {
    color: #0066cc;
    margin-right: 5px;
}
.qa-item a {
    color: #333;
    text-decoration: none;
}
.qa-item a:hover {
    color: #0066cc;
}
.qa-btn {
    display: block;
    background-color: #0e2044;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    text-decoration: none;
    font-size: 0.9rem;
}
.qa-btn:hover{background-color: #183878;
color:#fff;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .article-container {
        flex-direction: column;
    }
    .related-list {
        grid-template-columns: repeat(2, 1fr);
    }
	.related-img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    margin-bottom: 8px;
    transition: transform 0.3s ease;
}
}
/* 版块基础样式 */
.cta-section {
    padding: 40px 20px;
   border-top: 1px solid #eee;
}

.cta-container {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    gap: 20px; /* 卡片之间的间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 卡片通用样式 */
.cta-card {
    flex: 1;
    min-width: 300px; /* 小屏幕最小宽度 */
    padding: 60px;
    border-radius: 8px; /* 圆角 */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* 左侧绿色卡片 */
.cta-card-green {
    background-color: #d9f7be; /* 浅绿色背景 */
}

/* 右侧蓝色卡片 */
.cta-card-blue {
    background-color: #cbe4ff; /* 浅蓝色背景 */
}

/* 标题样式 */
.cta-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 15px;
    color: #333;
}

/* 描述文本 */
.cta-desc {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin: 0 0 20px;
}

/* 按钮样式 */
.cta-btn {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px; /* 圆角按钮 */
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease;
    width: fit-content; /* 按钮宽度适配文字 */
}

.cta-btn:hover {
    background-color: #333; /*  hover时加深背景 */
}

/* 响应式适配 */
@media (max-width: 768px) {
    .cta-container {
        flex-direction: column;
    }
}
/* 横幅版块基础样式 */
.banner-section {
    background-color: #1f2937; /* 深蓝色背景（匹配示例） */
    padding: 120px 20px; /* 上下内边距，确保内容不贴边 */
}

/* 容器居中 */
.banner-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center; /* 文字、按钮水平居中 */
}

/* 标题样式 */
.banner-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff; /* 白色文字 */
    line-height: 1.4;
    margin: 0 0 30px; /* 与按钮保持间距 */
}

/* 按钮样式 */
.banner-btn {
    display: inline-block;
    background-color: #fff; /* 白色按钮背景 */
    color: #0033cc; /* 蓝色文字（与背景呼应） */
    padding: 12px 30px;
    border-radius: 30px; /* 圆角按钮 */
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s ease;
}

.banner-btn:hover {
    background-color: #f0f0f0; /* hover时按钮背景变浅 */
}

/* 响应式适配（小屏幕缩小标题） */
@media (max-width: 768px) {
    .banner-title {
        font-size: 1.8rem;
    }
}
/* Gooe SIO版块核心样式 */
.usecc-sio-section {
    padding: 80px 20px;
    background: linear-gradient(135deg, #c0d5ff 0%, #5b89ea 100%);
    text-align: center;
}
.sio-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

/* 标题样式 */
.sio-main-title {
    font-size: 2.5rem;
    font-weight: 900;
    color: #fff;
    margin: 0 0 20px;
    line-height: 1.2;
}
.sio-sub-title {
    font-size: 2.5rem;
    font-weight: 900;
    color: #fff;
    margin: 0 0 30px;
    line-height: 1.2;
}

/* 描述文本 */
.sio-desc {
    font-size: 1rem;
    color: #333;
    line-height: 1.6;
    margin: 0 0 40px;
}
.sio-desc2 {
    font-size: 1rem;
    color: #fff;
    line-height: 1.6;
    margin: 0 0 40px;
}

/* 搜索栏样式 */
.sio-search-bar {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    padding: 5px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.search-icon {
    padding: 0 15px;
    color: #999;
    font-size: 1rem;
}
.search-input {
    flex: 1;
    padding: 12px 0;
    border: none;
    background: transparent;
    font-size: 0.95rem;
    outline: none;
}
.search-btn {
    padding: 12px 30px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.search-btn:hover {
    background-color: #333;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .sio-main-title, .sio-sub-title {
        font-size: 2rem;
    }
    .sio-search-bar {
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .sio-main-title, .sio-sub-title {
        font-size: 1.5rem;
    }
    .search-btn {
        padding: 10px 20px;
    }
}
/* 版块基础样式 */
.seller-plight-section {
    width: 100%;
    padding: 60px 20px;
    background-color: #f9fafc; /* 浅灰底色 */
    position: relative;
    overflow: hidden;
}

/* 背景装饰线条（可选） */
.seller-plight-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    background-size: 80px 80px;
    z-index: 0;
}

.plight-container {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
}

/* 标题样式 */
.plight-title {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 40px;
}

/* 卡片区域（2行3列网格） */
.plight-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列布局 */
    gap: 25px; /* 卡片间距 */
    margin: 0 0 50px;
}

/* 单个卡片样式（左图右文核心布局） */
.plight-card {
    background-color: #fff;
    padding: 60px 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    display: flex; /* 左图右文Flex布局 */
    align-items: center; /* 垂直居中 */
    gap: 15px; /* 图与文字间距 */
    transition: transform 0.3s ease;
}

/* 卡片hover上浮效果 */
.plight-card:hover {
    transform: translateY(-5px);
}

/* 左侧小图容器 */
.card-img {
    width: 80px;
    height: 80px;
    flex-shrink: 0; /* 固定宽度，不被挤压 */
    border-radius: 8px;
    overflow: hidden;
}

/* 小图样式 */
.icon-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 图片铺满不变形 */
}

/* 右侧文字区域 */
.card-text {
    flex: 1; /* 占满剩余宽度 */
    text-align: left; /* 文字左对齐 */
}

/* 标题（H3） */
.card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 5px; /* 与P标签间距 */
}

/* 描述（P标签） */
.card-desc {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.5;
    margin: 0; /* 清除默认边距 */
}

/* 按钮区域 */
.plight-btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* 轮廓按钮 */
.btn-outline {
    display: inline-block;
    padding: 12px 30px;
    border: 1px solid #0168b7;
    border-radius: 4px;
    color: #072944;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
}

.btn-outline:hover {
    background-color: #0168b7;
	color:#fff;
}

/* 实心按钮 */
.btn-solid {
    display: inline-block;
    padding: 12px 30px;
    background-color: #0168b7;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
}

.btn-solid:hover {
    background-color: #00a0ec;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .plight-cards {
        grid-template-columns: repeat(2, 1fr); /* 中等屏幕2列 */
    }
}

@media (max-width: 768px) {
    .plight-cards {
        grid-template-columns: 1fr; /* 小屏幕1列 */
    }
    .plight-title {
        font-size: 1.5rem;
    }
    .plight-card {
        padding: 15px;
        gap: 10px;
    }
    .card-img {
        width: 60px;
        height: 60px;
    }
}
/* 基础样式 */
.sy-brand-website-section {
    width: 100%; /* 全屏宽度 */
    background-color: #fff; /* 浅紫底色，匹配风格 */
    overflow: hidden;
}

/* 上部文字区 */
.text-part {
    padding: 60px 20px;
}

.text-inner {
    max-width: 1600px; /* 内容居中限制宽度 */
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px; /* 标题与内容间距 */
    align-items: center;
}

.main-title {
    flex: 1;
    min-width: 300px;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.3;
    color: #000;
    margin: 0;
}

.text-content {
    flex: 1;
    min-width: 300px;
    max-width: 500px;
}

.text-content p {
    font-size: 1.1rem;
    line-height: 1.7;
    color: #333;
    margin: 0 0 25px;
}

.action-btn {
    display: inline-block;
    background-color: #0168b7; /* 深棕按钮 */
    color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s;
}

.action-btn:hover {
    background-color: #00a0ec;
}

/* 下部图片区 */
.image-part {
    width: 100%; /* 图片全屏宽度 */
}

.fullwidth-image {
    width: 100%;
    height: auto;
    display: block; 
    object-fit: cover; 
    min-height: 500px;
transition: transform 0.3s ease;
}
.fullwidth-image:hover {
    transform: scale(1.03); /* 放大1.03倍（轻微变大） */
}
.grid-img {
    transition: transform 0.3s ease;
}

.grid-img:hover {
    transform: scale(1.03);
}

/* 响应式适配 */
@media (max-width: 992px) {
    .main-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    .text-part {
        padding: 40px 20px;
    }
    .main-title {
        font-size: 1.5rem !important;
    }
    .fullwidth-image {
        min-height: 350px;
    }
	.text-content p {
    font-size: 14px;
    line-height: 1.7;
    color: #333;
    margin: 0 0 25px;
}
}
/* 版块基础样式 */
.business-coverage-section {
    width: 100%;
    padding: 60px 20px;
    background-color: #f9fafc;
	margin-top:50px;
}

.coverage-container {
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
}

/* 标题样式 */
.coverage-main-title {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 10px;
}

.coverage-subtitle {
    font-size: 1rem;
    color: #666;
    margin: 0 0 40px;
}

/* 卡片区域（3列布局） */
.coverage-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* 单个卡片核心样式 */
.coverage-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 30px 20px;
    min-height: 280px; /* 适配双列列表高度 */
    position: relative;
    overflow: hidden; /* 隐藏hover内容溢出 */
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 默认状态（图片+标题+描述） */
.card-default {
    position: relative;
    z-index: 1;
    transition: opacity 0.3s ease;
}

/* 图片容器样式 */
.card-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 20px;
    border-radius: 4px; /* 可选：给图片加圆角 */
    overflow: hidden;
}

/* 图片样式：保证铺满容器且不变形 */
.icon-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 8px;
}

.card-desc {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* Hover状态（蓝色背景+双列功能列表） */
.card-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0168b7; /* 蓝色背景 */
    color: #fff;
    padding: 30px 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.hover-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 8px;
}

.hover-subtitle {
    font-size: 0.95rem;
    opacity: 0.9;
    margin: 0 0 15px;
}

/* 双列功能列表核心样式 */
.hover-features {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列均分 */
    gap: 8px 15px; /* 行8px，列15px间距 */
    text-align: left;
    font-size: 0.9rem;
    line-height: 1.6;
}

.hover-features li {
    position: relative;
    padding-left: 15px; /* 给项目符号留空间 */
}

/* 自定义项目符号 */
.hover-features li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
    color: #bfdbfe;
}

/* 卡片Hover交互 */
.coverage-card:hover .card-default {
    opacity: 0;
    visibility: hidden;
}

.coverage-card:hover .card-hover {
    opacity: 1;
    visibility: visible;
}

/* 第一个卡片默认显示hover状态 */
.active-card .card-default {
    opacity: 0;
    visibility: hidden;
}

.active-card .card-hover {
    opacity: 1;
    visibility: visible;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .coverage-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .coverage-cards {
        grid-template-columns: 1fr;
    }
    .coverage-main-title {
        font-size: 1.5rem;
    }
	.coverage-subtitle {
    font-size: 14px;
    color: #666;
    margin: 0 0 40px;
}
    /* 小屏幕功能列表恢复1列 */
    /*.hover-features {
        grid-template-columns: 1fr;
    }*/
}
/* 版块基础样式 */
.growth-path-section {
    width: 100%;
    background-color: #072944; /* 深青色背景，匹配示例 */
    padding: 80px 20px;
    text-align: center; /* 内容全局居中 */
    color: #fff;
}

/* 容器（控制内容最大宽度） */
.growth-container {
    max-width: 1000px;
    margin: 0 auto;
}

/* 主标题 */
.growth-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.3;
}

/* 副标题 */
.growth-subtitle {
    font-size: 1.1rem;
    opacity: 0.9;
    margin: 0 0 15px;
}

/* 描述文本 */
.growth-desc {
    font-size: 1rem;
    line-height: 1.6;
    opacity: 0.8;
    margin: 0 0 40px;
}

/* 按钮容器 */
.growth-btns {
    display: flex;
    justify-content: center;
    gap: 20px; /* 按钮间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 主按钮（橙色） */
.btn-primary {
    display: inline-block;
    background-color: #0168b7; /* 橙色背景 */
    color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s;
}

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

/* 次要按钮（文字样式） */
.btn-secondary {
    display: inline-block;
    color: #0168b7;
    padding: 12px 15px;
    text-decoration: none;
    font-weight: 500;
    transition: opacity 0.3s;
}

.btn-secondary:hover {
    opacity: 0.8;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .growth-title {
        font-size: 1.5rem;
    }
	.growth-subtitle {
    font-size: 14px;
    opacity: 0.9;
    margin: 0 0 15px;
}
.growth-desc {
    font-size: 14px;
    line-height: 1.6;
    opacity: 0.9;
    margin: 0 0 40px;
}
}
/* 流程步骤版块整体样式 */
.process-flow-section {
    padding: 60px 20px;
    background-color: #1f2937; /* 绿色背景，匹配效果图 */
   
    background-size: 30px 30px;
    text-align: center;
}

/* 版块标题 */
.process-flow-title {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 80px;
}

/* 流程容器：横向排列步骤块 */
.process-flow-container {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 55px; /* 步骤块之间的间距 */
    max-width: 1400px;
    margin: 0 auto;
    flex-wrap: wrap; /* 小屏自动换行 */
    position: relative;
}

/* 单个步骤块 */
.process-step-item {
    text-align: center;
    position: relative;
}

/* 步骤序号（01-10） */
.step-num {
    font-size: 60px;
    font-weight: 700;
    color: #fff; /* 淡白色序号 */
    margin: 0 0 20px;
	font-style: italic;
}

/* 步骤内容块 */
.step-content {
    background-color:#2e425e; /* 步骤块底色，匹配效果图 */
    
    padding: 20px 15px;
    min-width: 70px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* 步骤文字 */
.step-text {
    font-size: 20px;
    color: #fff;
    line-height: 1.6;
    writing-mode: vertical-lr; /* 文字竖排，匹配效果图 */
    margin: 0 auto;
	letter-spacing: 5px;
}

/* 步骤之间的箭头 */
.process-step-item:not(:last-child)::after {
    content: "▶";
    color: rgba(255,255,255,0.8);
    font-size: 1rem;
    position: absolute;
    top: 70px;
    right: -35px;
    transform: none;
}

/* 响应式适配（小屏自动调整） */
@media (max-width: 1200px) {
    .process-flow-container {
        gap: 30px; /* 小屏增大间距 */
		
    }
    .step-text {
        writing-mode: horizontal-tb; /* 小屏文字横排 */
    }
    .process-step-item:not(:last-child)::after {
        top: auto;
        bottom: -25px;
        right: 50%;
        transform: translateX(50%);
    }
	
}
@media (max-width: 768px) {
.process-flow-section {
    padding: 40px 20px;
    background-color:#1f2937;
    background-size: 30px 30px;
    text-align: center;
}
    .process-flow-title {
	margin: 0 0 30px;
        font-size: 24px; /* 手机端标题字体大小，可按需修改（如1.4rem/1.6rem） 
		*/
    }
	.process-flow-container {
        flex-direction: column; /* 垂直排列 */
        align-items: flex-start; /* 步骤块居中 */
        gap: 50px; /* 步骤块之间的垂直间距 */
		 padding-left: 20px;
    }

    /* 2. 步骤块宽度占满小屏 */
    .process-step-item {
        display: flex;
        align-items: center;
        gap: 15px; /* 数字与步骤块的间距 */
        width: 100%;
    }
	.step-num {
        font-size: 2rem;
        color: rgba(255,255,255,0.8);
        margin: 0; /* 清除原有margin */
        min-width: 40px; /* 数字宽度固定，避免错位 */
        text-align: left;
    }
    .step-content {
        flex: 1; /* 占满剩余宽度 */
        min-width: auto;
        padding: 15px 20px;
    }

    /* 3. 文字改为横排（更适合手机阅读） */
    .step-text {
        writing-mode: horizontal-tb; /* 横排文字 */
        text-align: center; /* 文字居中 */
		font-size:16px;
		color:#fff;
		letter-spacing: 1px;
    }

    /* 4. 箭头改为向下方向，位于步骤块底部 */
    .process-step-item:not(:last-child)::after {
        content: "▼";
        top: 100%;
        left: 20px; /* 箭头与数字对齐 */
        right: auto;
        bottom: -25px;
        transform: none;
    }
}
/* 版块基础样式 */
.traffic-attraction-section {
    padding: 80px 20px;
    background-color: #ffffff;
    color: #333333;
}

.section-wrapper {
    max-width: 1600px;
    margin: 0 auto;
}

/* 标题与描述 */
.main-heading {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 20px;
    color: #000000;
}

.section-description {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 1000px;
    margin: 0 0 40px;
    color: #666666;
}

/* 分隔线 */
.divider-line {
    height: 1px;
    background-color: #e0e0e0;
    margin: 0 0 60px;
    max-width: 1000px;
}

/* 策略卡片布局 */
.traffic-strategies {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

/* 卡片样式 */
.strategy-card {
    padding: 0 15px;
}

.strategy-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 0 15px;
    color: #000000;
}

.strategy-desc {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #666666;
    margin: 0 0 20px;
}

/* 链接样式 */
.learn-more {
    display: inline-block;
    color: #000000;
    font-size: 0.9rem;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.learn-more:hover {
    color: #666666;
}

/* 响应式调整 */
@media (max-width: 992px) {
    .traffic-strategies {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .traffic-strategies {
        grid-template-columns: 1fr;
    }
    
    .main-heading {
        font-size: 2rem;
    }
}
/* 版块基础样式 */
.single-image-section {
    padding: 60px 20px;
    background-color: #000; /* 深色背景衬托图片 */
}

.image-container {
    max-width: 1400px;
    margin: 0 auto;
}

/* 图片样式 */
.featured-image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* 悬停效果 */
.featured-image:hover {
    transform: scale(1.01);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .single-image-section {
        padding: 30px 10px;
    }
    .featured-image {
        border-radius: 4px;
    }
}

.site-build-feature-section {
    width: 100%;
    background-color: #fff; /* 深黑背景匹配设计 */
    color: #fff;
    padding: 80px 0;
    margin: 0;
}

/* 内容容器：上限1600px，自适应居中 */
.site-build-feature-inner {
    max-width: 1600px; /* 核心：宽度上限1600px */
    width: 100%;
    margin: 0 auto;
    padding: 0 20px; /* 左右留白防贴边 */
    box-sizing: border-box;
}

/* 上部：标题+描述 */
.site-build-feature-header {
    margin-bottom: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #333; /* 分割线 */
}



/* 下部：6卡片容器（核心修改：固定3列，1440px以下自适应） */
.site-build-feature-cards {
    display: grid;
    /* 1440px以上强制3列，每列1/3宽度 */
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px; /* 卡片间距：上下40px，左右30px */
}

/* 版块基础样式 */
.success-foundation-section {
    background: #f9fafc;
    padding: 80px 20px;
    color: #fff;
}

.section-content {
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
}

/* 标题与描述 */
.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 20px;
	color:#333;
}

.section-desc {
    font-size: 1rem;
    color: #333;
    max-width: 900px;
    margin: 0 auto 60px;
    line-height: 1.6;
}

/* 功能网格布局 */
.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 三列均分 */
    grid-template-rows: auto auto; /* 两行 */
    gap: 1px; /* 单元格分隔线 */
    background-color: rgba(255, 255, 255, 0.1); /* 网格边框色 */
    border-radius: 8px;
    overflow: hidden;
}

/* 功能项样式 */
.feature-item {
    padding: 40px 20px;
    background-color: #333;
    font-size: 1.2rem;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
}

/* 交互效果 */
.feature-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    transform: scale(1.02);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .features-grid {
        grid-template-columns: 1fr; /* 小屏单列 */
        grid-template-rows: repeat(6, auto);
    }
    
    .section-title {
        font-size: 2rem;
    }
}
/* 基础样式 */
.custom-website-showcase {
    background-color: #fff;
    color: #fff;
    padding: 80px 20px;
}

.section-header {
    max-width: 1200px;
    margin: 0 auto 60px;
    text-align: center;
}

.main-title {
    font-size: 2.5rem;
    margin: 0 0 20px;
}

.subtitle {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    max-width: 800px;
    margin: 0 auto;
}

/* 网格布局 - 不规则排列核心 */
.content-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

/* 图片通用样式 */
.info-img, .featured-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

/* 图片位置与尺寸设置（保持不规则排版） */
.info-img-1 {
    grid-column: 1 / 4;
    grid-row: 1 / 3;
}

.info-img-2 {
    grid-column: 4 / 7;
    grid-row: 1 / 4;
}

.img-5 {
    grid-column: 7 / 10;
    grid-row: 1 / 2;
}

.img-6 {
    grid-column: 10 / 13;
    grid-row: 1 / 3;
}

.info-img-3 {
    grid-column: 7 / 10;
    grid-row: 2 / 4;
}

.info-img-4 {
    grid-column: 10 / 13;
    grid-row: 3 / 5;
}

.info-img-5 {
    grid-column: 1 / 4;
    grid-row: 3 / 6;
}

.info-img-6 {
    grid-column: 4 / 7;
    grid-row: 4 / 5;
}

.info-img-7 {
    grid-column: 7 / 10;
    grid-row: 4 / 6;
}

.info-img-8 {
    grid-column: 4 / 7;
    grid-row: 5 / 6;
}

.info-img-9 {
    grid-column: 10 / 13;
    grid-row: 5 / 6;
}

/* 图片hover交互效果 */
.hover-zoom {
    transition: all 0.4s ease;
    transform: scale(1);
    filter: brightness(0.9);
}

.hover-zoom:hover {
    transform: scale(1.03); /* 适度放大 */
    filter: brightness(1.1); /* 提亮图片 */
    z-index: 10;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
}

/* 响应式调整 */
@media (max-width: 1200px) {
    .content-grid {
        grid-template-columns: repeat(6, 1fr);
    }
    
    .info-img-1, .info-img-5 { grid-column: 1 / 4; }
    .info-img-2, .info-img-6, .info-img-8 { grid-column: 4 / 7; }
    .img-5, .info-img-3, .info-img-7 { grid-column: 1 / 4; }
    .img-6, .info-img-4, .info-img-9 { grid-column: 4 / 7; }
}

@media (max-width: 768px) {
    .content-grid {
        grid-template-columns: 1fr;
    }
    
    .content-grid > * {
        grid-column: 1 / 2 !important;
        height: auto;
    }
}

.card-link:hover {
    color: #ffffff;
}

/* 响应式调整 */
@media (max-width: 992px) {
    .cards-container {
        flex-direction: column;
    }
    
    .design-card {
        border-right: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .design-card:last-child {
        border-bottom: none;
    }
}
.site-build-section {
    width: 100%;
    background-color:#FFF; /* 深黑背景，匹配设计 */
    color: #333;
    padding: 80px 0 80px 0; /* 仅保留上下padding，取消左右 */
    margin: 0;
}

/* 上部标题容器：全屏宽度+居中对齐 */
.site-build-title-wrap {
    width: 100%;
    padding: 0 20px 60px; /* 仅保留左右内边距（防文字贴边） */
    box-sizing: border-box;
    text-align: center;
}
.site-build-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin: 0 auto;
    line-height: 1.2;
    max-width: 1600px; /* 可选：限制标题最大宽度，避免超宽屏文字过散 */
}

/* 下部卡片外层容器：100%全屏宽度（无任何居中/宽度限制） */
.site-build-cards-wrap {
    width: 100%;
    background-color: #fff; /* 与外层背景一致，确保全屏无断层 */
    border-top: 1px solid #000; /* 顶部分隔线全屏 */
}
/* 卡片容器：全屏宽度+三列均分（核心：去掉max-width，改为100%） */
.site-build-cards {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 每列严格1/3宽度 */
    gap: 0; /* 卡片间无间距 */
    margin: 0;
    padding: 0;
    border-left: 1px solid #000); /* 左侧分隔线全屏 */
    box-sizing: border-box;
}

/* 单个卡片：1/3宽度+分隔线（全屏适配） */
.site-build-card {
    padding: 40px 30px;
    border-right: 1px solid #000; /* 右侧分隔线 */
    border-bottom: 1px solid #000; /* 底部分隔线 */
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-sizing: border-box;
    min-height: 350px; /* 可选：固定最小高度，保证卡片对齐 */
}

/* 卡片标题（H3） */
.site-build-card-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

/* 卡片描述（P） */
.site-build-card-desc {
    font-size: 0.95rem;
    line-height: 1.7;
    color: #333; /* 浅白文字，增强层次 */
    margin: 0;
}

/* 卡片链接 */
.site-build-card-link {
    color: #333;
    text-decoration: none;
    font-size: 0.9rem;
    margin-top: 10px;
    display: inline-block;
    transition: color 0.3s ease;
}
.site-build-card-link:hover {
    color: #0168b7;
}

/* 响应式适配（全屏逻辑不变，仅调整列数） */
@media (max-width: 992px) {
    .site-build-main-title {
        font-size: 2.4rem;
    }
    .site-build-cards {
        grid-template-columns: repeat(2, 1fr); /* 平板改为2列（仍全屏） */
    }
}
@media (max-width: 768px) {
    .site-build-main-title {
        font-size: 2rem;
    }
    .site-build-cards {
        grid-template-columns: 1fr; /* 手机改为1列（仍全屏） */
    }
    .site-build-card {
        min-height: auto; /* 手机端取消最小高度 */
    }
}
.site-build-feature-section {
    width: 100%;
    background-color: #fff; /* 深黑背景匹配设计 */
    color: #fff;
    padding: 80px 0;
    margin: 0;
}

/* 内容容器：上限1600px，自适应居中 */
.site-build-feature-inner {
    max-width: 1600px; /* 核心：宽度上限1600px */
    width: 100%;
    margin: 0 auto;
    padding: 0 20px; /* 左右留白防贴边 */
    box-sizing: border-box;
}

/* 上部：标题+描述 */

.site-build-feature-title {
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 1.2;
	color:#000;
}
.site-build-feature-desc {
    font-size: 1rem;
    color: #000;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
}

/* 下部：6卡片容器（核心修改：固定3列，1440px以下自适应） */
.site-build-feature-cards {
    display: grid;
    /* 1440px以上强制3列，每列1/3宽度 */
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 30px; /* 卡片间距：上下40px，左右30px */
}

/* 单个卡片：H3+P */
.site-build-feature-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.site-build-feature-card-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
    color: #000;
}
.site-build-feature-card-desc {
    font-size: 0.95rem;
    color: #000;
    line-height: 1.7;
    margin: 0;
}

/* 响应式适配（1440px以下笔记本/平板/手机） */
@media (max-width: 1440px) {
    .site-build-feature-title {
        font-size: 2.5rem; /* 笔记本端标题缩小 */
		color:#000;
    }
    .site-build-feature-cards {
        gap: 30px 20px; /* 间距微调 */
    }
}
/* 平板端（992px以下）：改为2列 */
@media (max-width: 992px) {
    .site-build-feature-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .site-build-feature-title {
        font-size: 2.2rem;
    }
}
/* 手机端（768px以下）：改为1列 */
@media (max-width: 768px) {
    .site-build-feature-cards {
        grid-template-columns: 1fr;
    }
    .site-build-feature-title {
        font-size: 2rem;
    }
    .site-build-feature-header {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }
}
/* 小屏手机（480px以下） */
@media (max-width: 480px) {
    .site-build-feature-title {
        font-size: 1.8rem;
    }
    .site-build-feature-cards {
        gap: 25px;
    }
}
/* SEO工具集版块外层：100%宽度+白色背景 */
.seo-toolset-section {
    width: 100%;
    padding: 80px 0;
    background-color: #fff;
}

/* 内容内层：1600px宽度+居中 */
.seo-toolset-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 上部：标题+描述布局 */
.seo-toolset-header {
    text-align: center; /* 标题描述居中，匹配设计 */
    margin: 0 0 60px;
}

.seo-toolset-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px;
    line-height: 1.2;
}

.seo-toolset-header-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
    max-width: 1000px;
    margin: 0 auto; /* 描述文本居中 */
}

/* 下部：左文右图容器 */
.seo-toolset-content {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    gap: 60px; /* 文字和图片间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 左侧文字区 */
.seo-toolset-text {
    flex: 1;
    min-width: 300px; /* 最小宽度，避免挤压 */
}

.seo-toolset-subtitle {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 25px;
    line-height: 1.3;
}

.seo-toolset-text-desc1,
.seo-toolset-text-desc2 {
    font-size: 1rem;
    color: #666;
    line-height: 1.7;
    margin: 0 0 20px;
}

.seo-toolset-text-desc2 {
    margin-bottom: 0; /* 最后一段取消下间距 */
}

/* 右侧图片区 */
.seo-toolset-img-wrap {
    flex: 1;
    min-width: 300px; /* 最小宽度 */
}

.seo-toolset-img {
    width: 100%;
    height: auto; /* 自适应高度，保持比例 */
    border-radius: 8px; /* 可选：轻微圆角，匹配设计 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* 可选：轻微阴影，提升质感 */
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .seo-toolset-main-title {
        font-size: 2.4rem;
    }
    .seo-toolset-subtitle {
        font-size: 1.6rem;
    }
    .seo-toolset-content {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .seo-toolset-main-title {
        font-size: 2rem;
    }
    .seo-toolset-subtitle {
        font-size: 1.4rem;
    }
    .seo-toolset-content {
        flex-direction: column; /* 小屏幕文字在上，图片在下 */
    }
    .seo-toolset-text,
    .seo-toolset-img-wrap {
        width: 100%;
    }
}
/* SEO设置控制版块外层：100%宽度+白色背景 */
.seo-control-section {
    width: 100%;
    padding: 80px 0;
    background-color: #f9fafc;
}

/* 内容内层：1600px宽度+居中 */
.seo-control-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 核心布局：左图右文容器 */
.seo-control-content {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    gap: 60px; /* 图片和文字间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 左侧图片区 */
.seo-control-img-wrap {
    flex: 1;
    min-width: 300px; /* 最小宽度，避免挤压 */
}

.seo-control-img {
    width: 100%;
    height: auto; /* 自适应高度，保持比例 */
    border-radius: 8px; /* 轻微圆角，提升质感 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* 轻微阴影，匹配设计风格 */
}

/* 右侧文字区 */
.seo-control-text {
    flex: 1;
    min-width: 300px; /* 最小宽度 */
}

.seo-control-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 25px;
    line-height: 1.3;
}

.seo-control-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .seo-control-title {
        font-size: 1.6rem;
    }
    .seo-control-content {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .seo-control-title {
        font-size: 1.4rem;
    }
    .seo-control-content {
        flex-direction: column; /* 小屏幕图片在上，文字在下 */
    }
    .seo-control-img-wrap,
    .seo-control-text {
        width: 100%;
    }
}
/* SEO URL重定向版块外层：100%宽度+白色背景 */
.seo-url-section {
    width: 100%;
    padding: 80px 0;
    background-color: #fff;
}

/* 内容内层：1600px宽度+居中 */
.seo-url-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 核心布局：左文右图容器 */
.seo-url-content {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    gap: 60px; /* 文字和图片间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 左侧文字区 */
.seo-url-text {
    flex: 1;
    min-width: 300px; /* 最小宽度，避免挤压 */
}

.seo-url-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 25px;
    line-height: 1.3;
}

.seo-url-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

/* 右侧图片区 */
.seo-url-img-wrap {
    flex: 1;
    min-width: 300px; /* 最小宽度 */
}

.seo-url-img {
    width: 100%;
    height: auto; /* 自适应高度，保持比例 */
    border-radius: 8px; /* 轻微圆角，提升质感 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* 轻微阴影，匹配设计风格 */
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .seo-url-title {
        font-size: 1.6rem;
    }
    .seo-url-content {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .seo-url-title {
        font-size: 1.4rem;
    }
    .seo-url-content {
        flex-direction: column; /* 小屏幕文字在上，图片在下 */
    }
    .seo-url-text,
    .seo-url-img-wrap {
        width: 100%;
    }
}
/* SEO Rank Master版块外层：100%宽度+白色背景 */
.seo-rank-section {
    width: 100%;
    padding: 80px 0;
    background-color: #f9fafc;
}

/* 内容内层：1600px宽度+居中 */
.seo-rank-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 核心布局：左图右文容器 */
.seo-rank-content {
    display: flex;
    align-items: center; /* 垂直居中对齐 */
    gap: 60px; /* 图片和文字间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
}

/* 左侧图片区 */
.seo-rank-img-wrap {
    flex: 1;
    min-width: 300px; /* 最小宽度，避免挤压 */
}

.seo-rank-img {
    width: 100%;
    height: auto; /* 自适应高度，保持比例 */
    border-radius: 8px; /* 轻微圆角，提升质感 */
    box-shadow: 0 2px 10px rgba(0,0,0,0.05); /* 轻微阴影，匹配设计风格 */
}

/* 右侧文字区 */
.seo-rank-text {
    flex: 1;
    min-width: 300px; /* 最小宽度 */
}

.seo-rank-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 25px;
    line-height: 1.3;
    letter-spacing: 0.5px; /* 轻微字母间距，匹配设计标题风格 */
}

.seo-rank-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.7;
    margin: 0;
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .seo-rank-title {
        font-size: 1.6rem;
    }
    .seo-rank-content {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .seo-rank-title {
        font-size: 1.4rem;
    }
    .seo-rank-content {
        flex-direction: column; /* 小屏幕图片在上，文字在下 */
    }
    .seo-rank-img-wrap,
    .seo-rank-text {
        width: 100%;
    }
}
/* SEO版块外层：100%宽度+深蓝色背景 + 点点纹理【核心修改】 */
.seo-workflow-section {
    width: 100%;
    padding: 80px 0;
    background-color: #005DA3; /* 深蓝底色 */
    background-image: radial-gradient(rgba(148, 155, 162, 0.2) 15%, transparent 15%); /* 生成点点纹理 */
    background-size: 7px 7px; /* 控制点点的大小/密度（可选，不加则默认平铺） */
    color: #fff; /* 全局文字白色 */
}

/* 内容内层：1600px宽度+居中 */
.seo-workflow-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 上部：标题+描述布局 */
.seo-workflow-header {
    margin: 0 0 60px;
    max-width: 800px; /* 标题描述限制宽度，匹配设计 */
}

.seo-workflow-title {
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.2;
}

.seo-workflow-desc {
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
    opacity: 0.9; /* 描述文字稍淡，匹配设计 */
}

/* 下部：3列卡片容器 */
.seo-workflow-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 强制3列均分 */
    gap: 40px; /* 卡片间距，匹配设计留白 */
}

/* 单个卡片样式 */
.seo-workflow-card {
    padding: 0;
    background: transparent; /* 背景透明，匹配设计 */
}

/* 卡片图标 */
.seo-card-img {
    width: 60px;
    height: 60px;
    margin: 0 0 25px;
    object-fit: contain;
   
}

/* 卡片标题 */
.seo-card-title {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0 0 15px;
}

/* 卡片描述 */
.seo-card-desc {
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
    opacity: 0.85; /* 描述文字稍淡 */
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .seo-workflow-title {
        font-size: 2.5rem;
    }
    .seo-workflow-cards {
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .seo-workflow-cards {
        grid-template-columns: repeat(2, 1fr); /* 平板2列 */
    }
}

@media (max-width: 768px) {
    .seo-workflow-title {
        font-size: 2rem;
    }
    .seo-workflow-cards {
        grid-template-columns: 1fr; /* 手机1列 */
        gap: 40px;
    }
    .seo-workflow-header {
        max-width: 100%;
    }
}

.index-resource-management-section {
    width: 100%; /* 外层宽度100% */
    padding: 60px 0; /* 上下内边距，左右去掉（由内层控制） */
    background-color: #f9fafc; /* 统一背景色 */
}

/* 内容内层：固定1600px宽度 + 居中 + 左右内边距（小屏幕自适应） */
.index-resource-inner {
    width: 100%;
    max-width: 1600px; /* 内容板块宽度1600px */
    margin: 0 auto; /* 水平居中 */
    padding: 0 20px; /* 小屏幕左右留白，避免内容贴边 */
    box-sizing: border-box; /* 内边距不影响宽度计算 */
}

/* 1. 首页-大标题（H2） */
.index-section-main-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 20px;
    line-height: 1.3;
}

/* 2. 首页-描述文本（H3） */
.index-section-desc {
    margin: 0 0 40px;
}

.index-section-desc h3 {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    margin: 0 0 8px;
}

/* 3. 首页-4卡片容器（一行4列） */
.index-cards-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin: 0 0 50px;
}

/* 首页-单个卡片样式 */
.index-feature-card {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #ddd; /* 下划线分隔 */
}

.index-card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px;
    padding-bottom: 23px;
    border-bottom: 1px solid #000; /* 标题下划线 */
}

.index-card-content {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
	margin-top:30px;
}

/* 4. 首页-5个小图片容器 */
.index-tools-logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* 首页-小图片样式 */
.index-logo-img {
 
    object-fit: contain; /* 保持图片比例 */
    filter: grayscale(100%); /* 模拟示例中的深色logo效果 */
    transition: filter 0.3s ease;
}

.index-logo-img:hover {
    filter: grayscale(0); /* hover时恢复彩色 */
}

/* 响应式适配 */
@media (max-width: 1600px) {
    /* 屏幕小于1600px时，内层宽度自适应100%，保留左右内边距 */
    .index-resource-inner {
        max-width: 100%;
    }
}

@media (max-width: 992px) {
    .index-cards-container {
        grid-template-columns: repeat(2, 1fr); /* 中等屏幕2列 */
    }
    .index-section-main-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .index-cards-container {
        grid-template-columns: 1fr; /* 小屏幕1列 */
        gap: 20px;
    }
    .index-tools-logos {
        justify-content: center; /* 小屏幕图片居中 */
    }
    .index-logo-img {
        margin: 0 10px; /* 小屏幕图片增加左右间距 */
    }
}
/* SEO CTA版块外层：100%宽度+白色背景 */
.seo-cta-section {
    width: 100%;
    padding: 80px 0;
    background-color: #f9fafc;
}

/* 内容内层：1600px宽度+居中 */
.seo-cta-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 双卡片容器：一行两列 */
.seo-cta-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 强制一行两列均分 */
    gap: 20px; /* 卡片间距 */
}

/* 单个卡片基础样式 */
.seo-cta-card {
    padding: 50px 40px;
    border-radius: 8px; /* 轻微圆角，匹配设计 */
    display: flex;
    flex-direction: column;
    gap: 25px; /* 标题/描述/按钮间距 */
}

/* 左侧卡片：浅绿色背景 */
.seo-cta-card-green {
    background-color: #d9f9c7; /* 精准匹配设计浅绿色 */
}

/* 右侧卡片：浅紫色背景 */
.seo-cta-card-purple {
    background-color: #e9d9fc; /* 精准匹配设计浅紫色 */
}

/* 卡片标题 */
.seo-cta-card-title {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2;
}

/* 卡片描述 */
.seo-cta-card-desc {
    font-size: 1rem;
    color: #000;
    line-height: 1.6;
    margin: 0;
    flex: 1; /* 撑满空间，按钮靠下 */
}

/* 卡片按钮 */
.seo-cta-card-btn {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px; /* 圆角按钮，匹配设计 */
    text-decoration: none;
    font-weight: 500;
    width: fit-content; /* 按钮宽度适配文字 */
    transition: background-color 0.3s ease;
}

.seo-cta-card-btn:hover {
    background-color: #333; /* hover加深 */
}

/* 响应式适配 */
@media (max-width: 992px) {
    .seo-cta-cards {
        grid-template-columns: 1fr; /* 平板端改为单列 */
        gap: 30px;
    }
    .seo-cta-card-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .seo-cta-card {
        padding: 40px 30px;
    }
    .seo-cta-card-title {
        font-size: 1.6rem;
    }
}
/* SEO特色功能版块外层：100%宽度+白色背景 */
.seo-feature-section {
    width: 100%;
    padding: 80px 0;
    background-color: #fff;
}

/* 内容内层：1600px宽度+居中 */
.seo-feature-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 上部：标题+描述布局 */
.seo-feature-header {
    text-align: center; /* 标题描述居中，匹配设计 */
    margin: 0 0 60px;
}

.seo-feature-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px;
    line-height: 1.2;
}

.seo-feature-header-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
    max-width: 1000px;
    margin: 0 auto; /* 描述文本居中 */
}

/* 下部：7行4列卡片网格容器 - 核心修改：间距改为0 */
.seo-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 强制4列均分 */
    grid-auto-rows: auto; /* 行高自适应内容 */
    gap: 0; /* 关键：移除卡片间距，实现无缝 */
    border: 1px solid #ddd; /* 外层边框，模拟表格 */
    overflow: hidden; /* 防止hover时边框溢出 */
}

/* 单个功能卡片样式（模拟表格单元格）- 核心修改：调整边框+添加hover效果 */
.seo-feature-card {
    padding: 25px 20px;
    border: 1px solid #ddd; /* 单元格边框 */
    border-left: none; /* 移除左侧边框，避免重复 */
    border-top: none; /* 移除顶部边框，避免重复 */
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: background-color 0.3s ease; /* 过渡动画，hover更丝滑 */
    cursor: default; /* 鼠标样式 */
}

/* 修复第一列左侧边框、第一行顶部边框 */
.seo-feature-card:nth-child(4n+1) {
    border-left: 1px solid #ddd;
}
.seo-feature-card:nth-child(-n+4) {
    border-top: 1px solid #ddd;
}

/* 鼠标悬浮卡片背景色变化 - 核心新增 */
.seo-feature-card:hover {
    background-color: #f5f5f5; /* 浅灰色hover背景，可自定义 */
    /* 可选：加深文字/边框，增强视觉反馈
    border-color: #bbb;
    */
}

/* 卡片标题 */
.seo-feature-card-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000;
    margin: 0;
    line-height: 1.3;
}

/* 卡片描述 */
.seo-feature-card-desc {
    font-size: 0.9rem;
    color: #333;
    line-height: 1.6;
    margin: 0;
}

/* 响应式适配 */
@media (max-width: 1400px) {
    .seo-feature-main-title {
        font-size: 2.4rem;
    }
    .seo-feature-grid {
        grid-template-columns: repeat(3, 1fr); /* 大屏平板改为3列 */
    }
    /* 适配3列的边框修复 */
    .seo-feature-card:nth-child(4n+1) {
        border-left: none;
    }
    .seo-feature-card:nth-child(3n+1) {
        border-left: 1px solid #ddd;
    }
    .seo-feature-card:nth-child(-n+3) {
        border-top: 1px solid #ddd;
    }
}

@media (max-width: 992px) {
    .seo-feature-main-title {
        font-size: 2rem;
    }
    .seo-feature-grid {
        grid-template-columns: repeat(2, 1fr); /* 平板改为2列 */
    }
    /* 适配2列的边框修复 */
    .seo-feature-card:nth-child(3n+1) {
        border-left: none;
    }
    .seo-feature-card:nth-child(2n+1) {
        border-left: 1px solid #ddd;
    }
    .seo-feature-card:nth-child(-n+2) {
        border-top: 1px solid #ddd;
    }
}

@media (max-width: 768px) {
    .seo-feature-main-title {
        font-size: 1.8rem;
    }
    .seo-feature-grid {
        grid-template-columns: 1fr; /* 手机改为1列 */
    }
    /* 适配1列的边框修复 */
    .seo-feature-card:nth-child(2n+1) {
        border-left: 1px solid #ddd;
    }
    .seo-feature-card:nth-child(-n+1) {
        border-top: 1px solid #ddd;
    }
    .seo-feature-card {
        padding: 20px 15px;
    }
}
.google-ads-banner-new-section {
    width: 100%;
    background: linear-gradient(135deg, #c0d5ff 0%, #5b89ea 100%);
    padding: 80px 0;
    text-align: center;
}

/* 内容容器：居中+宽度限制 */
.google-ads-banner-new-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px; /* 各模块间距 */
}

/* 第一行：Logo容器+悬浮放大 */
.google-ads-banner-new-logo-wrap {
   
    height: auto;
    overflow: hidden; /* 隐藏放大溢出部分 */
}
.google-ads-banner-new-logo {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease; /* 缓慢放大（0.5秒过渡） */
}
/* 鼠标悬浮Logo放大 */
.google-ads-banner-new-logo-wrap:hover .google-ads-banner-new-logo {
    transform: scale(1.1); /* 放大1.1倍，可调整 */
}

/* 第二行：H1标题 */
.google-ads-banner-new-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: #fff;
    margin: 0;
    line-height: 1.2;
}

/* 第三行：H3副标题 */
.google-ads-banner-new-subtitle {
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    margin: 0;
    line-height: 1.6;
}

/* 第四行：按钮+悬浮变色 */
.google-ads-banner-new-btn {
    display: inline-block;
    background-color: #1a73e8; /* 初始蓝色 */
    color: #fff;
    padding: 15px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: background-color 0.3s ease; /* 变色过渡 */
}
/* 鼠标悬浮按钮变色 */
.google-ads-banner-new-btn:hover {
    background-color: #0d47a1; /* 深色蓝色 */
}

/* 响应式适配 */
@media (max-width: 768px) {
    .google-ads-banner-new-title {
        font-size: 2.5rem;
    }
    .google-ads-banner-new-subtitle {
        font-size: 1rem;
    }
    .google-ads-banner-new-btn {
        padding: 12px 30px;
    }
}
@media (max-width: 480px) {
    .google-ads-banner-new-title {
        font-size: 2rem;
    }
    .google-ads-banner-new-logo-wrap {
        width: 100px;
    }
}
/* Google Ads版块外层：100%宽度+白色背景 */
.google-ads-section {
    width: 100%;
    padding: 80px 0;
    background-color: #fff;
}

/* 内容内层：1600px宽度+居中 */
.google-ads-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 上部：标题+描述+按钮布局 */
.google-ads-header {
    margin: 0 0 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
}

.google-ads-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2;
}

.google-ads-header-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
}

.google-ads-header-btn {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    width: fit-content;
    transition: background-color 0.3s ease;
}

.google-ads-header-btn:hover {
    background-color: #333;
}

/* 下部：左文右图容器 */
.google-ads-content {
    display: flex;
    gap: 60px; /* 文字和图片间距 */
    flex-wrap: wrap; /* 小屏幕自动换行 */
    align-items: flex-start; /* 顶部对齐，匹配设计 */
}

/* 左侧文字区 */
.google-ads-text {
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 30px; /* 每个文本项间距 */
}

.google-ads-text-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.google-ads-subtitle {
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
    margin: 0;
    line-height: 1.3;
}

.google-ads-text-desc {
    font-size: 0.95rem;
    color: #333;
    line-height: 1.7;
    margin: 0;
}

/* 右侧图片区 */
.google-ads-img-wrap {
    flex: 1;
    min-width: 300px;
	 overflow: hidden; /* 关键：防止图片放大后超出容器 */
}

.google-ads-img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
	 transition: transform 0.3s ease; /* 0.3秒丝滑过渡 */
}
.google-ads-img-wrap:hover .google-ads-img {
    transform: scale(1.03); /* 放大1.03倍，可自定义倍数（如1.05/1.02） */
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .google-ads-main-title {
        font-size: 2.4rem;
    }
    .google-ads-content {
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .google-ads-main-title {
        font-size: 2rem;
    }
    .google-ads-content {
        flex-direction: column; /* 小屏幕文字在上，图片在下 */
    }
    .google-ads-text,
    .google-ads-img-wrap {
        width: 100%;
    }
    .google-ads-text {
        gap: 25px;
    }
}
/* Google Ads优势版块外层：100%宽度+白色背景 */
.google-ads-advantage-section {
    width: 100%;
    padding: 80px 0;
    background-color: #f9fafc;
}

/* 内容内层：1600px宽度+居中 */
.google-ads-advantage-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 60px; /* 三部分之间的间距 */
}

/* 第一部分：左H2 + 右P+按钮 */
.google-ads-advantage-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
    flex-wrap: wrap;
}

.google-ads-advantage-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2;
    flex: 1;
    min-width: 300px;
}

.google-ads-advantage-header-right {
    flex: 2;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.google-ads-advantage-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

.google-ads-advantage-btn {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    width: fit-content;
    transition: background-color 0.3s ease;
}

.google-ads-advantage-btn:hover {
    background-color: #333;
}

/* 第二部分：一行四列卡片容器 */
.google-ads-advantage-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 强制四列均分 */
    gap: 20px; /* 卡片间距 */
}

/* 单个优势卡片样式 */
.google-ads-advantage-card {
    padding: 25px 20px;
    background-color: #f9fafc;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.google-ads-advantage-card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    margin: 0;
    line-height: 1.3;
}

.google-ads-advantage-card-desc {
    font-size: 0.95rem;
    color: #333;
    line-height: 1.7;
    margin: 0;
}

/* 第三部分：悬浮放大的大图容器 */
.google-ads-advantage-img-wrap {
    width: 100%;
    overflow: hidden; /* 隐藏放大溢出部分 */
    border-radius: 8px; /* 图片圆角 */
   
}

.google-ads-advantage-img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease; /* 放大过渡动画 */
}

/* 鼠标悬浮图片放大效果 */
.google-ads-advantage-img-wrap:hover .google-ads-advantage-img {
    transform: scale(1.03); /* 放大1.03倍，可自定义 */
}

/* 响应式适配 */
@media (max-width: 1400px) {
    .google-ads-advantage-main-title {
        font-size: 2.4rem;
    }
    .google-ads-advantage-cards {
        grid-template-columns: repeat(2, 1fr); /* 大屏平板改为2列 */
    }
}

@media (max-width: 992px) {
    .google-ads-advantage-main-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .google-ads-advantage-header {
        flex-direction: column; /* 标题区改为单列 */
        align-items: flex-start;
    }
    .google-ads-advantage-cards {
        grid-template-columns: 1fr; /* 手机改为1列 */
    }
    .google-ads-advantage-img {
        transform: none !important; /* 移动端取消放大（可选） */
    }
}
/* 基础布局样式 */
.google-ads-form-section {
    width: 100%;
    padding: 80px 0;
    background-color: #fff;
}
.google-ads-form-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.google-ads-form-content {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    align-items: flex-start;
}

/* 左侧文字区 */
.google-ads-form-text {
    flex: 1;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.google-ads-form-main-title {
    font-size: 2.8rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px;
    line-height: 1.2;
}
.google-ads-form-text-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.google-ads-form-subtitle {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    margin: 0;
    line-height: 1.3;
}
.google-ads-form-desc {
    font-size: 0.95rem;
    color: #333;
    line-height: 1.7;
    margin: 0;
}

/* 右侧图片区 + 悬浮放大核心样式 */
.google-ads-form-img-wrap {
    flex: 1;
    min-width: 300px;
    overflow: hidden; /* 隐藏放大溢出部分 */
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
}
.google-ads-form-img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease; /* 过渡动画 */
}
/* 鼠标悬浮放大 */
.google-ads-form-img-wrap:hover .google-ads-form-img {
    transform: scale(1.03); /* 放大1.03倍，可调整为1.05/1.02 */
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .google-ads-form-main-title {
        font-size: 2.4rem;
    }
    .google-ads-form-content {
        gap: 40px;
    }
}
@media (max-width: 768px) {
    .google-ads-form-main-title {
        font-size: 2rem;
    }
    .google-ads-form-content {
        flex-direction: column;
    }
    /* 移动端可选取消放大 */
    .google-ads-form-img-wrap:hover .google-ads-form-img {
        transform: none;
    }
}
/* 基础布局样式 */
.google-ads-choose-section {
    width: 100%;
    padding: 80px 0;
    background-color: #f9f9f9; /* 匹配截图浅灰背景 */
}
.google-ads-choose-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 50px; /* 上下部分间距 */
}

/* 上部：标题+描述 */
.google-ads-choose-header {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.google-ads-choose-main-title {
    font-size: 3rem;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1.2;
}
.google-ads-choose-desc-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.google-ads-choose-desc {
    font-size: 1rem;
    color: #333;
    line-height: 1.6;
    margin: 0;
    max-width: 800px;
}

/* 下部：强制一行四列卡片容器 */
.google-ads-choose-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 强制四列 */
    gap: 20px; /* 卡片间距 */
    width: 100%;
}

/* 单个卡片样式（核心修正：下划线移到标题下方） */
.google-ads-choose-card {
    display: flex;
    flex-direction: column;
    gap: 12px; /* 标题与描述间距 */
    min-width: 0; /* 解决文字溢出 */
}
/* 标题样式：底部添加下划线 */
.google-ads-choose-card-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 8px 0; /* 标题下方留白 */
    line-height: 1.3;
    padding-bottom: 8px; /* 下划线与标题的间距 */
    border-bottom: 1px solid #000; /* 标题下方下划线 */
}
.google-ads-choose-card-desc {
    font-size: 0.95rem;
    color: #333;
    line-height: 1.7;
    margin: 0;
    word-wrap: break-word; /* 强制换行 */
}

/* 仅超小屏改为单列 */
@media (max-width: 767px) {
    .google-ads-choose-main-title {
        font-size: 2.2rem;
    }
    .google-ads-choose-cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* 大屏微调间距 */
@media (min-width: 1600px) {
    .google-ads-choose-cards {
        gap: 30px;
    }
}
/* 版块外层：100%宽度+背景 */
.index-google-ad-section {
    width: 100%;
    padding: 60px 0;
    background-color: #fff;
}

/* 内容内层：1600px宽度+居中 */
.index-ad-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 上部：标题+描述布局 */
.index-ad-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 80px;
    gap: 30px;
    flex-wrap: wrap;
}

.index-ad-header-left {
    flex: 1;
    min-width: 200px;
}

.index-ad-main-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #000;
    margin: 0;
}

.index-ad-header-right {
    flex: 2;
    min-width: 300px;
}

.index-ad-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin: 0 0 20px;
}

/* 按钮样式 */
.index-ad-btn {
    display: inline-block;
    background-color: #000;
    color: #fff;
    padding: 10px 25px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s;
}

.index-ad-btn:hover {
    background-color: #333;
}

/* 下部：4卡片容器（Grid布局强制一行4列） */
.index-ad-card-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 强制4列均分 */
    gap: 20px; /* 卡片间距 */
}

/* 单个卡片样式（全新类名，无冲突） */
.index-ad-card-item {
    padding: 60px 50px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #6495ed, #4169e1); /* 初始渐变背景 */
    transition: background 0.3s ease;
    box-sizing: border-box;
}

/* 卡片hover背景变化（文字颜色不变） */
.index-ad-card-item:hover {
    background: linear-gradient(135deg, #4169e1, #191970); /* 加深渐变 */
}

/* 卡片内图片样式 */
.index-ad-card-img {
    width: 60px;
    height: 60px;
    margin: 0 0 20px;
    object-fit: contain;
}

/* 卡片内标题样式 */
.index-ad-card-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 15px;
}

/* 卡片内文本样式 */
.index-ad-card-text {
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .index-ad-main-title {
        font-size: 2rem;
    }
    /* 平板端改为2列 */
    .index-ad-card-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .index-ad-main-title {
        font-size: 1.8rem;
    }
    /* 手机端改为1列 */
    .index-ad-card-wrapper {
        grid-template-columns: 1fr;
    }
}
/* 基础布局：渐变背景+全屏宽度 */
.google-ads-banner-section {
    width: 100%;
    padding: 80px 0;
    /* 还原截图紫粉渐变背景（从深紫到浅粉/橙） */
    background: linear-gradient(135deg, #0e2044 0%, #3a5a98 50%, #28389b 100%);
    position: relative;
    overflow: hidden;
}

.google-ads-banner-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 核心内容容器：居中对齐+纵向排列 */
.google-ads-banner-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px; /* 三部分之间的间距 */
    text-align: center;
}

/* 第一部分：小图（悬浮放大） */
.google-ads-banner-img-wrap {
    
    overflow: hidden; /* 隐藏放大溢出部分 */
    border-radius: 4px; /* 可选：轻微圆角 */
    transition: transform 0.3s ease;
}

.google-ads-banner-img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* 保证图片不变形 */
    transition: transform 0.3s ease;
}

/* 鼠标悬浮图片放大 */
.google-ads-banner-img-wrap:hover .google-ads-banner-img {
    transform: scale(1.1); /* 轻微放大1.1倍，可调整 */
}

/* 第二部分：H2标题样式 */
.google-ads-banner-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: #fff; /* 深海军蓝，匹配截图文字色 */
    line-height: 1.2;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px; /* 两行标题间距 */
}

/* 标题分行样式 */
.google-ads-banner-title-line1 {
    font-size: 3.5rem; /* 第一行字号 */
}
.google-ads-banner-title-line2 {
    font-size: 3.5rem; /* 第二行字号，与第一行一致 */
}

/* 第三部分：按钮样式 */
.google-ads-banner-btn {
    display: inline-block;
    background-color: #0a144b; /* 深海军蓝，匹配截图按钮色 */
    color: #fff;
    padding: 15px 35px;
    border-radius: 50px; /* 圆角按钮 */
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(10, 20, 75, 0.2); /* 轻微阴影提升质感 */
}

/* 按钮悬浮效果 */
.google-ads-banner-btn:hover {
    background-color: #08103d; /* 稍深的蓝色 */
    transform: translateY(-2px); /* 轻微上移 */
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .google-ads-banner-title,
    .google-ads-banner-title-line1,
    .google-ads-banner-title-line2 {
        font-size: 2.8rem;
    }
}

@media (max-width: 768px) {
    .google-ads-banner-title,
    .google-ads-banner-title-line1,
    .google-ads-banner-title-line2 {
        font-size: 2rem;
    }
    .google-ads-banner-btn {
        padding: 12px 30px;
        font-size: 0.95rem;
    }
    .google-ads-banner-img-wrap {
        width: 70px;
        height: 35px;
    }
}

@media (max-width: 480px) {
    .google-ads-banner-title,
    .google-ads-banner-title-line1,
    .google-ads-banner-title-line2 {
        font-size: 1.6rem;
    }
    .google-ads-banner-section {
        padding: 60px 0;
    }
}
/* 询盘提醒版块基础样式 */
.inquiry-reminder-section {
    padding: 60px 20px;
    background-color: #fff;
    display: flex;
    justify-content: center;
}
.reminder-card {
    max-width: 1400px;
    width: 100%;
    padding: 40px 30px;
    border: 2px dashed #333; /* 虚线边框 */
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    /* 动画基础属性 */
    transition: transform 0.3s ease;
}

/* 鼠标hover倾斜特效 */
.reminder-card:hover {
    transform: rotate(-1deg) scale(1.01); /* 轻微倾斜+放大 */
}

/* 内容样式 */
.reminder-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.bell-icon {
    font-size: 1.5rem;
    color: #ffc107; /* 铃铛黄色 */
}
.reminder-label {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}
.reminder-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 10px;
}
.reminder-subtitle {
    font-size: 1.2rem;
    color: #333;
    margin: 0 0 20px;
}
.reminder-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #666;
    margin: 0 0 30px;
}
.reminder-btn {
    padding: 12px 25px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.reminder-btn:hover {
    background-color: #333;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .reminder-title {
        font-size: 1.5rem;
    }
    .reminder-card:hover {
        transform: rotate(0) scale(1.01); /* 小屏取消倾斜，只放大 */
    }
}

/* 版块基础样式 */
.google-discover-section {
    padding: 60px 20px;
    background-color:#f9f9f9;
    display: flex;
    justify-content: center;
}
.discover-card {
    max-width: 1400px;
    width: 100%;
    padding: 30px;
    border: 3px solid #000; /* 黑色实线边框 */
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0 6px 25px rgba(0,0,0,0.1);
    /* 动画基础属性 */
    transition: transform 0.3s ease;
}

/* 鼠标hover倾斜特效 */
.discover-card:hover {
    transform: rotate(1deg) scale(1.01); /* 轻微向右倾斜+放大 */
}

/* Google搜索栏模拟 */
.google-search-bar {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}
.google-logo {
    width: 90px;
    height: auto;
}
.search-input {
    flex: 1;
    padding: 10px 15px;
    background-color: #f1f3f4;
    border-radius: 24px;
    font-size: 0.95rem;
    color: #202124;
}

/* 标题样式 */
.discover-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    margin: 0 0 20px;
}
.highlight {
    color: #4285f4; /* Google蓝 */
}

/* 描述文本 */
.discover-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #5f6368;
    margin: 0 0 30px;
}

/* 按钮组 */
.discover-btns {
    display: flex;
    gap: 15px;
}
.btn-primary, .btn-secondary {
    padding: 12px 25px;
    border: none;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.btn-primary {
    background-color: #0168b7;
    color: #fff;
}
.btn-primary:hover {
    background-color: #00a0ec;
}
.btn-secondary {
    background-color: #f1f3f4;
    color: #000;
}
.btn-secondary:hover {
    background-color: #e8eaed;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .discover-title {
        font-size: 1.5rem;
    }
    .discover-btns {
        flex-direction: column;
        gap: 10px;
    }
    .discover-card:hover {
        transform: rotate(0) scale(1.01); /* 小屏取消倾斜 */
    }
}

/* 版块基础样式 */
.sio-intro-section {
    padding: 80px 20px;
    background-color: #fff;
}
.sio-container {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 50px;
}

/* 左侧文字区 */
.sio-text {
    flex: 1;
}
.sio-title {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 25px;
    line-height: 1.3;
}
.sio-desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #333;
    margin: 0 0 20px;
}
.sio-btn {
    margin-top: 10px;
    padding: 12px 25px;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.sio-btn:hover {
    background-color: #333;
}

/* 右侧图片区（含hover放大特效） */
.sio-img-wrapper {
    flex: 1;
    max-width: 450px;
    overflow: hidden; /* 防止图片放大超出容器 */
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
.sio-img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease; /* 过渡动画 */
}
/* 鼠标hover图片放大 */
.sio-img-wrapper:hover .sio-img {
    transform: scale(1.05); /* 放大5% */
}

/* 响应式适配 */
@media (max-width: 992px) {
    .sio-container {
        flex-direction: column;
        text-align: center;
    }
    .sio-img-wrapper {
        max-width: 100%;
    }
}

/* 版块基础样式 */
.sio-features-section {
    padding: 80px 20px;
    background-color: #f9f9f9;
}
.features-container {
    max-width: 1600px;
    margin: 0 auto;
}
.features-title {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin: 0 0 50px;
}

/* 卡片容器（2行3列） */
.features-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* 单个卡片样式 */
.feature-card {
    
    padding: 50px 25px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    text-align: center;
    height: 100%; /* 保证所有卡片高度一致 */
    display: flex;
    flex-direction: column;
    align-items: center;
	background-color:#fff;
}
.card-icon {
    width: 100px;
    height: 100px;
    margin: 0 0 20px;
}
.card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px;
}
.card-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #666;
    flex: 1; /* 文本区域自动填充剩余空间，保证卡片底部对齐 */
}

/* 响应式适配 */
@media (max-width: 992px) {
    .features-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .features-cards {
        grid-template-columns: 1fr;
    }
}

/* 版块基础样式 */
.sio-seo-compare-section {
    padding: 60px 20px;
    background-color: #fff;
}
.compare-container {
    max-width: 1600px;
    margin: 0 auto;
}

/* 标题与说明 */
.compare-header {
    margin-bottom: 40px;
}
.compare-title {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px;
	text-align:center;
}
.compare-desc {
    font-size: 1rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* 对比项通用样式 */
.compare-item {
    display: flex;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
}
.item-col {
    flex: 1;
    padding: 25px;
    text-align: center;
}
.item-middle {
    min-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 700;
}
.col-label {
    display: block;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}
.col-content {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* 响应式适配（手机端纵向排列） */
@media (max-width: 992px) {
    .compare-item {
        flex-direction: column;
    }
    .item-middle {
        min-width: auto;
        padding: 15px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
	.compare-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    margin: 0 0 15px;
    text-align: center;
}
}
/* 版块基础样式 */
.sio-empower-section {
    padding: 60px 20px 100px 20px;
    background-color: #fff;
}
.empower-container {
    max-width: 1600px;
    margin: 0 auto;
}

/* 标题样式 */
.empower-title {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin: 0 0 80px;
}

/* 卡片列表样式 */
.empower-cards {
    display: flex;
    gap: 70px;
    flex-wrap: wrap;
    justify-content: center;
}

/* 单个卡片样式 */
.empower-card {
    flex: 1;
    min-width: 300px;
    max-width: 380px;
    padding: 30px 25px;
    border-radius: 8px;
    color: #000;
}
.card-title {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0 0 15px;
}
.card-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

/* 响应式适配（小屏自动换行） */
@media (max-width: 768px) {
    .empower-cards {
        flex-direction: column;
        align-items: center;
    }
    .empower-card {
        max-width: 100%;
        width: 100%;
    }
	.empower-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin: 0 0 40px;
}
}

/* 版块基础样式 */
.sio-choose-section {
    padding: 60px 20px 100px 20px;
    background-color: #f9f9f9;
}
.choose-container {
    max-width: 1600px;
    margin: 0 auto;
}

/* 标题样式 */
.choose-title {
    font-size: 2rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin: 0 0 80px;
}

/* 卡片列表样式 */
.choose-cards {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    justify-content: center;
}

/* 单个卡片样式 */
.choose-card {
    flex: 1;
    min-width: 280px;
    max-width: 350px;
    padding: 30px 25px;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.card-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
}
.card-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 15px;
}
.card-desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #666;
    margin: 0;
}
.card-title2 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #fff;
    margin: 0 0 30px;
}
.card-desc2 {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #fff;
    margin: 0;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .choose-cards {
        flex-direction: column;
        align-items: center;
    }
    .choose-card {
        max-width: 100%;
        width: 100%;
    }
	.choose-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin: 0 0 40px;
}
}

/* 版块容器：宽度1600px，居中 */
.news-list-wrap-v2 {
    width: 1600px;
    margin: 0 auto;
    display: flex;
    gap: 20px;
    padding: 30px 0;
}

/* 左侧区域：宽度1250px */
.news-list-left-v2 {
    width: 1250px;
}

/* 左侧卡片样式 */
.news-card-item-v2 {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}
/* 左侧图片容器（悬浮放大） */
.news-card-img-wrap-v2 {
    width: 300px;
    height: 160px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.news-card-img-v2 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
/* 鼠标悬浮图片放大1.08倍 */
.news-card-img-wrap-v2:hover .news-card-img-v2 {
    transform: scale(1.08);
}
.news-card-content-v2 {
    flex: 1;
}
/* 链接样式重置 */
.news-card-link-v2, .news-right-link-v2 {
    text-decoration: none;
    color: inherit;
    display: block;
}
.news-card-title-v2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #333;
    transition: color 0.2s ease;
}
.news-card-title-v2:hover {
    color: #2f54eb;
}
.news-card-desc-v2 {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-card-meta-v2 {
    font-size: 12px;
    color: #999;
}

/* 分页区域样式（优化成横向，完全匹配图2） */
.news-pagination-v2 {
    margin-top: 30px;
    text-align: center;
}
.pagination-list-v2 {
    display: inline-flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0;
}
.pagination-item-v2 {
    margin: 0;
}
.pagination-link-v2 {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #eee;
    background: #fff;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 0;
}
.pagination-link-v2:hover {
    background: #f5f7ff;
}
.pagination-link-v2.active {
    background: #2f54eb;
    color: #fff;
    border-color: #2f54eb;
    cursor: default;
}
.pagination-link-v2.disabled {
    background: #f8f8f8;
    color: #ccc;
    border-color: #eee;
    cursor: not-allowed;
}
/* 上一页和下一页的边框圆角 */
.pagination-item-v2:first-child .pagination-link-v2 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination-item-v2:last-child .pagination-link-v2 {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* 右侧区域：宽度350px */
.news-list-right-v2 {
    width: 350px;
}

/* 右侧推荐文章卡片 */
.news-right-top-v2 {
    border: 1px solid #eee;
    padding: 20px;
    margin-bottom: 20px;
}
.news-right-top-title-v2 {
    font-size: 18px;
    font-weight: 600;
    
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.news-right-top-item-v2 {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.news-right-top-img-v2 {
    width: 120px;
    height: 80px;
    object-fit: cover;
}
.news-right-top-content-v2 {
    flex: 1;
}
.news-right-top-subtitle-v2 {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
    transition: color 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-right-top-subtitle-v2:hover {
    color: #2f54eb;
}
.news-right-top-read-v2 {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px;
}
.news-right-top-btn-v2 {
    padding: 5px 12px;
    background: #2f54eb;
    color: #fff;
    border: none;
    font-size: 12px;
    cursor: pointer;
    transition: background 0.2s ease;
}
.news-right-top-btn-v2:hover {
    background: #1f46d1;
}

/* 右侧热榜样式 */
.news-right-rank-v2 {
    border: 1px solid #eee;
    padding: 20px;
}
.news-right-rank-title-v2 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.news-right-rank-item-v2 {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
}
.news-right-rank-num-v2 {
    font-size: 24px;
    font-weight: 700;
    color: #999;
    width: 30px;
    text-align: center;
}
.news-right-rank-text-v2 {
    font-size: 14px;
    color: #333;
    flex: 1;
    transition: color 0.2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news-right-rank-text-v2:hover {
    color: #2f54eb;
}

/* 响应式适配（手机端优化） */
@media (max-width: 768px) {
    .news-list-wrap-v2 {
        width: 100%;
        flex-direction: column;
        padding: 15px;
        gap: 15px;
    }
    .news-list-left-v2, .news-list-right-v2 {
        width: 100%;
    }
    .news-card-item-v2 {
        flex-direction: column;
        gap: 15px;
    }
    .news-card-img-wrap-v2 {
        width: 100%;
        height: auto;
    }
    .news-right-top-item-v2 {
        flex-direction: column;
        gap: 10px;
    }
    .news-right-top-img-v2 {
        width: 100%;
        height: auto;
    }
    /* 手机端分页适配 */
    .pagination-link-v2 {
        padding: 6px 12px;
        font-size: 14px;
    }
    .pagination-list-v2 {
        flex-wrap: wrap;
        justify-content: center;
    }
    .pagination-item-v2 {
        margin: 2px;
    }
    /* 手机端圆角适配 */
    .pagination-item-v2:first-child .pagination-link-v2,
    .pagination-item-v2:last-child .pagination-link-v2 {
        border-radius: 4px;
    }
}
@media (min-width: 769px) and (max-width: 1200px) {
    .news-list-wrap-v2 {
        width: 100%;
        padding: 0 20px;
    }
    .news-list-left-v2 {
        width: 75%;
    }
    .news-list-right-v2 {
        width: 25%;
    }
}

/* li 标签通用样式 */
.news-pagination-v2 li {
    display: inline-block; /* 横向排列 */
    margin: 0;
    padding: 0;
    list-style: none; /* 清除默认圆点 */
}

/* a 标签通用样式 */
.news-pagination-v2 li a {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #eee;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
}

/* a 标签悬浮效果 */
.news-pagination-v2 li a:hover {
    background: #f5f7ff;
    border-color: #e1e5ff;
}

/* 当前页（.active）的样式 */
.news-pagination-v2 li.active a {
    background: #2f54eb;
    color: #fff;
    border-color: #2f54eb;
    cursor: default;
}

/* 禁用状态（如“上一页”无可用页时） */
.news-pagination-v2 li a.disabled {
    background: #f8f8f8;
    color: #ccc;
    border-color: #eee;
    cursor: not-allowed;
}

/* 手机端适配 */
@media (max-width: 768px) {
    .news-pagination-v2 li {
        margin: 2px; /* 手机端li之间加小间距 */
    }
    .news-pagination-v2 li a {
        padding: 6px 12px;
        font-size: 14px;
    }
}

.brand-website-section {
    width: 100%; /* 关键：替换100vw为100%，解决滚动条 */
    min-height: 600px;
    margin: 0;
        padding-top: 75px;
    padding-bottom: 50px;
    display: flex;
    background: #f9fafc;
    overflow: hidden;
    position: relative; /* 防止内部元素溢出 */
}

/* 左侧图片区域：占55%宽度，确保图片显示 */
.brand-website-left {
    width: 55%;
    height: 100%;
    min-height: 600px; /* 强制高度生效 */
    /* 背景图兼容写法 */
    background: url('/img/web_bk01.png') no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}
.brand-website-left02 {
    width: 55%;
    height: 100%;
    min-height: 600px; /* 强制高度生效 */
    /* 背景图兼容写法 */
    background: url('/img/web_bk03.png') no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}
/* 右侧内容区域：占45%宽度 */
.brand-website-right {
    width: 45%;
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333;
    box-sizing: border-box; /* 新增：防止padding导致宽度溢出 */
}

/* 右侧标题层级 */
.brand-website-right h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #666;
}

.brand-website-right h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #333;
    line-height: 1.2;
}

.brand-website-right p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 40px;
    color: #666;
    max-width: 80%;
}

/* 按钮容器 */
.brand-website-buttons {
    display: flex;
    gap: 20px;
}

/* 按钮样式 */
.brand-website-btn {
    display: inline-block;
    padding: 12px 30px;
    border: 1px solid #0A2A49;
    color: #0A2A49;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
}

.brand-website-btn:hover {
    background: #0A2A49;
    color: #fff;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .brand-website-section {
        flex-direction: column;
        min-height: auto;
    }
    .brand-website-left, .brand-website-right {
        width: 100%;
    }
    .brand-website-left {
        height: 300px;
        min-height: 300px; /* 适配手机端高度 */
    }
    .brand-website-right {
        padding: 40px 20px;
    }
    .brand-website-right h2 {
        font-size: 28px;
    }
    .brand-website-right p {
        max-width: 100%;
    }
    .brand-website-buttons {
        flex-direction: column;
        align-items: center;
    }
}


/* 版块容器：全屏100%，无左右空白 */
.shop-mall-section {
    width: 100%;
    min-height: 600px;
    margin: 0;
    padding-top: 75px;
    padding-bottom: 50px;
    display: flex;
    background: #fff; /* 深蓝色背景 */
    overflow: hidden;
    position: relative;
}

/* 左侧文字区域：占45%宽度 */
.shop-mall-left {
    width: 45%;
    padding: 80px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    box-sizing: border-box;
}

/* 左侧文字层级样式 */
.shop-mall-left h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 12px;
    color: #666;
}

.shop-mall-left h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 24px;
    color: #333;
    line-height: 1.2;
}

.shop-mall-left p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 40px;
    color: #666;
    max-width: 80%;
}

/* 按钮容器 */
.shop-mall-buttons {
    display: flex;
    gap: 20px;
}

/* 按钮样式 */
.shop-mall-btn {
    display: inline-block;
    padding: 12px 30px;
    border: 1px solid #0A2A49;
    color: #000;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
    background: transparent;
}

.shop-mall-btn:hover {
    background: #0A2A49;
    color: #fff;
}

/* 右侧图片区域：占55%宽度 */
.shop-mall-right {
    width: 55%;
    height: 100%;
    /*min-height: 600px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    box-sizing: border-box;
}

.shop-mall-right img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .shop-mall-section {
        flex-direction: column;
        min-height: auto;
    }
    .shop-mall-left, .shop-mall-right {
        width: 100%;
    }
    .shop-mall-left {
        padding: 40px 20px;
        text-align: center;
    }
    .shop-mall-left p {
        max-width: 100%;
    }
    .shop-mall-buttons {
        flex-direction: column;
        align-items: center;
    }
    .shop-mall-right {
        padding: 20px;
    }
    .shop-mall-right img {
        max-width: 80%;
    }
}


/* 版块大容器：宽度1600px居中，灰色背景 */
.foundation-section {
    width: 100%;
    background: #f8f9fa;
    padding: 80px 0;
    margin: 0;
}

/* 内容容器：1600px居中 */
.foundation-container {
    width: 1600px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 顶部标题区域 */
.foundation-header {
    text-align: center;
    margin-bottom: 60px;
}

.foundation-header h2 {
    font-size: 36px;
    font-weight: 700;
    color: #333;
    margin-bottom: 16px;
}

.foundation-header p {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    max-width: 1000px;
    margin: 0 auto;
}

/* 卡片网格布局：一行3列 */
.foundation-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* 单个卡片样式 */
.foundation-card {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: flex-start;
    gap: 20px;
    transition: transform 0.3s ease;
}

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

/* 卡片图标 */
.foundation-card-img {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    object-fit: contain;
}

/* 卡片文字区域 */
.foundation-card-content {
    flex: 1;
}

.foundation-card-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}

.foundation-card-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* 响应式适配 */
@media (max-width: 1600px) {
    .foundation-container {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .foundation-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .foundation-cards {
        grid-template-columns: 1fr;
    }
    .foundation-card {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
}

/* 版块大容器：宽度100%，无左右空白 */
.home-featured-section {
    width: 100%;
    background: #fff;
    padding: 80px 0;
    margin: 0;
}

/* 内容容器：100%宽度，完全全屏 */
.home-featured-container {
    width: 100% !important; /* 强制100%宽度 */
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 15px; /* 仅保留极小内边距防内容贴边，可改为0彻底无空白 */
    box-sizing: border-box;
}

/* 顶部标题 */
.home-featured-header {
    text-align: center;
    margin-bottom: 60px;
}

.home-featured-header h2 {
    font-size: 32px;
    font-weight: 700;
    color: #333;
    margin: 0;
}

/* 卡片网格：100%宽度，一行4列铺满 */
.home-featured-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    width: 100%; /* 网格宽度100%，跟随容器全屏 */
    box-sizing: border-box;
}

/* 单个卡片：整个卡片用a标签包裹 */
.home-featured-card {
    display: block;
    text-decoration: none;
    color: inherit;
    background: #fff;
    border: 1px solid #f0f0f0;
   
    overflow: hidden;
    transition: all 0.3s ease;
}

/* 卡片悬浮效果：文字区域背景色变化 */
.home-featured-card:hover .home-featured-card-content {
    background: #f8f9ff;
}

/* 卡片图片：横屏比例 */
.home-featured-card-img {
    width: 100%;
    height: 245px;
    object-fit: cover;
    background: #f5f5f5;
	filter: grayscale(0%) brightness(40%)!important; 
    transition: filter 0.3s ease !important; /* 过渡动画，让颜色切换更丝滑 */
}
.home-featured-card:hover .home-featured-card-img {
    filter: grayscale(0%) !important;
}

/* 卡片文字区域 */
.home-featured-card-content {
    padding: 24px;
    transition: background 0.3s ease;
}

/* 卡片标题 */
.home-featured-card-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    line-height: 1.4;
}

/* 日期 */
.home-featured-card-date {
    font-size: 14px;
    color: #999;
    margin-bottom: 12px;
    display: block;
}

/* 描述文字 */
.home-featured-card-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 按钮 */
.home-featured-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: #2f54eb;
    text-decoration: none;
    font-weight: 500;
}

.home-featured-card-btn::after {
    content: "→";
    font-size: 12px;
}

.home-featured-more-btn {
    display: block;
    width: fit-content;
    margin: 0 auto; /* 水平居中 */
    padding: 12px 40px; /* 按钮内边距，匹配示例样式 */
    background: #0066cc; /* 示例蓝色背景 */
    color: #fff !important; /* 白色文字 */
    text-align: center;
    text-decoration: none !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px; /* 轻微圆角，匹配示例 */
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
	margin-top:40px;
}

.home-featured-more-btn:hover {
    background: #0052aa; /* hover加深蓝色 */
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .home-featured-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .home-featured-cards {
        grid-template-columns: 1fr;
    }
    .home-featured-container {
        padding: 0 10px; /* 手机端更小内边距 */
    }
	 .home-featured-more-btn {
        padding: 10px 30px;
        font-size: 14px;
        width: 80%; /* 手机端按钮更宽 */
    }
}
@media (max-width: 390px) {
    .home-featured-cards {
        grid-template-columns: 1fr !important;
    }
}

/* 版块大容器：全屏100% */
.article-toc-section {
    width: 100%;
    display: flex;
    min-height: 800px;
    background: #f5f5f7;
}

/* 左侧目录区：30%宽度，灰色背景 */
.article-toc-left {
    width: 30%;
    background: #f5f5f7;
    padding: 20px 0;
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
}

/* 左侧内容容器：右靠，留内边距 */
.article-toc-left-inner {
    width: 85%;
    margin-left: auto; /* 右靠对齐 */
    padding-right: 20px;
    box-sizing: border-box;
}

/* 左侧顶部图片 */
.article-toc-logo {
    width: 120px;
    margin-bottom: 20px;
    display: block;
}

/* 一级菜单容器 */
.article-toc-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 一级菜单项：带分隔线 */
.article-toc-menu-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

/* 一级菜单标题（可点击） */
.article-toc-menu-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}
/* 一级菜单箭头 */
.article-toc-menu-title::after {
    content: "▼";
    font-size: 12px;
    color: #999;
    transition: transform 0.3s;
}
/* 收起时箭头旋转 */
.article-toc-menu-item.collapsed .article-toc-menu-title::after {
    transform: rotate(-90deg);
}

/* 二级菜单列表 */
.article-toc-submenu {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0;
    display: block; /* 默认展开第一个 */
}
/* 收起状态 */
.article-toc-menu-item.collapsed .article-toc-submenu {
    display: none;
}

/* 二级菜单项（加高优先级） */
.article-toc-submenu-item {
    font-size: 14px;
    color: #666 !important;
    padding: 6px 0;
    cursor: pointer;
    word-wrap: break-word;
    position: relative;
}

/* 二级菜单a标签（核心：加高优先级） */
.article-toc-submenu-item > a {
    color: #666 !important;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    word-wrap: break-word;
    padding: 0;
    margin: 0;
}

/* hover效果（强制生效） */
.article-toc-submenu-item:hover {
    background: #eef2ff !important;
    padding-left: 5px !important;
    border-radius: 3px !important;
}
.article-toc-submenu-item:hover > a {
    color: #0066cc !important;
}



/* 右侧内容区：70%宽度，白色背景 */
.article-toc-right {
    width: 70%;
    background: #fff;
    padding: 40px 60px;
    box-sizing: border-box;
}
.article-toc-right p{ line-height:30px; padding-bottom:15px;;}
.article-toc-right h2{line-height:60px;font-size:16px; padding-bottom:15px;}
.article-toc-right h3{line-height:60px;font-size:16px; padding-bottom:15px;}
/* 右侧标题 */
.article-toc-right-title {
    font-size: 26px;
    font-weight: 700;
    color: #333;
    margin: 0 0 15px 0;
}

/* 分隔线 */
.article-toc-divider {
    height: 1px;
    background: #e0e0e0;
    margin: 20px 0;
}

/* 右侧内容段落 */
.article-toc-right-content {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin: 0 0 20px 0;
}

/* 上下篇链接 */
.article-toc-nav {
    font-size: 15px;
    color: #333;
    margin: 10px 0;
}
.article-toc-nav a {
    color: #0066cc;
    text-decoration: none;
}
.article-toc-nav a:hover {
    text-decoration: underline;
}

/* 响应式适配（平板+手机） */
@media (max-width: 1024px) {
    .article-toc-section {
        flex-direction: column;
    }
    .article-toc-left, .article-toc-right {
        width: 100%;
    }
    .article-toc-left {
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }
    .article-toc-left-inner {
        width: 90%;
        margin: 0 auto;
        padding: 0 10px;
    }
    .article-toc-right {
        padding: 30px 20px;
    }
}

        /* 核心父容器：1600px固定宽度 + 响应式适配 */
        .tag-container {
            width: 1600px; /* 大屏固定宽度 */
            margin: 0 auto; /* 水平居中 */
            padding: 20px 0;
        }

        /* Tag版块主体：左右布局 */
        .tag-section {
            width: 100%;
            display: flex;
            gap: 20px; /* 左右版块间距 */
        }

        /* 左侧版块：72%宽度 */
        .tag-left {
            width: 72%;
        }
        /* 左侧文章列表 */
        .tag-left-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        /* 左侧列表项：带灰色分隔线 */
        .tag-left-item {
            padding: 18px 0;
            border-bottom: 1px solid #e5e5e5;
            transition: transform 0.3s ease; /* 抖动动画过渡 */
        }
        /* 鼠标悬浮抖动效果 */
        .tag-left-item:hover {
            transform: translateX(5px); /* 轻微右移抖动 */
        }
        /* 左侧日期 */
        .tag-left-date {
            font-size: 14px;
            color: #999;
            margin-right: 12px;
            display: inline-block;
        }
        /* 左侧文章标题（H2） */
        .tag-left-title {
            font-size: 18px;
            font-weight: 600;
            color: #333;
            display: inline;
            text-decoration: none;
            line-height: 1.5;
        }
        .tag-left-title:hover {
            color: #0066cc;
        }

        /* 右侧版块：28%宽度 */
        .tag-right {
            width: 28%;
        }
        /* 右侧上方标签版块（灰色背景） */
        .tag-right-top {
            background: #f5f5f7;
            padding: 20px;
            margin-bottom: 20px;
            border-radius: 4px;
        }
        /* 右侧版块标题通用样式 */
        .tag-right-module-title {
            font-size: 16px;
            font-weight: 700;
            color: #333;
            margin: 0 0 15px 0;
        }
        /* 右侧标签列表（统一类名，方便后台调用） */
        .tag-right-tags {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        /* 右侧标签项（后台动态调用核心类名） */
        .tag-right-tag-item {
            font-size: 14px;
            color: #666;
            background: #fff;
            padding: 5px 12px;
            border-radius: 4px;
            cursor: pointer;
            border: 1px solid #e0e0e0;
            white-space: nowrap; /* 标签文字不换行 */
        }
        .tag-right-tag-item:hover {
            background: #eef2ff;
            color: #0066cc;
            border-color: #0066cc;
        }

        /* 右侧下方工具版块（灰色边框） */
        .tag-right-bottom {
            border: 1px solid #e5e5e5;
            padding: 20px;
            border-radius: 4px;
        }
        /* 右侧工具图片 */
        .tag-right-img {
            width: 100%;
            height: auto;
            margin-bottom: 15px;
            border-radius: 4px;
            display: block;
        }
        /* 右侧工具描述文字 */
        .tag-right-desc {
            font-size: 14px;
            color: #666;
            margin: 0 0 12px 0;
        }
        /* 右侧工具更多链接 */
        .tag-right-more {
            font-size: 14px;
            color: #0066cc;
            text-decoration: none;
            margin-bottom: 15px;
            display: inline-block;
        }
        /* 右侧工具列表 */
        .tag-right-tools {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        /* 右侧工具项标题（H2） */
        .tag-right-tool-title {
            font-size: 15px;
            color: #333;
            margin: 0 0 10px 0;
            font-weight: 500;
            cursor: pointer;
            line-height: 1.4;
        }
        .tag-right-tool-title:hover {
            color: #0066cc;
        }

        /* ========== 响应式适配 ========== */
        /* 屏幕宽度≤1600px（大屏笔记本/平板横屏） */
        @media (max-width: 1600px) {
            .tag-container {
                width: 100%; /* 宽度自适应 */
                padding: 20px 15px;
            }
        }

        /* 屏幕宽度≤1200px（平板） */
        @media (max-width: 1200px) {
            .tag-section {
                gap: 15px;
            }
            .tag-left {
                width: 70%;
            }
            .tag-right {
                width: 30%;
            }
            .tag-left-title {
                font-size: 17px;
            }
        }

        /* 屏幕宽度≤768px（平板竖屏/手机横屏） */
        @media (max-width: 768px) {
            .tag-section {
                flex-direction: column; /* 左右布局改为上下布局 */
                gap: 25px;
            }
            .tag-left, .tag-right {
                width: 100%; /* 占满宽度 */
            }
            .tag-left-item {
                padding: 15px 0;
            }
            .tag-right-top, .tag-right-bottom {
                padding: 15px;
            }
        }

        /* 屏幕宽度≤480px（手机） */
        @media (max-width: 480px) {
            .tag-container {
                padding: 15px 10px;
            }
            .tag-left-date {
                display: block; /* 日期单独一行 */
                margin-bottom: 5px;
            }
            .tag-left-title {
                font-size: 16px;
            }
            .tag-right-tag-item {
                padding: 4px 10px;
                font-size: 13px;
            }
            .tag-right-tool-title {
                font-size: 14px;
            }
        }