@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap";.blog-wrapper{min-height:calc(100vh - 70px);padding:2rem 0}.blog-container{max-width:900px;margin:0 auto;padding:0 1rem}.blog-content{background:#fff9;backdrop-filter:blur(20px) saturate(180%);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md);animation:fadeInUp .6s ease-out;margin-bottom:2rem}.blog-header{margin-bottom:2rem;padding-bottom:2rem;border-bottom:3px dashed var(--border-color)}.blog-title{font-size:2.2rem;color:var(--primary-color);line-height:1.2;margin-bottom:1rem;word-break:break-word}.blog-meta{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;color:var(--text-light);font-size:.9rem}.meta-item{display:flex;align-items:center;gap:.4rem}.meta-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.meta-tag{display:inline-block;padding:.3rem .8rem;background:#ff6b9d26;color:var(--primary-color);border-radius:15px;font-size:.85rem;transition:var(--transition)}.meta-tag:hover{background:var(--primary-color);color:#fff;text-decoration:none}.blog-body{font-size:1.05rem;line-height:1.8;color:var(--text-dark);margin-bottom:2rem}.blog-body h2{font-size:1.6rem;color:var(--primary-color);margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.blog-body h3{font-size:1.3rem;color:var(--secondary-color);margin:1.2rem 0 .8rem}.blog-body p{margin-bottom:1rem;text-align:justify}.blog-body a{color:var(--primary-color);font-weight:500;transition:var(--transition)}.blog-body a:hover{color:var(--secondary-color)}.blog-body ul,.blog-body ol{margin-left:2rem;margin-bottom:1rem}.blog-body li{margin-bottom:.5rem}.blog-body blockquote{border-left:4px solid var(--primary-color);padding-left:1rem;margin:1.5rem 0;color:var(--text-light);font-style:italic;background:var(--light-bg);padding:1rem;border-radius:8px}.blog-body code{background:var(--light-bg);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;color:var(--secondary-color);font-size:.9em}.blog-body pre{background:#2d3436;color:#dfe6e9;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-size:.9rem;line-height:1.5}.blog-body pre code{background:transparent;color:#dfe6e9;padding:0}.blog-body img{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-md);margin:1.5rem 0}.blog-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;box-shadow:var(--shadow-sm)}.blog-body table th{background:var(--primary-color);color:#fff;padding:1rem;text-align:left}.blog-body table td{padding:.8rem 1rem;border-bottom:1px solid var(--border-color)}.blog-body table tr:hover{background:var(--light-bg)}.blog-footer{padding-top:2rem;border-top:2px dashed var(--border-color)}.author-box{display:flex;gap:1.5rem;background:linear-gradient(135deg,var(--light-pink) 0%,var(--light-purple) 100%);padding:1.5rem;border-radius:10px}.author-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:var(--shadow-md);flex-shrink:0}.author-info{flex:1;display:flex;flex-direction:column;justify-content:center}.author-info h3{margin:0 0 .5rem;color:var(--primary-color)}.author-info p{margin:0;font-size:.9rem;color:var(--text-dark)}.comments-section{background:#fff9;backdrop-filter:blur(20px) saturate(180%);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md);margin-top:2rem}.comments-section h2{font-size:1.5rem;color:var(--primary-color);margin-bottom:1.5rem}.comment-form{background:var(--light-bg);padding:1.5rem;border-radius:10px;margin-bottom:2rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-input,.form-textarea{width:100%;padding:.8rem;border:2px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:.95rem;transition:var(--transition)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b9d1a}.form-textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:.8rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition)}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.comments-list{margin-top:2rem}.no-comments{text-align:center;color:var(--text-light);padding:2rem 1rem;font-style:italic}.comment-item{padding:1.5rem;background:var(--light-bg);border-radius:10px;margin-bottom:1rem;border-left:4px solid var(--primary-color)}.comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem}.comment-author{font-weight:600;color:var(--primary-color)}.comment-date{font-size:.85rem;color:var(--text-light)}.comment-text{color:var(--text-dark);line-height:1.6;margin-bottom:.8rem;word-break:break-word}.comment-reply-btn{font-size:.85rem;color:var(--primary-color);background:transparent;border:none;cursor:pointer;padding:0;text-decoration:underline;transition:var(--transition)}.comment-reply-btn:hover{color:var(--secondary-color)}.comment-replies{margin-top:1rem;padding-left:1.5rem;border-left:2px solid var(--border-color)}.reply-item{padding:1rem;background:#fff;border-radius:8px;margin-bottom:.8rem}[data-theme=dark] .blog-content,[data-theme=dark] .comments-section{background:#323246cc;color:#ffffffe6}[data-theme=dark] .blog-title,[data-theme=dark] .blog-body h2,[data-theme=dark] .blog-body h3,[data-theme=dark] .blog-body a{color:var(--accent-color)}[data-theme=dark] .blog-body blockquote{background:#ffffff0d;border-left-color:var(--accent-color)}[data-theme=dark] .blog-body code{background:#0000004d;color:var(--accent-color)}[data-theme=dark] .comment-form{background:#ffffff0d}[data-theme=dark] .comment-item,[data-theme=dark] .reply-item{background:#ffffff0d;border-left-color:var(--accent-color)}[data-theme=dark] .comment-author,[data-theme=dark] .comments-section h2{color:var(--accent-color)}@media (max-width: 1024px){.blog-container{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 768px){.blog-content,.comments-section{padding:1.5rem}.blog-title{font-size:1.6rem}.author-box{flex-direction:column;text-align:center}.meta-tags{margin-left:0}}@media (max-width: 480px){.blog-wrapper{padding:1rem 0}.blog-container{padding:0 .5rem}.blog-content,.comments-section{padding:1rem;border-radius:8px}.blog-title{font-size:1.3rem}.blog-body{font-size:.95rem}.form-textarea{min-height:100px}}html{background-image:url(https://s1.imagehub.cc/images/2024/10/02/0dd8393c1808f41f08d2708ecdca8160.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;min-height:100%}body:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#fafbfcd9,#f0e6ffd9);z-index:-1;pointer-events:none}body{min-height:100vh;position:relative}