.case-detail-template{--case-primary-color:#0327dc;--case-text-color:#1e2021;--case-text-secondary:#606466;--case-bg-light:#f7f9fa;--case-border-color:#ececec;--case-header-height:400px;--case-max-width:1200px;--case-sidebar-width:320px;--case-gap:40px}.case-header{position:relative;min-height:var(--case-header-height);display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.case-header-background{position:absolute;inset:0;z-index:0}.case-header-image{object-fit:cover;opacity:.3}.case-header-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.5))}.case-header-content{position:relative;z-index:1;max-width:var(--case-max-width);width:100%;margin:0 auto;padding:60px 20px;text-align:center;color:#fff}.case-meta-breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;font-size:14px}.back-link{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s ease}.back-link:hover{color:#fff}.breadcrumb-separator{color:rgba(255,255,255,.5)}.case-category{color:rgba(255,255,255,.9);background:rgba(255,255,255,.15);padding:4px 12px;border-radius:20px;font-size:12px;text-transform:uppercase;letter-spacing:1px}.case-title{font-size:42px;font-weight:700;line-height:1.3;margin:0 0 20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.case-summary{font-size:18px;line-height:1.6;color:rgba(255,255,255,.9);max-width:700px;margin:0 auto 30px}.case-meta-info{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;font-size:14px}.meta-item{display:flex;gap:8px}.meta-label{color:rgba(255,255,255,.7)}.meta-value{color:#fff;font-weight:500}.case-body{max-width:var(--case-max-width);margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:1fr var(--case-sidebar-width);gap:var(--case-gap)}.case-content-wrapper{min-width:0}.case-featured-image{margin-bottom:40px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1)}.featured-image{width:100%;height:auto;display:block}.case-section{margin-bottom:40px}.case-section h2{font-size:28px;font-weight:600;color:var(--case-text-color);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--case-primary-color);display:inline-block}.case-body-content.rich-text,.section-content{font-size:16px;line-height:1.8;color:var(--case-text-secondary)}.case-body-content.rich-text p{margin-bottom:20px}.case-body-content.rich-text h2,.case-body-content.rich-text h3,.case-body-content.rich-text h4{color:var(--case-text-color);margin:30px 0 15px}.case-body-content.rich-text img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.case-body-content.rich-text ol,.case-body-content.rich-text ul{margin:20px 0;padding-left:25px}.case-body-content.rich-text li{margin-bottom:8px}.case-body-content.rich-text blockquote{border-left:4px solid var(--case-primary-color);padding-left:20px;margin:20px 0;font-style:italic;color:var(--case-text-secondary)}.tags-section .case-tags{display:flex;flex-wrap:wrap;gap:10px}.case-tag{display:inline-block;padding:8px 16px;background:var(--case-bg-light);border:1px solid var(--case-border-color);border-radius:20px;font-size:14px;color:var(--case-text-secondary);transition:all .3s ease}.case-tag:hover{background:var(--case-primary-color);color:#fff;border-color:var(--case-primary-color)}.case-sidebar{display:flex;flex-direction:column;gap:30px}.sidebar-widget{background:var(--case-bg-light);border-radius:12px;padding:24px;border:1px solid var(--case-border-color)}.sidebar-widget h3{font-size:18px;font-weight:600;color:var(--case-text-color);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid var(--case-primary-color)}.category-list{list-style:none;padding:0;margin:0}.category-list li{margin-bottom:8px}.category-list li a{display:block;padding:10px 12px;color:var(--case-text-secondary);text-decoration:none;border-radius:6px;transition:all .3s ease}.category-list li a:hover,.category-list li.active a{background:var(--case-primary-color);color:#fff}.related-cases-list{display:flex;flex-direction:column;gap:16px}.related-case-item{display:flex;gap:16px;text-decoration:none;color:inherit;padding:12px;border-radius:8px;transition:background .3s ease}.related-case-item:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}.related-case-thumb{flex-shrink:0;width:80px;height:60px;border-radius:6px;overflow:hidden}.related-case-thumb img{width:100%;height:100%;object-fit:cover}.related-case-info{flex:1 1;min-width:0}.related-case-info h4{font-size:14px;font-weight:600;color:var(--case-text-color);margin:0 0 6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.related-case-category{font-size:12px;color:var(--case-primary-color);text-transform:uppercase;letter-spacing:.5px}.case-navigation{max-width:var(--case-max-width);margin:0 auto;padding:30px 20px 60px;border-top:1px solid var(--case-border-color)}.nav-back{display:inline-flex;align-items:center;gap:8px;color:var(--case-text-secondary);text-decoration:none;font-size:16px;transition:color .3s ease}.nav-back:hover{color:var(--case-primary-color)}@media (max-width:992px){.case-body{grid-template-columns:1fr;gap:30px}.case-sidebar{order:2}.case-title{font-size:32px}.case-summary{font-size:16px}.case-header{min-height:300px}}@media (max-width:768px){.case-header-content{padding:40px 16px}.case-title{font-size:24px}.case-summary{font-size:14px}.case-meta-info{gap:15px;font-size:12px}.case-body{padding:40px 16px}.case-section h2{font-size:22px}.sidebar-widget{padding:16px}}@media (max-width:480px){.case-title{font-size:20px}.case-meta-breadcrumb{flex-wrap:wrap;font-size:12px}.related-case-item{flex-direction:column;gap:12px}.related-case-thumb{width:100%;height:150px}}