:root { color-scheme: dark; }
body { margin: 0; background: #05060b; color: #e9eef6; font: 15px/1.7 -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 60px; }
h1 { font-size: 26px; letter-spacing: 0.06em; margin: 0 0 6px; text-wrap: balance; }
h1 span { color: #ff3b45; }
h2 { font-size: 17px; margin: 28px 0 8px; }
p, li { color: #c3cbd8; text-wrap: pretty; }
.meta { color: #8a94a6; font-size: 13px; }
b { color: #e9eef6; }
hr { border: 0; border-top: 1px solid rgba(160, 190, 230, 0.16); margin: 44px 0; }
a { color: #5fd6ff; }
.back { margin-top: 36px; }
table.store { width: 100%; border-collapse: collapse; font-size: 13px; margin: 8px 0 10px; }
table.store th, table.store td { text-align: left; padding: 6px 8px; border-bottom: 1px solid rgba(160, 190, 230, 0.16); color: #c3cbd8; vertical-align: top; }
table.store th { color: #e9eef6; font-weight: 600; }
table.store code { color: #ffd27a; font-size: 12px; }
@media (max-width: 560px) { table.store { font-size: 12px; } table.store th:nth-child(3), table.store td:nth-child(3) { display: none; } }
.toc { font-size: 13px; color: #8a94a6; margin: 4px 0 18px; }
.toc a { color: #9fd8ff; text-decoration: none; }
h3 { font-size: 15px; margin: 26px 0 8px; }