/* 工具落地页（主要给搜索引擎和直接访问的用户看） */
:root {
  --ink: #171b26; --sub: #6b7690; --blue: #2f7bff; --line: rgba(23, 27, 38, .09);
  --bg: #f4f8ff; --grad: linear-gradient(120deg, #4b9dff, #35c5e8);
}
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 16px 60px; background: var(--bg); color: var(--ink);
  font: 16px/1.75 "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.back {
  display: inline-flex; align-items: center; margin: 16px 0 4px;
  background: #fff; color: var(--blue); text-decoration: none;
  font-size: 13.5px; font-weight: 600; padding: 9px 14px;
  border-radius: 999px; border: 1px solid rgba(47, 123, 255, .35);
  box-shadow: 0 4px 14px rgba(31, 58, 122, .1);
}
main { max-width: 720px; margin: 0 auto; }
h1 { font-size: 27px; line-height: 1.35; margin: 18px 0 10px; letter-spacing: -.4px; }
.lead { color: var(--sub); font-size: 16px; margin: 0 0 22px; }
.cta {
  display: block; text-align: center; text-decoration: none;
  background: var(--grad); color: #fff; font-size: 17px; font-weight: 700;
  padding: 16px; border-radius: 16px; box-shadow: 0 10px 24px rgba(53, 150, 220, .28);
}
.note { text-align: center; color: var(--sub); font-size: 13px; margin: 10px 0 30px; }
h2 {
  font-size: 19px; margin: 34px 0 12px;
  padding-left: 11px; border-left: 4px solid var(--blue); line-height: 1.2;
}
.steps { margin: 0; padding-left: 22px; color: var(--sub); }
.steps li { margin-bottom: 8px; }
.faq { background: #fff; border-radius: 16px; padding: 6px 18px; box-shadow: 0 4px 16px rgba(31, 58, 122, .07); }
.faq h3 { font-size: 15.5px; margin: 16px 0 4px; }
.faq p { margin: 0 0 16px; color: var(--sub); font-size: 14.5px; }
.more { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; list-style: none; padding: 0; }
.more a {
  display: block; background: #fff; border-radius: 12px; padding: 11px 13px;
  text-decoration: none; color: var(--ink); font-size: 14px; font-weight: 600;
  box-shadow: 0 3px 12px rgba(31, 58, 122, .06);
}
footer { max-width: 720px; margin: 40px auto 0; color: var(--sub); font-size: 13px; }
footer a { color: var(--sub); }

/* 首页里给爬虫和首屏用的静态内容 */
.seo { max-width: 780px; margin: 0 auto; padding: 16px; }
.seo h1 { font-size: 24px; }
.seo p { color: var(--sub); font-size: 15px; }
.seo h2 { font-size: 18px; }
.seo .toolindex { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; }
.seo .toolindex a {
  display: block; background: #fff; border-radius: 12px; padding: 12px 14px;
  text-decoration: none; color: var(--ink); box-shadow: 0 3px 12px rgba(31, 58, 122, .06);
}
.seo .toolindex b { display: block; font-size: 14.5px; }
.seo .toolindex span { display: block; font-size: 12px; color: var(--sub); margin-top: 3px; line-height: 1.5; }
.seo h3 { font-size: 15px; margin: 18px 0 4px; }

/* AdSense 未填充时收起，避免留白 */
.ad-slot:has(> ins.adsbygoogle[data-ad-status="unfilled"]){display:none!important}
