.case-detail-container{width:100%;margin:0;padding:0}.case-detail-main{background:#ffffff;border-radius:0;box-shadow:none;padding:0;margin-bottom:0}.case-detail-content{line-height:1.8;color:#333}.case-detail-content h1{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin:0 0 16px;line-height:1.4}.case-detail-content h2{font-size:1.375rem;font-weight:600;color:#1a1a2e;margin:32px 0 16px;padding-bottom:8px;border-bottom:2px solid #e63946}.case-detail-content h3{font-size:1.125rem;font-weight:600;color:#333;margin:24px 0 12px}.case-detail-content p{margin:0 0 16px}.case-detail-content ol,.case-detail-content ul{margin:0 0 16px;padding-left:24px}.case-detail-content li{margin-bottom:8px}.case-detail-content img{max-width:100%;height:auto;border-radius:4px;margin:16px 0}.case-detail-content a{color:#0066cc;text-decoration:none}.case-detail-content a:hover{text-decoration:underline}.case-detail-content .case-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #eee}.case-detail-content .case-header h1{font-size:1.5rem;margin-bottom:12px}.case-detail-content .case-header h2{font-size:1.25rem;color:#666;border-bottom:none;margin:0;padding:0}.case-detail-content .case-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.case-detail-content .case-challenge,.case-detail-content .case-solution{padding:20px;border-radius:8px}.case-detail-content .case-challenge{background:#fff5f5;border-left:4px solid #e63946}.case-detail-content .case-solution{background:#f0f9ff;border-left:4px solid #0066cc}.case-detail-content .case-challenge h3,.case-detail-content .case-solution h3{margin-top:0;font-size:1rem;font-weight:700}.case-detail-content .case-challenge h3{color:#e63946}.case-detail-content .case-solution h3{color:#0066cc}.case-detail-content .case-challenge ul,.case-detail-content .case-solution ul{margin-bottom:0}.case-detail-content .case-body{margin-top:32px}.case-detail-bottom-nav{text-align:center;padding-top:24px;border-top:1px solid #eee}.case-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}.case-detail-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top-color:#0066cc;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.case-detail-error{text-align:center;padding:48px 24px;background:#fff5f5;border-radius:8px}.case-detail-error h1{font-size:1.5rem;color:#e63946;margin:0 0 16px}.case-detail-error p{color:#666;margin:0 0 24px}@media screen and (max-width:768px){.case-detail-container{padding:16px 12px 32px}.case-detail-main{padding:20px 16px}.case-detail-content h1{font-size:1.375rem}.case-detail-content h2{font-size:1.125rem}.case-detail-content .case-summary{grid-template-columns:1fr;gap:16px}.case-detail-content .case-header h1{font-size:1.25rem}}@media screen and (max-width:480px){.case-detail-content h1{font-size:1.25rem}.case-detail-content h2{font-size:1rem}.case-detail-main{padding:16px 12px}}