body{margin:0}
.topbar{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:8px 20px;min-height:56px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;box-shadow:0 2px 10px rgba(0,0,0,.15);position:sticky;top:0;z-index:100}
.logo{font-size:20px;font-weight:bold;flex-shrink:0;white-space:nowrap;margin-right:10px}
.logo a{color:#fff;text-decoration:none}
.logo b{color:#ffd700}
.nav{display:flex;align-items:center;gap:2px;flex:1 1 auto;justify-content:flex-start;flex-wrap:wrap}
.nav a{color:#e6e6e6;margin:0 1px;font-size:13.5px;padding:6px 9px;border-radius:4px;transition:all .2s;white-space:nowrap;text-decoration:none}
.nav a:hover{color:#ffd700;background:rgba(255,255,255,.1)}
.sbox{display:flex;align-items:center;flex-shrink:0;margin-left:10px}
.sbox input{width:120px;padding:6px 10px;border:none;border-radius:3px 0 0 3px;font-size:12px;outline:none}
.sbox button{background:#ffd700;border:none;color:#333;padding:6px 12px;border-radius:0 3px 3px 0;font-size:12px;cursor:pointer;font-weight:bold}
.sbox button:hover{background:#ffed4e}
.hero{background:linear-gradient(135deg,#1f2f3f,#3a5068);color:#fff;padding:36px 20px 30px;text-align:center}
.hero h1{font-size:26px;margin-bottom:8px;letter-spacing:2px}
.hero p{color:#ccc;font-size:14px}
.footer{background:#3a3a3a;color:#999;text-align:center;padding:20px;font-size:12px;margin-top:40px}
.footer a{color:#999;text-decoration:none}
/* ===== 公共卡片样式 ===== */
.wrap{max-width:1100px;margin:0 auto;padding:0 15px}
.section{background:#fff;border-radius:8px;padding:22px;margin:20px 0;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.section h2{font-size:18px;color:#2c3e50;border-left:5px solid #8b0000;padding-left:12px;margin-bottom:16px}
.grid4{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.scard{border:1px solid #eee;border-radius:8px;padding:18px;text-align:center;transition:.2s;background:#fff;text-decoration:none;display:block}
.scard:hover{border-color:#8b0000;box-shadow:0 3px 12px rgba(139,0,0,.08);transform:translateY(-2px)}
.scard-t{font-size:15px;font-weight:bold;color:#2c3e50;margin-bottom:6px}
.scard-d{font-size:12px;color:#999}
@media (max-width:1100px){
.nav a{font-size:12px;padding:5px 6px}
.logo{font-size:18px;margin-right:6px}
.sbox input{width:100px}
.sbox button{padding:6px 10px}
}

/* 热门城市陵园 */
.city-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 20px;
}
.city-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  text-decoration: none;
  color: #333;
  transition: all 0.3s;
}
.city-card:hover {
  border-color: #8b0000;
  box-shadow: 0 4px 12px rgba(139,0,0,0.1);
  transform: translateY(-2px);
}
.city-name {
  font-size: 18px;
  font-weight: bold;
  color: #8b0000;
  margin-bottom: 8px;
}
.city-desc {
  font-size: 14px;
  color: #666;
  margin-bottom: 8px;
}
.city-count {
  font-size: 13px;
  color: #999;
}

/* 各地区政策动态 */
.policy-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}
.policy-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  text-decoration: none;
  color: #333;
  transition: all 0.3s;
}
.policy-card:hover {
  border-color: #8b0000;
  box-shadow: 0 4px 12px rgba(139,0,0,0.1);
}
.policy-region {
  display: inline-block;
  background: #8b0000;
  color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 12px;
  margin-bottom: 10px;
}
.policy-title {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 8px;
}
.policy-date {
  font-size: 12px;
  color: #999;
}

/* 选墓指南推荐 */
.guide-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 20px;
}
.guide-card {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 20px;
  text-decoration: none;
  color: #333;
  transition: all 0.3s;
}
.guide-card:hover {
  border-color: #8b0000;
  box-shadow: 0 4px 12px rgba(139,0,0,0.1);
  transform: translateY(-2px);
}
.guide-icon {
  font-size: 24px;
  color: #8b0000;
  margin-bottom: 10px;
  font-weight: bold;
}
.guide-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
.guide-desc {
  font-size: 13px;
  color: #666;
  line-height: 1.5;
}