:root{--bg-primary:#f8f7f4;--bg-secondary:#ffffff;--bg-card:rgba(255,255,255,0.92);--fg-primary:#1a1a2e;--fg-secondary:#4a4a5a;--fg-muted:#8a8a9a;--accent-coral:#ff6b6b;--accent-amber:#feca57;--accent-mint:#1dd1a1;--accent-sky:#54a0ff;--accent-lavender:#a29bfe;--gradient-warm:linear-gradient(135deg,#ff6b6b 0%,#feca57 50%,#ff9ff3 100%);--gradient-cool:linear-gradient(135deg,#54a0ff 0%,#5f27cd 50%,#a29bfe 100%);--gradient-fresh:linear-gradient(135deg,#1dd1a1 0%,#10ac84 50%,#00d2d3 100%);--shadow-soft:0 4px 24px rgba(0,0,0,0.06);--shadow-medium:0 12px 48px rgba(0,0,0,0.1);--shadow-glow:0 0 40px rgba(255,107,107,0.2);--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--radius-xl:40px}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif;background:var(--bg-primary);color:var(--fg-primary);line-height:1.8;overflow-x:hidden;min-height:100vh}html,body{height:100%;margin:0;padding:0}.full-width-container{width:100%;padding-right:0;padding-left:0;margin-right:auto;margin-left:auto;overflow:hidden;position:relative}.layout-container{width:100%;max-width:1920px;margin:0 auto;position:relative}.main-column{min-width:700px;max-width:900px;width:100%;margin:0 auto;padding:30px 40px;position:relative;z-index:20;box-sizing:border-box;background:#ffffff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);margin-top:20px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.card-blog{background:var(--bg-snow);border-radius:20px;border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);overflow:hidden;margin-bottom:2rem;position:relative;animation:scaleIn 0.5s ease}.card-blog::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transform-origin:left;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);z-index:2}.card-blog::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.6s ease;pointer-events:none;z-index:1}.card-blog:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card-blog:hover::before{transform:scaleX(1)}.card-blog:hover::after{left:150%}.card-blog .card-body{padding:1.75rem 2rem}.post-navigation{margin:1.5rem 0 0.8rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,0.06)}.nav-blog-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.nav-blog-link{display:flex;flex-direction:column;padding:24px 28px;background:rgba(255,255,255,0.9);border:1px solid rgba(0,0,0,0.06);border-radius:var(--radius-md);text-decoration:none;transition:all 0.4s cubic-bezier(0.23,1,0.32,1);position:relative;overflow:hidden}.nav-blog-link::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:var(--gradient-warm);transform:scaleY(0);transform-origin:bottom;transition:transform 0.4s cubic-bezier(0.23,1,0.32,1)}.nav-blog-link:hover{background:linear-gradient(135deg,rgba(255,107,107,0.3),rgba(254,202,87,0.3));border-color:rgba(255,107,107,0.5);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.nav-blog-link:hover::before{transform:scaleY(1)}.nav-previous .nav-blog-link:hover{transform:translateX(-1px)}.nav-next .nav-blog-link:hover{transform:translateX(1px)}.nav-label{font-size:0.8rem;font-weight:700;color:var(--fg-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.nav-label::before{content:'';width:20px;height:2px;background:var(--accent-coral);border-radius:1px}.nav-title{font-size:1.05rem;font-weight:600;color:var(--fg-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags-wrapper{display:flex;flex-wrap:wrap;flex-direction:row;gap:12px;margin-top:12px}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:rgba(255,255,255,0.9);border:1.5px solid rgba(255,107,107,0.2);border-radius:50px;font-size:0.9rem;font-weight:500;color:var(--fg-secondary);text-decoration:none;transition:all 0.35s cubic-bezier(0.23,1,0.32,1);cursor:pointer;position:relative;overflow:hidden}.tag-pill::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-warm);opacity:0;transition:opacity 0.35s ease;z-index:0}.tag-pill span,.tag-pill i{position:relative;z-index:1}.tag-pill:hover{color:white!important;border-color:transparent;transform:translateY(-1px) scale(1);box-shadow:0 8px 30px rgba(255,107,107,0.35)}.tag-pill:hover::before{opacity:1}.stats-bar{display:flex;flex-wrap:wrap;flex-direction:row;gap:28px;margin:28px 0;padding:20px 0;border-top:1px solid rgba(0,0,0,0.06);border-bottom:1px solid rgba(0,0,0,0.06)}.stat-item{display:flex;align-items:center;gap:10px;font-size:0.9rem;color:var(--fg-muted)}.stat-item i{font-size:1.1rem;color:var(--accent-coral)}.stat-item img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,107,107,0.2)}.blog-content{line-height:1.8;font-size:0.95rem;color:#334155;padding:0 0.5rem}.blog-content h1{font-size:1.9rem;margin-top:2rem;margin-bottom:1.2rem;color:#1e293b;padding-bottom:0.6rem;border-bottom:2px solid #e2e8f0;font-weight:700;position:relative;padding-left:16px}.blog-content h1::before{content:'';position:absolute;left:0;top:4px;bottom:calc(0.6rem + 4px);width:4px;background:linear-gradient(180deg,#0ea5e9,#6366f1);border-radius:2px}.blog-content h2{font-size:1.55rem;margin-top:1.8rem;margin-bottom:1rem;color:#1e293b;padding-bottom:0.5rem;border-bottom:1px solid #f1f5f9;font-weight:600;position:relative;padding-left:14px}.blog-content h2::before{content:'';position:absolute;left:0;top:4px;bottom:calc(0.5rem + 4px);width:3px;background:linear-gradient(180deg,#6366f1,#a855f7);border-radius:2px}.blog-content h3{font-size:1.3rem;margin-top:1.5rem;margin-bottom:0.8rem;color:#334155;font-weight:600;position:relative;padding-left:12px}.blog-content h3::before{content:'';position:absolute;left:0;top:4px;bottom:4px;width:3px;background:linear-gradient(180deg,#a855f7,#ec4899);border-radius:2px}.blog-content h4{font-size:1.12rem;margin-top:1.3rem;margin-bottom:0.7rem;color:#475569;font-weight:600}.blog-content h5{font-size:1.02rem;margin-top:1.1rem;margin-bottom:0.6rem;color:#64748b;font-weight:600}.blog-content h6{font-size:0.92rem;margin-top:1rem;margin-bottom:0.5rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:0.05em}.blog-content p{margin-bottom:1.1rem;line-height:1.85}.blog-content p:empty{margin:0;padding:0;height:0;line-height:0;visibility:hidden}.blog-content ul,.blog-content ol{margin-bottom:1.1rem;padding-left:1.8rem}.blog-content li{margin-bottom:0.35rem}.blog-content ul li::marker{color:#6366f1}.blog-content ol li::marker{color:#6366f1;font-weight:600}.blog-content code{font-size:0.88rem;background:linear-gradient(135deg,#f0f4ff,#ede9fe);padding:0.15em 0.45em;border-radius:5px;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;color:#7c3aed;border:1px solid rgba(99,102,241,0.1)}.blog-content pre{font-size:0.88rem;background:linear-gradient(135deg,#fdf4ff,#fae8ff);color:#701a75;padding:1.2rem 1.4rem;border-radius:12px;overflow-x:auto;margin-bottom:1.2rem;line-height:1.65;border:1px solid #e879f9;box-shadow:0 4px 15px rgba(168,85,247,0.1);position:relative}.blog-content pre::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#6366f1,#a855f7);border-radius:12px 12px 0 0}.blog-content pre code{background:none;padding:0;color:inherit;font-size:inherit;border:none;border-radius:0}.blog-content blockquote{border-left:4px solid;border-image:linear-gradient(180deg,#0ea5e9,#a855f7) 1;margin:1.2rem 0;color:#475569;background:linear-gradient(135deg,#f0f9ff,#faf5ff);border-radius:0 12px 12px 0;padding:1rem 1.3rem}.blog-content blockquote p:last-child{margin-bottom:0}.blog-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2rem 0;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 1px 4px rgba(0,0,0,0.05)}.blog-content th{padding:0.7rem 1rem;text-align:left;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;font-weight:600;font-size:0.88rem}.blog-content td{padding:0.6rem 1rem;text-align:left;border-top:1px solid #f1f5f9;font-size:0.9rem}.blog-content tr:nth-child(even) td{background:#f8fafc}.blog-content tr:hover td{background:#f0f4ff;transition:background 0.15s}.blog-content img{max-width:100%;height:auto;margin:1.2rem 0;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.12);border:1px solid #e2e8f0}.img-fluid-special{max-width:800px;max-height:600px}.blog-content hr{margin:2rem 0;border:0;height:2px;background:linear-gradient(90deg,transparent,#6366f1,#a855f7,#6366f1,transparent);border-radius:1px}.blog-content a{color:#6366f1;text-decoration:none;border-bottom:1px dashed #a5b4fc;transition:all 0.2s}.blog-content a:hover{color:#4f46e5;border-bottom-style:solid;border-bottom-color:#6366f1}.blog-content strong{color:#1e293b;font-weight:700}.blog-content em{color:#6366f1;font-style:italic}.blog-content mark{background:linear-gradient(135deg,#ffeaa7 0%,#fab1a0 100%);padding:0.1rem 0.3rem;border-radius:3px;color:#2d3436;font-weight:500}.blog-content .footnote{font-size:0.9rem;color:#7f8c8d;border-top:1px solid #bdc3c7;padding-top:1rem;margin-top:2rem}.sidebar-toggle-left{position:relative;top:25px;transform:translateY(-50%);z-index:1050;background:linear-gradient(90deg,#068df6 0%,#f8d706,#f44621 100%);border:none;border-radius:8px;width:60px;height:40px;color:white;font-size:1.2rem;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;opacity:0.5}.sidebar-toggle-right{position:relative;top:25px;transform:translateY(-50%);z-index:1050;background:linear-gradient(90deg,#f44621 0%,#f8d706,#068df6 100%);border:none;border-radius:8px;width:60px;height:40px;color:white;font-size:1.2rem;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;opacity:0.5}.sidebar-toggle-left:hover,.sidebar-toggle-right:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,0.3);opacity:1}.sidebar-toggle-left.collapsed{background:linear-gradient(90deg,#f44621 0%,#f8d706,#068df6 100%)}.sidebar-toggle-right.collapsed{background:linear-gradient(90deg,#068df6 0%,#f8d706,#f44621 100%)}.sidebar-left{width:300px;transition:all 0.3s ease-in-out;padding:0 10px;border-right:1px solid #eee;position:absolute;left:5%;top:0;height:100%;box-sizing:border-box;z-index:10}.sidebar-right{width:300px;transition:all 0.3s ease-in-out;padding:0 10px;border-left:1px solid #eee;position:absolute;right:7%;top:0;height:100%;box-sizing:border-box;z-index:10}.sidebar-left.hidden{display:none}.sidebar-right.hidden{display:none}.copy-code-btn{position:absolute;top:10px;right:10px;z-index:10;background:rgba(255,255,255,0.1);border:none;color:white;border-radius:4px;padding:5px 10px;cursor:pointer;transition:all 0.2s ease}.copy-code-btn:hover{background:rgba(255,255,255,0.2)}.custom-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9999;opacity:0;transition:opacity 0.3s ease;backdrop-filter:blur(3px)}.custom-modal.show{display:flex;align-items:center;justify-content:center;opacity:1}.custom-modal-content{background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,0.3);width:90%;max-width:450px;transform:scale(0.8);transition:transform 0.3s ease;overflow:hidden}.custom-modal.show .custom-modal-content{transform:scale(1)}.custom-modal-header{background:linear-gradient(135deg,#ffd89b 0%,#19547b 100%);color:white;padding:1.5rem;position:relative}.custom-modal-title{margin:0;font-size:1.3rem;font-weight:600}.custom-modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,0.2);border:none;color:white;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.custom-modal-close:hover{background:rgba(255,255,255,0.3);transform:rotate(90deg)}.custom-modal-body{padding:2rem 1.5rem 1.5rem;font-size:1.1rem;line-height:1.6;color:#333}.custom-modal-subtext{font-size:0.9rem;color:#666;margin-top:0.5rem}.custom-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end}.custom-btn{padding:14px 28px;border:none;border-radius:var(--radius-sm);font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.35s cubic-bezier(0.23,1,0.32,1);display:flex;align-items:center;gap:10px}.custom-btn-primary{background:var(--gradient-warm);color:white}.custom-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,107,107,0.4)}.custom-btn-secondary{background:rgba(0,0,0,0.06);color:var(--fg-secondary)}.custom-btn-secondary:hover{background:rgba(0,0,0,0.1);transform:translateY(-1px)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(0.8)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-modal.show .custom-modal-content{animation:modalSlideIn 0.3s ease-out}.reply-form{transition:all 0.3s ease;border-left:3px solid #0dcaf0;padding-left:15px;margin-left:10px}.comment{border-bottom:1px solid #f0f0f0;padding-bottom:15px}.comment:last-child{border-bottom:none}.reply-btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.pagination{gap:0.3rem}.page-link{border-radius:6px;border:1px solid #dee2e6;transition:all 0.2s ease;font-size:0.9rem;padding:0.5rem 0.75rem}.page-link:hover{background-color:#e9ecef;border-color:#dee2e6;transform:translateY(-1px)}.page-item.active .page-link{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 2px 5px rgba(102,126,234,0.3)}.page-item.disabled .page-link{color:#6c757d;background-color:#f8f9fa;border-color:#dee2e6}#page-input{text-align:center;border-radius:6px;border:1px solid #ced4da}#page-input:focus{border-color:#667eea;box-shadow:0 0 0 0.2rem rgba(102,126,234,0.25)}#page-go{border-radius:6px;transition:all 0.2s ease}#page-go:hover{transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}.length-warning{font-size:0.875rem;padding:0.5rem 1rem}.char-count-warning{color:#ffc107;font-weight:bold}.char-count-danger{color:#dc3545;font-weight:bold}.btn:disabled{opacity:0.6;cursor:not-allowed}#recent-comments-pagination{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-top:1px solid #dee2e6}#recent-comments-prev,#recent-comments-next{font-size:0.8rem;padding:0.25rem 0.5rem;transition:all 0.3s ease}#recent-comments-prev:hover:not(:disabled),#recent-comments-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,0.1)}#recent-comments-prev:disabled,#recent-comments-next:disabled{opacity:0.5;cursor:not-allowed}#recent-comments-info{font-size:0.8rem;font-weight:500}#comment-editor:empty:before{content:attr(data-placeholder);color:#6c757d;font-style:italic}#comment-editor:focus{outline:none;border-color:#86b7fe;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}#comment-editor img{max-width:100%;height:auto;border-radius:8px;margin:5px 0}#comment-editor ul,#comment-editor ol{padding-left:2rem;margin:0.5rem 0}#comment-editor blockquote{border-left:4px solid #dee2e6;padding-left:1rem;margin:0.5rem 0;color:#6c757d;font-style:italic}.comment-toolbar-textstyle,.comment-toolbar-list,.comment-toolbar-link,.comment-toolbar-image,.comment-toolbar-emoji,.comment-toolbar-erase{flex:1 1 auto;min-width:0;padding-left:0.4rem;padding-right:0.4rem}.emoji-picker{max-height:200px;overflow-y:auto}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px}.emoji-item{font-size:1.5rem;cursor:pointer;text-align:center;padding:5px;border-radius:5px;transition:all 0.2s ease;user-select:none}.emoji-item:hover{background-color:#e9ecef;transform:scale(1.2)}.emoji-categories{display:flex;gap:5px;flex-wrap:wrap}.emoji-categories .btn{font-size:0.8rem;padding:0.25rem 0.5rem}.image-preview-item{position:relative;display:inline-block;margin:5px;border:1px solid #dee2e6;border-radius:8px;padding:5px;background:white}.image-preview-item img{max-width:100px;max-height:100px;object-fit:cover;border-radius:5px}.image-preview-remove{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#dc3545;color:white;border-radius:50%;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.comment-toolbar .btn.active{background-color:#0d6efd;color:white;border-color:#0d6efd}.reply-form .comment-editor-container{margin-bottom:1rem}.reply-form .comment-toolbar{font-size:0.875rem}.reply-form .comment-editor{font-size:0.9rem}.reply-form .emoji-picker{max-height:150px}.reply-form .emoji-grid{grid-template-columns:repeat(6,1fr);gap:3px}.reply-form .emoji-item{font-size:1.2rem;padding:3px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:all 0.35s cubic-bezier(0.23,1,0.32,1);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.35),transparent);transition:left 0.6s ease}.btn:hover::before{left:100%}.btn-outline-warning{background:transparent;border:2px solid rgba(255,107,107,0.35);color:var(--accent-coral)}.btn-outline-warning:hover{background:var(--gradient-warm);border-color:transparent;color:white;transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,107,107,0.4)}.related-post-item-content{display:flex;align-items:flex-start;margin-bottom:24px}.related-post-item-content .flex-grow-1{display:flex;flex-direction:column}.related-post-item-content img{width:50px;height:50px;object-fit:cover}.social-share .dropdown-toggle{background:transparent;border:2px solid var(--border-medium);color:var(--text-medium);border-radius:10px;padding:0.5rem 1rem;font-weight:600;transition:var(--transition-smooth)}.social-share .dropdown-toggle:hover{background:var(--bg-pearl);border-color:var(--primary-light);color:var(--primary-dark)}.social-share .dropdown-menu{border:1px solid var(--border-soft);border-radius:12px;box-shadow:var(--shadow-lg);padding:0.5rem}.social-share .dropdown-item{display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0.625rem 1rem;transition:var(--transition-smooth)}.share-wechat:hover{background:linear-gradient(135deg,rgba(7,193,96,0.1) 0%,rgba(7,193,96,0.15) 100%)}.share-weibo:hover{background:linear-gradient(135deg,rgba(230,22,45,0.1) 0%,rgba(230,22,45,0.15) 100%)}.share-qq:hover{background:linear-gradient(135deg,rgba(0,153,255,0.1) 0%,rgba(0,153,255,0.15) 100%)}.section-comments:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgb(6,141,246);border-color:rgb(136,36,230);background:rgba(255,255,255,0.06);border-radius:20px}.section-comment-form:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgb(227,198,14);border-color:rgb(6,141,246);background:rgba(255,255,255,0.06);border-radius:20px}.section-related:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgb(136,36,230);border-color:rgb(18,197,163);background:rgba(255,255,255,0.06);border-radius:20px}@media (max-width:2559px){.sidebar-toggle-left{font-size:1.1rem}.sidebar-toggle-right{font-size:1.1rem}.main-column{min-width:920px;max-width:1000px;padding:25px 30px}.card-blog{min-width:920px;max-width:1000px;width:100%;margin:0 auto;padding:24px 30px;position:relative;z-index:20;box-sizing:border-box;background:#ffffff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);margin-top:20px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.card-blog .card-body{padding:2rem 2.5rem}}@media (max-width:1919px){.sidebar-toggle-left{font-size:1.0rem}.sidebar-toggle-right{font-size:1.0rem}.main-column{min-width:820px;max-width:860px;padding:30px}.card-blog{min-width:820px;max-width:860px;width:100%;margin:0 auto;padding:20px 24px;position:relative;z-index:20;box-sizing:border-box;background:#ffffff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);margin-top:20px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.card-blog .card-body{padding:1.5rem 1.75rem}.related-post-item-content img{width:40px;height:40px}}@media (max-width:1680px){.sidebar-toggle-left{display:none}.sidebar-toggle-right{display:none}.main-column{min-width:880px;max-width:960px;padding:25px}.sidebar-left{display:none}.sidebar-right{display:none}.sidebar-left.hidden{display:none}.sidebar-right.hidden{display:none}.card-blog{min-width:850px;max-width:930px;width:100%;margin:0 auto;padding:20px 24px;position:relative;z-index:20;box-sizing:border-box;background:#ffffff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);margin-top:20px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.card-blog .card-body{padding:1.4rem 1.6rem}}@media (max-width:1279px){.sidebar-toggle-left{display:none}.sidebar-toggle-right{display:none}.main-column{min-width:780px;max-width:860px;padding:20px}.sidebar-left{display:none}.sidebar-right{display:none}.sidebar-left.hidden{display:none}.sidebar-right.hidden{display:none}.card-blog{min-width:750px;max-width:830px;width:100%;margin:0 auto;padding:16px 20px;position:relative;z-index:20;box-sizing:border-box;background:#ffffff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);margin-top:20px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.card-blog .card-body{padding:1.3rem 1.5rem}.related-post-item-content img{width:30px;height:30px}}@media (max-width:1023px){.sidebar-toggle-left{display:none}.sidebar-toggle-right{display:none}.main-column{min-width:630px;max-width:700px;padding:15px}.sidebar-left{display:none}.sidebar-right{display:none}.sidebar-left.hidden{display:none}.sidebar-right.hidden{display:none}.stat-item-publish-time{display:none!important}.card-blog{min-width:600px;max-width:680px;width:100%;margin:0 auto;padding:12px 16px;position:relative;z-index:20;box-sizing:border-box;background:#ffffff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);margin-top:20px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.card-blog .card-body{padding:1.2rem 1.4rem}.stats-bar{gap:18px}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1030;display:none}.sidebar-backdrop.visible{display:block}.comment-toolbar-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important}.comment-toolbar-textstyle,.comment-toolbar-list,.comment-toolbar-erase,.comment-toolbar-link{display:none}.img-fluid-special{max-width:630px;max-height:473px}}@media (max-width:767px){.sidebar-toggle-left{display:none}.sidebar-toggle-right{display:none}.main-column{min-width:380px;max-width:660px;padding:15px}.sidebar-left{display:none}.sidebar-right{display:none}.sidebar-left.hidden{display:none}.sidebar-right.hidden{display:none}.card-blog{min-width:330px;max-width:630px;width:100%;margin:0 auto;padding:6px 10px;position:relative;z-index:20;box-sizing:border-box;background:#ffffff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);margin-top:20px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.card-blog .card-body{padding:1.1rem 1.3rem}.blog-content{padding:0 0.5rem;font-size:0.92rem;line-height:1.75}.blog-content h1{font-size:1.55rem}.blog-content h2{font-size:1.35rem}.blog-content h3{font-size:1.15rem}.blog-content h4{font-size:1.02rem}.blog-content h5{font-size:0.95rem}.blog-content h6{font-size:0.88rem}.blog-content ul,.blog-content ol{padding-left:1.4rem}.comment-toolbar-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:4px!important}.comment-toolbar-textstyle,.comment-toolbar-list,.comment-toolbar-erase,.comment-toolbar-link{display:none}.emoji-grid{grid-template-columns:repeat(6,1fr)}.emoji-categories{justify-content:center}.emoji-categories .btn{font-size:0.7rem;padding:0.2rem 0.4rem}.tags-wrapper{gap:10px;margin-top:10px}.tag-pill{padding:8px 14px;font-size:0.85rem}.stats-bar{gap:14px;padding:16px 0}.stat-item{font-size:0.85rem;gap:8px}.stat-item i{font-size:1rem}.stat-item img{width:24px;height:24px}.custom-btn{justify-content:center;padding:14px 24px}.img-fluid-special{max-width:500px;max-height:375px}}@media (max-width:630px){.tag-pill-categoryname,.tag-pill-tagname{display:none!important}.stat-item-publish-date{display:none!important}}@media (max-width:560px){.img-fluid-special{max-width:320px;max-height:240px}}@media (max-width:440px){.stat-item-comments{display:none!important}}@media (max-width:359px){.sidebar-toggle-left{display:none}.sidebar-toggle-right{display:none}.main-column{min-width:280px;max-width:330px;padding:15px}.sidebar-left{display:none}.sidebar-right{display:none}.sidebar-left.hidden{display:none}.sidebar-right.hidden{display:none}.card-blog{min-width:260px;max-width:300px;width:100%;margin:0 auto;padding:4px 8px;position:relative;z-index:20;box-sizing:border-box;background:#ffffff;border:1px solid #e8ecef;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);margin-top:20px;margin-bottom:40px;background:linear-gradient(135deg,#ffffff 0%,#fafbfc 100%)}.card-blog .card-body{padding:1.0rem 1.1rem}.blog-content h1{font-size:1.35rem}.blog-content h2{font-size:1.2rem}.blog-content h3{font-size:1.05rem}.blog-content h4{font-size:0.95rem}.blog-content h5{font-size:0.88rem}.blog-content h6{font-size:0.82rem}.custom-modal-content{width:95%;margin:1rem}.custom-modal-footer{flex-direction:column}.custom-btn{justify-content:center}.tags-wrapper{gap:8px;flex-direction:row}.tag-pill{padding:6px 12px;font-size:0.8rem}.stats-bar{gap:10px}.stat-item{font-size:0.8rem}.pagination{gap:0.2rem}.page-link{font-size:0.8rem;padding:0.4rem 0.6rem}#page-input{width:60px}.img-fluid-special{max-width:260px;max-height:195px}}@media (max-width:320px){.stat-item-views{display:none!important}}@media (max-height:500px) and (orientation:landscape){.sidebar-toggle-left,.sidebar-toggle-right,.sidebar-left,.sidebar-right{display:none}.main-column,.card-blog{padding:15px 20px}.blog-content h1{font-size:1.4rem}.blog-content p{margin-bottom:0.8rem}.img-fluid-special{max-width:400px;max-height:300px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.blog-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blog-content img{image-rendering:-webkit-crisp-edges;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.sidebar-toggle-left,.sidebar-toggle-right,.back-to-top-btn,.nav-blog-link,.custom-modal,.custom-modal-content{transition:none;animation:none}}