/* 重置样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Montserrat', sans-serif;
            line-height: 1.5;
            color: #202027;
            background-color: #f9fbfd;
        }
        
        /* 头部样式 */
        .header {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            position: sticky;
            top: 0;
            z-index: 1000;
        }
        
        .header-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 70px;
        }
        
        /* 徽标样式 */
        .logo {
            display: flex;
            align-items: center;
            gap: 12px;
            font-weight: 700;
            font-size: 22px;
            text-decoration: none;
            color: #202027;
        }
        
        .logo img {
            height: 36px;
        }
        
        /* 导航菜单 */
        .nav-menu {
            display: flex;
            gap: 5px;
        }
        
        .nav-menu ul {
            display: flex;
            list-style: none;
            gap: 5px;
        }
        
        .nav-link {
            padding: 8px 16px;
            text-decoration: none;
            color: #485064;
            font-weight: 500;
            font-size: 14px;
            border-radius: 6px;
            transition: all 0.3s ease;
            display: block;
        }
        
        .nav-link:hover {
            background-color: #f3f5f8;
            color: #7c4eff;
        }
        
        .nav-menu li.active .nav-link {
            background-color: #7c4eff;
            color: white;
        }
        
        /* 操作区域 */
        .header-actions {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        
        .btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 20px;
            border-radius: 8px;
            font-weight: 600;
            font-size: 14px;
            text-decoration: none;
            transition: all 0.3s ease;
            cursor: pointer;
            white-space: nowrap;
        }
        
        .btn-primary {
            background: linear-gradient(230.52deg, #926bff 21.73%, #7c4eff 72.58%);
            color: white;
            box-shadow: 0 4px 12px rgba(124, 78, 255, 0.3);
        }
        
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 16px rgba(124, 78, 255, 0.4);
        }
        
        .btn-outline {
            border: 1px solid #d1c8fb;
            color: #7c4eff;
            background: transparent;
        }
        
        .btn-outline:hover {
            background-color: #f3f5f8;
        }
        
        .btn-icon {
            padding: 10px 16px;
        }
        
        /* 移动端菜单按钮 */
        .menu-toggle {
            display: none;
            flex-direction: column;
            justify-content: center;
            width: 30px;
            height: 30px;
            cursor: pointer;
            position: relative;
            z-index: 1001;
        }
        
        .menu-toggle span {
            height: 3px;
            width: 100%;
            background-color: #202027;
            margin: 2px 0;
            border-radius: 3px;
            transition: all 0.3s ease;
        }
        
        /* 响应式设计 */
        @media (max-width: 991px) {
            .menu-toggle {
                display: flex;
            }
            
            .nav-menu {
                position: fixed;
                top: 70px;
                left: 0;
                width: 100%;
                background: white;
                flex-direction: column;
                align-items: center;
                padding: 20px 0;
                box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
                transform: translateY(-100%);
                opacity: 0;
                transition: all 0.3s ease;
                pointer-events: none;
            }
            
            .nav-menu.active {
                transform: translateY(0);
                opacity: 1;
                pointer-events: all;
            }
            
            .nav-menu ul {
                flex-direction: column;
                width: 100%;
            }
            
            .nav-menu li {
                width: 100%;
                text-align: center;
            }
            
            .nav-link {
                padding: 12px 20px;
                width: 100%;
            }
            
            /* 移动端按钮保持显示 */
            .header-actions {
                display: flex;
                gap: 10px;
            }
            
            .btn {
                padding: 10px 16px;
                font-size: 14px;
            }
        }
        
        @media (max-width: 480px) {
            .header-actions {
                gap: 8px;
            }
            
            .btn {
                padding: 10px 14px;
                font-size: 13px;
            }
            
            .logo span {
                font-size: 18px;
            }
        }
        
        /* 演示内容样式 */
        .demo-content {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }
        
        .demo-content h2 {
            color: #7c4eff;
            margin-bottom: 15px;
        }
        
        .demo-content p {
            margin-bottom: 15px;
            line-height: 1.6;
        }
		
		
		
		/*hero*/
		
		    /* 容器样式 */
        .container {
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        /* Hero区域样式 */
        .hero-section {
            padding: 50px 0;
        }
        
        .hero-body {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .hero-content {
            max-width: 592px;
            flex: 0 0 592px;
        }
        
        .hero-title {
            font-weight: 800;
            line-height: 1.2;
            font-size: 56px;
            margin-bottom: 24px;
        }
        
        .hero-title span {
            color: #16e09e;
        }
        
        .hero-text {
            font-weight: 500;
            font-size: 20px;
            line-height: 1.5;
            margin-bottom: 48px;
            max-width: 393px;
        }
        
        .hero-text span {
            font-weight: 800;
            color: #7c4eff;
        }
        
        .hero-image {
            flex: 0 0 auto;
        }
        
        .hero-image img {
            max-width: 100%;
            height: auto;
        }
        
        /* 图片响应式控制 */
        .image-big {
            display: block;
        }
        
        .image-small {
            display: none;
        }
        
        /* Hero按钮样式（避免与头部按钮冲突） */
        .hero-btn {
            display: inline-flex;
            padding: 16px 48px;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            color: #fff;
            align-items: center;
            font-weight: 700;
            font-size: 14px;
            white-space: nowrap;
            line-height: 1.2;
            background: linear-gradient(230.52deg, #926bff 21.73%, #7c4eff 72.58%);
            box-shadow: 0 8px 6px -6px rgba(86, 76, 234, 0.6), 
                        0 14px 12px -8px rgba(86, 76, 234, 0.6), 
                        0 22px 24px -16px rgba(86, 76, 234, 0.6);
            border-radius: 12px;
            transition: all 0.3s ease;
            text-decoration: none;
            position: relative;
            overflow: hidden;
        }
        
        .hero-btn span {
            position: relative;
            z-index: 3;
            display: flex;
            align-items: center;
            gap: 8px;
            transition: color 0.3s ease;
        }
        
        .hero-btn:after {
            content: "";
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)), 
                        linear-gradient(230.52deg, #926bff 21.73%, #7c4eff 72.58%);
            transition: opacity 0.3s ease;
            opacity: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 2;
            border-radius: 12px;
        }
        
        .hero-btn:hover:after {
            opacity: 1;
        }
        
        .hero-btn:active:after {
            background: linear-gradient(0deg, rgba(7, 0, 27, 0.2), rgba(7, 0, 27, 0.2)), 
                        linear-gradient(230.52deg, #926bff 21.73%, #7c4eff 72.58%);
        }
        
        /* 响应式设计 */
        @media (max-width: 1229px) {
            .hero-content {
                flex: 0 0 500px;
            }
            
            .hero-title {
                font-size: 45px;
            }
        }
        
        @media (max-width: 991px) {
            .hero-content {
                flex: 0 0 400px;
            }
            
            .hero-title {
                font-size: 40px;
            }
        }
        
        @media (max-width: 767px) {
            .hero-section {
                padding-top: 40px;
            }
            
            .hero-body {
                flex-direction: column;
                gap: 42px;
            }
            
            .hero-content {
                flex: 1 1 auto;
            }
            
            .hero-title {
                font-size: 32px;
            }
            
            .image-big {
                display: none;
            }
            
            .image-small {
                display: block;
            }
        }
        
        @media (max-width: 479px) {
            .hero-text {
                font-size: 16px;
                margin-bottom: 32px;
            }
            
            .hero-btn {
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 56px;
                width: 100%;
            }
        }
		
		
		/*hero2*/
		    /* 优势介绍样式 */
        .features-section {
           
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .features-items {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            background: #f3f5f8;
            box-shadow: 0 16px 32px -6px rgba(124, 78, 255, 0.06), 
                        0 8px 16px -3px rgba(124, 78, 255, 0.05), 
                        0 4px 8px -1px rgba(124, 78, 255, 0.05);
            border-radius: 24px;
            padding: 36px 100px;
        }
        
        .features-item {
            flex: 0 1 25%;
            display: flex;
            align-items: center;
            flex-direction: column;
            text-align: center;
        }
        
        .features-title {
            color: #485064;
            font-weight: 800;
            font-size: 32px;
            line-height: 1.2;
            margin-bottom: 8px;
        }
        
        .features-text {
            max-width: 180px;
            text-align: center;
            line-height: 1.4;
            color: #485064;
            font-weight: 500;
        }
        
        /* 响应式设计 */
        @media (max-width: 1229px) {
            .features-items {
                padding: 36px 50px;
            }
        }
        
        @media (max-width: 991px) {
            .features-items {
                padding: 36px 100px;
            }
            
            .features-item--1 {
                flex: 1 1 100%;
                border-bottom: 1px solid #e6e3f9;
                padding-bottom: 24px;
            }
            
            .features-item--2 {
                flex: 0 1 50%;
                margin: 24px 0;
                border-right: 1px solid #e6e3f9;
            }
            
            .features-item--3 {
                flex: 0 1 50%;
                margin: 24px 0;
            }
            
            .features-item--4 {
                flex: 1 1 100%;
                border-top: 1px solid #e6e3f9;
                padding-top: 24px;
            }
        }
        
        @media (max-width: 767px) {
            .features-items {
                padding: 36px 50px;
            }
            
            .features-title {
                font-size: 24px;
            }
            
            .features-text {
                font-size: 14px;
            }
        }
        
        @media (max-width: 479px) {
            .features-items {
                padding: 36px;
            }
            
            .features-section {
                padding: 0px 15px;
            }
        }
        
        /* 演示内容样式 */
        .demo-content {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }
        
        .demo-content h2 {
            color: #7c4eff;
            margin-bottom: 15px;
        }
        
        .demo-content p {
            margin-bottom: 15px;
            line-height: 1.6;
        }
		
		
		
		/*hero3*/
		
		  .product-container {
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 15px;
        }
        
        /* 产品介绍专用样式 - 保持原有样式 */
        .product-section {
            padding: 100px 0;
            position: relative;
			overflow: hidden;
        }
        
        .product-section:after {
            content: "";
            width: 684px;
            height: 684px;
            background: url(/static/image/background.svg) center no-repeat;
            position: absolute;
            top: -21%;
            right: -18%;
            z-index: -1;
        }
        
        .product-section:before {
            content: "";
            width: 952px;
            height: 952px;
            background: url(/static/image/background.svg) center no-repeat;
            position: absolute;
            bottom: -64%;
            left: -27%;
            z-index: -1;
        }
        
        .product-title {
            font-size: 42px;
            line-height: 1.2142857143;
            font-weight: 800;
            text-align: center;
            margin-bottom: 80px;
        }
        
        .product-title span {
            color: #16e09e;
        }
        
        .product-items {
            display: flex;
            justify-content: space-between;
            position: relative;
            margin-bottom: 80px;
            flex-wrap: wrap;
            row-gap: 80px;
        }
        
        .product-items:after {
            content: "";
            position: absolute;
            background: #e5eaef;
            width: 2px;
            height: 200px;
            border-radius: 2px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        .product-item {
            display: flex;
            flex-wrap: wrap;
            gap: 32px;
            flex: 0 1 45%;
        }
        
        .product-item-image {
            flex: 0 0 auto;
        }
        
        .product-item-body {
            flex: 1 1 auto;
        }
        
        .product-item-title {
            font-weight: 800;
            font-size: 24px;
            line-height: 1.2083333333;
            color: #485064;
            margin-bottom: 10px;
        }
        
        .product-item-subtitle {
            max-width: 273px;
            line-height: 150%;
            margin-bottom: 23px;
        }
        
        .product-item-subtitle span {
            color: red;
            font-weight: bold;
        }
        
        .product-item-list {
            list-style: none;
        }
        
        .product-item-list-item {
            line-height: 200%;
            font-weight: 500;
            display: flex;
            align-items: center;
        }
        
        .product-item-list-item:not(:last-child) {
            margin-bottom: 10px;
        }
        
        .product-item-list-item:before {
            width: 22px;
            height: 22px;
            content: "";
            margin-right: 8px;
            background: url(/static/image/list-icon.svg) center no-repeat;
        }
        
        /* 移动端适配 - 仅优化布局对齐问题 */
        @media (max-width: 1099.98px) {
            .product-items:after {
                display: none;
            }
            
            .product-items {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
        }
        
        @media (max-width: 991.98px) {
            .product-section {
                padding-top: 100px;
                padding-bottom: 80px;
            }
            
            .product-title {
                font-size: 36px;
                margin-bottom: 60px;
            }
        }
        
        @media (max-width: 767.98px) {
            .product-section {
                padding-top: 80px;
                padding-bottom: 60px;
            }
            
            .product-title {
                font-size: 32px;
                margin-bottom: 40px;
            }
            
            .product-item {
                gap: 32px;
                flex: 0 1 100%;
                /* 移动端优化：确保内容居中显示 */
                justify-content: center;
                text-align: center;
            }
            
            .product-items {
                row-gap: 38px;
                margin-bottom: 18px;
            }
            
            .product-item-body {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            .product-item-list {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            .product-item-list-item {
                justify-content: center;
                width: 100%;
                text-align: center;
            }
            
            .product-item-subtitle {
                text-align: center;
            }
        }
        
        @media (max-width: 479.98px) {
            .product-section {
                padding-bottom: 40px;
            }
            
            .product-title {
                font-size: 28px;
            }
            
            .product-item-subtitle {
                font-size: 14px;
            }
            
            .product-item-title {
                font-size: 20px;
            }
        }
        
        @media (max-width: 767.98px) {
            .product-section:after {
                background: url("/static/image/bg-small.svg") center no-repeat;
                top: -12%;
                right: -39%;
            }
        }
		
		
		
		
		
		
		
		
		/*hero4*/
		.product-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }
		   /* 产品介绍区域样式 */
        .product-showcase {
            padding: 80px 0;
            position: relative;
        }
        
        @media (max-width: 767.98px) {
            .product-showcase {
                padding: 60px 0;
            }
        }
        
        .section-title {
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 60px;
            color: #1a1a1a;
        }
        
        @media (max-width: 767.98px) {
            .section-title {
                font-size: 1.8rem;
                margin-bottom: 40px;
            }
        }
        
        /* 产品卡片网格布局 - 一排4个 */
        .product-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        
        @media (max-width: 1024px) {
            .product-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 767.98px) {
            .product-grid {
                grid-template-columns: 1fr;
            }
        }
        
        /* 产品卡片样式 - 保持原图大小 */
        .product-card {
            background: #fff;
            border-radius: 16px;
            padding: 30px 20px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 100%;
            border: 1px solid rgba(124, 78, 255, 0.1);
        }
        
        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(124, 78, 255, 0.15);
        }
        
        /* 图片容器 - 保持原图大小 */
        .product-image {
            width: 210px;
            height: 210px;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }
        
        .product-image img {
            width: 210px;
            height: 210px;
            object-fit: contain;
        }
        
        /* 图片背景装饰元素 - 与源码一致 */
        .product-image--1:before, 
        .product-image--8:before, 
        .product-image--4:before {
            content: "";
            width: 160px;
            height: 160px;
            border-radius: 50%;
            position: absolute;
            z-index: 2;
            top: 25px;
            background: radial-gradient(circle, rgba(124, 78, 255, 0.1) 0%, rgba(124, 78, 255, 0) 70%);
        }
        
        .product-image--1:after, 
        .product-image--8:after, 
        .product-image--4:after {
            content: "";
            width: 24px;
            height: 24px;
            border-radius: 50%;
            position: absolute;
            z-index: 2;
            top: 10px;
            right: 13px;
            background: radial-gradient(circle, rgba(124, 78, 255, 0.1) 0%, rgba(124, 78, 255, 0) 70%);
        }
        
        .product-image--2:before, 
        .product-image--7:before, 
        .product-image--5:before, 
        .product-image--3:before {
            content: "";
            width: 160px;
            height: 160px;
            border-radius: 50%;
            position: absolute;
            z-index: 2;
            top: 25px;
            background: radial-gradient(circle, rgba(124, 78, 255, 0.1) 0%, rgba(124, 78, 255, 0) 70%);
        }
        
        .product-image--2:after, 
        .product-image--7:after, 
        .product-image--5:after, 
        .product-image--3:after {
            content: "";
            width: 24px;
            height: 24px;
            border-radius: 50%;
            position: absolute;
            z-index: 2;
            top: 10px;
            left: 10px;
            background: radial-gradient(circle, rgba(124, 78, 255, 0.1) 0%, rgba(124, 78, 255, 0) 70%);
        }
        
        .product-image--6:before {
            content: "";
            width: 45px;
            height: 45px;
            border-radius: 50%;
            position: absolute;
            z-index: 2;
            top: 10px;
            left: 3px;
            background: radial-gradient(circle, rgba(124, 78, 255, 0.1) 0%, rgba(124, 78, 255, 0) 70%);
        }
        
        .product-image--6:after {
            content: "";
            width: 24px;
            height: 24px;
            border-radius: 50%;
            position: absolute;
            z-index: 2;
            top: 10px;
            right: 13px;
            background: radial-gradient(circle, rgba(124, 78, 255, 0.1) 0%, rgba(124, 78, 255, 0) 70%);
        }
        
        .product-name {
            font-size: 1.25rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: #1a1a1a;
        }
        
        .product-desc {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.6;
        }
        
        @media (max-width: 767.98px) {
            .product-card {
                padding: 25px 15px;
            }
            
            .product-image {
                width: 180px;
                height: 180px;
            }
            
            .product-image img {
                width: 180px;
                height: 180px;
            }
        } 
		
		
		/*hero5*/
		.why-choose-us {
    padding: 100px 0;
    background-color: #fff;
}

.why-choose-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.why-choose-us__title {
    margin-bottom: 80px;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #333;
}

.why-choose-us__items {
    display: flex;
    flex-wrap: wrap;
    gap: 31px;
    row-gap: 50px;
    justify-content: center;
}

.choose-item {
    display: flex;
    flex: 0 1 calc(50% - 31px);
    gap: 16px;
    transition: all 0.3s ease;
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.choose-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.choose-item__image {
    flex-shrink: 0;
}

.choose-item__image img {
    width: 80px;
    height: 80px;
}

.choose-item__content {
    flex: 1;
}

.choose-item__title {
    color: #485064;
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.3;
    position: relative;
    display: inline-block;
}

.choose-item__title:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    display: block;
    transition: width 0.3s ease-in-out;
    background-color: #7c4eff;
    z-index: 2;
    height: 2px;
    width: 0%;
}

.choose-item:hover .choose-item__title:after {
    width: 100%;
}

.choose-item__text {
    line-height: 1.5;
    color: #666;
    max-width: 450px;
    font-size: 16px;
}

/* 768px响应式调整 */
@media (max-width: 768px) {
    .why-choose-us {
        padding: 60px 0;
    }
    
    .why-choose-us__title {
        margin-bottom: 40px;
        font-size: 28px;
    }
    
    .why-choose-us__items {
        row-gap: 30px;
        gap: 20px;
    }
    
    .choose-item {
        flex: 1 1 100%;
        padding: 15px;
    }
    
    .choose-item__image img {
        width: 60px;
        height: 60px;
    }
    
    .choose-item__title {
        font-size: 20px;
    }
    
    .choose-item__text {
        font-size: 15px;
        max-width: 100%;
    }
}

/*hero6*/

.pricing-plan {
    padding: 100px 0;
    position: relative;
    background-color: #fff;
}

.pricing-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.pricing-plan__body {
    background: #f3f5f8;
    border-radius: 3em;
    padding: 80px;
}

.pricing-plan__header {
    display: flex;
    align-items: center;
    gap: 75px;
}

.pricing-plan__info {
    flex: 0 1 655px;
}

.pricing-plan__title {
    margin-bottom: 24px;
    text-align: left;
    font-size: 36px;
    font-weight: 700;
    color: #333;
}

.pricing-plan__title span {
    color: #7c4eff;
}

.pricing-plan__desc {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: #666;
    margin-bottom: 77px;
}

/* 768px响应式调整 */
@media (max-width: 768px) {
    .pricing-plan {
        padding: 60px 0;
    }
    
    .pricing-plan__body {
        padding: 30px;
        border-radius: 2em;
    }
    
    .pricing-plan__header {
        flex-direction: column;
        gap: 30px;
    }
    
    .pricing-plan__info {
        flex: 1 1 auto;
        text-align: center;
    }
    
    .pricing-plan__title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 16px;
    }
    
    .pricing-plan__desc {
        font-size: 16px;
        margin-bottom: 30px;
        text-align: center;
    }
}


/*hero7*/

.free-trial-section {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

/* 背景图样式 - 仅作为装饰，不影响布局 */
.free-trial-section::before {
    content: "";
    width: 518px;
    height: 518px;
    background: url(/static/image/background.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    opacity: 0.15;
    pointer-events: none;
}

.trial-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.free-trial__content {
    display: flex;
    box-shadow: 0 16px 32px -6px rgba(124, 78, 255, 0.06), 
                0 8px 16px -3px rgba(124, 78, 255, 0.03), 
                0 4px 8px -1px rgba(124, 78, 255, 0.03);
    border-radius: 32px;
    padding: 60px;
    color: #f9fbfd;
    background: url(/static/image/bg-big.svg) right center no-repeat, #202027;
    gap: 30px;
    align-items: center;
    position: relative;
}

.free-trial__info {
    flex: 0 1 57%;
    position: relative;
    z-index: 2;
}

.free-trial__heading {
    font-weight: 800;
    font-size: 42px;
    line-height: 1.3;
    margin-bottom: 24px;
    color: #fff;
}

.free-trial__description {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, 0.8);
}

.free-trial__graphics {
    position: relative;
    flex: 0 1 43%;
    height: 280px;
    min-height: 280px;
    user-select: none;
    z-index: 2;
}

/* 主图片样式 */
.free-trial__main-img {
    position: absolute;
    right: 0;
    
    transform: translateY(-50%);
    
    z-index: 3;
    animation: float-animation 3s infinite ease-in-out;
}

/* 中型图片样式 */
.free-trial__medium-img {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 120px;
    z-index: 2;
    animation: float-animation 3.5s infinite ease-in-out;
    animation-delay: 0.5s;
}

/* 小型图片样式 */
.free-trial__small-img {
    position: absolute;
    left: 40%;
    top: 20px;
    width: 80px;
    z-index: 1;
    animation: float-animation 2.5s infinite ease-in-out;
    animation-delay: 0.8s;
}

/* 浮动动画 */
@keyframes float-animation {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

/* 768px响应式调整 */
@media (max-width: 768px) {
    .free-trial-section {
        padding: 60px 0;
    }
    
    .free-trial-section::before {
        width: 300px;
        height: 300px;
        bottom: -100px;
        opacity: 0.1;
    }
    
    .free-trial__content {
        flex-direction: column;
        padding: 40px;
        background-size: cover;
    }
    
    .free-trial__info {
        flex: 1 1 auto;
        text-align: center;
        margin-bottom: 40px;
    }
    
    .free-trial__heading {
        font-size: 32px;
    }
    
    .free-trial__description {
        font-size: 16px;
        margin-bottom: 20px;
    }
    
    .free-trial__graphics {
        flex: 1 1 auto;
        height: 200px;
        width: 100%;
        margin-top: 20px;
    }
    
    /* 移动端图片布局调整 */
    .free-trial__main-img {
        width: 160px;
        right: 50%;
        
        transform: translate(50%, -50%);
    }
    
    .free-trial__medium-img {
        width: 90px;
        left: 10%;
        bottom: 10px;
    }
    
    .free-trial__small-img {
        width: 60px;
        right: 10%;
        left: auto;
        top: 20px;
    }
}


/*首页底部文章*/

.modern-news-section {
    background-color: #f8f9fa;
    padding: 60px 0;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}

.modern-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.modern-header {
    text-align: center;
    margin-bottom: 40px;
}

.modern-title {
    font-size: 32px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 10px;
}

.modern-subtitle {
    font-size: 16px;
    color: #7f8c8d;
    font-weight: 400;
}

.modern-tabs {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.modern-tab-nav {
    display: flex;
    border-bottom: 1px solid #eaeaea;
}

.modern-tab-btn {
    flex: 1;
    padding: 16px 0;
    background: none;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: #7f8c8d;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.modern-tab-btn.active {
    color: #3498db;
}

.modern-tab-btn.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #3498db;
}

.modern-tab-btn:hover {
    color: #2980b9;
}

.modern-tab-content {
    padding: 30px;
}

.modern-tab-pane {
    display: none;
}

.modern-tab-pane.active {
    display: block;
}

.modern-news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}

.modern-news-item {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
}

.modern-news-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #2c3e50;
    transition: color 0.2s;
}

.modern-news-link:hover {
    color: #3498db;
}

.modern-news-title {
    font-size: 15px;
    font-weight: 500;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 15px;
}

.modern-news-date {
    font-size: 13px;
    color: #95a5a6;
}

.modern-view-more {
    display: inline-block;
    color: #3498db;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s;
}

.modern-view-more:hover {
    color: #2980b9;
    transform: translateX(3px);
}

@media (max-width: 768px) {
    .modern-news-grid {
        grid-template-columns: 1fr;
    }
    
    .modern-tab-nav {
        flex-direction: column;
    }
    
    .modern-tab-btn {
        padding: 12px 0;
        text-align: center;
    }
    
    .modern-tab-btn.active::after {
        width: 2px;
        height: 100%;
        bottom: auto;
        left: auto;
        right: 0;
    }
}


/*footer*/

    .modern-footer * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        /* 底部主容器 */
        .modern-footer {
            background-color: #f5f7fa;
            color: #333;
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            padding: 40px 0 20px;
            border-top: 1px solid #e0e0e0;
            font-size: 14px;
        }
        
        /* 底部内容容器 */
        .modern-footer-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* 底部主要内容区域 */
        .modern-footer-content {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            margin-bottom: 30px;
        }
        
        /* 底部区块样式 */
        .modern-footer-block {
            flex: 1 1 200px;
        }
        
        /* 区块标题 */
        .modern-footer-title {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #333;
            position: relative;
            padding-bottom: 8px;
        }
        
        .modern-footer-title::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 30px;
            height: 2px;
            background: #1a5fb4;
        }
        
        /* 友情链接列表 */
        .modern-footer-links {
            list-style: none;
        }
        
        .modern-footer-links li {
            margin-bottom: 10px;
        }
        
        .modern-footer-link {
            color: #666;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.3s ease;
            display: inline-block;
        }
        
        .modern-footer-link:hover {
            color: #1a5fb4;
        }
        
        /* 公司信息 */
        .modern-footer-info {
            font-size: 14px;
            line-height: 1.6;
            color: #666;
            margin-bottom: 15px;
        }
        
        /* 联系方式区域 */
        .modern-contact-methods {
            display: flex;
            gap: 20px;
            margin-top: 15px;
        }
        
        .modern-contact-item {
            display: flex;
            align-items: center;
            gap: 8px;
            color: #666;
            font-size: 14px;
        }
        
        .modern-contact-icon {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f0f0f0;
            border-radius: 4px;
        }
        
        /* 底部版权区域 */
        .modern-footer-bottom {
            border-top: 1px solid #e0e0e0;
            padding-top: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            gap: 15px;
            color: #999;
            font-size: 13px;
        }
        
        /* 备案号样式 */
        .modern-icp {
            color: #999;
        }
        
        .modern-icp a {
            color: #666;
            text-decoration: none;
        }
        
        .modern-icp a:hover {
            color: #1a5fb4;
            text-decoration: underline;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .modern-footer {
                padding: 30px 0 15px;
            }
            
            .modern-footer-content {
                flex-direction: column;
                gap: 30px;
            }
            
            .modern-footer-block {
                flex: 1 1 auto;
            }
            
            .modern-footer-bottom {
                flex-direction: column;
                text-align: center;
            }
            
            .modern-contact-methods {
                flex-direction: column;
                gap: 10px;
            }
        }
		
		/*客服*/
		
		 /* 主容器样式 - 使用独特类名 */
        .custom-service-7e8f9g {
            position: fixed;
            right: 20px;
            bottom: 100px;
            z-index: 9999;
            font-family: 'Microsoft YaHei', sans-serif;
        }

        /* 客服按钮通用样式 */
        .custom-service-7e8f9g .service-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 50px;
            margin-bottom: 10px;
            border-radius: 50%;
            background-color: #fff;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            position: relative;
            transition: all 0.3s;
        }

        .custom-service-7e8f9g .service-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .custom-service-7e8f9g .service-btn img {
            width: 30px;
            height: 30px;
        }

        /* QQ弹窗样式 */
        .custom-service-7e8f9g .qq-popup {
            position: absolute;
            right: 60px;
            bottom: 24px;
            width: 200px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            padding: 15px;
            display: none;
            opacity: 0;
            transition: opacity 0.3s;
            transform: translateY(50%);
        }

        .custom-service-7e8f9g .qq-popup.show {
            display: block;
            opacity: 1;
        }

        .custom-service-7e8f9g .qq-popup::after {
            content: '';
            position: absolute;
            right: -10px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid #fff;
        }

        .custom-service-7e8f9g .qq-title {
            font-size: 14px;
            color: #666;
            margin-bottom: 8px;
        }

        .custom-service-7e8f9g .qq-number {
            font-size: 16px;
            color: #333;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
        }

        .custom-service-7e8f9g .copy-btn {
            width: 20px;
            height: 20px;
            margin-left: 8px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>') no-repeat center;
            background-size: contain;
            cursor: pointer;
            opacity: 0.6;
            transition: opacity 0.2s;
        }

        .custom-service-7e8f9g .copy-btn:hover {
            opacity: 1;
        }

        .custom-service-7e8f9g .qq-consult {
            display: block;
            background: #12B7F5;
            color: #fff;
            text-align: center;
            padding: 8px 0;
            border-radius: 4px;
            font-size: 14px;
            text-decoration: none;
            transition: background 0.3s;
        }

        .custom-service-7e8f9g .qq-consult:hover {
            background: #0E9BD8;
        }

        /* 微信弹窗样式 */
        .custom-service-7e8f9g .wechat-popup {
            position: absolute;
            right: 60px;
            bottom: 24px;
            width: 180px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            padding: 15px;
            display: none;
            text-align: center;
            transform: translateY(50%);
        }

        .custom-service-7e8f9g .wechat-popup.show {
            display: block;
        }

        .custom-service-7e8f9g .wechat-popup::after {
            content: '';
            position: absolute;
            right: -10px;
            top: 50%;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid #fff;
        }

        .custom-service-7e8f9g .wechat-popup img {
            width: 150px;
            height: 150px;
            margin-bottom: 5px;
        }

        .custom-service-7e8f9g .wechat-popup p {
            font-size: 14px;
            color: #666;
            margin: 0;
        }

        /* 返回顶部按钮 */
        .custom-service-7e8f9g .back-top {
            display: none;
            background-color: #fff;
        }

        .custom-service-7e8f9g .back-top.show {
            display: flex;
        }

        /* 复制成功提示 */
        .custom-service-7e8f9g .copy-tooltip {
            position: absolute;
            top: -30px;
            left: 50%;
            transform: translateX(-50%);
            background: #4CAF50;
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            font-size: 12px;
            opacity: 0;
            transition: opacity 0.3s;
            white-space: nowrap;
        }

        .custom-service-7e8f9g .copy-tooltip.show {
            opacity: 1;
        }
		
		
		/*price*/
		
		/* 主内容区域 */
.price-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.price-page-header {
    text-align: center;
    margin-bottom: 30px;
    padding: 20px 0;
    background: linear-gradient(135deg, #926bff 0%, #7c4eff 100%);
    color: white;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.price-page-title {
    font-size: 2.2rem;
    margin-bottom: 10px;
}

.price-page-subtitle {
    font-size: 1.1rem;
    opacity: 0.9;
}

/* 筛选区域 */
.price-filters {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
    padding: 20px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.price-filter-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.price-filter-label {
    font-weight: bold;
    color: #555;
    margin-right: 5px;
    min-width: 60px;
}

.price-filter-btn {
    padding: 8px 15px;
    background: #f0f2f5;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.price-filter-btn:hover {
    background: #e1e5eb;
}

.price-filter-btn.active {
    background: #7c4eff;
    color: white;
}

/* 产品网格 */
.price-jiage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 25px;
}

/* 产品卡片 */
.jiage-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.jiage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.card-header {
    padding: 15px 20px;
    background: linear-gradient(135deg, #7c4eff 0%, #6a3cf7 100%);
    color: white;
}

.jiage-type {
    font-size: 0.85rem;
    opacity: 0.9;
    margin-bottom: 5px;
}

.jiage-name {
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 5px;
}

.jiage-id {
    font-size: 0.9rem;
    opacity: 0.8;
}

.card-body {
    padding: 20px;
}

.jiage-specs {
    margin-bottom: 15px;
}

.spec-item {
    display: flex;
    margin-bottom: 8px;
    font-size: 0.9rem;
}

.spec-label {
    font-weight: bold;
    min-width: 100px;
    color: #555;
}

.spec-value {
    flex: 1;
}

.jiage-desc {
    background: #f8f9fa;
    padding: 12px;
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 15px;
    line-height: 1.5;
}

.pricing {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    flex-wrap: wrap;
    gap: 10px;
}

.price-option {
    text-align: center;
    flex: 1;
    min-width: 80px;
}

.price-amount {
    font-size: 1.2rem;
    font-weight: bold;
    color: #7c4eff;
}

.price-period {
    font-size: 0.8rem;
    color: #777;
}

/* 修改.buy-btn样式，使其适用于<a>标签 */
.buy-btn {
    display: block;
    width: 100%;
    padding: 12px;
    background: #7c4eff;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s ease;
    text-align: center;
    text-decoration: none; /* 去除下划线 */
}

.buy-btn:hover {
    background: #6a3cf7;
    color: white; /* 确保悬停时颜色不变 */
}

.no-jiage {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: #777;
    font-size: 1.1rem;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .price-jiage-grid {
        grid-template-columns: 1fr;
    }
    
    .price-filters {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .price-filter-group {
        margin-bottom: 10px;
    }
    
    .spec-item {
        flex-direction: column;
    }
    
    .spec-label {
        min-width: auto;
        margin-bottom: 3px;
    }
}



/*help*/

/* 基础样式 - 移除顶部间距，与头部无缝衔接 */
.bangzhu-help-center {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: #333;
    line-height: 1.6;
    margin-top: 0;
    background-color: #fff;
}

/* 头部区域 - 白紫色渐变 */
.bangzhu-header {
    background: linear-gradient(135deg, #7c4eff, #5e35b1);
    color: white;
    padding: 50px 0;
    margin-bottom: 30px;
    box-shadow: 0 2px 10px rgba(124, 78, 255, 0.2);
}

.bangzhu-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.bangzhu-header-content {
    text-align: center;
}

.bangzhu-header-content h1 {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 0 0 10px 0;
    letter-spacing: 0.5px;
}

.bangzhu-header-content p {
    font-size: 1.2rem;
    opacity: 0.9;
    margin: 0;
}

/* 主内容区 */
.bangzhu-main-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px 40px;
}

/* 顶部导航栏 */
.bangzhu-top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    flex-wrap: wrap;
    gap: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

/* 面包屑导航 */
.bangzhu-breadcrumb {
    font-size: 0.9rem;
    color: #666;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.bangzhu-breadcrumb a {
    color: #7c4eff;
    text-decoration: none;
    transition: color 0.2s;
    margin-right: 5px;
}

.bangzhu-breadcrumb a:hover {
    color: #5e35b1;
    text-decoration: underline;
}

.bangzhu-breadcrumb > span {
    margin: 0 5px;
    color: #999;
}

/* 搜索框 */
.bangzhu-search-wrapper {
    display: flex;
    border: 1px solid #ddd;
    border-radius: 30px;
    overflow: hidden;
    transition: all 0.3s;
    background: #fff;
}

.bangzhu-search-wrapper:hover,
.bangzhu-search-wrapper:focus-within {
    border-color: #7c4eff;
    box-shadow: 0 0 0 3px rgba(124, 78, 255, 0.1);
}

.bangzhu-search-input {
    flex: 1;
    padding: 10px 15px;
    border: none;
    outline: none;
    font-size: 0.95rem;
}

.bangzhu-search-button {
    background: #7c4eff;
    color: white;
    border: none;
    padding: 0 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background 0.3s;
    white-space: nowrap;
}

.bangzhu-search-button:hover {
    background: #6a3eff;
}

.bangzhu-icon-search {
    margin-right: 6px;
    font-size: 1rem;
}

.bangzhu-search-text {
    display: inline;
}

/* 子栏目导航 */
.bangzhu-subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
}

.bangzhu-subnav-item {
    margin: 0;
}

.bangzhu-subnav-item a {
    display: block;
    padding: 8px 16px;
    text-decoration: none;
    color: #555;
    border-radius: 20px;
    transition: all 0.3s;
    font-size: 0.9rem;
    border: 1px solid #e0e0e0;
    background: #f9f9f9;
}

.bangzhu-subnav-item a:hover {
    color: #7c4eff;
    background: #f3eefd;
    border-color: #d0c4ff;
}

.bangzhu-subnav-item.active a {
    color: white;
    background: #7c4eff;
    border-color: #7c4eff;
    font-weight: 500;
}

/* 教程列表 */
.bangzhu-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 25px;
    margin-bottom: 40px;
}

.bangzhu-item {
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s, box-shadow 0.3s;
    border: 1px solid #eee;
}

.bangzhu-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(124, 78, 255, 0.1);
    border-color: #d0c4ff;
}

.bangzhu-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.bangzhu-thumb-container {
    height: 180px;
    overflow: hidden;
    position: relative;
    background: #f9f9f9;
}

.bangzhu-thumb-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bangzhu-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s;
}

.bangzhu-item:hover .bangzhu-thumb {
    transform: scale(1.05);
}

.bangzhu-no-image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 0.9rem;
}

.bangzhu-content {
    padding: 15px;
}

.bangzhu-meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    color: #777;
    margin-bottom: 10px;
}

.bangzhu-date,
.bangzhu-views {
    display: flex;
    align-items: center;
}

.bangzhu-icon-eye {
    margin-right: 4px;
}

.bangzhu-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 10px 0;
    color: #333;
    line-height: 1.4;
}

.bangzhu-desc {
    font-size: 0.9rem;
    color: #666;
    margin: 0 0 15px 0;
    line-height: 1.5;
}

.bangzhu-more {
    color: #7c4eff;
    font-weight: 500;
    font-size: 0.9rem;
    transition: color 0.3s;
}

.bangzhu-item:hover .bangzhu-more {
    color: #5e35b1;
}

/* 分页样式 - 紫色系 */
.bangzhu-pagination-wrapper {
    margin: 40px 0 60px;
    text-align: center;
}

.bangzhu-pagination {
    display: inline-block;
}

.bangzhu-pagination-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.bangzhu-pagination-list li {
    margin: 0;
    display: inline-block;
}

.bangzhu-pagination-list a,
.bangzhu-pagination-list strong {
    display: inline-block;
    min-width: 36px;
    padding: 8px 12px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.3s;
    border: 1px solid #e0e0e0;
    color: #7c4eff;
    background: white;
}

.bangzhu-pagination-list a:hover {
    background: #f3eefd;
    border-color: #d0c4ff;
}

.bangzhu-pagination-list strong,
.bangzhu-pagination-list .active a {
    background: #7c4eff;
    color: white;
    border-color: #7c4eff;
    font-weight: 500;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .bangzhu-header {
        padding: 35px 0;
    }
    
    .bangzhu-header-content h1 {
        font-size: 2rem;
    }
    
    .bangzhu-header-content p {
        font-size: 1rem;
    }
    
    .bangzhu-top-bar {
        flex-direction: column;
        align-items: stretch;
    }
    
    .bangzhu-search-wrapper {
        width: 100%;
    }
    
    .bangzhu-list {
        grid-template-columns: 1fr;
    }
    
    .bangzhu-subnav {
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }
    
    .bangzhu-subnav-item {
        flex-shrink: 0;
    }
}

@media (max-width: 480px) {
    .bangzhu-header {
        padding: 25px 0;
    }
    
    .bangzhu-header-content h1 {
        font-size: 1.8rem;
    }
    
    .bangzhu-content {
        padding: 15px;
    }
    
    .bangzhu-thumb-container {
        height: 150px;
    }
}


/*neirong*/

/* 基础样式 */
.neirong-wrapper {
    margin-top: 20px;
    padding: 0 20px;
    font-family: 'Helvetica Neue', Arial, 'PingFang SC', 'Microsoft YaHei', sans-serif;
    color: #333;
    line-height: 1.7;
}

.neirong-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}

/* 面包屑导航 */
.neirong-breadcrumb {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
}

.neirong-breadcrumb a {
    color: #7c4eff;
    text-decoration: none;
    transition: color 0.2s;
}

.neirong-breadcrumb a:hover {
    color: #5e35b1;
    text-decoration: underline;
}

/* 文章标题 */
.neirong-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: #222;
    line-height: 1.3;
}

/* 文章元信息 */
.neirong-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
    font-size: 0.9rem;
    color: #666;
}

.neirong-meta-item {
    display: flex;
    align-items: center;
}

/* 文章内容 */
.neirong-body {
    margin-bottom: 40px;
}

.neirong-body p {
    margin-bottom: 1.5em;
    font-size: 1rem;
}

.neirong-body img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    margin: 15px 0;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
}

.neirong-body img:hover {
    transform: scale(1.02);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* 图片放大效果 - Lightbox */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
}

.lightbox-overlay.active {
    opacity: 1;
    visibility: visible;
}

.lightbox-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.lightbox-image {
    max-width: 100%;
    max-height: 90vh;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

.lightbox-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 2rem;
    cursor: pointer;
    background: none;
    border: none;
    outline: none;
}

.lightbox-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
}

.lightbox-prev,
.lightbox-next {
    color: white;
    font-size: 2rem;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    margin: 0 20px;
    transition: background 0.3s;
}

.lightbox-prev:hover,
.lightbox-next:hover {
    background: rgba(0, 0, 0, 0.6);
}

/* 列表样式 */
.neirong-body ol,
.singlecon ol {
    list-style-type: decimal;
    padding-left: 1.5em;
    margin: 0.5em 0;
}

.neirong-body ul,
.singlecon ul {
    list-style-type: disc;
    padding-left: 1.5em;
    margin: 0.5em 0;
}

.neirong-body ol ol,
.singlecon ol ol {
    list-style-type: lower-alpha;
}

.neirong-body ol ol ol,
.singlecon ol ol ol {
    list-style-type: lower-roman;
}

.neirong-body ul ul,
.singlecon ul ul {
    list-style-type: circle;
}

.neirong-body ul ul ul,
.singlecon ul ul ul {
    list-style-type: square;
}

.neirong-body ol ul,
.singlecon ol ul {
    list-style-type: circle;
}

.neirong-body ul ol,
.singlecon ul ol {
    list-style-type: lower-alpha;
}

.neirong-body ol ul ol,
.singlecon ol ul ol {
    list-style-type: lower-roman;
}

.neirong-body ol ul ul,
.singlecon ol ul ul {
    list-style-type: square;
}

.neirong-body ul ol ul,
.singlecon ul ol ul {
    list-style-type: square;
}

.neirong-body ul ol ol,
.singlecon ul ol ol {
    list-style-type: lower-roman;
}

/* 表格样式 */
.neirong-body table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

.neirong-body th,
.neirong-body td {
    padding: 8px 12px;
    border: 1px solid #ddd;
}

.neirong-body th {
    background-color: #f5f5f5;
    font-weight: 600;
}

/* 代码块样式 */
.neirong-body pre {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 15px;
    overflow-x: auto;
    margin: 15px 0;
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    font-size: 0.9rem;
    line-height: 1.5;
}

.neirong-body code {
    font-family: Consolas, Monaco, 'Andale Mono', monospace;
    font-size: 0.9rem;
    background: #f8f8f8;
    padding: 2px 4px;
    border-radius: 3px;
}

/* 引用样式 */
.neirong-body blockquote {
    border-left: 4px solid #7c4eff;
    background: #f9f9f9;
    padding: 10px 15px;
    margin: 15px 0;
    color: #555;
    font-style: italic;
}

/* 标签 */
.neirong-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 40px;
    font-size: 0.9rem;
}

.neirong-tags-label {
    color: #666;
}

.neirong-tag-item {
    display: inline-block;
    padding: 4px 12px;
    background: #f5f3ff;
    color: #7c4eff;
    border-radius: 15px;
    text-decoration: none;
    transition: all 0.3s;
}

.neirong-tag-item:hover {
    background: #7c4eff;
    color: white;
}

/* 上一篇下一篇导航 */
.neirong-navigation {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f0f0f0;
    padding-top: 30px;
}

.neirong-nav-prev,
.neirong-nav-next {
    flex: 1;
    min-width: 0;
}

.neirong-nav-next {
    text-align: right;
}

.neirong-nav-label {
    display: block;
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 8px;
}

.neirong-nav-link {
    font-size: 1rem;
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.neirong-nav-link:hover {
    color: #7c4eff;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .neirong-wrapper {
        margin-top: 10px;
        padding: 0 15px;
    }
    
    .neirong-container {
        padding: 20px;
    }
    
    .neirong-title {
        font-size: 1.5rem;
    }
    
    .neirong-meta {
        gap: 10px;
        margin-bottom: 20px;
    }
    
    .neirong-navigation {
        flex-direction: column;
        gap: 20px;
    }
    
    .neirong-nav-prev,
    .neirong-nav-next {
        width: 100%;
    }
    
    .neirong-nav-next {
        text-align: left;
    }
    
    .neirong-body ol,
    .neirong-body ul,
    .singlecon ol,
    .singlecon ul {
        padding-left: 1.2em;
    }
    
    .lightbox-prev,
    .lightbox-next {
        font-size: 1.5rem;
        padding: 8px 15px;
        margin: 0 10px;
    }
}

@media (max-width: 480px) {
    .neirong-wrapper {
        margin-top: 10px;
        padding: 0 10px;
    }
    
    .neirong-container {
        padding: 15px;
    }
    
    .neirong-title {
        font-size: 1.3rem;
    }
    
    .neirong-meta {
        font-size: 0.8rem;
    }
    
    .neirong-body p {
        font-size: 0.95rem;
    }
    
    .lightbox-content {
        max-width: 95%;
    }
    
    .lightbox-close {
        top: -30px;
        font-size: 1.5rem;
    }
}


/*diqu*/
     /* 游戏加速IP列表专用样式 */
        .diqu-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }
        
        /* 服务信息样式 */
        .diqu-service-info {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 12px;
            padding: 25px;
            margin-bottom: 25px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            text-align: center;
            font-size: 15px;
            line-height: 1.8;
            border: 1px solid #f0f0f0;
        }
        
        .diqu-service-info p {
            margin: 8px 0;
            color: #333;
            letter-spacing: 0.5px;
        }
        
        .diqu-service-info .diqu-title {
            font-size: 18px;
            font-weight: bold;
            color: #1a2a6c;
            margin-bottom: 15px;
        }
        
        .diqu-service-info .diqu-warning {
            color: #d32f2f;
            font-weight: 600;
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px dashed #eee;
        }
        
        .diqu-service-info .diqu-note {
            color: #7c4eff;
            font-weight: 500;
        }

        /* 表格控件样式 */
        .diqu-controls {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .diqu-search-box {
            flex-grow: 1;
            max-width: 400px;
        }
        
        .diqu-search-box input {
            width: 100%;
            padding: 12px 15px;
            border: none;
            border-radius: 30px;
            font-size: 1rem;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .diqu-filter-buttons {
            display: flex;
            gap: 10px;
        }
        
        .diqu-btn {
            padding: 10px 20px;
            background: #1a2a6c;
            color: white;
            border: none;
            border-radius: 30px;
            cursor: pointer;
            transition: all 0.3s;
            font-weight: 600;
        }
        
        .diqu-btn:hover {
            background: #fdbb2d;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        }
        
        /* 表格容器 */
        .diqu-table-wrapper {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            margin-bottom: 30px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .diqu-table-container {
            background: white;
            border-radius: 10px;
            min-width: 800px;
        }
        
        .diqu-table {
            width: 100%;
            border-collapse: collapse;
        }
        
        .diqu-thead {
            background: #1a2a6c;
            color: white;
        }
        
        .diqu-th {
            padding: 15px;
            text-align: left;
            font-weight: 600;
            cursor: pointer;
            user-select: none;
            position: relative;
            white-space: nowrap;
        }
        
        .diqu-th:hover {
            background: #0d1a4d;
        }
        
        .diqu-th::after {
            content: '↕';
            position: absolute;
            right: 15px;
            opacity: 0.7;
        }
        
        .diqu-tbody tr {
            border-bottom: 1px solid #eee;
            transition: background 0.3s;
        }
        
        .diqu-tbody tr:hover {
            background: #f9f9f9;
        }
        
        .diqu-td {
            padding: 12px 15px;
            white-space: nowrap;
        }
        
        .diqu-region-header {
            background: #f0f5ff;
            font-weight: 600;
            cursor: pointer;
        }
        
        .diqu-region-header .diqu-td:first-child {
            display: flex;
            align-items: center;
        }
        
        .diqu-toggle-icon {
            margin-right: 10px;
            transition: transform 0.3s;
        }
        
        .diqu-toggle-icon.diqu-expanded {
            transform: rotate(90deg);
        }
        
        .diqu-city-row {
            display: table-row;
        }
        
        .diqu-city-row.diqu-hidden {
            display: none;
        }
        
        .diqu-footer {
            text-align: center;
            color: #666;
            margin-top: 30px;
            font-size: 0.9rem;
        }
        
        /* 移动端优化 */
        @media (max-width: 768px) {
            .diqu-container {
                padding: 15px;
            }
            
            .diqu-service-info {
                padding: 20px;
                font-size: 14px;
            }
            
            .diqu-controls {
                flex-direction: column;
            }
            
            .diqu-btn {
                padding: 8px 16px;
            }
        }