/* 基础重置与响应式设置 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f5f7fa; color: #333; line-height: 1.6; }
a { text-decoration: none; color: #1976d2; transition: color 0.3s; }
a:hover { color: #0d47a1; }
.z10d9bcontainer { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

/* 头部导航 (参考12306风格) */
.z10d9bheader { background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); position: sticky; top: 0; z-index: 100; }
.z10d9bheader .z10d9bcontainer { display: flex; justify-content: space-between; align-items: center; height: 60px; }
.z10d9blogo a { font-size: 22px; font-weight: bold; color: #1976d2; letter-spacing: 1px; }
.z10d9bnav { display: flex; gap: 20px; }
.z10d9bnav a { color: #555; font-size: 15px; padding: 5px 0; border-bottom: 2px solid transparent; }
.z10d9bnav a:hover, .z10d9bnav a.current { color: #1976d2; border-bottom-color: #1976d2; }

/* 核心下载区 (Hero Section) */
.z10d9bhero { background: linear-gradient(135deg, #1976d2 0%, #0d47a1 100%); color: #fff; padding: 80px 0; text-align: center; }
.z10d9bhero h1 { font-size: 36px; margin-bottom: 20px; font-weight: 600; }
.z10d9bhero_desc { font-size: 18px; opacity: 0.9; margin-bottom: 40px; max-width: 800px; margin-left: auto; margin-right: auto; }
.z10d9bdownload_btns { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.z10d9bbtn { display: inline-block; padding: 14px 32px; border-radius: 4px; font-size: 16px; font-weight: bold; transition: all 0.3s; }
.z10d9bbtn_primary { background-color: #ff9800; color: #fff; box-shadow: 0 4px 6px rgba(255, 152, 0, 0.3); }
.z10d9bbtn_primary:hover { background-color: #f57c00; color: #fff; transform: translateY(-2px); }
.z10d9bbtn_secondary { background-color: transparent; color: #fff; border: 2px solid #fff; }
.z10d9bbtn_secondary:hover { background-color: rgba(255,255,255,0.1); color: #fff; }

/* 特性介绍区 */
.z10d9bfeatures { padding: 60px 0; background-color: #fff; }
.z10d9bfeatures h2 { text-align: center; font-size: 28px; color: #333; margin-bottom: 40px; position: relative; }
.z10d9bfeatures h2::after { content: ''; display: block; width: 60px; height: 3px; background: #1976d2; margin: 10px auto 0; }
.z10d9bfeature_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.z10d9bfeature_item { text-align: center; padding: 20px; border-radius: 8px; transition: box-shadow 0.3s; }
.z10d9bfeature_item:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.z10d9bfeature_item h3 { font-size: 20px; color: #1976d2; margin-bottom: 15px; }
.z10d9bfeature_item p { color: #666; font-size: 14px; line-height: 1.8; }

/* 资讯列表区 */
.z10d9bnews { padding: 60px 0; }
.z10d9bnews h2 { font-size: 24px; color: #333; border-left: 4px solid #1976d2; padding-left: 10px; margin-bottom: 30px; }
.z10d9bnews_list { list-style: none; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
.z10d9bnews_list li { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #f0f0f0; transition: background 0.2s; }
.z10d9bnews_list li:last-child { border-bottom: none; }
.z10d9bnews_list li:hover { background-color: #fafafa; }
.z10d9bnews_list li a { color: #333; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; }
.z10d9bnews_list li a:hover { color: #1976d2; }
.z10d9bdate { color: #999; font-size: 13px; flex-shrink: 0; }

/* 文章与列表页通用 */
.z10d9bmain { padding: 30px 0; min-height: 60vh; }
.z10d9bbreadcrumb { font-size: 14px; color: #666; margin-bottom: 20px; }
.z10d9bbreadcrumb a { color: #666; }
.z10d9bbreadcrumb a:hover { color: #1976d2; }
.z10d9bpage_title { font-size: 24px; margin-bottom: 20px; color: #222; }
.z10d9blist_page { margin-bottom: 30px; }
.z10d9bpagination { text-align: center; margin-top: 30px; }
.z10d9bpagination a { display: inline-block; padding: 8px 15px; margin: 0 5px; background: #fff; border: 1px solid #ddd; border-radius: 4px; color: #333; }
.z10d9bpagination a:hover, .z10d9bpagination a.current { background: #1976d2; color: #fff; border-color: #1976d2; }

/* 文章内容页 */
.z10d9barticle { background: #fff; padding: 40px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.03); }
.z10d9barticle h1 { font-size: 26px; text-align: center; margin-bottom: 20px; color: #111; }
.z10d9barticle_meta { text-align: center; color: #888; font-size: 13px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.z10d9barticle_meta span { margin: 0 10px; }
.z10d9barticle_content { font-size: 16px; line-height: 2; color: #444; margin-bottom: 40px; }
.z10d9barticle_content p { margin-bottom: 15px; }
.z10d9barticle_content img { max-width: 100%; height: auto; display: block; margin: 20px auto; border-radius: 4px; }
.z10d9bdownload_box_inline { text-align: center; margin: 40px 0; padding: 30px; background: #f5f7fa; border-radius: 8px; }
.z10d9bprenext { font-size: 14px; color: #666; margin-bottom: 20px; padding-top: 20px; border-top: 1px solid #eee; }
.z10d9bprenext a { margin: 0 5px; }
.z10d9btags { font-size: 14px; }
.z10d9btags a { display: inline-block; background: #e3f2fd; color: #1976d2; padding: 4px 10px; border-radius: 20px; margin-right: 10px; font-size: 12px; }

/* 底部 */
.z10d9bfooter { background-color: #263238; color: #cfd8dc; padding: 40px 0 20px; text-align: center; margin-top: 60px; }
.z10d9bfooter_links { margin-bottom: 20px; }
.z10d9bfooter_links a { color: #b0bec5; margin: 0 15px; font-size: 14px; }
.z10d9bfooter_links a:hover { color: #fff; }
.z10d9bcopyright { font-size: 13px; color: #78909c; }

/* 响应式适配 */
@media (max-width: 992px) {
    .z10d9bfeature_grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .z10d9bheader .z10d9bcontainer { flex-direction: column; height: auto; padding: 15px; }
    .z10d9blogo { margin-bottom: 10px; }
    .z10d9bnav { gap: 15px; flex-wrap: wrap; justify-content: center; }
    .z10d9bhero { padding: 50px 0; }
    .z10d9bhero h1 { font-size: 26px; }
    .z10d9bhero_desc { font-size: 15px; }
    .z10d9bbtn { padding: 12px 24px; font-size: 14px; width: 100%; max-width: 280px; text-align: center; }
    .z10d9bfeature_grid { grid-template-columns: 1fr; gap: 20px; }
    .z10d9barticle { padding: 20px; }
    .z10d9bnews_list li { flex-direction: column; align-items: flex-start; }
    .z10d9bdate { margin-top: 5px; }
}