.detail-loading[data-v-63fbfc7b],.loading-container[data-v-63fbfc7b]{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:30px 500px;width:1200px}.loading-spinner[data-v-63fbfc7b]{animation:spin-63fbfc7b 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1676e7;height:40px;margin-bottom:15px;width:40px}@keyframes spin-63fbfc7b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error-container[data-v-63fbfc7b]{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#e74c3c;padding:20px;text-align:center}.header[data-v-63fbfc7b]{background-color:#fff;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:15px 0}.header-content[data-v-63fbfc7b]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 15px}.header-title[data-v-63fbfc7b]{color:#1e4c94;font-size:18px;font-weight:700}.header-nav a[data-v-63fbfc7b]{color:#666;font-size:14px;margin-left:15px;text-decoration:none}.header-nav a.router-link-active[data-v-63fbfc7b],.header-nav a[data-v-63fbfc7b]:hover{color:#4a90e2}.container[data-v-63fbfc7b]{margin:0 auto;max-width:1200px;padding:20px 0}.breadcrumb[data-v-63fbfc7b]{color:#999;font-size:13px;margin-bottom:20px}.breadcrumb a[data-v-63fbfc7b]{color:#4a90e2;text-decoration:none}.page-title[data-v-63fbfc7b]{border-bottom:1px solid #eee;color:#1e4c94;font-size:20px;margin-bottom:20px;padding-bottom:10px}.article-list[data-v-63fbfc7b]{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;padding:0}.article-item[data-v-63fbfc7b]{border-bottom:1px solid #f0f0f0;padding:20px;transition:background-color .2s}.article-item[data-v-63fbfc7b]:last-child{border-bottom:none}.article-item[data-v-63fbfc7b]:hover{background-color:#f9fafc}.article-header[data-v-63fbfc7b]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.article-title[data-v-63fbfc7b]{color:#333;font-size:16px;font-weight:700;margin:0;text-decoration:none}.article-title[data-v-63fbfc7b]:hover{color:#4a90e2}.article-date[data-v-63fbfc7b]{color:#999;font-size:13px}.article-preview[data-v-63fbfc7b]{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.article-meta[data-v-63fbfc7b]{align-items:center;display:flex;justify-content:space-between}.article-tags[data-v-63fbfc7b]{display:flex;gap:8px}.article-tag[data-v-63fbfc7b]{background-color:#f0f7ff;border-radius:3px;color:#4a90e2;font-size:12px;padding:2px 8px}.view-detail-btn[data-v-63fbfc7b]{background-color:#4a90e2;border-radius:4px;color:#fff;display:inline-block;font-size:13px;padding:6px 12px;text-decoration:none;transition:background-color .3s}.view-detail-btn[data-v-63fbfc7b]:hover{background-color:#3a80d2}.pagination[data-v-63fbfc7b]{align-items:center;display:flex;justify-content:center;margin-top:20px}.pagination a[data-v-63fbfc7b]{background-color:#fff;border-radius:4px;color:#666;display:inline-block;margin:0 4px;padding:6px 12px;text-decoration:none;transition:all .3s}.pagination a.active[data-v-63fbfc7b],.pagination a[data-v-63fbfc7b]:hover{background-color:#4a90e2;color:#fff}@media (max-width:768px){.article-header[data-v-63fbfc7b]{align-items:flex-start;flex-direction:column}.article-date[data-v-63fbfc7b]{margin-top:5px}.article-meta[data-v-63fbfc7b]{align-items:flex-start;flex-direction:column}.article-tags[data-v-63fbfc7b]{margin-bottom:10px}}