.blog-detail-page{min-height:100vh;padding-top:80px;background:#f4f4f4}.blog-detail-container{max-width:1200px;margin:0 auto;padding:24px 20px 64px}.blog-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:24px;gap:24px;align-items:start}.blog-detail-main{min-width:0;display:flex;flex-direction:column;gap:0}.blog-article{background:#fff}.blog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12.5px;color:#888;padding:14px 20px 0}.blog-breadcrumb a{color:#555;text-decoration:none}.blog-breadcrumb a:hover{color:#d0021b;text-decoration:underline}.blog-breadcrumb span{color:#bbb;font-size:11px}.blog-article-title{font-size:26px;font-weight:700;color:#111;line-height:1.35;margin:12px 20px 0;font-family:var(--font-title);letter-spacing:-.2px}.blog-article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 20px 12px;border-bottom:1px solid #e8e8e8;font-size:13px;color:#777}.blog-meta-author strong{color:#333;font-weight:600}.blog-meta-sep{color:#ccc}.blog-meta-date,.blog-meta-read{color:#888}.blog-share-btn{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;background:transparent;border:1px solid #ddd;border-radius:4px;font-size:12px;font-weight:600;color:#555;cursor:pointer;transition:all .14s ease;font-family:var(--font-body)}.blog-share-btn:hover{background:#f5f5f5;border-color:#bbb;color:#222}.blog-article-body{padding:20px 20px 28px}.blog-hero-image{margin:0 0 18px;width:100%;display:block}.blog-hero-img{width:100%;height:auto;display:block;max-height:420px;object-fit:cover}.blog-hero-emoji{background:#f0f0f0;height:180px;display:flex;align-items:center;justify-content:center;font-size:64px}.blog-article-lead{font-size:15.5px;line-height:1.75;color:#222;font-weight:600;font-style:italic;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.blog-article-content{font-family:var(--font-body);font-size:15.5px;line-height:1.82;color:#222}.blog-article-content h2,.blog-article-content h3,.blog-article-content h4{font-family:var(--font-title);font-weight:700;color:#111;margin:28px 0 10px;line-height:1.3}.blog-article-content h2{font-size:20px;padding-left:10px;border-left:3px solid #d0021b}.blog-article-content h3{font-size:17px}.blog-article-content h4{font-size:15.5px}.blog-article-content p{margin-bottom:14px}.blog-article-content ol,.blog-article-content ul{margin:10px 0 14px 22px}.blog-article-content li{margin-bottom:5px}.blog-article-content blockquote{border-left:3px solid #d0021b;padding:10px 16px;margin:16px 0;background:#fafafa;color:#444;font-style:italic}.blog-article-content strong{color:#111;font-weight:700}.blog-article-content a{color:#06c;text-decoration:underline}.blog-article-content a:hover{color:#d0021b}.blog-article-content img{max-width:100%;height:auto;display:block;margin:14px auto}.blog-article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.blog-article-content table td,.blog-article-content table th{padding:9px 12px;border:1px solid #e0e0e0;text-align:left}.blog-article-content table th{background:#f5f5f5;font-weight:700;color:#111}.blog-match-link{display:inline-flex;align-items:center;gap:7px;margin-top:24px;padding:10px 16px;background:#fff8f8;border:1px solid #f5c6c6;border-radius:4px;text-decoration:none;color:#c0392b;font-weight:600;font-size:14px;transition:background .14s ease}.blog-match-link:hover{background:#fdecea}.blog-tags-row{display:flex;align-items:center;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid #eee;font-size:13px}.blog-tags-label{color:#888;font-weight:600}.blog-tag-link{display:inline-block;padding:3px 10px;background:#f2f2f2;border:1px solid #ddd;border-radius:3px;font-size:12px;font-weight:600;color:#333;text-decoration:none;transition:all .13s ease}.blog-tag-link:hover{background:#e8e8e8;color:#d0021b;border-color:#d0021b}.blog-related{background:#fff;margin-top:2px;padding:20px;border-top:3px solid #d0021b}.blog-section-heading{font-family:var(--font-title);font-size:17px;font-weight:700;color:#111;margin:0 0 16px;text-transform:uppercase;letter-spacing:.3px}.blog-related-list{display:flex;flex-direction:column;gap:0}.blog-related-item{display:flex;gap:12px;align-items:flex-start;text-decoration:none;color:inherit;padding:12px 0;border-bottom:1px solid #f0f0f0;transition:background .12s ease}.blog-related-item:last-child{border-bottom:none}.blog-related-item:hover .blog-related-info h3{color:#d0021b}.blog-related-thumb{width:88px;height:60px;flex-shrink:0;overflow:hidden;background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:24px}.blog-related-thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-related-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.blog-related-cat{font-size:11px;font-weight:700;color:#d0021b;text-transform:uppercase;letter-spacing:.3px}.blog-related-info h3{font-size:14px;font-weight:700;line-height:1.4;color:#111;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .12s ease}.blog-related-info time{font-size:11.5px;color:#999}.blog-detail-sidebar{position:-webkit-sticky;position:sticky;top:106px;display:flex;flex-direction:column;gap:0}.blog-side-block{background:#fff;margin-bottom:2px;padding:16px}.blog-side-heading{font-family:var(--font-title);font-size:14px;font-weight:700;color:#111;text-transform:uppercase;letter-spacing:.4px;padding-bottom:10px;margin-bottom:12px;border-bottom:2px solid #d0021b}.blog-toc{display:flex;flex-direction:column;gap:0}.blog-toc-item{display:block;font-size:13px;color:#333;text-decoration:none;line-height:1.45;padding:5px 0 5px 8px;border-left:2px solid transparent;transition:all .12s ease}.blog-toc-item:hover{color:#d0021b;border-left-color:#d0021b}.blog-toc-item.is-sub{padding-left:20px;font-size:12px;color:#666}.blog-side-news{display:flex;flex-direction:column;gap:0}.blog-side-news-item{display:flex;gap:10px;align-items:flex-start;text-decoration:none;color:inherit;padding:10px 0;border-bottom:1px solid #f0f0f0;transition:opacity .12s ease}.blog-side-news-item:last-child{border-bottom:none;padding-bottom:0}.blog-side-news-item:hover .blog-side-news-title{color:#d0021b}.blog-side-thumb{width:72px;height:48px;flex-shrink:0;overflow:hidden;background:#e8e8e8;display:flex;align-items:center;justify-content:center;font-size:18px}.blog-side-thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-side-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.blog-side-news-title{font-size:12.5px;font-weight:600;line-height:1.4;color:#111;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .12s ease}.blog-side-info time{font-size:11px;color:#aaa}.blog-side-empty{font-size:13px;color:#aaa;padding:8px 0}.blog-detail-loading{color:#888;font-size:15px}.blog-detail-loading,.blog-detail-notfound{text-align:center;padding:80px 20px}.blog-detail-notfound h2{font-size:22px;margin-bottom:10px}.blog-detail-notfound p{color:#888;margin-bottom:20px}.blog-btn-primary{display:inline-block;padding:9px 20px;background:#d0021b;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;font-size:14px;transition:background .14s ease}.blog-btn-primary:hover{background:#a80016}@media (max-width:1024px){.blog-detail-layout{grid-template-columns:minmax(0,1fr) 260px}}@media (max-width:768px){.blog-detail-layout{grid-template-columns:1fr}.blog-detail-sidebar{position:static}.blog-article-title{font-size:21px;margin:10px 14px 0}.blog-breadcrumb{padding:12px 14px 0}.blog-article-meta{padding:8px 14px 10px;font-size:12px}.blog-article-body{padding:14px 14px 22px}.blog-article-content{font-size:15px}.blog-related{padding:16px 14px}.blog-related-thumb{width:70px;height:48px}}