:root{--bg:#faf9f6;--fg:#1f2328;--muted:#6b7079;--card:#fff;--line:#e4e2dc;--accent:#2f6f5e}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#16181b;--fg:#e8e6e1;--muted:#9aa0a8;--card:#1f2226;--line:#2e3237;--accent:#7cc4ae}}
:root[data-theme="dark"]{--bg:#16181b;--fg:#e8e6e1;--muted:#9aa0a8;--card:#1f2226;--line:#2e3237;--accent:#7cc4ae}
*{box-sizing:border-box}
body{margin:0 auto;max-width:720px;padding:24px 16px 48px;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif}
h1{font-size:1.5rem;margin:0 0 4px}
.sub{color:var(--muted);margin:0 0 20px;font-size:.95rem}
table{width:100%;border-collapse:separate;border-spacing:0 8px}
th,hr,img,td:nth-child(n+3){display:none}
tr:has(th){display:none}
td{padding:0}
td a{display:block;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:12px;color:var(--fg);text-decoration:none;font-weight:500;word-break:break-all}
td a:hover,td a:focus-visible{border-color:var(--accent);color:var(--accent)}
td a[href$="/"]::before{content:"📁  "}
td a[href$=".html"]::before{content:"📄  "}
td a[href$=".md"]::before,td a[href$=".pdf"]::before{content:"📝  "}
tr:has(a[href^="/"]) a::before{content:"←  "}tr:has(a[href="_site/"]){display:none}