/* 中草药大全 - 绿色健康主题 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif; background: #f4f7f2; color: #333; font-size: 14px; line-height: 1.7; }
a { color: #2e7d32; text-decoration: none; }
a:hover { color: #1b5e20; text-decoration: underline; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 12px; }

/* 顶栏 */
.topbar { background: #2e7d32; color: #fff; padding: 16px 0; }
.topbar .logo { color: #fff; font-size: 26px; font-weight: bold; }
.topbar .logo:hover { text-decoration: none; }
.topbar .logo-sub { margin-left: 12px; font-size: 13px; color: #c8e6c9; }

/* 导航 */
.nav { background: #388e3c; }
.nav .wrap { display: flex; align-items: center; flex-wrap: wrap; }
.nav a { color: #fff; padding: 11px 16px; font-size: 15px; }
.nav a:hover { background: #2e7d32; text-decoration: none; }
.nav-search { margin-left: auto; display: flex; }
.nav-search input { width: 220px; padding: 6px 10px; border: none; border-radius: 3px 0 0 3px; font-size: 13px; }
.nav-search button { padding: 6px 14px; border: none; background: #1b5e20; color: #fff; border-radius: 0 3px 3px 0; cursor: pointer; }

.main { padding: 16px 0 30px; }

/* 搜索框 */
.search-box { background: #fff; border: 1px solid #dce8d5; border-radius: 6px; padding: 28px 20px; text-align: center; margin-bottom: 16px; }
.search-box form { display: flex; justify-content: center; }
.search-box input { width: 420px; max-width: 100%; padding: 11px 14px; font-size: 15px; border: 2px solid #a5d6a7; border-radius: 4px 0 0 4px; outline: none; }
.search-box button { padding: 11px 24px; font-size: 15px; border: none; background: #2e7d32; color: #fff; border-radius: 0 4px 4px 0; cursor: pointer; }
.search-tip { margin-top: 10px; color: #888; font-size: 13px; }
.search-tip b { color: #2e7d32; }

/* 面板 */
.panel { background: #fff; border: 1px solid #dce8d5; border-radius: 6px; padding: 16px; margin-bottom: 16px; }
.panel-title { font-size: 17px; color: #2e7d32; border-bottom: 2px solid #e8f0e3; padding-bottom: 9px; margin-bottom: 12px; }
.panel-title b { color: #e65100; }
.panel-more { text-align: right; font-size: 13px; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
@media (max-width: 720px) { .two-col { grid-template-columns: 1fr; } }

/* 拼音索引 */
.py-index { display: flex; flex-wrap: wrap; gap: 8px; }
.py-index a, .py-index span { display: inline-block; min-width: 44px; text-align: center; padding: 7px 6px; background: #e8f5e9; border: 1px solid #c8e6c9; border-radius: 4px; color: #2e7d32; font-weight: bold; }
.py-index a:hover { background: #2e7d32; color: #fff; text-decoration: none; }
.py-index span { background: #f5f5f5; color: #bbb; border-color: #eee; }
.py-index i { font-style: normal; font-size: 11px; color: #999; margin-left: 2px; font-weight: normal; }
.py-index a:hover i { color: #e8f5e9; }

/* 药材列表 */
.herb-list { list-style: none; }
.herb-list li { padding: 7px 4px; border-bottom: 1px dashed #eef; }
.herb-list li:last-child { border-bottom: none; }
.herb-list a { font-size: 15px; font-weight: bold; }
.herb-list .alias { margin-left: 8px; color: #888; font-size: 12px; }

.herb-list-col { list-style: none; }
.herb-list-col li { padding: 9px 6px; border-bottom: 1px dashed #eef; }
.herb-list-col li:last-child { border-bottom: none; }
.herb-name { font-size: 15px; font-weight: bold; }
.herb-list-col .alias, .herb-list-col .desc { display: block; color: #777; font-size: 12px; }

/* 面包屑 */
.crumb { margin-bottom: 12px; font-size: 13px; color: #888; }
.crumb a { color: #2e7d32; }

/* 详情页 */
.detail-head { background: #fff; border: 1px solid #dce8d5; border-radius: 6px; padding: 20px; margin-bottom: 16px; }
.detail-head h1 { font-size: 28px; color: #1b5e20; margin-bottom: 6px; }
.detail-alias { color: #555; font-size: 14px; }
.detail-latin { color: #888; font-size: 13px; }
.detail-img img { max-width: 260px; border: 1px solid #eee; border-radius: 4px; }
.detail-block { background: #fff; border: 1px solid #dce8d5; border-radius: 6px; padding: 16px; margin-bottom: 12px; }
.detail-title { font-size: 17px; color: #2e7d32; border-left: 4px solid #2e7d32; padding-left: 10px; margin-bottom: 10px; }
.detail-content { color: #444; }
.detail-block.notice { background: #fff8e1; border-color: #ffe0b2; }
.detail-block.notice p { color: #a1662a; font-size: 13px; }

/* 分页 */
.pagination { text-align: center; padding: 14px 0 4px; }
.pagination a, .pagination .current, .pagination .dots { display: inline-block; margin: 0 3px; padding: 6px 12px; border: 1px solid #c8e6c9; border-radius: 4px; background: #f4faf2; color: #2e7d32; }
.pagination a:hover { background: #2e7d32; color: #fff; text-decoration: none; }
.pagination .current { background: #2e7d32; color: #fff; font-weight: bold; }
.pagination .dots { border: none; background: none; }
.pagination .total { margin-left: 10px; color: #999; font-size: 13px; }

/* 底部 */
.footer { background: #263238; color: #aab; padding: 20px 0; text-align: center; font-size: 13px; margin-top: 20px; }
.footer p { margin: 4px 0; }