:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Microsoft JhengHei", "PingFang TC", "Noto Sans TC", system-ui, sans-serif;
       line-height: 1.7; background: #f6f7f9; color: #1c1e21; }
@media (prefers-color-scheme: dark) { body { background: #16181c; color: #d6d9de; } }
.wrap { max-width: 880px; margin: 0 auto; padding: 24px 18px 64px; }
a { color: #0b62c4; text-decoration: none; }
@media (prefers-color-scheme: dark) { a { color: #6cb0ff; } }
a:hover { text-decoration: underline; }
h1.site { font-size: 1.35rem; margin: 0 0 4px; }
.sub { color: #6b7280; font-size: .85rem; margin-bottom: 20px; }
@media (prefers-color-scheme: dark) { .sub { color: #9aa1ab; } }
#q { width: 100%; max-width: 420px; padding: 8px 12px; font-size: 1rem; border: 1px solid #cbd2da;
     border-radius: 8px; margin-bottom: 22px; background: inherit; color: inherit; }
h2.date { font-size: 1.05rem; border-bottom: 2px solid #d8dde3; padding-bottom: 6px; margin: 30px 0 10px; }
@media (prefers-color-scheme: dark) { h2.date { border-color: #3a3f46; } }
ul.notes { list-style: none; padding: 0; margin: 0; }
ul.notes li { padding: 7px 4px; border-bottom: 1px solid #e6eaee; }
@media (prefers-color-scheme: dark) { ul.notes li { border-color: #262a30; } }
li.unparsed { color: #9aa1ab; font-size: .9rem; }
.note-meta { color: #6b7280; font-size: .78rem; margin-left: 8px; }
article.note { background: #fff; border: 1px solid #e2e6ea; border-radius: 12px; padding: 28px 30px; }
@media (prefers-color-scheme: dark) { article.note { background: #1d2025; border-color: #2c3138; } }
article.note img.src { max-width: 100%; border-radius: 8px; border: 1px solid #e2e6ea; margin: 6px 0 18px; }
.back { display: inline-block; margin-bottom: 14px; font-size: .9rem; }
article.note h1, article.note h2, article.note h3 { line-height: 1.4; }
article.note pre { overflow-x: auto; background: #eef0f3; padding: 12px 14px; border-radius: 8px; font-size: .85rem; }
@media (prefers-color-scheme: dark) { article.note pre { background: #262a30; } }
article.note table { border-collapse: collapse; } 
article.note th, article.note td { border: 1px solid #d8dde3; padding: 6px 10px; }