* { box-sizing: border-box; }
body { margin: 0; background: #f4f7fc; color: #26354c; font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif; line-height: 1.7; }
main { width: min(100% - 32px, 650px); margin: 32px auto; }
h1 { margin-bottom: 8px; font-size: 27px; }
h2 { font-size: 19px; margin: 0 0 10px; }
.intro, .source { color: #60708b; }
section { padding: 20px; margin: 20px 0; background: #fff; border: 1px solid #e1e8f4; border-radius: 16px; }
section p { margin: 0 0 16px; }
img { display: block; width: 100%; max-width: 420px; height: auto; margin: auto; border-radius: 12px; }
img.icon { max-width: 200px; }
img.scanner { width: auto; max-width: 100%; max-height: 650px; }
a { color: #345af0; text-underline-offset: 3px; }