*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;color:#1a1a1a;background:#faf9f6;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.015em}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.container{max-width:1340px;margin:0 auto;padding:0 24px}.blog-hero{background:linear-gradient(135deg,#faf8f5,#f5f0e8);padding:64px 0 48px;text-align:center}[data-theme=dark] .blog-hero{background:linear-gradient(135deg,#1a1a18,#222218)}.blog-hero h1{font-size:36px;font-weight:800;margin:0 0 12px;color:#1a1a1a}[data-theme=dark] .blog-hero h1{color:#f0f0f0}.blog-subtitle{font-size:15px;color:#777;margin:0}.blog-featured{padding:0 0 40px;margin-top:-20px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:768px){.featured-grid{grid-template-columns:1fr}}.featured-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;border:1px solid #e8e4dc;text-decoration:none;transition:transform .2s,box-shadow .2s}.featured-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #00000014}[data-theme=dark] .featured-card{border-color:#333}.featured-large{grid-row:1 / 3}.featured-cover{height:200px;background:#e8e4dc}.featured-large .featured-cover{height:100%;min-height:300px}[data-theme=dark] .featured-cover{background:#2a2a2a!important}.featured-body{padding:20px;flex:1}.featured-body h2{font-size:18px;font-weight:700;margin:8px 0;color:#1a1a1a;line-height:1.3}.featured-large .featured-body h2{font-size:22px}[data-theme=dark] .featured-body h2{color:#f0f0f0}.featured-body p{font-size:13px;color:#666;line-height:1.6;margin:0 0 12px}[data-theme=dark] .featured-body p{color:#999}.blog-content{padding:40px 0 80px}.blog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #eee}[data-theme=dark] .blog-tabs{border-color:#333}.blog-tab{padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;color:#666;text-decoration:none;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.blog-tab:hover{background:#f5f3ee;color:#1a1a1a}.blog-tab.active{background:#1a1a1a;color:#fff}[data-theme=dark] .blog-tab:hover{background:#2a2a2a;color:#f0f0f0}[data-theme=dark] .blog-tab.active{background:#e8501f}.tab-count{font-size:11px;opacity:.6}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.post-grid{grid-template-columns:1fr}}.post-card{border-radius:12px;border:1px solid #e8e4dc;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px #00000012}[data-theme=dark] .post-card{border-color:#333}.post-cover{height:160px}[data-theme=dark] .post-cover{background:#2a2a2a!important}.post-body{padding:18px}.post-cat{display:inline-block;font-size:11px;font-weight:600;color:#e8501f;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.post-body h3{font-size:15px;font-weight:700;margin:0 0 8px;color:#1a1a1a;line-height:1.35}[data-theme=dark] .post-body h3{color:#f0f0f0}.post-body p{font-size:13px;color:#666;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .post-body p{color:#999}.post-meta{font-size:12px;color:#999;display:flex;gap:6px}.blog-pager{margin-top:40px;text-align:center}.blog-pager a,.blog-pager span{display:inline-block;padding:8px 14px;margin:0 3px;border-radius:8px;font-size:13px;font-weight:600}.blog-pager a{color:#555;text-decoration:none;border:1px solid #e0e0e0}.blog-pager a:hover{background:#f5f3ee}.blog-pager span.active{background:#1a1a1a;color:#fff;border:1px solid #1a1a1a}.blog-empty{text-align:center;padding:80px 20px;color:#999}.blog-search-form{display:flex;gap:8px;max-width:480px;margin:20px auto 0}.blog-search-form input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:10px;font-size:14px;font-family:inherit}.blog-search-form button{padding:12px 24px;background:#e8501f;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.blog-results-count{font-size:14px;color:#777;margin-bottom:24px}.blog-article{padding:40px 0 80px}.article-grid{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}@media (max-width:900px){.article-grid{grid-template-columns:1fr}}.article-breadcrumb{font-size:13px;color:#999;margin-bottom:16px}.article-breadcrumb a{color:#e8501f;text-decoration:none}.article-main h1{font-size:32px;font-weight:800;line-height:1.2;margin:0 0 16px;color:#1a1a1a}[data-theme=dark] .article-main h1{color:#f0f0f0}.article-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#999;margin-bottom:32px;flex-wrap:wrap}.article-author-mini{display:flex;align-items:center;gap:8px}.author-avatar-sm{width:28px;height:28px;border-radius:50%;background:#e8501f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.prose h2{font-size:20px;font-weight:700;margin:32px 0 12px;color:#1a1a1a}[data-theme=dark] .prose h2{color:#f0f0f0}.prose p{font-size:15px;line-height:1.8;color:#444;margin:0 0 18px}[data-theme=dark] .prose p{color:#bbb}.prose a{color:#e8501f}.article-tags{margin:32px 0 24px;display:flex;gap:8px;flex-wrap:wrap}.article-tag{padding:6px 12px;background:#f5f3ee;border-radius:6px;font-size:12px;font-weight:600;color:#666;text-decoration:none}.article-tag:hover{background:#e8e4dc}[data-theme=dark] .article-tag{background:#2a2a2a;color:#aaa}.article-share{display:flex;align-items:center;gap:10px;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:13px;color:#777}[data-theme=dark] .article-share{border-color:#333}.share-btn{padding:6px 14px;background:#f5f3ee;border:none;border-radius:6px;font-size:12px;font-weight:600;color:#555;cursor:pointer;text-decoration:none;font-family:inherit}.share-btn:hover{background:#e8e4dc}[data-theme=dark] .share-btn{background:#2a2a2a;color:#aaa}.article-comments{margin-top:40px}.article-comments h3{font-size:18px;font-weight:700;margin:0 0 24px}.comment{display:flex;gap:12px;margin-bottom:20px}.comment-avatar{width:36px;height:36px;border-radius:50%;background:#e8e4dc;color:#888;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.comment-head{display:flex;gap:10px;align-items:baseline;margin-bottom:4px}.comment-head strong{font-size:13px;color:#1a1a1a}[data-theme=dark] .comment-head strong{color:#f0f0f0}.comment-head span{font-size:12px;color:#999}.comment-body p{font-size:13px;line-height:1.6;color:#555;margin:0}[data-theme=dark] .comment-body p{color:#aaa}.comment-form{margin-top:28px}.comment-form h4{font-size:15px;font-weight:700;margin:0 0 16px}.comment-form .cform-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.comment-form input,.comment-form textarea{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:13px;font-family:inherit;box-sizing:border-box}[data-theme=dark] .comment-form input,[data-theme=dark] .comment-form textarea{background:#1e1e1e;border-color:#333;color:#f0f0f0}.comment-form textarea{margin-bottom:12px;resize:vertical}.comment-submit{padding:10px 24px;background:#e8501f;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.article-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}.sidebar-card{background:#f9f7f4;border:1px solid #e8e4dc;border-radius:14px;padding:22px}[data-theme=dark] .sidebar-card{background:#1e1e1c;border-color:#333}.sidebar-card h4{font-size:15px;font-weight:700;margin:0 0 12px;color:#1a1a1a}[data-theme=dark] .sidebar-card h4{color:#f0f0f0}.sidebar-card p{font-size:13px;color:#666;line-height:1.5;margin:0 0 12px}.author-card{text-align:center}.author-avatar-lg{width:56px;height:56px;border-radius:50%;background:#e8501f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 12px}.related-link{display:block;padding:10px 0;border-top:1px solid #eee;text-decoration:none}.related-link:first-of-type{border-top:none}[data-theme=dark] .related-link{border-color:#333}.related-title{display:block;font-size:13px;font-weight:600;color:#1a1a1a;line-height:1.4;margin-bottom:2px}[data-theme=dark] .related-title{color:#e0e0e0}.related-meta{font-size:11px;color:#999}.sidebar-newsletter p{font-size:12px}.sidebar-nl-form{display:flex;flex-direction:column;gap:8px}.sidebar-nl-form input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:13px;font-family:inherit}[data-theme=dark] .sidebar-nl-form input{background:#1e1e1e;border-color:#333;color:#f0f0f0}.sidebar-nl-form button{padding:10px;background:#e8501f;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.seo-text{max-width:820px;margin:18px auto;color:#444;font-size:15px;line-height:1.7}.seo-text h1,.seo-text h2,.seo-text h3{margin:1em 0 .4em;line-height:1.3;color:#1a1a1a}.seo-text h2{font-size:22px}.seo-text h3{font-size:18px}.seo-text p{margin:0 0 .9em}.seo-text ul,.seo-text ol{margin:0 0 .9em 1.3em}.seo-text a{color:#e8501f}.seo-bottom-text{margin-top:36px;padding-top:28px;border-top:1px solid #ececec}[data-theme=dark] .seo-text{color:#c8c8c8}[data-theme=dark] .seo-text h1,[data-theme=dark] .seo-text h2,[data-theme=dark] .seo-text h3{color:#f0f0f0}[data-theme=dark] .seo-bottom-text{border-top-color:#333}
