:root{--bg:#fff;--bg2:#f8fafc;--bg3:#f1f5f9;--text:#0f172a;--text2:#374151;--text3:#6b7280;--border:#e5e7eb;--border2:#d1d5db;--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#f59e0b;--card-bg:#fff;--card-shadow:0 1px 3px rgba(0,0,0,.08);--nav-bg:hsla(0,0%,100%,.97);--cat-bar-bg:#f1f5f9;--cat-bar-border:#e5e7eb;--hero-overlay:rgba(0,0,0,.52);--sidebar-bg:#f8fafc}[data-theme=dark]{--bg:#0f172a;--bg2:#1e293b;--bg3:#334155;--text:#f1f5f9;--text2:#cbd5e1;--text3:#94a3b8;--border:#334155;--border2:#475569;--primary:#3b82f6;--primary-dark:#2563eb;--card-bg:#1e293b;--card-shadow:0 1px 3px rgba(0,0,0,.3);--nav-bg:rgba(15,23,42,.97);--cat-bar-bg:#1e293b;--cat-bar-border:#334155;--hero-overlay:rgba(0,0,0,.62);--sidebar-bg:#1e293b}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6;transition:background .2s,color .2s}a{color:inherit}a,a:hover{text-decoration:none}img{max-width:100%}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 1rem}.container-sm{max-width:760px}.ad-slot{width:100%;overflow:hidden}.ad-slot:empty{display:none}.blog-content{font-size:1rem;line-height:1.85;color:var(--text2)}.blog-content p{margin:0 0 1.25rem}.blog-content h2{font-size:1.6rem;font-weight:800;color:var(--text);margin:2.5rem 0 .75rem}.blog-content h3{font-size:1.25rem;font-weight:700;color:var(--text);margin:2rem 0 .6rem}.blog-content a{color:var(--primary)}.blog-content ol,.blog-content ul{padding-left:1.5rem;margin-bottom:1.25rem}.blog-content li{margin-bottom:.4rem}.blog-content blockquote{border-left:4px solid var(--primary);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--bg2);border-radius:0 8px 8px 0;font-style:italic}.blog-content img{border-radius:10px;margin:1.5rem 0}.blog-content figure{margin:2rem 0;text-align:center}.blog-content .faq-section{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid var(--border)}.blog-content .faq-section h2{font-size:1.4rem;font-weight:800;color:var(--text);margin-bottom:1.25rem}.blog-content .faq-item{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:.75rem}.blog-content .faq-item h3{font-size:.95rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.blog-content .faq-item p{font-size:.9rem;color:var(--text2);line-height:1.7;margin:0}@media (max-width:768px){h1{font-size:1.75rem!important}h2{font-size:1.35rem!important}}