.detail-loading[data-v-5750186c],.loading-container[data-v-5750186c]{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:30px 500px;width:1200px}.loading-spinner[data-v-5750186c]{animation:spin-5750186c 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1676e7;height:40px;margin-bottom:15px;width:40px}@keyframes spin-5750186c{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error-container[data-v-5750186c]{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#e74c3c;padding:20px;text-align:center}.header[data-v-5750186c]{background-color:#fff;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:15px 0}.header-content[data-v-5750186c]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 15px}.header-title[data-v-5750186c]{color:#1e4c94;font-size:18px;font-weight:700}.header-nav a[data-v-5750186c]{color:#666;font-size:14px;margin-left:15px;text-decoration:none}.header-nav a.router-link-active[data-v-5750186c],.header-nav a[data-v-5750186c]:hover{color:#4a90e2}.container[data-v-5750186c]{margin:0 auto;max-width:1200px;padding:20px 0}.breadcrumb[data-v-5750186c]{color:#999;font-size:13px;margin-bottom:20px}.breadcrumb a[data-v-5750186c]{color:#4a90e2;text-decoration:none}.article-container[data-v-5750186c]{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;min-height:800px;padding:30px}.article-header[data-v-5750186c]{border-bottom:1px solid #f0f0f0;margin-bottom:25px;padding-bottom:15px}.article-title[data-v-5750186c]{color:#333;font-size:24px;font-weight:700;margin-bottom:10px}.article-meta[data-v-5750186c]{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:13px;justify-content:space-between;margin-bottom:15px}.author[data-v-5750186c],.like-count[data-v-5750186c],.publish-date[data-v-5750186c],.view-count[data-v-5750186c]{align-items:center;display:flex;margin-right:15px}.article-tags[data-v-5750186c]{gap:8px;margin-top:10px}.article-tag[data-v-5750186c]{background-color:#f0f7ff;border-radius:3px;color:#4a90e2;font-size:12px;margin-right:6px;padding:2px 8px}[data-v-5750186c] .article-content{color:#333;font-size:15px;line-height:1.8}[data-v-5750186c] .article-content p{margin-bottom:10px!important}[data-v-5750186c] .article-content h2{color:#1e4c94;font-size:20px;margin-bottom:15px;margin-top:30px}[data-v-5750186c] .article-content h3{color:#333;font-size:18px;margin-bottom:12px;margin-top:25px}[data-v-5750186c] .article-content img{border-radius:6px;margin:15px 0;max-width:100%}[data-v-5750186c] .article-content ul{list-style-type:disc;margin-bottom:10px;padding-left:20px}[data-v-5750186c] .article-content ul ul{list-style-type:circle;margin-bottom:10px;padding-left:20px}[data-v-5750186c] .article-content ul ul ul{list-style-type:square;margin-bottom:10px;padding-left:20px}[data-v-5750186c] .article-content ol{list-style-type:decimal;margin-bottom:10px;padding-left:20px}[data-v-5750186c] .article-content li{margin-bottom:8px}[data-v-5750186c] .code-block{background-color:#f8f9fa;border-radius:4px;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:14px;margin:20px 0;overflow-x:auto;padding:15px}[data-v-5750186c] .data-table{border-collapse:collapse;margin:20px 0;width:100%}[data-v-5750186c] .data-table td,[data-v-5750186c] .data-table th{border:1px solid #e0e0e0;padding:10px;text-align:left}[data-v-5750186c] .data-table th{background-color:#f5f5f5;font-weight:700}[data-v-5750186c] .data-table tr:nth-child(2n){background-color:#f9f9f9}[data-v-5750186c] .chart-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:20px 0;padding:15px}.article-footer[data-v-5750186c]{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:30px;padding-top:20px}.action-buttons[data-v-5750186c]{display:flex;gap:15px}.action-btn[data-v-5750186c]{align-items:center;background-color:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:13px;gap:5px;padding:8px 15px;transition:all .3s}.action-btn[data-v-5750186c]:hover{background-color:#e9e9e9}.like-btn.liked[data-v-5750186c]{background-color:#ffebee;color:#e53935}.share-buttons[data-v-5750186c]{display:flex;gap:10px}.share-btn[data-v-5750186c]{align-items:center;background-color:#f5f5f5;border-radius:50%;color:#666;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .3s;width:32px}.share-btn[data-v-5750186c]:hover{background-color:#4a90e2;color:#fff}.related-articles[data-v-5750186c]{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;padding:20px}.related-title[data-v-5750186c]{border-bottom:1px solid #f0f0f0;color:#1e4c94;font-size:18px;margin-bottom:15px;padding-bottom:10px}.related-list[data-v-5750186c]{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.related-item[data-v-5750186c]{border-radius:4px;padding:12px;transition:background-color .2s}.related-item[data-v-5750186c]:hover{background-color:#f9fafc}.related-link[data-v-5750186c]{color:#333;display:block;font-size:14px;margin-bottom:5px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.related-link[data-v-5750186c]:hover{color:#4a90e2}.related-date[data-v-5750186c]{color:#999;font-size:12px}@media (max-width:768px){.article-footer[data-v-5750186c]{flex-direction:column;gap:15px}.related-list[data-v-5750186c]{grid-template-columns:1fr}}