/* 动态背景样式 */
        body::before {
            content:'';
            position:fixed;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background:linear-gradient(45deg,#f3ec78,#af4261,#00dbde,#fc00ff);
            background-size:400% 400%;
            animation:gradientBG 15s ease infinite;
            z-index:-1;
            opacity:0.1;
        }
        @keyframes gradientBG {
            0% {
                background-position:0% 50%;
            }
            50% {
                background-position:100% 50%;
            }
            100% {
                background-position:0% 50%;
            }
        }
        
          /* Header 霓虹灯效果 */
        /*#page-header {*/
            /*position: relative;*/
            /*background: rgba(255, 255, 255, 0.8);*/
            /*backdrop-filter: blur(10px);*/
            /*-webkit-backdrop-filter: blur(10px);*/
            /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
            /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);*/
            /*overflow: visible;*/
            /*transition: all 0.3s ease;*/
        /*}*/
        /**/
        /*#page-header::before {*/
            /*content: '';*/
            /*position: absolute;*/
            /*top: 0;*/
            /*left: 0;*/
            /*right: 0;*/
            /*height: 3px;*/
            /*background: linear-gradient(90deg, #FFFFFF, #ff00cc, #3333ff, #00ccff, #33cc33, #ffcc00);*/
            /*background-size: 500% 500%;*/
            /*animation: headerGlow 5s linear infinite;*/
            /*z-index: 1000;*/
        /*}*/
        /**/
        /*@keyframes headerGlow {*/
            /*0% { background-position: 0% 50%; }*/
            /*50% { background-position: 100% 50%; }*/
            /*100% { background-position: 0% 50%; }*/
        /*}*/
        /**/
        /*.content-header {*/
            /*position: relative;*/
            /*z-index: 1;*/
        /*}*/
        
        /* Logo 动画效果 */
        .link-fx {
            position: relative;
            overflow: hidden;
        }
        
        .link-fx .text-primary {
            position: relative;
            display: inline-block;
            animation: textGlow 2s ease-in-out infinite;
        }
        
        @keyframes textGlow {
            0%, 100% { text-shadow: 0 0 5px rgba(74, 108, 247, 0.5); }
            50% { text-shadow: 0 0 20px rgba(74, 108, 247, 0.8), 0 0 30px rgba(74, 108, 247, 0.6); }
        }
        
        /* api卡片 */
        .api-card {
            transition:all 0.3s ease;
            border-radius:12px;
            box-shadow:0 4px 15px rgba(0,0,0,0.1);
            height:100%;
            border:none;
            background:linear-gradient(135deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.85) 100%);
            overflow:hidden;
        }
        /* 卡片之间的垂直间距 */
        #list > div {
            margin-bottom:15px;
        }
        .api-card .card-body {
            padding:20px;
            display:flex;
            flex-direction:column;
            height:calc(100% - 60px);
            
        }
        .api-card .card-title {
            font-size:1.1rem;
            font-weight:600;
            color:#333;
            margin-bottom:10px;
            white-space:nowrap;
            overflow:hidden;
            text-overflow:ellipsis;
        }
        .api-card .card-text {
            color:#666;
            font-size:0.9rem;
            display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            overflow:hidden;
            text-overflow:ellipsis;
            flex-grow:1;
            /* 让描述文本占据剩余空间 */
            margin-bottom:10px;
            line-height:1.4;
            /* 增加行高提高可读性 */
            max-height:3.2em;
            /* 两行文字的高度 */
        }
        .api-card .card-footer {
            background:transparent;
            border-top:1px solid rgba(0,0,0,0.05);
            padding:10px 20px;
            display:flex;
            justify-content:space-between;
            align-items:center;
            height:60px;
            /* 固定footer高度 */
        }
        .api-card .badge {
            font-size:0.75rem;
            padding:5px 10px;
            border-radius:50px;
        }
        .api-card .views {
            font-size:0.85rem;
            color:#666;
        }
        /* 响应式调整 */
        @media (max-width:768px) {
            .counter {
                font-size:1.5rem;
            }
            .api-card .card-title {
                font-size:1rem;
            }
            .api-card .card-text {
                font-size:0.85rem;
                height:36px;
            }
        }
        
        /* 统计数字区域样式 */
        .stats-container {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin: 15px 0;
            flex-wrap: wrap;
        }
        .stat-item {
            text-align: center;
            padding: 10px 15px;
            background: rgba(255,255,255,0.9);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            min-width: 120px;
            transition: transform 0.3s ease;
        }
        .stat-item:hover {
            transform: translateY(-3px);
        }
        .stat-value {
            font-size: 1.8rem;
            font-weight: 700;
            color: #4a6cf7;
            margin-bottom: 5px;
            font-family: 'Arial', sans-serif;
        }
        .stat-label {
            font-size: 0.85rem;
            color: #666;
            font-weight: 500;
        }
        @media (max-width: 576px) {
            .stats-container {
                gap: 10px;
            }
            .stat-item {
                min-width: 10px;
                padding: 8px 10px;
            }
            .stat-value {
                font-size: 0.9rem;
            }
        }
        /* 搜索框 */
        .search-container {
            position:relative;
            max-width:600px;
            margin:0 auto;
        }
        .search-container .form-control {
            border-radius:50px;
            padding:12px 20px;
            border:1px solid #ddd;
            box-shadow:0 2px 10px rgba(0,0,0,0.05);
        }
        .search-container .btn {
            border-radius:0 50px 50px 0;
            padding:12px 20px;
            background:linear-gradient(135deg,#4a6cf7 0%,#2541b2 100%);
            border:none;
        }
        /* 弹窗 */
        .modal-content {
            border-radius:12px;
            border:none;
            box-shadow:0 10px 30px rgba(0,0,0,0.2);
        }
        .modal-header {
            border-bottom:none;
            padding:20px;
            background:linear-gradient(135deg,#4a6cf7 0%,#2541b2 100%);
            color:white;
            border-radius:12px 12px 0 0;
        }
        .modal-body {
            padding:20px;
        }
        .modal-footer {
            border-top:none;
            padding:15px 20px;
        }