:root {
  --bg-body: #f5f7fa;
  --bg-card: #ffffff;
  --radius: 6px;
  --shadow: 0 8px 24px rgba(0,0,0,0.04);
  --text-color: #1f2d3d;
  --muted: #6f7c8e;
  --primary: #007bff;
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Helvetica Neue",Arial,sans-serif;
}

* { box-sizing:border-box; }

body {
  background: var(--bg-body);
  color: var(--text-color);
  line-height:1.65;
  margin:0;
  padding:0;
}

a {
  color: var(--primary);
  text-decoration:none;
}
a:hover { text-decoration:underline; }

.baidu-container {
  max-width:1080px;
  margin:0 auto;
  padding:24px 12px;
}

.baidu-card {
  background: var(--bg-card);
  border-radius: var(--radius);
  padding:24px;
  box-shadow: var(--shadow);
  position:relative;
}

.software-detail { padding-bottom:0; }

.baidu-article-title {
  font-size:2.2rem;
  margin:0;
  line-height:1.1;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.badge {
  background: var(--primary);
  color:#fff;
  padding:4px 10px;
  border-radius:3px;
  font-size:.75em;
  display:inline-block;
}

.baidu-article-meta {
  margin:12px 0 20px;
  font-size:.9em;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  color: var(--muted);
}
.baidu-article-meta span {
  display:flex;
  align-items:center;
  gap:4px;
}

/* summary panel */
.summary-panel {
  display:flex;
  gap:24px;
  flex-wrap:nowrap;
  align-items:flex-start;
  background:#fff;
  padding:16px 18px;
  border-radius:8px;
  border:1px solid #e6ecf5;
  box-shadow:0 12px 36px rgba(0,0,0,0.04);
  margin-bottom:24px;
}
@media (max-width:1024px){
  .summary-panel { flex-wrap:wrap; }
}

.summary-panel .thumb {
  flex:0 0 450px;
  width:240px;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:8px;
  background:#f0f2f7;
  border:1px solid #e6e6eb;
  display:flex;
  align-items:center;
  justify-content:center;
}
.summary-panel .thumb img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.quick-info {
  flex:1 1 500px;
  min-width:260px;
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  font-size:1.05rem;
  line-height:1.35;
  color: var(--text-color);
}
.info-row {
  flex:0 0 50%;
  min-width:180px;
  display:flex;
  gap:6px;
  margin-bottom:6px;
  align-items:center;
  white-space:nowrap;
}
.info-row.full {
  flex:0 0 100%;
}
.info-label {
  font-weight:600;
  min-width:110px;
  font-size:1rem;
}

/* 核心布局 */
.software-box {
  display:flex;
  gap:32px;
  flex-wrap:wrap;
}
.main-col {
  flex:1 1 600px;
  min-width:300px;
}

/* 标题分节 */
.section { margin-top:32px; }
.section-title {
  font-size:1.5rem;
  margin-bottom:10px;
  padding-bottom:6px;
  border-bottom:2px solid #f0f0f0;
}

/* 详情网格 */
.info-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:12px;
  font-size:.9em;
  margin:12px 0;
}
.info-item {
  background:#f9f9f9;
  padding:8px 12px;
  border-radius:4px;
}

/* 相关推荐 */
.related-software {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
  margin-top:8px;
}
.related-item {
  background:#f9fbff;
  border:1px solid #e6ecf5;
  padding:12px;
  border-radius:5px;
  font-size:.9em;
}
.related-item a {
  font-weight:600;
  display:block;
  margin-bottom:6px;
}

/* 评分星级 */
.rating {
  margin:14px 0;
  font-size:.95em;
  display:flex;
  align-items:center;
  gap:12px;
}
.stars {
  position:relative;
  display:inline-block;
  font-size:1rem;
  color:#e0e0e0;
  unicode-bidi:bidi-override;
  direction:rtl;
}
.stars > span {
  display:inline-block;
  position:relative;
  cursor:default;
}
.stars > span:before {
  content:"★★★★★";
}
.stars .filled {
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
  white-space:nowrap;
  color:#f5c518;
}

/* 大按钮：立即下载 */
.btn-download-large {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 26px;
  background: #28a745;
  background: linear-gradient(0deg, #28a745 0%, #22a63c 100%);
  box-shadow: 0 20px 60px rgba(40,167,69,0.4);
  color:#fff;
  border-radius:10px;
  font-size:1.1em;
  font-weight:700;
  text-decoration:none;
  border:none;
  cursor:pointer;
  transition:transform .15s ease,filter .15s ease;
}
.btn-download-large .fa-download {
  font-size:1.3em;
}
.btn-download-large:hover {
  transform:translateY(-2px);
  filter: brightness(1.1);
  background: #22a63c;
}
.btn-download-large:active {
  transform:translateY(0) scale(.97);
}
.btn-download-large[aria-disabled="true"] {
  opacity:.65;
}

@media (max-width:1024px){
  .software-box { flex-direction:column; }
}


.related-software.thumbs {
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:8px;
}
.related-card {
  background:#fff;
  border:1px solid #e6ecf5;
  border-radius:6px;
  overflow:hidden;
  display:flex;
  gap:12px;
  flex:1 1 calc(33.333% - 14px);
  min-width:220px;
  max-width:calc(33.333% - 14px);
  box-shadow:0 8px 24px rgba(0,0,0,0.03);
  text-decoration:none;
}
.related-card .thumb-img {
  flex:0 0 80px;
  width:80px;
  height:80px;
  overflow:hidden;
  border-radius:4px;
  background:#f0f2f7;
}
.related-card .thumb-img img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.related-card .info {
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between; /* 保证日期固定在底部 */
  padding:4px 0;
}
.related-card .title {
  font-size:1rem;
  font-weight:600;
  line-height:1.2;
  margin-bottom:4px;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
.related-card .desc {
  font-size:.85em;
  color:#556;
  margin-bottom:6px;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
.related-card .meta {
  font-size:.75em;
  color: var(--muted);
}
.related-card a {
  display:flex;
  gap:12px;
  width:100%;
  text-decoration:none;
  color: inherit;
}


/* 把顶部导航和内容之间的缝隙压紧 */
header, .site-header, .navbar { margin-bottom: 0 !important; }
.baidu-container { padding-top: 8px !important; } /* 原来是 24px，可以再调小 */
.baidu-card { margin-top: 0 !important; }

/* 如果存在隐藏的占位条/横幅（常见 class 可按你实际替换） */
.page-banner,
.page-intro,
.sub-nav,
.top-spacer,
.banner-placeholder {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}