.single-post{max-width:900px;margin:120px auto 80px;padding:0 24px}.single-post__header{margin-bottom:32px}.single-post__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:#999;margin-bottom:16px}.single-post__breadcrumb a{color:#999;text-decoration:none;transition:color .2s ease;white-space:nowrap}.single-post__breadcrumb a:hover{color:#d60000}.single-post__breadcrumb span{color:#ccc}.single-post__title{font-size:42px;font-weight:700;color:#333;margin:0 0 20px;line-height:1.3}.single-post__meta{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:2px solid #f0f0f0;border-bottom:2px solid #f0f0f0;font-size:15px;color:#666}.single-post__meta-item{display:flex;align-items:center;gap:8px}.single-post__meta-icon{font-size:18px}.single-post__featured-image{width:100%;height:auto;max-height:480px;border-radius:12px;overflow:hidden;margin:32px 0;box-shadow:0 8px 24px rgba(0,0,0,.1);position:relative}.single-post__featured-image img{width:100%;height:100%;object-fit:contain;object-position:center}.single-post__featured-image span{display:block!important;width:100%!important;height:100%!important}.single-post__featured-image--placeholder{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;height:300px}.single-post__featured-image--placeholder:after{content:"📝";font-size:96px;opacity:.2}.single-post__content{font-size:17px;line-height:1.8;color:#333}.single-post__content h1,.single-post__content h2,.single-post__content h3,.single-post__content h4,.single-post__content h5,.single-post__content h6{color:#333;font-weight:700;margin:32px 0 16px;line-height:1.4}.single-post__content h2{font-size:32px;margin-top:48px}.single-post__content h3{font-size:26px}.single-post__content h4{font-size:22px}.single-post__content p{margin:0 0 20px}.single-post__content a{color:#d60000;text-decoration:none;border-bottom:1px solid rgba(214,0,0,.3);transition:border-color .2s ease}.single-post__content a:hover{border-bottom-color:#d60000}.single-post__content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0;box-shadow:0 4px 16px rgba(0,0,0,.08)}.single-post__content ol,.single-post__content ul{margin:20px 0;padding-left:24px}.single-post__content ol li,.single-post__content ul li{margin:8px 0}.single-post__content blockquote{border-left:4px solid #d60000;margin:24px 0;padding:16px 24px;background:#f9f9f9;border-radius:4px;font-style:italic;color:#555}.single-post__content pre{background:#2d2d2d;color:#f8f8f2;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0;font-size:14px;line-height:1.6}.single-post__content code{background:#f5f5f5;padding:3px 8px;border-radius:4px;font-size:.9em;font-family:Courier New,monospace}.single-post__content pre code{background:none;padding:0}.single-post__content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.single-post__content table td,.single-post__content table th{padding:12px;border:1px solid #e0e0e0;text-align:left}.single-post__content table th{background:#f5f5f5;font-weight:600;color:#333}.single-post__content table tr:hover{background:#fafafa}.single-post__tags{display:flex;flex-wrap:wrap;gap:8px;margin:40px 0;padding:24px 0;border-top:2px solid #f0f0f0}.single-post__tags-label{font-weight:600;color:#333;margin-right:8px}.single-post__tags-tag{background:#f5f5f5;padding:6px 14px;border-radius:20px;font-size:14px;color:#666;text-decoration:none;transition:all .2s ease}.single-post__tags-tag:hover{background:#d60000;color:#fff}.single-post__back{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-weight:600;color:#333;text-decoration:none;transition:all .2s ease;margin-top:32px}.single-post__back:hover{background:#d60000;color:#fff;border-color:#d60000}.skeleton,.skeleton-line{background:linear-gradient(90deg,#f3f3f3,#f8f8f8 50px,#f3f3f3 100px);background-size:600px 100%;animation:shimmer 1.2s linear infinite}.skeleton-line{border-radius:4px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@media screen and (max-width:768px){.single-post{margin-top:80px;padding:0 16px}.single-post__title{font-size:22px}.single-post__meta{flex-direction:column;align-items:flex-start;gap:12px}.single-post__featured-image{max-height:280px;margin:24px 0}.single-post__content{font-size:16px}.single-post__content h2{font-size:24px;margin-top:32px}.single-post__content h3{font-size:20px}.single-post__content h4{font-size:18px}}