.article-detail-page[data-v-ee83ac50]{margin:0 auto;max-width:1920px;padding:16px}.article-layout[data-v-ee83ac50]{display:flex;gap:24px;justify-content:space-between}.article-main[data-v-ee83ac50]{flex:1 1 60%;max-width:1280px}.article-side[data-v-ee83ac50]{flex:0 0 40%;max-width:640px}.top-image-wrapper[data-v-ee83ac50]{margin-bottom:16px;overflow:hidden;width:100%}.top-image[data-v-ee83ac50],.top-image-wrapper video[data-v-ee83ac50]{display:block;height:auto;width:100%}.article-title[data-v-ee83ac50]{font-size:20px;font-weight:700;line-height:1.4;margin:16px 0 8px}.article-meta[data-v-ee83ac50]{display:block;margin-bottom:16px}.detail-logo[data-v-ee83ac50]{display:block;height:30px;margin-left:0;margin-right:auto;-o-object-fit:contain;object-fit:contain;width:116px}.detail-time[data-v-ee83ac50]{color:#666;display:block;font-size:14px;text-align:right}.related-title[data-v-ee83ac50]{font-size:16px;font-weight:700;margin-bottom:8px}.article-body-text[data-v-ee83ac50]{line-height:1.8}.article-body-text[data-v-ee83ac50] img{display:block;height:auto;margin:24px auto;max-width:100%}.comment-section[data-v-ee83ac50]{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-top:24px;padding:12px}.comment-section textarea[data-v-ee83ac50]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;height:100px;margin-bottom:4px;padding:8px;resize:vertical;width:100%}.comment-note[data-v-ee83ac50]{color:#111;font-size:12px;margin-bottom:8px}.comment-footer[data-v-ee83ac50]{display:flex;gap:8px;justify-content:flex-end}.comment-count[data-v-ee83ac50]{color:#666;font-size:12px}@media (max-width:1024px){.article-layout[data-v-ee83ac50]{flex-direction:column;gap:24px}.article-main[data-v-ee83ac50],.article-side[data-v-ee83ac50]{flex:none;max-width:100%}}