.blog-detail-hero{color:#fff;background:linear-gradient(160deg,#001a33 0%,#002d5c 35%,#003d7a 70%,#024 100%);padding:56px 0 48px;position:relative;overflow:hidden}.blog-detail-hero:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400'%3E%3Ccircle cx='200' cy='200' r='200' fill='rgba(0,153,255,0.06)'/%3E%3Ccircle cx='1200' cy='100' r='150' fill='rgba(240,165,0,0.04)'/%3E%3C/svg%3E") 50%/cover no-repeat;position:absolute;inset:0}.blog-detail-hero .container{z-index:1;position:relative}.blog-detail-hero .breadcrumb{margin-bottom:16px;font-size:.82rem}.blog-detail-hero .breadcrumb a{color:#ffffffa6;text-decoration:none;transition:color .2s}.blog-detail-hero .breadcrumb a:hover{color:#f0a500}.blog-detail-hero h1{font-size:2.2rem;font-weight:800;line-height:1.3}.blog-detail-hero .meta{opacity:.75;align-items:center;gap:16px;margin-top:16px;font-size:.85rem;display:flex}.blog-detail-hero .tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.blog-detail-hero .tag{backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:50px;padding:5px 14px;font-size:.72rem;font-weight:600}.blog-featured-image{max-width:1200px;margin:40px auto 0;padding:0 2rem}.blog-featured-image img{border-radius:12px;box-shadow:0 4px 24px #00000014}.blog-content{max-width:1200px;margin:0 auto;padding:48px 2rem}.blog-content h2{color:#036;border-bottom:2px solid #e5e7eb;margin:40px 0 18px;padding-bottom:10px;font-size:1.55rem;font-weight:700}.blog-content h3{color:#036;margin:32px 0 14px;font-size:1.25rem;font-weight:600}.blog-content h4{color:#1e3a5f;margin:24px 0 12px;font-size:1.1rem;font-weight:600}.blog-content p{color:#374151;margin-bottom:22px;font-size:1.05rem;line-height:1.9}.blog-content ul,.blog-content ol{color:#374151;margin:14px 0 22px 28px;font-size:1.02rem;line-height:1.85}.blog-content li{margin-bottom:8px}.blog-content blockquote{color:#92400e;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left:4px solid #f0a500;border-radius:0 12px 12px 0;margin:28px 0;padding:18px 28px;font-style:italic}.blog-content strong{color:#036}.blog-content a:not(.btn){color:#06c;text-underline-offset:3px;text-decoration:underline}.blog-content table{border-collapse:collapse;border-radius:12px;width:100%;margin:28px 0;font-size:.92rem;overflow:hidden;box-shadow:0 2px 12px #0000000f}.blog-content table th{color:#fff;text-align:left;background:#036;padding:12px 16px;font-size:.88rem;font-weight:600}.blog-content table td{color:#374151;border-bottom:1px solid #e8edf3;padding:10px 16px;font-size:.88rem}.blog-content table tr:nth-child(2n){background:#f8fafc}.blog-content table tr:hover{background:#f0f7ff}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-radius:12px;margin:28px 0;overflow-x:auto;box-shadow:0 2px 12px #0000000f}.table-scroll-wrapper table{box-shadow:none;margin:0}.blog-share{border-top:2px solid #e5e7eb;align-items:center;gap:12px;margin-top:40px;padding:24px 0;display:flex}.blog-share span{color:#036;font-weight:700}.blog-nav{justify-content:space-between;padding:24px 0;display:flex}.blog-nav a{color:#06c;font-weight:600}.related-products{max-width:1200px;margin:0 auto;padding:0 2rem 48px}.related-products h2{color:#036;border-bottom:2px solid #e5e7eb;margin-bottom:20px;padding-bottom:12px;font-size:1.35rem;font-weight:700}.related-products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.rp-card{color:#1a1a2e;text-align:center;background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:20px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 2px 6px #00336608}.rp-card:hover{border-color:#09f;transform:translateY(-4px);box-shadow:0 8px 24px #0033661a}.rp-card .rp-code{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.7rem}.rp-card .rp-name{color:#036;font-size:.92rem;font-weight:700;line-height:1.3}.rp-card .rp-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-inline-image{text-align:center;margin:36px 0}.blog-inline-image img{border-radius:8px;box-shadow:0 2px 16px #0000000f}.blog-inline-image figcaption{color:#6b7280;margin-top:10px;font-size:.82rem;font-style:italic}@media (max-width:768px){.blog-detail-hero h1{font-size:1.3rem}.blog-detail-hero{padding:36px 0 28px}.blog-detail-hero .meta{flex-wrap:wrap;gap:8px;font-size:.78rem}.blog-featured-image{margin-top:24px;padding:0 1rem}.blog-content{padding:28px 1rem}.blog-content h2{font-size:1.2rem}.blog-content h3{font-size:1rem}.blog-content p{font-size:.92rem}.blog-content table{font-size:.78rem;table-layout:fixed!important;display:table!important;overflow:visible!important}.blog-content table th{padding:10px 12px;font-size:.75rem;text-align:center!important}.blog-content table td{padding:8px 12px;font-size:.78rem;text-align:center!important}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;margin:16px 0;overflow-x:auto}.blog-content>div{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.blog-share{flex-wrap:wrap;gap:8px}.related-products{padding:0 1rem 48px}.related-products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.rp-card{padding:14px 12px}.rp-card .rp-name{font-size:.82rem}}.toc-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;max-width:100%;margin:32px 0;padding:20px 24px}.toc-title-area{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.toc-title{color:#036;font-size:1.1rem;font-weight:700;border:none!important;margin:0!important;padding:0!important}.toc-toggle-btn{color:#06c;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.toc-toggle-btn:hover{text-decoration:underline}.toc-list{margin:0!important;padding:0!important;list-style:none!important}.toc-item{line-height:1.5;margin:8px 0!important}.toc-item.level-2{font-size:.95rem;font-weight:600}.toc-item.level-3{font-size:.88rem;margin-left:20px!important}.toc-link{color:#374151;gap:8px;transition:color .15s;display:inline-flex;text-decoration:none!important}.toc-link:hover{color:#06c!important;text-decoration:underline!important}.toc-number{color:#036;flex-shrink:0;font-weight:700}.toc-item.level-3 .toc-number{color:#6b7280;font-weight:500}