/* =============================================================
 * global.css — MDTaoZi PC 端全局公共样式
 * 只放跨页面复用的组件样式，页面专属样式放对应页面 CSS 文件
 * ============================================================= */


/* ── Header：通用圆形图标按钮 ── */

.md-nav-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	text-decoration: none;
	color: inherit;
	transition: color .2s, background .2s;
}
.md-nav-icon-btn:hover {
	color: var(--el-color-warning, #e6a23c);
	background: rgba(230, 162, 60, .1);
}
.md-nav-icon-btn i { font-size: 18px; line-height: 1; }


/* ── Header：搜索胶囊按钮 ── */

/*
 * 用 .nav li a.md-search-pill 保证优先级高于主题 CSS 的
 * .nav li a { display: ... } 等通用规则，避免样式被覆盖。
 */
.nav li a.md-search-pill,
.md-search-pill {
	display: inline-flex !important;
	align-items: center;
	gap: 5px;
	padding: 5px 13px 5px 10px;
	border-radius: 20px;
	border: 1px solid var(--el-border-color, #dcdfe6);
	text-decoration: none;
	color: inherit;
	font-size: 13px;
	transition: all .2s;
	white-space: nowrap;
	background: transparent;
}
.nav li a.md-search-pill:hover,
.md-search-pill:hover {
	border-color: var(--el-color-warning, #e6a23c);
	color: var(--el-color-warning, #e6a23c);
	background: rgba(230, 162, 60, .06);
}
.nav li a.md-search-pill i,
.md-search-pill i { font-size: 16px; line-height: 1; }

html[data-theme="dark"] .md-search-pill,
html[data-theme="dark"] .nav li a.md-search-pill { border-color: #4a4a4a; }