.article-page[data-v-0b079d6c]{background-color:#f5f7fa;color:#1d2129;font-family:Inter,system-ui,sans-serif;min-height:100vh}.breadcrumb[data-v-0b079d6c]{padding:12px 0}.breadcrumb .container[data-v-0b079d6c]{margin:0 auto;max-width:1200px;padding:0 24px}.main-content[data-v-0b079d6c]{padding:48px 0}.main-content .container[data-v-0b079d6c]{margin:0 auto;max-width:1200px;padding:0 24px}.main-content .content-layout[data-v-0b079d6c]{display:flex;flex-direction:column;gap:32px}@media (min-width:1024px){.main-content .content-layout[data-v-0b079d6c]{flex-direction:row;gap:32px}}.article-container[data-v-0b079d6c]{flex:1}@media (min-width:1024px){.article-container[data-v-0b079d6c]{flex:0 0 66.666667%}}.article-card[data-v-0b079d6c]{animation:fadeUp-0b079d6c .6s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:32px;width:768px}.article-card .article-category[data-v-0b079d6c]{margin-bottom:24px}.article-card .article-category .category-tag[data-v-0b079d6c]{background-color:#165dff1a;border-radius:20px;color:#165dff;font-size:12px;font-weight:500;padding:4px 10px}.article-card .article-title[data-v-0b079d6c]{color:#1d2129;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:16px;word-wrap:break-word;overflow-wrap:break-word}.article-card .article-meta[data-v-0b079d6c]{align-items:center;display:flex;margin-bottom:24px}.article-card .article-meta .author-avatar[data-v-0b079d6c]{border-radius:50%;height:40px;margin-right:12px;-o-object-fit:cover;object-fit:cover;width:40px}.article-card .article-meta .meta-info .author-info[data-v-0b079d6c]{align-items:center;display:flex}.article-card .article-meta .meta-info .author-info .author-name[data-v-0b079d6c]{font-weight:500;margin-right:8px}.article-card .article-meta .meta-info .author-info .author-role[data-v-0b079d6c]{color:#909399;font-size:12px}.article-card .article-meta .meta-info .article-stats[data-v-0b079d6c]{align-items:center;color:#909399;display:flex;font-size:12px;gap:8px;margin-top:4px}.article-card .article-cover[data-v-0b079d6c]{margin-bottom:32px}.article-card .article-cover .cover-image[data-v-0b079d6c]{border-radius:12px;height:auto;width:100%}.article-card .article-cover .cover-caption[data-v-0b079d6c]{color:#909399;font-size:12px;margin-top:8px;text-align:center}.article-card .article-content[data-v-0b079d6c]{line-height:1.7}.article-card .article-content[data-v-0b079d6c] h2{color:#1d2129;font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:2rem}.article-card .article-content[data-v-0b079d6c] h3{color:#1d2129;font-size:1.25rem;font-weight:700;margin-bottom:.75rem;margin-top:1.5rem}.article-card .article-content[data-v-0b079d6c] p{color:#4e5969;margin-bottom:1rem}.article-card .article-content[data-v-0b079d6c] img{border-radius:8px;margin:1.5rem 0;max-width:100%}.article-card .article-content[data-v-0b079d6c] blockquote{border-left:4px solid #165dff;color:#6e6e6e;font-style:italic;margin:1.5rem 0;padding-left:1rem}.article-card .article-content[data-v-0b079d6c] ol,.article-card .article-content[data-v-0b079d6c] ul{color:#4e5969;margin:1rem 0 1rem 1.5rem}.article-card .article-content[data-v-0b079d6c] ol li,.article-card .article-content[data-v-0b079d6c] ul li{margin-bottom:.5rem}.article-card .article-content[data-v-0b079d6c] ul li{list-style-type:disc}.article-card .article-content[data-v-0b079d6c] ol li{list-style-type:decimal}.article-card .article-content[data-v-0b079d6c] code{background-color:#f5f5f5;border-radius:4px;font-family:monospace;font-size:.9rem;padding:.2rem .4rem}.article-card .article-content[data-v-0b079d6c] pre{background-color:#f5f5f5;border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1rem}.article-card .article-tags[data-v-0b079d6c]{align-items:center;border-top:1px solid #e5e6eb;display:flex;flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px}.article-card .article-tags .tags-label[data-v-0b079d6c]{color:#909399;font-size:14px}.article-card .article-tags .tag[data-v-0b079d6c]{background-color:#165dff1a;border-radius:20px;color:#165dff;font-size:12px;padding:4px 12px;text-decoration:none;transition:background-color .3s ease}.article-card .article-tags .tag[data-v-0b079d6c]:hover{background-color:#165dff33}.article-card .article-tags .tag[data-v-0b079d6c]:not(:first-of-type){background-color:#f5f7fa;color:#1d2129}.article-card .article-tags .tag[data-v-0b079d6c]:not(:first-of-type):hover{background-color:#165dff1a;color:#165dff}.article-card .article-actions[data-v-0b079d6c]{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.article-card .article-actions .action-btn[data-v-0b079d6c]{align-items:center;background-color:#f5f7fa;border:none;border-radius:8px;color:#1d2129;cursor:pointer;display:flex;font-size:14px;padding:8px 16px;transition:all .3s ease}.article-card .article-actions .action-btn svg[data-v-0b079d6c]{height:20px;margin-right:8px;width:20px}.article-card .article-actions .action-btn.active[data-v-0b079d6c],.article-card .article-actions .action-btn[data-v-0b079d6c]:hover{background-color:#165dff1a;color:#165dff}.sidebar[data-v-0b079d6c]{animation:slideUp-0b079d6c .8s ease-out;animation-delay:.2s;animation-fill-mode:both}@media (min-width:1024px){.sidebar[data-v-0b079d6c]{flex:0 0 33.333333%;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 4rem);overflow-y:auto;position:sticky;top:6rem}}.author-card[data-v-0b079d6c]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px;text-align:center}.author-card .author-card-avatar[data-v-0b079d6c]{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:80px;margin-bottom:16px;-o-object-fit:cover;object-fit:cover;width:80px}.author-card .author-card-name[data-v-0b079d6c]{font-size:20px;font-weight:600;margin-bottom:4px}.author-card .author-card-role[data-v-0b079d6c]{color:#909399;margin-bottom:16px}.author-card .author-card-bio[data-v-0b079d6c]{color:#86909c;font-size:14px;line-height:1.5;margin-bottom:16px}.author-card .btn-follow[data-v-0b079d6c]{background-color:#165dff1a;border:none;border-radius:8px;color:#165dff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s ease;width:100%}.author-card .btn-follow[data-v-0b079d6c]:hover{background-color:#165dff33}.author-card .author-stats[data-v-0b079d6c]{align-items:center;color:#909399;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:16px}.comments-section[data-v-0b079d6c]{animation:slideUp-0b079d6c .8s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:32px}.comments-section .comments-title[data-v-0b079d6c]{font-size:20px;font-weight:600;margin-bottom:24px}.comments-section .comment-form[data-v-0b079d6c]{margin-bottom:32px}.comments-section .comment-form .comment-textarea[data-v-0b079d6c]{border:1px solid #e5e6eb;border-radius:8px;font-family:inherit;margin-bottom:12px;padding:12px 16px;resize:vertical;width:100%}.comments-section .comment-form .comment-textarea[data-v-0b079d6c]:focus{border-color:#165dff;box-shadow:0 0 0 3px #165dff1a;outline:none}.comments-section .comment-form .comment-actions[data-v-0b079d6c]{display:flex;justify-content:flex-end}.comments-section .comment-form .comment-actions .btn-primary[data-v-0b079d6c]{background-color:#165dff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 20px;transition:background-color .3s ease}.comments-section .comment-form .comment-actions .btn-primary[data-v-0b079d6c]:hover:not(:disabled){background-color:#0045e2}.comments-section .comment-form .comment-actions .btn-primary[data-v-0b079d6c]:disabled{cursor:not-allowed;opacity:.5}.comments-section .comments-list .comment-item[data-v-0b079d6c]{display:flex;gap:16px;margin-bottom:24px}.comments-section .comments-list .comment-item .comment-avatar[data-v-0b079d6c]{border-radius:50%;flex-shrink:0;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.comments-section .comments-list .comment-item .comment-content[data-v-0b079d6c]{flex:1}.comments-section .comments-list .comment-item .comment-content .comment-header[data-v-0b079d6c]{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.comments-section .comments-list .comment-item .comment-content .comment-header .comment-author[data-v-0b079d6c]{align-items:center;display:flex}.comments-section .comments-list .comment-item .comment-content .comment-header .comment-author h4[data-v-0b079d6c]{font-weight:500;margin-right:8px}.comments-section .comments-list .comment-item .comment-content .comment-header .comment-author .author-badge[data-v-0b079d6c]{background-color:#165dff1a;border-radius:4px;color:#165dff;font-size:10px;padding:2px 6px}.comments-section .comments-list .comment-item .comment-content .comment-header .comment-date[data-v-0b079d6c]{color:#909399;font-size:12px}.comments-section .comments-list .comment-item .comment-content .comment-text[data-v-0b079d6c]{color:#86909c;line-height:1.6;margin-bottom:12px}.comments-section .comments-list .comment-item .comment-content .comment-actions[data-v-0b079d6c]{align-items:center;color:#909399;display:flex;font-size:12px;gap:16px}.comments-section .comments-list .comment-item .comment-content .comment-actions .comment-action[data-v-0b079d6c]{align-items:center;background:none;border:none;color:#909399;cursor:pointer;display:flex;font-size:12px;transition:color .3s ease}.comments-section .comments-list .comment-item .comment-content .comment-actions .comment-action[data-v-0b079d6c]:hover{color:#165dff}.comments-section .comments-list .comment-item .comment-content .comment-actions .comment-action svg[data-v-0b079d6c]{height:16px;margin-right:4px;width:16px}.comments-section .comments-list .comment-item .comment-content .comment-replies[data-v-0b079d6c]{border-top:1px solid #e5e6eb;margin-left:16px;margin-top:16px;padding-top:16px}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item[data-v-0b079d6c]{display:flex;gap:12px}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item .reply-avatar[data-v-0b079d6c]{border-radius:50%;flex-shrink:0;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item .reply-content[data-v-0b079d6c]{flex:1}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item .reply-content .reply-header[data-v-0b079d6c]{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item .reply-content .reply-header .reply-author[data-v-0b079d6c]{align-items:center;display:flex}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item .reply-content .reply-header .reply-author h4[data-v-0b079d6c]{font-size:14px;font-weight:500;margin-right:8px}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item .reply-content .reply-header .reply-author .author-badge[data-v-0b079d6c]{background-color:#165dff1a;border-radius:4px;color:#165dff;font-size:10px;padding:2px 6px}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item .reply-content .reply-header .reply-date[data-v-0b079d6c]{color:#909399;font-size:12px}.comments-section .comments-list .comment-item .comment-content .comment-replies .reply-item .reply-content .reply-text[data-v-0b079d6c]{color:#86909c;font-size:14px;line-height:1.6}.comments-section .load-more[data-v-0b079d6c]{margin-top:32px;text-align:center}.comments-section .load-more .btn-secondary[data-v-0b079d6c]{background-color:#fff;border:1px solid #e5e6eb;border-radius:8px;color:#1d2129;cursor:pointer;font-weight:500;padding:8px 20px;transition:all .3s ease}.comments-section .load-more .btn-secondary[data-v-0b079d6c]:hover{border-color:#165dff;color:#165dff}.related-articles[data-v-0b079d6c]{animation:slideUp-0b079d6c .8s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:32px}.related-articles .related-title[data-v-0b079d6c]{font-size:20px;font-weight:600;margin-bottom:24px}.related-articles .related-grid[data-v-0b079d6c]{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:768px){.related-articles .related-grid[data-v-0b079d6c]{grid-template-columns:repeat(2,1fr)}}.related-articles .related-grid .related-item[data-v-0b079d6c]{color:inherit;display:flex;gap:16px;text-decoration:none;transition:transform .3s ease}.related-articles .related-grid .related-item:hover .related-article-title[data-v-0b079d6c]{color:#165dff}.related-articles .related-grid .related-item .related-image[data-v-0b079d6c]{border-radius:8px;flex-shrink:0;height:96px;-o-object-fit:cover;object-fit:cover;width:96px}.related-articles .related-grid .related-item .related-content[data-v-0b079d6c]{flex:1}.related-articles .related-grid .related-item .related-content .related-article-title[data-v-0b079d6c]{display:-webkit-box;font-weight:500;line-height:1.4;margin-bottom:8px;transition:color .3s ease;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-articles .related-grid .related-item .related-content .related-meta[data-v-0b079d6c]{color:#909399;font-size:12px}.sidebar-title[data-v-0b079d6c]{font-size:20px;font-weight:600;margin-bottom:16px}.popular-articles[data-v-0b079d6c]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.popular-articles .popular-list .popular-item[data-v-0b079d6c]{color:inherit;display:flex;gap:12px;margin-bottom:16px;text-decoration:none}.popular-articles .popular-list .popular-item[data-v-0b079d6c]:last-child{margin-bottom:0}.popular-articles .popular-list .popular-item:hover .popular-title[data-v-0b079d6c]{color:#165dff}.popular-articles .popular-list .popular-item .popular-image[data-v-0b079d6c]{border-radius:8px;flex-shrink:0;height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.popular-articles .popular-list .popular-item .popular-content[data-v-0b079d6c]{flex:1}.popular-articles .popular-list .popular-item .popular-content .popular-title[data-v-0b079d6c]{font-weight:500;line-height:1.4;margin-bottom:8px;transition:color .3s ease}.popular-articles .popular-list .popular-item .popular-content .popular-meta[data-v-0b079d6c]{color:#909399;font-size:12px}.tags-section[data-v-0b079d6c]{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:32px;padding:24px}.tags-section .tags-list[data-v-0b079d6c]{display:flex;flex-wrap:wrap;gap:8px}.tags-section .tags-list .sidebar-tag[data-v-0b079d6c]{background-color:#f5f7fa;border-radius:20px;color:#1d2129;font-size:12px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.tags-section .tags-list .sidebar-tag[data-v-0b079d6c]:first-child,.tags-section .tags-list .sidebar-tag[data-v-0b079d6c]:hover{background-color:#165dff1a;color:#165dff}.tags-section .tags-list .sidebar-tag[data-v-0b079d6c]:first-child:hover{background-color:#165dff33}@keyframes fadeUp-0b079d6c{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp-0b079d6c{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.article-card[data-v-0b079d6c],.comments-section[data-v-0b079d6c],.related-articles[data-v-0b079d6c]{padding:24px 16px}.related-articles .related-grid[data-v-0b079d6c]{grid-template-columns:1fr}.author-card[data-v-0b079d6c],.main-content[data-v-0b079d6c],.popular-articles[data-v-0b079d6c],.tags-section[data-v-0b079d6c]{padding:48px 0}.author-card .container[data-v-0b079d6c],.main-content .container[data-v-0b079d6c],.popular-articles .container[data-v-0b079d6c],.tags-section .container[data-v-0b079d6c]{padding:0 16px}.author-card .container .content-layout .article-card[data-v-0b079d6c],.main-content .container .content-layout .article-card[data-v-0b079d6c],.popular-articles .container .content-layout .article-card[data-v-0b079d6c],.tags-section .container .content-layout .article-card[data-v-0b079d6c]{width:100%}.popular-articles[data-v-0b079d6c]{padding:24px 16px}.breadcrumb .container[data-v-0b079d6c]{padding:0 16px}}[data-v-0b079d6c]::-webkit-scrollbar{height:8px;width:8px}[data-v-0b079d6c]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}[data-v-0b079d6c]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-v-0b079d6c]::-webkit-scrollbar-thumb:hover{background:#94a3b8}