.article-detail-container{background-size:cover;flex-direction:column;align-items:center;width:100%;padding:20px;display:flex}.article-detail-container img{max-width:100%}.article-detail-container.pc{padding:40px}.article-detail-container.pc .article-detail-content{max-width:1200px;padding:52px}.article-detail-container.pc .back-button{margin-top:30px;padding:10px 20px;font-size:16px}.article-detail-container.pc .article-title{margin-bottom:15px;font-size:28px}.article-detail-container.pc .article-date{margin-bottom:20px;font-size:14px}.article-detail-container.pc .article-bottom-text{margin-top:20px}.article-detail-container.mb{box-sizing:border-box;padding:15px}.article-detail-container.mb .article-detail-content{width:100%;padding:15px}.article-detail-container.mb .back-button{margin-top:20px;padding:8px 16px;font-size:14px}.article-detail-container.mb .article-title{margin-bottom:10px;font-size:20px}.article-detail-container.mb .article-date{margin-bottom:15px;font-size:12px}.article-detail-content{border-radius:10px;flex-direction:column;align-items:center;width:100%;display:flex}.article-title{color:#333;text-align:center;width:100%;font-weight:700}.article-date{color:#666;text-align:center;width:100%}.article-content{width:100%;max-height:60vh;padding:0 15px}.article-content img{max-width:100%;height:auto;margin:10px auto;display:block}.article-content p{margin-bottom:15px;line-height:1.6}.loading{color:#4377b5;justify-content:center;align-items:center;height:300px;font-size:18px;display:flex}.back-button{color:#fff;cursor:pointer;text-align:center;background-color:#4377b5;border-radius:4px;transition:background-color .3s}.back-button:hover{background-color:#3566a3}