:root{--bg1:#030F1D;--bg2:#18394E;--accent:#A4BBB0;--gold:#E2CC91;--text:#e6ece9;--muted:#9fb1ab;--line:rgba(164,187,176,.35);--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#18394e}body{margin:0;min-height:100vh;color:var(--text);font-family:Noto Sans TC,system-ui,-apple-system,sans-serif;font-weight:300;line-height:1.9;font-size:17px;background:linear-gradient(180deg,var(--bg1),var(--bg2))}h1,h2,h3,h4{font-family:"Noto Serif TC",serif;font-weight:300;letter-spacing:.06em;line-height:1.5;color:#fff}h1{font-size:2rem}h2{font-size:1.6rem;margin-top:2.4em}h3{font-size:1.25rem;margin-top:2em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--gold)}img{max-width:100%;height:auto;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.narrow{max-width:760px;margin:0 auto;padding:0 20px}header.site{position:sticky;top:0;z-index:50;background:#030f1deb;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}header.site .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand img{height:40px;width:auto}nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}nav.main a{color:var(--text);font-size:.95rem;letter-spacing:.1em}nav.main a:hover{color:var(--gold)}.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:6px 12px}@media(max-width:860px){.menu-btn{display:block}nav.main{display:none;position:absolute;left:0;right:0;top:64px;background:var(--bg1);padding:12px 20px;border-bottom:1px solid var(--line)}nav.main.open{display:block}nav.main ul{flex-direction:column;gap:10px}}.btn{display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:10px 28px;letter-spacing:.15em;border-radius:2px;transition:.2s}.btn:hover{background:var(--accent);color:var(--bg1)}.btn.gold{border-color:var(--gold);color:var(--gold)}.btn.gold:hover{background:var(--gold);color:var(--bg1)}.hero{padding:96px 0 72px;text-align:center}.hero h1{font-size:2.6rem;margin:0 0 .4em}.hero p{max-width:640px;margin:0 auto 1.6em;color:var(--muted)}section.block{padding:64px 0;border-top:1px solid var(--line)}section.block>.wrap>h2:first-child,.sec-title{margin-top:0;text-align:center}.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(230px,44%),1fr))}.card{display:block;color:var(--text)}.card .ph{aspect-ratio:1/1;overflow:hidden;background:#0b2234;border:1px solid var(--line)}.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover .ph img{transform:scale(1.04)}.card h3{font-size:1rem;margin:.7em 0 .1em;text-align:center}.card p{margin:0;font-size:.85rem;color:var(--muted);text-align:center}.list{list-style:none;padding:0;margin:0}.list li{padding:14px 0;border-bottom:1px solid var(--line)}.list a{font-family:"Noto Serif TC",serif;font-size:1.05rem;color:var(--text)}.list small{display:block;color:var(--muted)}article.post{padding:48px 0}article.post .body img{margin:1.4em auto}article.post .body{overflow-wrap:anywhere}.body a{border-bottom:1px solid var(--line)}.body blockquote{border-left:3px solid var(--gold);margin:1.5em 0;padding:.2em 1.2em;color:var(--muted)}.body table{border-collapse:collapse;width:100%;font-size:.95rem}.body td,.body th{border:1px solid var(--line);padding:8px}.meta{color:var(--muted);font-size:.85rem}.crumbs{font-size:.85rem;color:var(--muted);padding-top:24px}.authorcard{display:grid;grid-template-columns:140px 1fr;gap:24px;border:1px solid var(--line);padding:28px;margin:56px 0;background:#030f1d73}.authorcard img{width:140px;height:140px;object-fit:cover;border-radius:50%}.authorcard h3{margin:0 0 .3em}.authorcard ul{padding-left:1.1em;margin:.6em 0 1em;color:var(--muted);font-size:.95rem}@media(max-width:640px){.authorcard{grid-template-columns:1fr;text-align:center}.authorcard img{margin:0 auto}.authorcard ul{text-align:left}}.cta{text-align:center;margin:48px 0}.cta .btn{margin:6px}.timeline{list-style:none;padding:0;margin:0;border-left:1px solid var(--line)}.timeline li{position:relative;padding:0 0 22px 28px}.timeline li:before{content:"";position:absolute;left:-5px;top:12px;width:9px;height:9px;border-radius:50%;background:var(--gold)}.timeline b{font-family:"Noto Serif TC",serif;color:var(--gold);font-weight:400;margin-right:.8em}footer.site{margin-top:80px;border-top:1px solid var(--line);background:#030f1db3;padding:48px 0 32px;font-size:.9rem;color:var(--muted)}footer.site .cols{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}footer.site h4{margin:0 0 .6em;color:var(--text);font-size:1rem}footer.site ul{list-style:none;padding:0;margin:0}.line-float{position:fixed;right:18px;bottom:18px;z-index:60;background:#06c755;color:#fff;border-radius:999px;padding:12px 20px;font-size:.95rem;box-shadow:0 4px 14px #0006}.line-float:hover{color:#fff;filter:brightness(1.1)}.pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0}.pills a{border:1px solid var(--line);padding:4px 16px;border-radius:999px;color:var(--text);font-size:.9rem}.pills a:hover,.pills a.on{border-color:var(--gold);color:var(--gold)}.gallery{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:24px 0}.gallery img{width:100%}.spec{border:1px solid var(--line);padding:16px 22px;margin:20px 0;color:var(--muted)}.toc{border:1px solid var(--line);padding:16px 24px;margin:24px 0;background:#030f1d66}.toc ol{margin:.5em 0 0;padding-left:1.4em}.toc li{margin:.2em 0}