/* TechClick 品牌站公共样式（纯静态，零依赖） */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  min-height: 100vh; display: flex; flex-direction: column;
  background: #f5f7fa; color: #2c3e50; line-height: 1.8;
}
a { color: #3a7d5c; }
header {
  background: #fff; border-bottom: 1px solid #e4e9ef;
  padding: 0 20px;
}
nav {
  max-width: 860px; margin: 0 auto; display: flex; align-items: center;
  gap: 24px; height: 56px;
}
nav .brand { font-weight: 700; font-size: 17px; color: #2c3e50; text-decoration: none; }
nav .brand small { font-weight: 400; color: #98a4b3; font-size: 12px; margin-left: 6px; }
nav a.nav-link { color: #5a6b7d; text-decoration: none; font-size: 14px; }
nav a.nav-link:hover { color: #3a7d5c; }
nav a.nav-link.active { color: #3a7d5c; font-weight: 600; }
main { flex: 1; width: 100%; max-width: 860px; margin: 0 auto; padding: 48px 20px; }
.hero { text-align: center; padding: 40px 0 24px; }
.hero h1 { font-size: 30px; letter-spacing: 1px; }
.hero p { margin-top: 16px; color: #5a6b7d; font-size: 15px; }
.section-title { font-size: 19px; margin: 40px 0 16px; padding-left: 12px; border-left: 4px solid #3a7d5c; }
.card {
  background: #fff; border-radius: 12px; box-shadow: 0 4px 16px rgba(44,62,80,.06);
  padding: 24px 28px; margin-bottom: 16px;
}
.card h3 { font-size: 16px; margin-bottom: 6px; }
.card p { color: #5a6b7d; font-size: 14px; }
.card .meta { font-size: 12px; color: #98a4b3; margin-top: 10px; }
.empty { text-align: center; color: #98a4b3; padding: 48px 0; font-size: 14px; }
footer { padding: 24px 20px; text-align: center; font-size: 13px; color: #98a4b3; line-height: 2; }
footer a { color: #98a4b3; text-decoration: none; margin: 0 10px; }
footer a:hover { color: #3a7d5c; }