.case-detail-page{padding-top:77px;background:#fff}.case-detail-page .case-detail-header{width:100%;background-size:cover;display:flex;flex-direction:column;justify-content:center;padding:80px 0;position:relative}.case-detail-page .case-detail-header:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);z-index:1;pointer-events:none}.case-detail-page .case-detail-header .header-wrap{width:100%;display:flex;align-items:center;gap:60px;color:#fff;max-width:960px;margin:0 auto;position:relative;z-index:2}.case-detail-page .case-detail-header .header-wrap .left{flex:1 1}.case-detail-page .case-detail-header .header-wrap .left h1{font-size:48px;font-weight:700}.case-detail-page .case-detail-header .header-wrap .left h2{font-size:24px;margin-top:20px}.case-detail-page .case-detail-header .header-wrap .left .contributorText{font-size:18px;margin-top:48px}.case-detail-page .case-detail-header .header-wrap .left .contributorText a{color:#fff;text-decoration:underline}.case-detail-page .case-detail-header .header-wrap .left .contributorText a:hover{color:#2196f3}.case-detail-page .case-detail-header .header-wrap .logoWrap{min-width:160px;width:160px;height:160px;padding:10px;border-radius:16px;background:#fff}.case-detail-page .case-detail-header .header-wrap .logoWrap img{width:100%;height:100%;object-fit:contain}@media screen and (max-width:960px){.case-detail-page .case-detail-header .header-wrap{flex-direction:column;flex-flow:column-reverse}}@media screen and (max-width:600px){.case-detail-page .case-detail-header{padding:40px 0}.case-detail-page .case-detail-header .header-wrap{padding:0 20px;align-items:center;gap:24px}.case-detail-page .case-detail-header .header-wrap h1{font-size:24px!important}.case-detail-page .case-detail-header .header-wrap h2{font-size:16px!important;margin-top:10px!important}.case-detail-page .case-detail-header .header-wrap .contributorText{font-size:15px!important}.case-detail-page .case-detail-header .header-wrap .logoWrap{width:64px;min-width:64px;height:64px;border-radius:8px}}.case-detail-page .case-card-content{box-shadow:0 0 20px rgba(0,0,0,.1);max-width:960px;margin:48px auto;padding:48px;border-radius:12px}.case-detail-page .case-card-content .case-section{margin-bottom:64px}.case-detail-page .case-card-content .case-section .section-title{font-size:32px;font-weight:600;padding-bottom:12px;margin-bottom:24px;border-bottom:2px solid #e9ecef}.case-detail-page .case-card-content .case-section .overview-list{display:flex;justify-content:space-between;background:#e9f5ee;border-radius:8px;padding:24px;margin-bottom:32px}.case-detail-page .case-card-content .case-section .overview-list .overview-item{flex:1 1;text-align:center;display:flex;flex-direction:column;padding:16px 8px}.case-detail-page .case-card-content .case-section .overview-list .overview-item .overview-value{font-size:28px;color:#28a745;font-weight:700;margin-bottom:8px;flex:1 1}.case-detail-page .case-card-content .case-section .overview-list .overview-item .overview-label{font-size:16px;color:#555}.case-detail-page .case-card-content .case-section .challenge-desc,.case-detail-page .case-card-content .case-section .overview-intro,.case-detail-page .case-card-content .case-section .solution-desc{font-size:18px;color:#444;margin-bottom:32px}.case-detail-page .case-card-content .case-section .card-list{display:flex;flex-wrap:wrap;gap:20px}.case-detail-page .case-card-content .case-section .card-list .card-item{flex:1 1 45%;min-width:260px;background:#fff3cd;border-left:5px solid #ffc107;border-radius:10px;padding:32px;box-shadow:0 4px 15px rgba(0,0,0,.05)}.case-detail-page .case-card-content .case-section .card-list .card-item .card-title{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:24px}.case-detail-page .case-card-content .case-section .card-list .card-item .card-content{font-size:16px;line-height:1.8}.case-detail-page .case-card-content .case-section .card-list.solution .card-item{background:#d1ecf1;border-color:#17a2b8}.case-detail-page .case-card-content .case-section .card-list .card-item.is-empty{visibility:hidden}.case-detail-page .case-card-content .case-section .app-show{padding:0 48px}.case-detail-page .case-card-content .case-section .app-show .app-show-desc{text-align:center;font-style:italic;color:#666;font-size:18px;margin:24px 0}.case-detail-page .case-card-content .case-section .comment-card{padding:56px;margin:0;background-color:#f0f8ff;border-left:6px solid #007bff;border-radius:4px;font-style:italic;font-size:19px;line-height:1.7;color:#495057;box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:center;text-align:center}.case-detail-page .case-card-content .case-section .comment-card .comment-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-right:15px;border:3px solid #007bff}.case-detail-page .case-card-content .case-section .comment-card .comment-name{font-size:22px;font-weight:700;margin-bottom:8px}.case-detail-page .case-card-content .case-section .comment-card .comment-job{font-size:18px;color:#555}.case-detail-page .case-card-content .contact-card{background-color:#e6f7ff;padding:48px;text-align:center;border-radius:12px;margin-bottom:64px;border:1px dashed #91d5ff}.case-detail-page .case-card-content .contact-card .card-title{color:#1890ff;font-size:24px;margin-bottom:24px;font-weight:700}.case-detail-page .case-card-content .contact-card .card-desc{font-size:18px}.case-detail-page .case-card-content .contact-card .card-button{display:flex;justify-content:center;gap:24px}@media screen and (max-width:900px){.case-detail-page .case-card-content .case-section .card-list{flex-direction:column;gap:16px}.case-detail-page .case-card-content .case-section .card-list .card-item{min-width:0}.case-detail-page .case-card-content .case-section .card-list .card-item.is-empty{display:none}.case-detail-page .case-card-content .case-section .overview-list{flex-direction:column;gap:10px;padding:16px 0}.case-detail-page .case-card-content .case-section .overview-list .overview-item{padding:6px 0}}@media screen and (max-width:600px){.case-detail-page .case-card-content{padding:20px}.case-detail-page .case-card-content .case-section{margin-bottom:24px}.case-detail-page .case-card-content .case-section .section-title{font-size:24px}.case-detail-page .case-card-content .case-section .challenge-desc,.case-detail-page .case-card-content .case-section .overview-intro,.case-detail-page .case-card-content .case-section .solution-desc{font-size:15px}.case-detail-page .case-card-content .case-section .card-list .card-item .card-title{font-size:20px}.case-detail-page .case-card-content .case-section .app-show{padding:0}.case-detail-page .case-card-content .contact-card .card-button{flex-direction:column;align-items:center;gap:0}}