/* 首页专属样式：现代卡片布局 + 移动端适配 */

html, body {
  background-color: #f7f8fa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 英雄区 */
.hero {
  background: linear-gradient(135deg, #348AC7 0%, #7474BF 50%, #24C6DC 100%);
  color: #fff;
}
.hero .hero-content { padding: 36px 0 28px; text-align: center; }
.hero h1 { margin: 0 0 10px; font-weight: 600; letter-spacing: .5px; }
.hero p { margin: 0 0 16px; opacity: .9; }
.btn-hero { border-radius: 20px; padding: 8px 18px; box-shadow: 0 6px 12px rgba(0,0,0,.15); }

/* 导航与分区标题 */
.tool-nav .nav-pills > li > a { border-radius: 18px; padding: 8px 16px; }
.section-title { color: #24abf2; font-size: 1.6rem; }

/* 卡片布局 */
.tool-li { margin-bottom: 22px; }
.link-card { display: block; background: #fff; border-radius: 12px; padding: 10px 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06); transition: transform .2s ease, box-shadow .2s ease; text-align: center; }
.link-card:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(0,0,0,.12); text-decoration: none; }

.link-card-bg { width: 56px; height: 56px; border-radius: 50%; margin: 8px auto 6px; display: flex; align-items: center; justify-content: center; }
.link-card-bg i { line-height: 1; font-size: 22px; color: #fff; }

.link-card-content { padding: 4px 6px 8px; text-align: center; }
.link-card-title { font-size: 14px; color: #333; }
.link-card-desc { color: #7a7a7a; font-size: 12px; }

/* 底部 */
.footer { padding-top: 8px; }

/* 移动端适配 */
@media (max-width: 768px) {
  .hero .hero-content { padding: 24px 0 20px; }
  .hero h1 { font-size: 22px; }
  .hero p { font-size: 13px; }
  .btn-hero { padding: 6px 14px; font-size: 13px; }

  .link-card { padding: 8px 6px; }
  .link-card-bg { width: 48px; height: 48px; }
  .link-card-bg i { font-size: 18px; }
  .link-card-title { font-size: 13px; }
  .link-card-desc { font-size: 11px; }
}