:root{--black:#0a0a0a;--white:#fafaf8;--gray-100:#f0efed;--gray-200:#e0dedd;--gray-400:#a09e9b;--gray-600:#6b6966;--accent:#d4440a;--font-mono:'DM Mono',monospace;--font-sans:'Noto Sans SC',sans-serif;--font-ar:'Noto Sans Arabic',sans-serif;--radius:4px;--radius-lg:8px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font-sans);background:var(--white);color:var(--black);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;}
.container{max-width:760px;margin:0 auto;padding:0 24px;}
nav{border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:rgba(250,250,248,0.95);backdrop-filter:blur(8px);z-index:100;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px;}
.nav-logo{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--black);text-decoration:none;}
.nav-logo span{color:var(--accent);}
.nav-back{font-size:13px;color:var(--gray-400);text-decoration:none;font-family:var(--font-mono);}
.nav-back:hover{color:var(--black);}
.lang-switcher{display:flex;gap:4px;background:var(--gray-100);border-radius:var(--radius);padding:3px;}
.lang-btn{font-family:var(--font-mono);font-size:11px;font-weight:500;padding:4px 10px;border:none;background:transparent;color:var(--gray-600);cursor:pointer;border-radius:var(--radius);transition:all 0.15s;text-transform:uppercase;letter-spacing:0.5px;}
.lang-btn.active{background:var(--black);color:var(--white);}
.zh-content,.en-content,.ar-content{display:none;}
.zh-content.active,.en-content.active,.ar-content.active{display:block;}
[dir="rtl"] .post-content ul,[dir="rtl"] .post-content ol{padding-left:0;padding-right:24px;}
[dir="rtl"] .post-content blockquote,[dir="rtl"] .callout{border-left:none;border-right:3px solid var(--accent);border-radius:var(--radius-lg) 0 0 var(--radius-lg);}
[dir="rtl"] .nav-inner,[dir="rtl"] .footer-inner{flex-direction:row-reverse;}
[dir="rtl"] .tool-cta{flex-direction:row-reverse;}
[dir="rtl"] body{font-family:var(--font-ar,'Noto Sans Arabic'),sans-serif;}
.post-wrap{padding:56px 0 80px;}
.post-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;}
.post-h1{font-size:36px;font-weight:700;letter-spacing:-1px;line-height:1.25;margin-bottom:18px;}
.post-meta{font-family:var(--font-mono);font-size:12px;color:var(--gray-400);margin-bottom:48px;display:flex;gap:14px;flex-wrap:wrap;}
.post-meta .dot::before{content:"·";margin-right:14px;color:var(--gray-400);}
.post-content h2{font-size:24px;font-weight:700;color:var(--black);margin:48px 0 16px;letter-spacing:-0.4px;line-height:1.35;}
.post-content h3{font-size:18px;font-weight:600;color:var(--black);margin:32px 0 12px;}
.post-content p{font-size:16px;color:var(--black);margin-bottom:18px;line-height:1.85;}
.post-content ul,.post-content ol{padding-left:24px;margin-bottom:20px;}
.post-content ul li,.post-content ol li{font-size:16px;color:var(--black);margin-bottom:10px;line-height:1.8;}
.post-content strong{font-weight:600;color:var(--black);}
.post-content a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.post-content code{font-family:var(--font-mono);font-size:14px;background:var(--gray-100);padding:2px 6px;border-radius:4px;color:var(--black);}
.post-content pre{font-family:var(--font-mono);font-size:14px;background:var(--gray-100);padding:18px 22px;border-radius:var(--radius-lg);overflow-x:auto;margin:20px 0;line-height:1.6;}
.post-content blockquote{border-left:3px solid var(--accent);padding:12px 20px;margin:24px 0;background:var(--gray-100);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-style:normal;}
.post-content blockquote p{margin:0;font-size:15px;color:var(--gray-600);}
.callout{padding:20px 24px;background:var(--gray-100);border-radius:var(--radius-lg);margin:28px 0;border:1px solid var(--gray-200);}
.callout-title{font-size:13px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-family:var(--font-mono);}
.callout p{font-size:15px;color:var(--gray-600);margin:0;line-height:1.75;}
.tool-cta{display:flex;align-items:center;gap:14px;padding:18px 22px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-lg);margin:24px 0;text-decoration:none;color:inherit;transition:all 0.15s;}
.tool-cta:hover{border-color:var(--accent);background:var(--white);}
.tool-cta-icon{font-size:24px;}
.tool-cta-text{flex:1;}
.tool-cta-title{font-size:14px;font-weight:600;color:var(--black);margin-bottom:2px;}
.tool-cta-sub{font-size:12px;color:var(--gray-600);}
.tool-cta-arrow{color:var(--accent);font-family:var(--font-mono);}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;}
table th,table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--gray-200);}
table th{font-weight:600;background:var(--gray-100);}
.related-posts{margin-top:64px;padding-top:32px;border-top:1px solid var(--gray-200);}
.related-title{font-family:var(--font-mono);font-size:11px;color:var(--gray-400);text-transform:uppercase;letter-spacing:2px;margin-bottom:18px;}
.related-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.related-card{padding:16px 18px;background:var(--gray-100);border-radius:var(--radius-lg);text-decoration:none;color:inherit;font-size:14px;line-height:1.5;transition:background 0.15s;}
.related-card:hover{background:var(--gray-200);}
footer{border-top:1px solid var(--gray-200);padding:28px 0;}
.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.footer-logo{font-family:var(--font-mono);font-size:15px;color:var(--black);text-decoration:none;}
.footer-logo span{color:var(--accent);}
.footer-copy{font-size:12px;color:var(--gray-400);font-family:var(--font-mono);}
.footer-links{display:flex;gap:18px;}
.footer-links a{font-size:12px;color:var(--gray-600);text-decoration:none;font-family:var(--font-mono);}
.footer-links a:hover{color:var(--black);}
@media(max-width:600px){.post-h1{font-size:28px;}.post-content h2{font-size:20px;}.related-list{grid-template-columns:1fr;}}
@media (prefers-color-scheme: dark){
  :root{--black:#f0efed;--white:#111110;--gray-100:#1e1e1c;--gray-200:#2a2a28;--gray-400:#8a8884;--gray-600:#a09e9b;--accent:#e85d2a;}
  nav{background:rgba(17,17,16,0.95);}
  .post-content code,.post-content pre,.callout,.tool-cta,.related-card,.post-content blockquote,table th{background:var(--gray-100);}
}