:root{--accent:#C8602A;--text:#2C2825;--text-light:#6B6460;--bg:#F9F7F4;--border:#EAE4DC;}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Noto Sans TC",-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;}
header{position:sticky;top:0;z-index:100;background:#1A1814;border-bottom:1px solid rgba(255,255,255,0.06);}
.hinner{max-width:1280px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:16px;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;}
.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:26px;}
.logo-text{font-family:"Noto Serif TC",serif;font-weight:700;font-size:16px;color:white;}
.back-link{margin-left:auto;color:rgba(255,255,255,0.6);text-decoration:none;font-size:13px;display:flex;align-items:center;gap:6px;transition:color 0.2s;}
.back-link:hover{color:white;}
.hero-img{max-width:720px;width:100%;max-height:80vh;object-fit:contain;display:block;margin:24px auto;background:#EEE;border-radius:10px;cursor:zoom-in;}
.article-wrap{max-width:720px;margin:0 auto;padding:40px 24px 80px;}
.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap;}
.cat-badge{background:var(--accent);color:white;font-size:11px;font-weight:700;letter-spacing:0.8px;padding:3px 10px;border-radius:12px;}
.meta-date{font-size:13px;color:var(--text-light);}
h1{font-family:"Noto Serif TC",serif;font-size:clamp(22px,4vw,32px);font-weight:700;line-height:1.4;letter-spacing:0.5px;margin-bottom:28px;}
.article-author{font-size:0.9rem;color:var(--text-light);margin:0 0 40px;}
.article-author a{color:inherit;text-decoration:underline;}
.article-body{font-size:17px;line-height:2;color:var(--text);}
.article-body p{margin-bottom:1.4em;}
.article-body ol,.article-body ul{padding-left:1.4em;margin-bottom:1.4em;}
.article-body li{margin-bottom:0.7em;}
.article-body blockquote{background:#FDF0E8;border-left:4px solid var(--accent);padding:14px 18px;margin:1.2em 0 1.4em;border-radius:0 8px 8px 0;font-size:16px;color:#4A3830;}
.inline-img{max-width:100%;max-height:80vh;object-fit:contain;height:auto;display:block;margin:1.6em auto;border-radius:10px;border:1px solid var(--border);cursor:zoom-in;}
footer{background:#1A1814;color:rgba(255,255,255,0.5);text-align:center;padding:28px 24px;font-size:13px;line-height:2;}
footer a{color:var(--accent);text-decoration:none;}
.related{margin-top:3em;padding-top:2em;border-top:2px solid var(--border);}
.related h2{font-family:"Noto Serif TC",serif;font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text);}
.related-list{display:grid;gap:12px;}
.related-link{display:flex;gap:12px;text-decoration:none;color:inherit;padding:12px;border-radius:10px;border:1px solid var(--border);transition:all 0.2s;}
.related-link:hover{border-color:var(--accent);background:#FDF0E8;}
.related-link img{width:120px;height:68px;object-fit:cover;border-radius:6px;flex-shrink:0;}
.related-link .rl-text{display:flex;flex-direction:column;gap:4px;}
.related-link .rl-cat{font-size:11px;color:var(--accent);font-weight:700;}
.related-link .rl-title{font-size:15px;font-weight:500;line-height:1.4;}
@media(max-width:600px){.article-wrap{padding:28px 16px 60px;}.related-link img{width:80px;height:45px;}}
/* Lightbox */
.lb-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.92);display:flex;align-items:center;justify-content:center;cursor:zoom-out;overscroll-behavior:none;}
.lb-overlay img{max-width:100vw;max-height:100vh;object-fit:contain;transform-origin:center center;transition:transform 0.1s ease;user-select:none;-webkit-user-drag:none;cursor:grab;}
.lb-overlay img.dragging{cursor:grabbing;transition:none;}
.lb-close{position:fixed;top:16px;right:20px;color:rgba(255,255,255,0.7);font-size:32px;line-height:1;cursor:pointer;z-index:10000;background:none;border:none;padding:4px 8px;}