* { margin: 0; padding: 0; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
body { max-width: 1000px; margin: 0 auto; padding: 1px 20px 20px 20px; background: #f8f9fa; color: #333; }
header{max-width: 1000px;margin: 0 auto;padding:12px 15px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;}
.logo { text-decoration: none; color: #007bff;  font-weight: 700; }
a { color: #2c3e50;text-decoration: none;}
a:hover { color: #007bff; }
h2{ font-size: 1.2rem;}
/* 汉堡按钮样式 */
.hamburger-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;background:none;border:none;cursor:pointer;gap:5px;z-index:100;}
.hamburger-btn span{width:100%;height:3px;background-color:#333;border-radius:2px;transition:all 0.3s ease;}

/* 导航容器 */
.header-nav {display: flex; gap: 20px;}
/* 固定头部导航 */
.guding{position:fixed;top:0;left:0;right:0;background-color:white;z-index:999;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
/* 给页面主体添加顶部间距，避免被固定的header遮挡 */
body {
	padding-top: 90px; /* 数值根据header实际高度调整 */
}


/* 搜索框核心样式 */
.search-container{max-width:800px;margin:1rem auto 3rem auto;}
.search-box{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);padding:1rem;transition:box-shadow 0.3s ease}
.search-box:hover{box-shadow:0 6px 25px rgba(0,0,0,0.12)}
.search-form{display:flex;gap:0.5rem;margin-bottom:0.8rem;width:100%}
.search-input{flex:1;padding:0.6rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:0.95rem;height:40px;transition:all 0.3s ease;min-width:0}
.search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.1)}
.search-btn{padding:0.6rem 1.2rem;background:#007bff;color:white;border:none;border-radius:8px;font-size:0.95rem;cursor:pointer;transition:background 0.3s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem;height:40px;white-space:nowrap}
.search-btn:hover{background:#0056b3}
.search-tags{display:flex;flex-wrap:wrap;gap:0.8rem;padding-top:0.3rem}
.search-tags a{text-decoration:none;color:#666;background:#f5f5f5;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.85rem;transition:all 0.2s ease}
.search-tags a:hover{background:#e9f2ff;color:#007bff;transform:translateY(-2px)}
@media (max-width:600px){.search-container{margin:1rem auto 3rem auto}
.search-box{padding:0.8rem}
.search-form{flex-direction:row}
.search-btn{width:auto;padding:0.6rem 0.8rem}
}
    


/* 搜索结果相关样式 */
.search-results-container { margin-top: 30px; }
.results-title { color: #2c3e50; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #007bff; }

/* 文章列表通用样式 */
.article-list { display: grid; gap: 20px; }

/* 无结果提示 */
.no-results { text-align: center; padding: 50px 0; color: #7f8c8d; background: white; border-radius: 8px; }
.empty-tip { text-align: center;  }

/* 高亮和链接样式 */
.highlight { color: #007bff; font-weight: bold; }
.back-link { display: inline-block; margin-bottom: 20px; text-decoration: none; color: #007bff; }
.back-link:hover { color: #2980b9; }

/* 分类相关样式 */
.categories {}
.categories h3 { color: #2c3e50; margin-bottom: 15px; font-size: 1.1rem; }
.category-list { display: flex; flex-wrap: wrap; gap: 10px; }
.category-link { padding: 6px 14px; background: #e9ecef; text-decoration: none; color: #495057; border-radius: 20px; font-size: 0.9rem; }
.category-link.active {color: #007bff; font-weight: bold; border-bottom: 2px solid #007bff; /* 底部下划线 */}
.category-link:hover { background: #007bff; color: white; }

/* 文章详情页样式 */
.article-wrap { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.article-wrap h1 { color: #2c3e50; margin-bottom: 15px; line-height: 1.3; font-size: 1.5rem; text-align: center;}
.article-meta {font-size: 0.9rem;color: #96989b;margin-bottom: 25px;text-align: center;border-bottom: 2px solid #f3f2f2; padding-bottom: 15px;}
.article-meta a{color: #96989b;}
.article-content { color: #444; }
.article-content p { margin-bottom: 1.2rem; }
.article-content img { max-width: 100%; height: auto; border-radius: 4px; margin: 15px 0; }
/* 文章详情页下载样式 */
.download-section { margin: 20px 0; padding: 15px; border: 1px solid #eee; border-radius: 6px; }
.download-section h3 { margin: 0 0 15px; color: #333; text-align: center; }
.download-columns { display: flex; gap: 35px; justify-content: center; flex-wrap: wrap; }
.download-column { flex: 1; min-width: 200px; max-width: 250px; text-align: center; padding: 15px; border-radius: 6px; background: #f9f9f9; }
.qrcode { width: 160px; height: 160px; margin: 0 auto 10px; background: #f5f5f5; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #666; font-size: 14px; }
.link-wrapper { display: inline-flex; align-items: center; justify-content: center; width: 100%; margin-top: 10px; padding: 8px 0; border-radius: 3px; text-decoration: none; cursor: pointer; transition: opacity 0.2s; }
.link-wrapper:hover { opacity: 0.9; text-decoration: none; }
.link-wrapper .icon { display: inline-block; width: 80px; padding: 3px 0; color: white; border-radius: 3px; margin-right: 5px; font-size: 14px; }
.link-wrapper .text { color: white; font-size: 14px; }
.download-section .note{margin:15px 0 0;color:#999;font-size:12px;text-align:center}
.link-wrapper.baidu { background: #2d84d0; }
.link-wrapper.baidu .icon { background: rgba(0,0,0,0.1); }
.link-wrapper.quark { background: #36d399; }
.link-wrapper.quark .icon { background: rgba(0,0,0,0.1); }
.link-wrapper.thunder { background: #ff6b00; }
.link-wrapper.thunder .icon { background: rgba(0,0,0,0.1); }
@media (max-width: 768px) {
    .download-columns { flex-direction: column; gap: 10px; }
    .download-column { max-width: 100%; }
}

/* 分类页样式 */
.category-title { color: #2c3e50; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #007bff; display: flex; align-items: center;}
.category-title span { background: #007bff; color: white; padding: 2px 8px; border-radius: 4px; margin-right: 10px; font-size: 0.8rem; }

/* 首页分区样式 */
.section { margin-bottom: 40px; }
.section-title { color: #2c3e50; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid #007bff; display: flex; align-items: center; }
.section-title span { background: #007bff; color: white; padding: 2px 8px; border-radius: 4px; margin-right: 10px; font-size: 0.8rem; }
.article-grid { display: grid; gap: 20px; }

/* 移动设备样式 */
@media (max-width: 768px) {
.hamburger-btn{display:flex}
.header-nav{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:white;padding:80px 20px 20px;box-shadow:-2px 0 10px rgba(0,0,0,0.1);transition:right 0.3s ease;z-index:99;flex-direction:column}
.header-nav.active{right:0}
    /* 汉堡按钮动画 */
.hamburger-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.hamburger-btn.active span:nth-child(2){opacity:0}
.hamburger-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  /* 导航样式补充 */
.category-list { display: block;}
.category-link { display: block; margin: 0 0 15px 0;}

}


/* 文章列表-A链接-通用样式 */
 /* 链接项容器样式 */
.link-item { display: flex; align-items: center; text-decoration: none; background-color: #ffffff; border-radius: 12px; padding: 1.0rem 1.0rem; width: 100%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; color: #333333; overflow: hidden; position: relative; }
/* 置顶效果 */
.link-item.pinned { border-left: 4px solid #ffc107; }
/* 悬停效果 */
.link-item:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); }
/* 图片容器样式 */
.link-img { width: 50px; height: 50px; border-radius: 10px; background-color: #f0f2f5; display: flex; align-items: center; justify-content: center; margin-right: 1.2rem; flex-shrink: 0; overflow: hidden; }
.link-img img { width: 70%; height: 70%; object-fit: contain; transition: transform 0.3s ease; }
.link-item:hover .link-img img { transform: scale(1.1); }
/* 信息部分样式 */
.link-info { flex-grow: 1; }
.link-name { font-weight: 600; font-size: 1.0rem; color: #2d3748; display: inline-block; margin-bottom: 0.3rem; transition: color 0.3s ease; }
.link-item:hover .link-name { color: #007bff; }
.link-description { font-size: 0.9rem; color: #718096; line-height: 1.4; overflow: hidden; display: -webkit-box; 
-webkit-line-clamp: 1; /* 最多显示1行 */ -webkit-box-orient: vertical; margin: 0; }
		
/* 使用CSS绘制箭头，替代Font Awesome */
.link-arrow { width: 20px; height: 20px; margin-left: 0.8rem; position: relative; transition: all 0.3s ease; }
.link-arrow::after, .link-arrow::before { content: ''; position: absolute; background-color: #cbd5e0; transition: all 0.3s ease; }
.link-arrow::after { width: 2px; height: 10px; top: 0; right: 9px; transform-origin: bottom center; transform: rotate(-45deg); }
.link-arrow::before { width: 2px; height: 10px; bottom: 0; right: 9px; transform-origin: top center; transform: rotate(45deg); }
.link-item:hover .link-arrow::after, .link-item:hover .link-arrow::before { background-color: #007bff; }
.link-item:hover .link-arrow { transform: translateX(5px); }
/* 装饰性元素 */
.link-item::after { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 100%; background: linear-gradient(90deg, transparent, rgba(44, 82, 130, 0.05)); transition: width 0.5s ease; }
.link-item:hover::after { width: 100%; }
		
		
		
/* 全站底部样式 */
.simple-footer{margin-top:4rem;padding:2rem 1rem;background-color:#f8f9fa;border-top:1px solid #eee}
.footer-content{max-width:1000px;margin:0 auto;text-align:center}
.copyright{color:#999;font-size:0.8rem}
.copyright a{color:#999;text-decoration:none;margin:0 0.3rem;transition:color 0.2s}
.copyright a:hover{color:#3b82f6}