@charset "utf-8";
/* CSS Document */

 * {    text-decoration: none;
            margin: 0;
            padding: 0;
            box-sizing: border-box;            
        }

        body {
            background-color: #fff;
            scroll-behavior: smooth;
        }     
		
		.mbx {
    margin:5vw 0 0px auto;
    line-height: 40px;
    color: #666;
    white-space: nowrap;
}

.mbx span {
    font-size: 14px;
    padding-left: 5px;
    color: #4671fb;
}

.mbx a {
    color: #4671fb;
}   

/* ===== 通用标题 ===== */
.keshi{width: 100%;
    overflow: hidden;
    margin: 1vw 0 3vw 0;}
.keshi dd{    color: #666;
    font-size: 16px;
    line-height: 2;
    padding-bottom: 2vw;}
.keshi dd span{font-weight: bold;
    color: #333;}
.keshi h3{font-size: 26px;margin-bottom: 1vw;border-bottom: 1px dashed #ddd;padding-bottom: 1vw;
    font-weight: bold;
    color: #333;}
.keshi ul{background: #fff;padding:0.2%;
    overflow: hidden;
    border-radius: 20px;}
.keshi ul li{list-style: none;
    float: left;
    margin-right: 1vw;
    border: 1px solid #ddd;
    padding: 0.5vw 2vw;
    border-radius: 10px;
    background: #fff;}
.keshi ul li img{display: block;
    height: 50px;
    margin: 6px auto 0px auto;
    padding: 10px;
    background: #fff;
    border-radius: 50%;}
.keshi ul li a{    border: 0px solid #ddd;
    padding: 10px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 500;
    height: 100px;
    width: auto;
    text-align: center;
    color: #333;
    line-height: 2vw;}
.keshi ul li:hover a{color: #4671fb;}

 /* 下部：六个仪器始终不变 */
        .instruments-section {
           margin-top: 5vw;
    background-color: #f5f7fc;
    padding: 5vw 0;
        }
        .instruments-title {
            font-weight: 700;
    font-size: 26px;
    color: #1b2f44;
    width: 78%;
    margin: 0 auto 1vw auto;
    margin-bottom: 2vw;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 1vw;
        }
        .instruments-grid {width: 78%;
    margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(356px, 0fr));
            gap: 20px;
        }
        .instrument-item {            
            text-align: center;
            transition: all 0.2s;            
            cursor: default;
        }
        .instrument-item:hover {
            transform: translateY(-5px);            
        }
        .instrument-icon {
            font-size: 42px;
            color: #4671fb;
            margin-bottom: 12px;
        }
		.instrument-icon img{width:100%;border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
        .instrument-item span {
            display: block;
    font-weight: bold;
    font-size: 16px;
    color: #ffff;
    position: relative;
    top: -3.5vw;
        }
        @media (max-width: 860px) {
            .dept-tab-grid {
                flex-direction: column;
            }
            .tab-categories {
                flex-direction: row;
                flex-wrap: wrap;
                flex: auto;
            }
            .tab-btn {
                flex: 1 0 auto;
                justify-content: center;
            }
            .disease-name h3 {
                font-size: 22px;
            }
        }