.article-detail[data-v-3fd17b1d]{min-height:100vh;background:#f4f9fc;padding:40PX 0}.article-detail .article-container[data-v-3fd17b1d]{width:60%;margin:0 auto;background:#fff;padding:40PX;border-radius:8PX;box-shadow:0 2PX 12PX rgba(0,0,0,.1)}@media screen and (max-width:768PX){.article-detail .article-container[data-v-3fd17b1d]{width:90%;padding:20PX}}.article-detail .article-container .article-header[data-v-3fd17b1d]{border-bottom:1PX solid #eee;padding-bottom:20PX;margin-bottom:30PX}.article-detail .article-container .article-header .title[data-v-3fd17b1d]{font-size:28PX;color:#333;margin-bottom:15PX;text-align:center}@media screen and (max-width:768PX){.article-detail .article-container .article-header .title[data-v-3fd17b1d]{font-size:20PX}}.article-detail .article-container .article-header .meta-info[data-v-3fd17b1d]{display:flex;justify-content:center;gap:20PX;color:#666;font-size:14PX}.article-detail .article-container .article-header .meta-info span[data-v-3fd17b1d]{padding:4PX 12PX;background:#f5f5f5;border-radius:15PX}.article-detail .article-container .article-intro[data-v-3fd17b1d]{margin-bottom:30PX;padding:20PX;background:#f8f9fa;border-radius:8PX}.article-detail .article-container .article-intro h3[data-v-3fd17b1d]{color:#2091d3;margin-bottom:10PX;font-size:18PX}.article-detail .article-container .article-intro p[data-v-3fd17b1d]{color:#666;line-height:1.6}.article-detail .article-container .article-content[data-v-3fd17b1d]{color:#333;line-height:1.8;font-size:16PX}.article-detail .article-container .article-content img[data-v-3fd17b1d]{max-width:100%;height:auto;margin:10PX 0}.article-detail .article-container .article-content p[data-v-3fd17b1d]{margin-bottom:15PX}