/* BY_BIGGERYEAH_INSIGHTS_UI_V1 */
:root{
  --maxw: 820px;
  --fg: #111827;
  --muted: #6b7280;
  --line: 1.85;
}
html,body{ margin:0; padding:0; }
body{
  color: var(--fg);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
               "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC",
               "Helvetica Neue", Arial, sans-serif;
  line-height: var(--line);
  font-size: 17px;
  text-rendering: optimizeLegibility;
}
a{ color: inherit; text-decoration-color: rgba(17,24,39,.25); }
a:hover{ text-decoration-color: rgba(17,24,39,.6); }

main, article, .container{
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 24px 16px;
}

h1{ font-size: 30px; line-height: 1.25; margin: 8px 0 10px; }
h2{ font-size: 22px; margin: 26px 0 10px; line-height: 1.35; }
h3{ font-size: 18px; margin: 20px 0 10px; }
p{ margin: 12px 0; color: var(--fg); }
small, .muted, .meta, .date{ color: var(--muted); }

ul,ol{ padding-left: 1.2em; margin: 10px 0; }
li{ margin: 6px 0; }

blockquote{
  margin: 14px 0;
  padding: 10px 14px;
  background: rgba(17,24,39,.04);
  border-left: 4px solid rgba(17,24,39,.18);
  border-radius: 10px;
  color: rgba(17,24,39,.92);
}

code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  font-size: .95em;
  background: rgba(17,24,39,.06);
  padding: 2px 6px;
  border-radius: 8px;
}
pre{
  overflow:auto;
  padding: 14px 14px;
  border-radius: 14px;
  background: rgba(17,24,39,.06);
}

img{ max-width: 100%; height: auto; display:block; }

/* 文章页首图：更像国内商业博客封面 */
article img:first-of-type,
main img:first-of-type,
#content img:first-of-type,
.content img:first-of-type{
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(17,24,39,.12);
  margin: 16px 0 18px;
}