/* 详情页样式：来自原 plants.aspx / PlantsInfor.aspx / CntkDetails.aspx 页内 <style> */

/* 植物志多选项卡（滑动门） */
.tab { height: 36px; line-height: 36px; text-align: center; }
.tab ul { margin: 0; padding: 0; }
.tab li { float: left; padding-left: 10px; padding-right: 10px; height: 36px; list-style: none; border-width: 1px; border-style: solid; }
.tab a:link { color: #00a9f0; }
.tab a:hover { background-color: #00a9f0; width: 100%; height: 36px; }
.tab li.now { background: #00a9f0; font-weight: bold; color: #ffffff; }
.lm_list ul { border-top: 2px solid #00a9f0; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

.bordered { border: solid #ccc 1px; border-radius: 6px; box-shadow: 0 1px 1px #ccc; }
.bordered tr:hover { background: #fbf8e9; transition: all 0.1s ease-in-out; }
.bordered td, .bordered th { border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; text-align: left; }
.bordered th { background-color: #f5f5f5; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
.bordered td:first-child, .bordered th:first-child { border-left: none; }
.bordered th:first-child { border-radius: 6px 0 0 0; }
.bordered th:last-child { border-radius: 0 6px 0 0; }
.bordered th:only-child { border-radius: 6px 6px 0 0; }
.bordered tr:last-child td:first-child { border-radius: 0 0 0 6px; }
.bordered tr:last-child td:last-child { border-radius: 0 0 6px 0; }

/* 方剂详情“引用”框 */
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

/* 原 DataList（RepeatColumns=6）对应的六列链接网格 */
.link-grid { width: 98%; margin: 0 auto; }
.link-grid td { padding: 2px 4px; vertical-align: top; }

.section-bar { padding: 10px; background-color: #F5F5F5; margin-bottom: 10px; }

/* 显示优化：选项卡可换行（窄屏不再重叠正文），支持点击切换；表头不再逐字换行 */
.tab { height: auto; }
.tab ul { display: flex; flex-wrap: wrap; }
.tab li { float: none; color: #00a9f0; cursor: pointer; margin: 0 -1px -1px 0; }
.tab li:hover { background-color: #00a9f0; color: #ffffff; }
.tab li.now { color: #ffffff; }
.bordered th { white-space: nowrap; }