#previewIframe,body,html{overflow-x:hidden}.card,.copy-success{box-shadow:0 2px 4px rgba(0,0,0,.1)}body{font-family:Arial,sans-serif;margin:0;padding:0;background:#edeff6}.section-container{background:#fff;border:1px solid #ebeef5;border-radius:4px;overflow:hidden;margin-bottom:20px}.section-title{display:flex;justify-content:space-between;align-items:center;background:#f4f4f58a;border-bottom:1px solid #ebeef5;padding:10px 20px;margin:0;font-size:16px;color:#303133}.open-new-tab{font-size:13px;color:#6c6c6c;text-decoration:none;cursor:pointer;transition:.3s;padding:0}.card-buttons button:hover,.open-new-tab:hover{transform:scale(1.05);color:#366ef4}.card-container{display:grid;gap:10px;padding:10px;grid-template-columns:repeat(4,1fr)}.card-container.single-card .card{width:100%}@media (max-width:768px){.card-container{grid-template-columns:1fr}.floating-container{width:80vw;border-radius: 4px 0 0 4px}}@media (max-width:1200px){.card-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.card{background:#fff;border:1px solid #ebeef5;border-radius:8px;position:relative;overflow:hidden;padding:15px;display:flex;flex-direction:column}.software-info{display:flex;align-items:flex-end;margin-bottom:2px!important}.software-info img{width:60px;height:60px;margin-right:10px;border-radius:10px;border:.01px solid #dcdfe680}.card-content,.software-details{flex-grow:1}.software-name{color:#374151}.version{color:#6b7280;margin:0;line-height:1;vertical-align:bottom;font-size:13px}.software-description{margin-top:0!important;margin-bottom:0;color:#374151;word-wrap:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}.card-buttons{display:flex;justify-content:space-between;border-top:1px solid #ebeef5;padding:10px 15px;background:#f9fafb;border-radius:0 0 8px 8px;margin-left:-15px;margin-right:-15px;margin-bottom:-15px}.card-buttons button{flex:1;padding:10px;border:none;border-right:1px solid #ebeef5;cursor:pointer;font-size:13px;transition:.3s;background:0 0;color:#4b5563}.card-buttons button:last-child{border-right:none}.card:hover{transform:translateY(-5px)}.copy-success{position:fixed;top:5px;left:50%;transform:translateX(-50%);background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:10px 20px;display:none;z-index:1000;align-items:center}.copy-success img{width:24px;height:24px;margin-right:10px;vertical-align:middle}.copy-success span{vertical-align:middle;font-size:16px;color:#000000ea}.floating-container{display:flex;flex-direction:column}.floating-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#f4f4f5;border-bottom:1px solid #ebeef5}.close-btn,.close-btn:hover{background:#ffffff00}.floating-header span{font-size:16px;color:#333}.close-btn{color:#909399;border:none;padding:0;border-radius:3px;cursor:pointer;font-size:17px}#previewIframe{flex-grow:1;border:none;width:100%;max-width:100%}.floating-container{position:fixed;top:0;right:-100%;width:40vw;height:100%;background:#fff;z-index:1001;box-shadow:-2px 0 10px rgba(0,0,0,.2);transition:right .1s;display:flex;flex-direction:column;border-radius: 4px 0 0 4px;overflow: hidden}.floating-container.show{right:0}@media (max-width:768px){.floating-container{width:80vw}.modal-open::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000}}

/* 整个滚动条 */
::-webkit-scrollbar {
    width: 5px; /* 滚动条的宽度 */
}

/* 滚动条轨道，设置背景颜色为透明或与页面背景相同 */
::-webkit-scrollbar-track {
    background: #edeff6;
    /* 去除内边距或边框 */
    border: none;
}

/* 滚动条手柄 */
::-webkit-scrollbar-thumb {
    background: #bed9ff; /* 手柄颜色 */
    border-radius: 10px; /* 圆角半径，可以根据需要调整 */
}

/* 鼠标悬停在滚动条手柄上时 */
::-webkit-scrollbar-thumb:hover {
    background: #1677ff; /* 手柄悬停颜色 */
}