/* 全局重置样式 */
* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:14px; }
body { font-family:"Microsoft YaHei",Arial,sans-serif; color:#333; background:#F5F5F5; line-height:1.6;box-shadow: 2px 0px 8px 1px rgb(0 0 0 / 50%);margin: 5px auto;max-width: 1200px; }
a { text-decoration:none; color:#333; }
ul { list-style:none; }
/* 全局JS广告 */
.g1_html{position:relative;display:inline-block;padding:5px 10px;margin:auto;line-height:normal;}
/* 广告标识 - 右下角AD悬浮展开R图标 */
.g1_adsay_wrap { position:absolute; right:2px; bottom:2px; z-index:10; cursor:pointer; font-size:0; }
.g1_adsay_r { display:inline-block; width:16px; height:16px; line-height:16px; text-align:center; background:transparent; color:#00A65A; font-size:10px; font-weight:bold; border-radius:2px; margin-right:0; vertical-align:middle; transition:all .2s; opacity:0; transform:translateX(10px); }
.g1_adsay_text { display:inline-block; padding:0 4px; height:16px; line-height:16px; background:rgba(0,0,0,0.6); color:#fff; font-size:11px; vertical-align:middle; transition:all .2s; }
.g1_adsay_wrap:hover .g1_adsay_r { opacity:1; transform:translateX(0); margin-right:1px; }
.g1_adsay_tip { display:none; position:absolute; right:0; bottom:20px; min-width:180px; padding:8px 10px; background:rgba(0,0,0,0.85); color:#fff; font-size:12px; line-height:1.8; border-radius:3px; text-align:left; white-space:normal; z-index:11; pointer-events:none; }
.g1_adsay_wrap:hover .g1_adsay_tip { display:block; }

/* 主题色CSS变量定义（由bg.js按星期动态切换，一周7天每天一种颜色） */
:root { --accent-color:#0288D1; --header-bg:#0288D1; --header-text:#ffffff; --footer-bg:#01579B; --footer-text:#B3E5FC; }
h1, h2, h3 { color:var(--accent-color); }
h1 { border-left:4px solid var(--accent-color); padding-left:10px; }
h2 { border-bottom:2px solid var(--accent-color); padding-bottom:5px; }
a:hover { color:var(--accent-color); }
/* 头部样式 */
.header { height:50px; color:#fff; box-shadow:0 2px 3px rgba(0,0,0,0.1); position:relative;border-bottom: double 1px #ffffff; background:var(--header-bg); }
.header .logo { float:left; padding-left:15px; height:50px; display:flex; align-items:center; line-height:1.2; font-size:18px; font-weight:bold; }
.header .logo .logo-link { color:#fff; display:block; }
.header .logo .logo-zh { display:block; font-size:17px; font-weight:bold; color:#fff; text-align: center;}
.header .logo .logo-en { display:block; font-size:11px; font-weight:normal; color:#fff; margin-top:2px; }
/* PC端导航样式 */
.header .desktop-nav { float:right; padding-right:15px; }
.header .desktop-nav li { float:left; margin-left:20px; height:50px; display:flex; align-items:center; }
.header .desktop-nav li a { color:#fff; padding:0 8px; transition:all 0.3s; }
.header .desktop-nav li a .nav-zh {text-align: center; display:block; font-size:14px; line-height:1.2; }
.header .desktop-nav li a .nav-en {text-align: center; display:block; font-size:11px; color:#fff; line-height:1.2; margin-top:2px; }
.header .desktop-nav li a:hover, .header .desktop-nav li a.active { color:#fff; }
.header .desktop-nav li a:hover .nav-en, .header .desktop-nav li a.active .nav-en { color:#fff; }
/* 手机端导航样式 */
.header .mobile-nav { display:none; position:absolute; top:50px; left:0; right:0; padding:10px 0; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
.header .mobile-nav li { float:none; line-height:40px; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); }
.header .mobile-nav li:last-child { border-bottom:none; }
.header .mobile-nav li a { display:block; color:#fff; padding:0; transition:all 0.3s; }
.header .mobile-nav li a .nav-zh { display:block; font-size:14px; line-height:1.2; }
.header .mobile-nav li a .nav-en { display:block; font-size:11px; color:#bbb; line-height:1.2; margin-top:2px; }
.header .mobile-nav li a:hover, .header .mobile-nav li a.active { color:#FF9800; background:rgba(255,255,255,0.1); }
/* 移动端菜单按钮 */
.header .menu-btn { display:none; float:right; padding:12px 15px; font-size:20px; cursor:pointer; }
/* 底部样式 */
.footer { color:#999; padding:15px 20px; text-align:center; }
.footer .footer-toggle { display:none; background:#444; color:#fff; border:none; padding:6px 12px; font-size:12px; border-radius:3px; cursor:pointer; margin-bottom:8px; }
.footer .links { margin-bottom:8px; line-height:1.5; padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,0.2); }
.footer .links a { color:#000; margin:0 8px; font-size:12px; transition:all 0.3s; display:inline-block !important; float:none !important; clear:none !important; text-align:center; vertical-align:middle; }
.footer .links a span { display:block !important; float:none !important; }
.footer .links a .zh-name { display:block !important; font-size:13px; font-weight:normal; line-height:1.4; }
.footer .links a .en-name { display:block !important; font-size:11px; color:#666; margin-top:2px; line-height:1.4; }
.footer .links span { color:#666; margin:0 6px; display:inline-block !important; float:none !important; clear:none !important; vertical-align:middle; }
.footer .links a:hover { color:#042276; }
.footer .links a:hover .en-name { color:#042276; }
.footer .copyright { font-size:11px; color:#042276; }
/* 页面容器 */
.container { width:1200px; margin:10px auto; overflow:hidden; }
/* 左侧导航 */
.sidebar { width:180px; float:left; background:#fff; border:1px solid #E0E0E0; border-radius:3px; padding:10px; }
.sidebar .title { font-size:14px; font-weight:bold; color:#1E88E5; padding-bottom:6px; border-bottom:2px solid #1E88E5; margin-bottom:10px; }
.sidebar .menu li { margin-bottom:3px; }
.sidebar .menu li a { display:block; padding:6px 10px; color:#666; border-radius:3px; font-size:13px; transition:all 0.3s; }
.sidebar .menu li a:hover, .sidebar .menu li a.active { background:#1E88E5; color:#fff; }
/* 右侧内容区 */
.main-content { width:990px; float:right; background:#fff; border:1px solid #E0E0E0; border-radius:3px; padding:15px; }
.main-content .page-title { font-size:18px; font-weight:bold; color:#333; padding-bottom:8px; border-bottom:1px solid #E0E0E0; margin-bottom:12px; }
.main-content .section { margin-bottom:15px; }
.main-content .section h3 { font-size:14px; color:#1E88E5; margin-bottom:8px; padding-left:8px; border-left:3px solid #1E88E5; }
.main-content .section p { color:#666; margin-bottom:6px; text-indent:2em; font-size:13px;line-height: 18px; }
/* 按钮样式 */
.btn { display:inline-block; padding:6px 18px; border-radius:3px; font-size:13px; font-weight:bold; text-align:center; cursor:pointer; transition:all 0.3s; border:none; }
.btn-primary { background:#1E88E5; color:#fff; }
.btn-primary:hover { background:#1565C0; }
.btn-warning { background:#FF9800; color:#fff; }
.btn-warning:hover { background:#F57C00; }
/* ========== 响应式布局 - 平板设备 (768px - 1220px) ========== */
@media (max-width:1220px) {
    .container { width:98%; margin:8px auto; }
    .sidebar { width:160px; padding:8px; }
    .sidebar .title { font-size:13px; padding-bottom:5px; margin-bottom:8px; }
    .sidebar .menu li a { padding:5px 8px; font-size:12px; }
    .main-content { width:calc(100% - 180px); padding:12px; }
    .main-content .page-title { font-size:16px; padding-bottom:6px; margin-bottom:10px; }
    .main-content .section { margin-bottom:12px; }
    .main-content .section h3 { font-size:13px; margin-bottom:6px; padding-left:6px; }
    .main-content .section p { font-size:12px; margin-bottom:5px; }
    .btn { padding:5px 15px; font-size:12px; }
}
/* ========== 响应式布局 - 手机设备 (≤768px) ========== */
@media (max-width:768px) {
    html { font-size:13px; }
    .header { height:45px; }
    .header .logo { padding-left:12px; height:45px; display:flex; align-items:center; line-height:1.2; font-size:16px; }
    .header .logo .logo-zh { font-size:15px; }
    .header .logo .logo-en { font-size:10px; }
    .header .nav { display:none; position:absolute; top:45px; left:0; right:0; padding:10px 0; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
    .header .nav li { float:none; line-height:1.2; padding:8px 0; text-align:center; border-bottom:1px solid rgba(255,255,255,0.1); }
    .header .nav li:last-child { border-bottom:none; }
    .header .nav li a { display:block; padding:0; }
    .header .nav li a .nav-zh { font-size:13px; }
    .header .nav li a .nav-en { font-size:10px; }
    .header .menu-btn { display:block; line-height:45px; padding:0 15px; }
    .footer { padding:12px 15px; }
    .footer .links { display:flex; flex-direction:row; justify-content:center; align-items:stretch; gap:4px; flex-wrap:wrap; }
    .footer .links a { margin:0 4px; font-size:11px; text-align:center; }
    .footer .links a span { display:block !important; float:none !important; }
    .footer .links a .zh-name { font-size:12px; display:block !important; }
    .footer .links a .en-name { font-size:10px; margin-top:1px; display:block !important; }
    .footer .links span { display:inline-block; margin:0 4px; align-self:center; }
    .footer .copyright { font-size:10px; }
    .container { width:96%; margin:6px auto; }
    .sidebar { width:100%; float:none; margin-bottom:8px; padding:8px; }
    .sidebar .title { display:none; }
    .sidebar .menu { overflow:hidden; }
    .sidebar .menu li { float:left; margin-bottom:0; margin-right:5px; }
    .sidebar .menu li a { padding:5px 10px; font-size:12px; white-space:nowrap; }
    .main-content { width:100%; float:none; padding:10px; }
    .main-content .page-title { font-size:15px; padding-bottom:5px; margin-bottom:8px; }
    .main-content .section { margin-bottom:10px; }
    .main-content .section h3 { font-size:13px; margin-bottom:5px; padding-left:5px; }
    .main-content .section p { font-size:12px; margin-bottom:4px; line-height:1.5; }
    .btn { padding:8px 20px; font-size:13px; min-width:80px; }
    .main-content .section p { text-indent:0; }
}
/* ========== 响应式布局 - 小屏手机 (≤480px) ========== */
@media (max-width:480px) {
    .header { height:40px; }
    .header .logo { padding-left:10px; height:40px; display:flex; align-items:center; line-height:1.2; font-size:14px; }
    .header .logo .logo-zh { font-size:13px; }
    .header .logo .logo-en { font-size:9px; }
    .header .nav { top:40px; }
    .header .nav li { line-height:36px; }
    .header .menu-btn { line-height:40px; font-size:18px; }
    .footer { padding:10px; }
    .footer .links { display:flex; flex-direction:row; justify-content:center; align-items:stretch; gap:3px; margin-bottom:5px; flex-wrap:wrap; }
    .footer .links a { margin:0 3px; font-size:11px; text-align:center; }
    .footer .links a span { display:block !important; float:none !important; }
    .footer .links a .zh-name { font-size:11px; display:block !important; }
    .footer .links a .en-name { font-size:9px; margin-top:1px; display:block !important; }
    .footer .links span { display:inline-block; margin:0 3px; align-self:center; }
    .container { width:98%; margin:4px auto; }
    .sidebar { padding:5px; }
    .sidebar .menu li { margin-right:3px; }
    .sidebar .menu li a { padding:4px 8px; font-size:11px; }
    .main-content { padding:8px; }
    .main-content .page-title { font-size:14px; }
    .main-content .section h3 { font-size:12px; }
    .main-content .section p { font-size:11px; }
    .btn { padding:7px 16px; font-size:12px; margin-bottom:5px; }
}

/*==============================*/

    /* 文章列表 */
    .news-list{list-style:none;padding:0;margin-bottom: 10px;border-bottom: dotted 1px #353535;}
    .news-list li{padding:12px 0;border-bottom:1px dashed #EEE;display:flex;align-items:center;gap:12px;}
    .news-list li:last-child{border-bottom:none;}
    .news-list .nl-img{width:150px;height:180px;flex-shrink:0;border-radius:3px;overflow:hidden;background:#f5f5f5;}
    .news-list .nl-img img{width:100%;height:100%;object-fit:cover;}
    .news-list .nl-info{flex:1;min-width:0;}
    .news-list .nl-info a{font-size:14px;color:#333;text-decoration:none;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.3s;}
    .news-list .nl-info a:hover{color:#1E88E5;}
    .news-list .nl-desc{font-size:12px;color:#999;line-height:1.6;margin:6px 0 0 0;display:-webkit-box;-webkit-line-clamp:2;}
    .news-list .nl-tags{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px;}
    .news-list .nl-tags em{display:inline-block;padding:1px 8px;font-size:11px;font-style:normal;color:#1E88E5;background:#E3F2FD;border-radius:10px;}
    .news-list .nl-meta{font-size:12px;color:#999;margin-top:6px;}
    .news-list .nl-meta span{margin-right:12px;}
/* 文章简介 */
.article-intro{background:#F8FBFC;border:1px solid #E3F2FD;border-radius:5px;padding:15px;margin-bottom:15px;color:#555;line-height:1.8;}
.list-key{border-bottom:1px solid #E3F2FD;margin-bottom:10px;}
.list-key span{padding:0px 8px;}
.list-desc{text-indent:2em;font-size:15px;}

/* 文章内容随机图片样式 - PC端最大宽度560px，移动端自适应 */
.article-body .randimg {
	max-width: 560px;
	height: auto;
	display: block;
	margin: 10px auto;
	cursor: pointer;
	border-radius: 4px;
	transition: opacity 0.3s ease;
}
.article-body .randimg:hover {
	opacity: 0.9;
}

/* 移动端响应式：窄屏下图片宽度自适应 */
@media screen and (max-width: 768px) {
	.article-body .randimg {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}
}

/* 灯箱遮罩层 */
.randimg-lightbox {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.85);
	overflow: auto;
	cursor: zoom-out;
}
.randimg-lightbox.show {
	display: block;
}

/* 灯箱图片 */
.randimg-lightbox img {
	display: block;
	margin: 50px auto;
	max-width: 90%;
	max-height: 85vh;
	border-radius: 6px;
	box-shadow: 0 4px 30px rgba(0,0,0,0.5);
	animation: randimg-zoom 0.3s ease;
}

@keyframes randimg-zoom {
	from { transform: scale(0.8); opacity: 0; }
	to { transform: scale(1); opacity: 1; }
}

/* 灯箱关闭按钮 */
.randimg-lightbox-close {
	position: fixed;
	top: 20px;
	right: 30px;
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
	line-height: 1;
	text-shadow: 0 2px 10px rgba(0,0,0,0.5);
	transition: color 0.2s ease;
	z-index: 100000;
}
.randimg-lightbox-close:hover {
	color: #ccc;
}

/* ==========================================
   作用：管理所有广告相关的CSS样式
   包含：ad-wrap、ad-area、ad-time-mark 等
   ========================================== */
.ad-wrap{position:relative;display:inline-block;padding:0;margin:0;line-height:normal;}
.ad-mark{position:absolute;bottom:2px;right:2px;z-index:9999;font-size:11px;white-space:nowrap;}
.ad-time-mark{display:none;color:#666;font-size:11px;background:rgba(255,255,255,0.8);padding:0 10px;}
.ad-adlink{color:#999;font-size:11px;text-decoration:none;background:rgba(255,255,255,0.8);padding:0 5px;vertical-align:top;}
.ad-wrap:hover .ad-time-mark{display:inline-block !important;margin-right:5px;}
.ad-area{margin:5px 0;padding:5px;background:#FAFAFA;border:1px solid #E8E8E8;border-radius:4px;text-align:center;overflow:hidden;}
.sidebar .ad-area{margin:10px 0;padding:8px;}
.ad-area img{max-width:100%;height:auto;}
@media screen and (max-width:1024px){
.ad-area{margin:10px 0;padding:10px;}
}
@media screen and (max-width:768px){
.ad-area{margin:8px 0;padding:8px;}
}
@media screen and (max-width:480px){
.ad-area{margin:6px 0;padding:6px;}
.ad-area img{width:100%;height:auto;}
.sidebar .ad-area{margin:6px 0;padding:6px;}
}

/* 侧栏广告区域 */
.sidebar .ad-area{margin:0 0 12px;padding:10px;background:#FAFAFA;border:1px solid #E8E8E8;border-radius:4px;text-align:center;overflow:hidden}
.sidebar .ad-area img{max-width:100%;height:auto;display:block;margin:0 auto}

/* 文章内容广告区域 - 不受文章图片大小限制 */
.main-content .article-body .ad-area{margin:15px 0;padding:12px;background:#FAFAFA;border:1px solid #E8E8E8;border-radius:4px;text-align:center;overflow:hidden}
.main-content .article-body .ad-area img{width:100%;max-width:100%;height:auto;margin:0;padding:0}

/* 手机端480px以下响应式 */
@media (max-width:480px){
.main-content .article-body .ad-area{margin:6px 0;padding:6px}
.main-content .article-body .ad-area img{width:100%;max-width:100%;height:auto;margin:0}
}
.adimg {
    max-width: 100%;
    height: auto;
    display: block;
}
/**二级导航栏样式**/
/* 养殖频道二级导航栏样式（使用主题色变量） */
.yz9_sub-nav{background:var(--header-bg) !important;border-top:2px solid var(--footer-bg) !important;z-index:1000 !important;position:relative !important;padding:8px 0 !important;margin-bottom:15px !important;overflow:visible !important;}
.yz9_sub-nav-inner{width:1200px !important;margin:0 auto !important;display:flex !important;flex-wrap:wrap !important;gap:12px !important;justify-content:center !important;padding:0 15px !important;}
.yz9_sub-nav-group{display:flex !important;flex-wrap:wrap !important;gap:5px !important;justify-content:center !important;}
.yz9_sub-nav-group .yz9_group-title{flex-shrink:0 !important;}
.yz9_sub-nav-group .yz9_group-title a{display:block !important;color:var(--header-text) !important;text-align:center !important;padding:3px 3px !important;border-radius:4px !important;transition:all 0.3s !important;text-decoration:none !important;font-size:inherit !important;white-space:normal !important;}
.yz9_sub-nav-group .yz9_group-title a .yz9_nav-zh{display:block !important;font-size:14px !important;font-weight:500 !important;line-height:1.3 !important;color:var(--header-text) !important;}
.yz9_sub-nav-group .yz9_group-title a .yz9_nav-en{display:block !important;font-size:11px !important;color:rgba(255,255,255,0.7) !important;line-height:1.2 !important;margin-top:2px !important;}
.yz9_sub-nav-group .yz9_group-title a:hover{background:rgba(255,255,255,0.15) !important;}

/* 响应式布局 - 1200px以下 */
@media (max-width:1200px){
  .yz9_sub-nav-inner{width:100% !important;gap:8px !important;}
  .yz9_sub-nav-group{gap:8px !important;}
}

/* 响应式布局 - 960px以下 */
@media (max-width:960px){
  .yz9_sub-nav-group .yz9_group-title a{padding:5px 10px !important;}
  .yz9_sub-nav-group .yz9_group-title a .yz9_nav-zh{font-size:12px !important;}
  .yz9_sub-nav-group .yz9_group-title a .yz9_nav-en{font-size:10px !important;}
}

/* 响应式布局 - 480px以下 */
@media (max-width:480px){
  .yz9_sub-nav-inner{padding:6px 0 !important;gap:6px !important;}
  .yz9_sub-nav-group{gap:6px !important;}
  .yz9_sub-nav-group .yz9_group-title a{padding:4px 8px !important;}
  .yz9_sub-nav-group .yz9_group-title a .yz9_nav-zh{font-size:11px !important;}
  .yz9_sub-nav-group .yz9_group-title a .yz9_nav-en{font-size:9px !important;}
}