/*
 * 捕魚888：極少量全站共用樣式
 * 僅放頁首、導覽列、頁尾與通用變數。
 * 每個頁面的內容區樣式請放入對應的獨立 CSS 檔案。
 */

:root {
	--buyu-primary: #063b5b;
	--buyu-secondary: #0786ad;
	--buyu-accent: #f0b13a;
	--buyu-bg: #f4f8fb;
	--buyu-text: #172833;
	--buyu-muted: #6b7d88;
	--buyu-white: #ffffff;
	--buyu-border: #dbe8ee;
	--buyu-radius: 14px;
	--buyu-shadow: 0 8px 24px rgba(6, 59, 91, 0.08);
}

body {
	background: var(--buyu-bg);
	color: var(--buyu-text);
}

.site-header {
	background: var(--buyu-white);
	border-bottom: 1px solid var(--buyu-border);
}

.site-branding .main-title a,
.site-branding .site-title a {
	color: var(--buyu-primary);
	text-decoration: none;
}

.main-navigation,
.main-navigation ul ul {
	background: var(--buyu-white);
}

.main-navigation .main-nav ul li a {
	color: var(--buyu-primary);
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: var(--buyu-secondary);
	background: rgba(7, 134, 173, 0.06);
}

.site-info {
	background: var(--buyu-primary);
	color: rgba(255, 255, 255, 0.82);
}

.inside-site-info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	padding: 18px 20px;
}

.copyright-bar {
	font-size: 13px;
}

.site-info a,
.footer-bar a {
	color: var(--buyu-white);
	text-decoration: none;
}

.site-info a:hover,
.footer-bar a:hover {
	color: var(--buyu-accent);
}

.footer-bar .menu,
.footer-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-bar .menu li {
	margin: 0;
	padding: 0;
}

@media (max-width: 768px) {
	.inside-site-info {
		justify-content: center;
		text-align: center;
		padding: 16px 14px;
	}

	.footer-bar .menu,
	.footer-links {
		justify-content: center;
		gap: 8px 14px;
	}

	.footer-bar a,
	.footer-links a {
		font-size: 13px;
	}
}