@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap');

body {
    font-family: 'Noto Sans SC', sans-serif;
    background-color: #f8fafc;
    color: #1e293b;
    min-height: 1024px;
    margin: 0;
    padding: 0;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.animate-spin-slow {
    animation: spin 8s linear infinite;
}

.cyber-border {
    border: 1px solid;
    border-image: linear-gradient(45deg, #00f5ff, #ff00ff, #8a2be2) 1;
}

.cyber-glow {
    box-shadow: 0 0 10px rgba(0, 245, 255, 0.5), 0 0 20px rgba(255, 0, 255, 0.3);
}

.cyber-text {
    background: linear-gradient(45deg, #00f5ff, #ff00ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.banner-bg {
    background: linear-gradient(135deg, rgba(248, 250, 252, 0.9) 0%, rgba(248, 250, 252, 0.7) 100%),
    url('../image/banner.webp') center/cover no-repeat;
}

.category-icon {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: white;
    /*background: linear-gradient(135deg, #6366f1, #8b5cf6);*/
    border-radius: 16px;
}

.name-card {
    transition: all 0.3s ease;
    background: white;
    border: 1px solid #e2e8f0;
}

.name-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border-color: #6366f1;
}

.testimonial-card {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.article-card {
    transition: all 0.3s ease;
    background: white;
    border: 1px solid #e2e8f0;
}

.article-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.nav-link {
    position: relative;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #6366f1, #8b5cf6);
    transition: width 0.3s ease;
}

.nav-link:hover::after {
    width: 100%;
}

.scroll-down {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0) translateX(-50%);
    }
    40% {
        transform: translateY(-20px) translateX(-50%);
    }
    60% {
        transform: translateY(-10px) translateX(-50%);
    }
}

.pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(99, 102, 241, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(99, 102, 241, 0);
    }
}

.floating {
    animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0px);
    }
}

.fade-in {
    animation: fadeIn 1s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0px);
    }
}

.floating {
    animation: float 6s ease-in-out infinite;
}

.nav-blur {
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, 0.7);
}

.cyber-gradient {
    background: linear-gradient(45deg, #00f2fe, #4facfe);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cyber-border {
    border: 2px solid transparent;
    background-image: linear-gradient(white, white),
    linear-gradient(45deg, #00f2fe, #4facfe);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.rotate-180 {
    transform: rotate(180deg);
}

.glass-card {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.1);
}

/* 移动端导航菜单 */
.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    z-index: 40;
}

.mobile-menu.active {
    display: block;
}

@media (max-width: 768px) {
    .mobile-menu {
        padding: 2rem;
    }
    
    .mobile-menu .nav-link {
        display: block;
        padding: 1rem 0;
        font-size: 1.25rem;
        border-bottom: 1px solid #e2e8f0;
    }
    
    .mobile-menu .nav-link:last-child {
        border-bottom: none;
    }
}

        
        /*esay pagin*/
        .navigation{
            position: unset;
        }
        .pagination{
            display: flex;
            align-items: center;
            justify-content: flex-start;
            list-style: none;
            padding: 0px;
        } 
        .navpage{
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
        }
        .pagination li{
            padding: 0.6rem;
            margin: 0.15rem;
            background: #a19980;
            color: #000;
            border-radius: 50%;
            height: 2.3rem !important;
            line-height: 1rem;
            width: 2.3rem !important;
            text-align: center;
            box-sizing: border-box;
        }
        .pagination li a{
            color: #fff;
        }
        .pagination .disabled{
            color:#696969;
            cursor: default;
            background: #a9a9a9 !important;
        }
        .pagination .active{
            background: rgb(10 195 140);
            font-weight: bolder;
            color: #fff;
        }
        .pager{
            display: flex;
            align-items: center;
            justify-content: flex-start;
            list-style: none;
            padding: 0px;
        }
        .pager li{
            border-radius: 2.5rem;
            font-size: 1.5rem;
            margin: 0.5rem;
            font-weight: bold;
            display: flex;
            align-items: center;
            background: #06c38a;
            justify-content: center;
            padding: 0.68rem 1.28rem;
            color: #fff;
            max-width: 4rem !important;
            text-align: center;
        }
        .pager .disabled{
            background: #c1c1c17d;
        }
        
        
             @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes slideUp {
            from {
                transform: translateY(20px);
                opacity: 0;
            }

            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        .animate-fade-in {
            animation: fadeIn 0.5s ease-out forwards;
        }

        .animate-slide-up {
            animation: slideUp 0.5s ease-out forwards;
        }

        .transition-all {
            transition: all 0.3s ease;
        }

        .hover-scale {
            transition: transform 0.3s ease;
        }

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

        .category-icon {
            width: 48px;
            height: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .name-card {
            transition: all 0.3s ease;
        }

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

        .article-card {
            transition: all 0.3s ease;
        }

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

        .search-input:focus {
            outline: none;
            box-shadow: 0 0 0 3px rgba(125, 185, 222, 0.3);
        }
      
        .banner-bg {
            /*background-image: url('https://ai-public.mastergo.com/ai/img_res/4cf7b6da1e79d1da7b527928bae2d985.jpg');*/
            background: url(../image/indexbg.jpg);
            background-size: cover;
            background-position: center;
        }
        .footer-bg {
            background-image: url(../image/btmbg.jpg);
            background-size: cover;
            background-position: center;
        }
        .news-bg{
            background-image: url(../image/newbg.jpg);
            background-size: cover;
            background-position: center;
        }
        .bg-dashi{
            background-image: url(../image/dsqm.jpg);
            background-size: cover;
            background-position: center;
        }
        .master-bg {
            background-image: url(https://ai-public.mastergo.com/ai/img_res/58ad372….jpg);
        }
        .category-bg-1 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/1810fd87446af60a644cb49b51d196fc.jpg');
        }

        .category-bg-2 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/197c3c8b8c102b9fe60646ed9c121d52.jpg');
        }

        .category-bg-3 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/d8d30a3289fa0e6f3dc0c72f57890d2d.jpg');
        }

        .category-bg-4 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/7bba6248ad9900cd9b6b5c48540befb2.jpg');
        }

        .category-bg-5 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/46cb5705f458de9d3ea0d1ae5e8530bb.jpg');
        }

        .article-bg-1 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/d7dbbee5c0d5b2d0b837b4740c802e0a.jpg');
        }

        .article-bg-2 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/125388b8812558b71a0ecaabeb963901.jpg');
        }

        .article-bg-3 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/65dfc4c27572ac980baa0e25a1aedc14.jpg');
        }

        .article-bg-4 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/bb3891eb5b3b66f74895b5db6f6829ca.jpg');
        }

        .article-bg-5 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/77a2d87e625b49a7ea11398d3f120469.jpg');
        }

        .article-bg-6 {
            background-image: url('https://ai-public.mastergo.com/ai/img_res/fe57a2cc5fe2912a87f8e2b1defac179.jpg');
        }

        .bg-cover-center {
            background-size: cover;
            background-position: center;
        }

        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        .ripple {
            position: relative;
            overflow: hidden;
        }

        .ripple:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
            background-repeat: no-repeat;
            background-position: 50%;
            transform: scale(10, 10);
            opacity: 0;
            transition: transform .5s, opacity 1s;
        }

        .ripple:active:after {
            transform: scale(0, 0);
            opacity: .3;
            transition: 0s;
        }

        .feature-icon {
            width: 64px;
            height: 64px;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(10px);
        }

        .chart-container {
            width: 100%;
            height: 300px;
        }

        .score-ring {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            background: conic-gradient(var(--tw-gradient-stops));
            --tw-gradient-from: #7DB9DE;
            --tw-gradient-to: #F5A623;
            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        }

        .score-inner {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            font-weight: bold;
            color: #333;
        }
        .weblogo{
            width: 150px;
        } 
        .mobile-menu a{
            margin: 0px !important;
        }
        body{
           background: #f1f1f1 !important;
        }
        .nodata h5{
           font-size:0.98rem;
           margin-top: 0.66rem;
        }
        .nodata img{
           border-radius: 1rem;
           width: 12.34rem; 
           height: auto;
        }
        .cnhan {
            font-size: 48px;
            text-align: center;
            margin: 20px;
        }
        .hanzi-container {
            display: inline-flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .hanbg {
            display: inline-block;
            margin: 10px;
            width: 88px;
            height: 88px;
            background: url(/lib/image/hanbg.jpg);
            background-size: cover;
        }
        /*顶部菜单*/ 
        @media (max-width: 1280px) {
           .container{
            max-width: 100% !important;
           }
           
           nav a{
              margin-left: 0.25rem !important;
              font-size: 0.95rem;
              margin-right: 0.88rem !important;
           }
           #seainput{
              width: 12.34rem;
           }
        }
        @media (max-width: 999px) {
           #seainput{
              width: 8.8rem;
           }
           nav{
            margin: 0px !important;
           }  
           .weblogo{
            width: 123px;
           }
        }
        /*@media (max-width: 888px) {*/
        /*   #seainput{*/
        /*      width: 10rem;*/
        /*   }*/
        /*   nav{*/
        /*    margin: 0px !important;*/
        /*   } */
        /*   nav a{*/
        /*      margin-left: 0rem !important;*/
        /*      font-size: 0.9rem;*/
        /*      margin-right: 1rem !important;*/
        /*   }*/
        /*   .weblogo{*/
        /*    width: 120px;*/
        /*   }*/
        /*}*/
        /*@media (max-width: 850px) {*/
        /*    .weblogo{*/
        /*    width: 110px;*/
        /*   }*/
        /*   #seainput{*/
        /*      width: 8rem;*/
        /*   }*/
        /*}*/