.detail-loading[data-v-0f5e9ca5],.loading-container[data-v-0f5e9ca5]{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:30px 500px;width:1200px}.loading-spinner[data-v-0f5e9ca5]{animation:spin-0f5e9ca5 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1676e7;height:40px;margin-bottom:15px;width:40px}@keyframes spin-0f5e9ca5{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error-container[data-v-0f5e9ca5]{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#e74c3c;padding:20px;text-align:center}.header[data-v-0f5e9ca5]{background-color:#fff;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:15px 0}.header-content[data-v-0f5e9ca5]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 15px}.header-title[data-v-0f5e9ca5]{color:#1e4c94;font-size:18px;font-weight:700}.header-nav a[data-v-0f5e9ca5]{color:#666;font-size:14px;margin-left:15px;text-decoration:none}.header-nav a.router-link-active[data-v-0f5e9ca5],.header-nav a[data-v-0f5e9ca5]:hover{color:#4a90e2}.container[data-v-0f5e9ca5]{margin:0 auto;max-width:1200px;padding:20px 0}.breadcrumb[data-v-0f5e9ca5]{color:#999;font-size:13px;margin-bottom:20px}.breadcrumb a[data-v-0f5e9ca5]{color:#4a90e2;text-decoration:none}.page-title[data-v-0f5e9ca5]{border-bottom:1px solid #eee;color:#1e4c94;font-size:20px;margin-bottom:20px;padding-bottom:10px}.article-list[data-v-0f5e9ca5]{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;padding:0}.article-item[data-v-0f5e9ca5]{border-bottom:1px solid #f0f0f0;padding:20px;transition:background-color .2s}.article-content-wrapper[data-v-0f5e9ca5]{align-items:flex-start;display:flex;gap:10px}.article-content-wrapper .article-main[data-v-0f5e9ca5]{flex:1;min-width:0}.article-content-wrapper.has-paper-icon .article-preview[data-v-0f5e9ca5]{margin-left:-28px}.article-main[data-v-0f5e9ca5]{display:flex;flex-direction:column;gap:10px}.resource-icon[data-v-0f5e9ca5]{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:18px;transition:transform .2s ease}.resource-icon.paper-icon[data-v-0f5e9ca5]:hover{transform:scale(1.2)}.resource-icon.audio-icon[data-v-0f5e9ca5]{font-size:16px;margin-right:4px}.article-title-with-icons[data-v-0f5e9ca5]{align-items:center;display:flex;flex:1;gap:4px;min-width:0}.title-text[data-v-0f5e9ca5]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-item[data-v-0f5e9ca5]:last-child{border-bottom:none}.article-item[data-v-0f5e9ca5]:hover{background-color:#f9fafc}.article-header[data-v-0f5e9ca5]{align-items:center;display:flex;gap:10px;justify-content:space-between}.article-title[data-v-0f5e9ca5]{color:#333;display:block;font-size:16px;font-weight:700;margin:0;text-decoration:none}.article-title[data-v-0f5e9ca5]:hover{color:#4a90e2}.article-preview-link[data-v-0f5e9ca5]{color:inherit;display:block;text-decoration:none}.article-preview-link:hover .article-preview[data-v-0f5e9ca5]{color:#666}.article-meta-info[data-v-0f5e9ca5]{align-items:center;display:flex;flex-shrink:0;gap:12px}.article-author[data-v-0f5e9ca5]{color:#4a90e2;cursor:pointer;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}.article-author[data-v-0f5e9ca5]:hover{color:#3a80d2;text-decoration:underline}.article-author[data-v-0f5e9ca5]:before{font-size:12px}.article-date[data-v-0f5e9ca5]{color:#999;font-size:13px}.article-preview[data-v-0f5e9ca5]{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.article-meta[data-v-0f5e9ca5]{align-items:center;display:flex;justify-content:space-between}.article-tags[data-v-0f5e9ca5]{display:flex;gap:8px}.article-tag[data-v-0f5e9ca5]{background-color:#f0f7ff;border-radius:3px;color:#4a90e2;font-size:12px;padding:2px 8px}.view-detail-btn[data-v-0f5e9ca5]{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-0f5e9ca5]:hover{background-color:#3a80d2}.pagination[data-v-0f5e9ca5]{align-items:center;display:flex;justify-content:center;margin-top:20px}.pagination a[data-v-0f5e9ca5]{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-0f5e9ca5],.pagination a[data-v-0f5e9ca5]:hover{background-color:#4a90e2;color:#fff}.audio-list[data-v-0f5e9ca5]{background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014}.audio-item[data-v-0f5e9ca5]{align-items:center;border-bottom:1px solid #e1e4e8;cursor:pointer;display:flex;padding:20px 20px 20px 80px;transition:background .2s}.audio-item[data-v-0f5e9ca5]:last-child{border-bottom:none}.audio-item[data-v-0f5e9ca5]:hover{background:#f6f8fa}.audio-player-container[data-v-0f5e9ca5]{background:#f6f8fa;border-bottom:1px solid #e1e4e8;padding:0 20px 20px}.play-button[data-v-0f5e9ca5]{align-items:center;background:#4a90e2;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:48px;justify-content:center;margin-right:20px;transition:all .2s;width:48px}.play-button[data-v-0f5e9ca5]:hover{background:#3a80d2;transform:scale(1.05)}.audio-info[data-v-0f5e9ca5]{flex:1;min-width:0}.audio-title[data-v-0f5e9ca5]{color:#24292e;font-size:16px;font-weight:600;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-title[data-v-0f5e9ca5]:hover{color:#4a90e2}.audio-meta[data-v-0f5e9ca5]{color:#586069;display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.meta-item[data-v-0f5e9ca5]{align-items:center;display:flex;gap:5px}.meta-icon[data-v-0f5e9ca5]{font-size:14px}.author-link[data-v-0f5e9ca5]{color:#4a90e2;font-weight:500;text-decoration:none;transition:all .2s ease}.author-link[data-v-0f5e9ca5]:hover{color:#3a80d2;text-decoration:underline}.audio-tags[data-v-0f5e9ca5]{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag[data-v-0f5e9ca5]{background:#f1f8ff;border:1px solid #c8e1ff;border-radius:12px;color:#4a90e2;font-size:12px;padding:2px 10px}@media (max-width:768px){.article-header[data-v-0f5e9ca5]{align-items:flex-start;flex-direction:column}.article-date[data-v-0f5e9ca5]{margin-top:5px}.article-meta[data-v-0f5e9ca5]{align-items:flex-start;flex-direction:column}.article-tags[data-v-0f5e9ca5]{margin-bottom:10px}.audio-item[data-v-0f5e9ca5]{align-items:flex-start;flex-direction:column;gap:15px}.play-button[data-v-0f5e9ca5]{margin-right:0}.audio-meta[data-v-0f5e9ca5]{gap:10px}}