/* 标签切换区域 */



        .tab-wrap {



            max-width: 1200px;



            margin: 40px auto 40px;



            display: flex;



            justify-content: center;



            gap: 10px;



            flex-wrap: wrap;



        }



        .tab-item {



            padding: 12px 30px;



            border: 1px solid #0052b3;



            border-radius: 30px;



            background: #fff;



            color: #0052b3;



            font-size: 16px;



            cursor: pointer;



            transition: all 0.3s;



        }



        .tab-item.active,



        .tab-item:hover {



            background: #0052b3;



            color: #fff;



        }







        /* 卡片容器 */



        .medicine-container {



            max-width: 1200px;



            margin: 0 auto;



            display: grid;



            grid-template-columns: repeat(3, 1fr);



            gap: 30px;



        }



        /* 标签对应内容 默认隐藏 */



        .tab-content {



            display: none;



        }



        .tab-content.show {



            display: grid;



            padding: 0px 15px 40px 15px;



        }







        /* 卡片样式 固定高度 解决少半截 */



        .medicine-card {



            height: 370px;



            border-radius: 6px;



            box-shadow: 0 2px 12px rgba(0,0,0,0.08);



            overflow: hidden;



            text-align: center;



            cursor: pointer;



            display: flex;



            flex-direction: column;



            transition: all 0.3s ease;



        }



        .medicine-image-wrapper {



            height: 240px;



            background: url(http://www.zjtxhealth.com/templets/default/img/import_list01_01.jpg) no-repeat center / cover;



            display: flex;



            align-items: center;



            justify-content: center;



            padding: 20px;



            flex-shrink: 0;



        }



        .medicine-image {



            max-width: 85%;



            max-height: 180px;



            object-fit: contain;



            display: block;



        }



        .medicine-info {



            flex: 1;



            padding: 30px 20px;



            background: #fff;



            transition: background 0.3s ease;



        }



        .medicine-brand {



            font-size: 19px;



            font-weight: 600;



            color: #000;



            margin-bottom: 10px;



            transition: color 0.3s;



        }



        .medicine-name {



            font-size: 16px;



            color: #333;



            margin-bottom: 20px;



            transition: color 0.3s;



        }



        .learn-more {



            color: #0052b3;



            text-decoration: none;



            font-size: 15px;



            transition: color 0.3s;



        }



        .learn-more::after {



            content: " →";



        }







        /* 卡片hover效果 */



        .medicine-card:hover .medicine-info {



            background: #0052b3;



        }



        .medicine-card:hover .medicine-brand,



        .medicine-card:hover .medicine-name,



        .medicine-card:hover .learn-more {



            color: #fff;



        }







        /* 移动端适配 */



        @media (max-width: 768px) {



            .medicine-container {



                grid-template-columns: 1fr;



            }



            .tab-item {



                padding: 10px 20px;



                font-size: 15px;



            }



        }

        .custom-height {

  height: 330px !important;

  min-height: 330px !important;

  max-height: 330px !important;

  flex: 0 0 300px !important;

}