/* 字典内容页选项卡效果 */
/* 容器样式 */
        .tab-container {
             /* width: 90%;移动端加宽适配 
            max-width: 800px;
            margin: 30px auto;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);*/
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            margin-bottom:10px;
            
        }
        
        /* 选项卡头部 - 强制一行显示 */
        .tab-header {
            display: flex;
            background-color: #fff;
            border-bottom: 3px solid #b7a278;
            white-space: nowrap; /* 禁止换行 */
            overflow: hidden; /* 防止溢出 */
            border-radius: 10px 10px 0 0;
        }
        
        /* 选项卡按钮 */
        .tab-btn {
            flex: 1; /* 平均分配宽度 */
            padding: 15px 5px;
            text-align: center;
            border: none;
            background-color: #F8F4E9;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.3s ease;
            white-space: nowrap;  /*文字不换行 */
            /*text-overflow: ellipsis;  文字过长时省略 */
            /*overflow: hidden;*/
        }
        .tab-btn span {	font-size: 18px; }
        
        /* 选中状态 */
        .tab-btn.active {
            background-color: #b7a278;
            color: #fff;
            font-weight: 600; /*文本加粗*/
        }
        
        /* 选项卡内容区域 */
        .tab-content {
            padding: 0px;
            min-height: 180px;
        }
        
        /* 内容项默认隐藏 */
        .tab-item {
            display: none;
        }
        
        /* 激活的内容项显示 */
        .tab-item.active {
            display: block;
        }
        
        /* 移动端适配 - 仅缩小尺寸，保持一行 */
        @media (max-width: 600px) {
            .tab-btn {
                font-size: 10px; /* 缩小字体 */
                padding: 10px 2px; /* 缩小内边距 */
                word-break: break-all; /* 文字换行 */
                white-space: normal; /* 重置浏览器默认的单行优化，确保自动换行 */
            }
            .tab-btn span {	font-size: 16px; }
            .tab-content {
                padding: 0px;
                min-height: 150px;
                font-size: 14px;
            }
            .tab-content h3 {
                font-size: 16px;
                margin-bottom: 8px;
            }
        }