#app[data-v-432e76d4]{min-height:100vh;display:flex;flex-direction:column}.user-avatar[data-v-24b8901a]{position:relative;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#5dade2,#3498db);box-shadow:0 2px 8px #0000001a;transition:all .3s ease;flex-shrink:0}.user-avatar[data-v-24b8901a]:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.avatar-small[data-v-24b8901a]{width:32px;height:32px}.avatar-medium[data-v-24b8901a]{width:40px;height:40px}.avatar-large[data-v-24b8901a]{width:56px;height:56px}.avatar-img[data-v-24b8901a]{width:100%;height:100%;object-fit:cover;display:block}.avatar-placeholder[data-v-24b8901a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5dade2,#3498db)}.avatar-text[data-v-24b8901a]{color:#fff;font-weight:600;-webkit-user-select:none;user-select:none}.avatar-small .avatar-text[data-v-24b8901a]{font-size:14px}.avatar-medium .avatar-text[data-v-24b8901a]{font-size:16px}.avatar-large .avatar-text[data-v-24b8901a]{font-size:24px}.app-header[data-v-afb0bcac]{width:100%;height:64px;background:linear-gradient(135deg,#5dade2,#3498db);box-shadow:0 2px 12px #0000001a;position:sticky;top:0;z-index:100}.header-content[data-v-afb0bcac]{max-width:1440px;height:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.header-left[data-v-afb0bcac]{display:flex;align-items:center;gap:12px}.logo[data-v-afb0bcac]{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#fff;text-decoration:none;transition:all .3s ease}.logo[data-v-afb0bcac]:hover{transform:scale(1.05)}.logo-icon[data-v-afb0bcac]{font-size:24px}.logo-text[data-v-afb0bcac]{letter-spacing:1px}.nav[data-v-afb0bcac]{display:flex;gap:24px;margin-left:24px}.nav-link[data-v-afb0bcac]{font-size:14px;color:#fffc;transition:all .3s;padding:6px 12px;border-radius:6px;text-decoration:none}.nav-link[data-v-afb0bcac]:hover,.nav-link.active[data-v-afb0bcac]{color:#fff;background:#ffffff26}.header-right[data-v-afb0bcac]{display:flex;align-items:center;gap:12px;padding:6px 16px;background:#ffffff26;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.header-right[data-v-afb0bcac]:hover{background:#fff3}.user-name[data-v-afb0bcac]{font-size:14px;font-weight:500;color:#fff}@media (max-width: 768px){.header-content[data-v-afb0bcac]{padding:0 16px}.logo-text[data-v-afb0bcac]{display:none}.nav[data-v-afb0bcac]{margin-left:12px}.user-name[data-v-afb0bcac]{display:none}}.app-footer[data-v-c580fa48]{width:100%;background:linear-gradient(135deg,#5dade2,#3498db);padding:32px;margin-top:auto}.footer-content[data-v-c580fa48]{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-info[data-v-c580fa48]{display:flex;flex-direction:column;gap:8px}.footer-brand[data-v-c580fa48]{font-size:16px;font-weight:600;color:#fff;margin:0}.copyright[data-v-c580fa48]{font-size:13px;color:#ffffffb3;margin:0}.footer-links[data-v-c580fa48]{display:flex;align-items:center;gap:12px}.footer-link[data-v-c580fa48]{font-size:13px;color:#fffc;text-decoration:none;transition:color .3s}.footer-link[data-v-c580fa48]:hover{color:#fff}.divider[data-v-c580fa48]{color:#fff6}@media (max-width: 768px){.app-footer[data-v-c580fa48]{padding:24px 16px}.footer-content[data-v-c580fa48]{flex-direction:column;text-align:center}}.topic-list-page[data-v-5535812c]{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.main-content[data-v-5535812c]{max-width:1440px;width:100%;margin:0 auto;padding:32px;flex:1;display:flex;flex-direction:column;gap:20px;position:relative}.error-toast[data-v-5535812c]{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-radius:12px;box-shadow:0 8px 24px #ff6b6b66;z-index:1000;animation:slideDown-5535812c .3s ease-out;max-width:90%;word-break:break-word}@keyframes slideDown-5535812c{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-icon[data-v-5535812c]{font-size:20px;flex-shrink:0}.error-text[data-v-5535812c]{flex:1;font-size:14px;font-weight:500}.error-close[data-v-5535812c]{background:#fff3;border:none;color:#fff;font-size:20px;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .3s;flex-shrink:0}.error-close[data-v-5535812c]:hover{background:#ffffff4d}.search-bar[data-v-5535812c]{width:100%;height:56px;background:#fff;border-radius:28px;padding:12px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 16px #00000014;border:2px solid transparent;transition:all .3s}.search-bar[data-v-5535812c]:focus-within{border-color:#4a90e2;box-shadow:0 4px 20px #5dade233}.search-icon[data-v-5535812c]{font-size:18px;color:#4a90e2}.search-bar input[data-v-5535812c]{flex:1;border:none;outline:none;font-size:15px;color:#333;background:transparent}.search-bar input[data-v-5535812c]::placeholder{color:#999}.catalog-filters[data-v-5535812c]{display:flex;gap:12px;justify-content:center;margin-bottom:8px}.catalog-btn[data-v-5535812c]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:20px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.catalog-btn[data-v-5535812c]:hover{border-color:#4a90e2;color:#4a90e2;transform:translateY(-2px);box-shadow:0 4px 12px #5dade233}.catalog-btn.active[data-v-5535812c]{background:linear-gradient(135deg,#5dade2,#3498db);border-color:transparent;color:#fff;box-shadow:0 4px 16px #5dade24d}.catalog-btn.active[data-v-5535812c]:hover{transform:translateY(-2px) scale(1.05)}.catalog-icon[data-v-5535812c]{font-size:18px;line-height:1}.pagination-info[data-v-5535812c]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.topic-list[data-v-5535812c]{display:flex;flex-direction:column;gap:6px}.topic-card[data-v-5535812c]{background:linear-gradient(to bottom,#fff,#fafafa);border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.topic-card[data-v-5535812c]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#5dade2,#3498db);opacity:0;transition:opacity .3s}.topic-card[data-v-5535812c]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #5dade233;border-color:#5dade24d}.topic-card[data-v-5535812c]:hover:before{opacity:1}.topic-header[data-v-5535812c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topic-left[data-v-5535812c]{display:flex;gap:12px;align-items:flex-start}.topic-info[data-v-5535812c]{display:flex;flex-direction:column;gap:4px}.topic-author[data-v-5535812c]{font-size:14px;font-weight:600;color:#333}.topic-time[data-v-5535812c]{font-size:12px;color:#999}.topic-stats[data-v-5535812c]{display:flex;gap:16px;font-size:12px;color:#666}.topic-title[data-v-5535812c]{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.topic-card:hover .topic-title[data-v-5535812c]{color:#4a90e2}.topic-tags[data-v-5535812c]{display:flex;gap:8px;flex-wrap:wrap}.tag[data-v-5535812c]{padding:4px 12px;background:linear-gradient(135deg,#5dade21a,#3498db1a);color:#4a90e2;font-size:12px;border-radius:12px;font-weight:500;border:1px solid rgba(93,173,226,.2)}.pagination-ellipsis[data-v-5535812c]{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:14px;color:#999;-webkit-user-select:none;user-select:none}.pagination[data-v-5535812c]{display:flex;justify-content:center;gap:8px;margin-top:auto;padding:24px 0}.pagination-btn[data-v-5535812c],.pagination-num[data-v-5535812c]{min-width:80px;height:36px;padding:0 16px;background:#fff;border-radius:8px;font-size:14px;color:#666;transition:all .3s;border:1px solid #e0e0e0}.pagination-btn[data-v-5535812c]:hover:not(:disabled){background:linear-gradient(135deg,#5dade2,#3498db);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 12px #5dade24d}.pagination-btn[data-v-5535812c]:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.pagination-num[data-v-5535812c]{min-width:36px;padding:0}.pagination-num[data-v-5535812c]:hover{background:linear-gradient(135deg,#5dade21a,#3498db1a);color:#4a90e2;border-color:#4a90e2}.pagination-num.active[data-v-5535812c]{background:linear-gradient(135deg,#5dade2,#3498db);color:#fff;font-weight:600;border-color:transparent;box-shadow:0 4px 12px #5dade24d}[data-v-a871aa59]{box-sizing:border-box}.topic-detail-page[data-v-a871aa59]{min-height:100vh;display:flex;flex-direction:column;background:#f0f2f5}.main-content[data-v-a871aa59]{max-width:1000px;width:100%;margin:0 auto;padding:20px 24px 40px;flex:1;position:relative}.error-toast[data-v-a871aa59]{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-radius:12px;box-shadow:0 8px 24px #ff6b6b66;z-index:1000;animation:slideDown-a871aa59 .3s ease-out;max-width:90%;word-break:break-word}@keyframes slideDown-a871aa59{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-icon[data-v-a871aa59]{font-size:20px;flex-shrink:0}.error-text[data-v-a871aa59]{flex:1;font-size:14px;font-weight:500}.error-close[data-v-a871aa59]{background:#fff3;border:none;color:#fff;font-size:20px;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .3s;flex-shrink:0}.error-close[data-v-a871aa59]:hover{background:#ffffff4d}.breadcrumb[data-v-a871aa59]{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:16px;color:#00000073}.breadcrumb a[data-v-a871aa59]{color:#000000a6;text-decoration:none;transition:color .3s}.breadcrumb a[data-v-a871aa59]:hover{color:#1890ff}.breadcrumb .separator[data-v-a871aa59]{color:#00000040;margin:0 4px}.breadcrumb .current[data-v-a871aa59]{color:#000000d9}.detail-wrapper[data-v-a871aa59]{display:flex;flex-direction:column;gap:16px}.topic-card[data-v-a871aa59]{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.topic-header[data-v-a871aa59]{padding:24px 24px 16px;border-bottom:2px solid #f0f0f0;background:linear-gradient(to bottom,#fafafa,#fff)}.title[data-v-a871aa59]{font-size:24px;font-weight:600;color:#000000d9;line-height:1.4;margin:0 0 16px}.meta-row[data-v-a871aa59]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.author-section[data-v-a871aa59]{display:flex;align-items:center;gap:12px;font-size:14px}.author-info[data-v-a871aa59]{display:flex;flex-direction:column;gap:4px}.author[data-v-a871aa59]{color:#000000d9;font-weight:500;font-size:15px}.divider[data-v-a871aa59]{color:#00000040}.time[data-v-a871aa59]{color:#00000073;font-size:13px}.stats-section[data-v-a871aa59]{display:flex;align-items:center;gap:16px}.stat-item[data-v-a871aa59]{display:flex;align-items:center;gap:4px;font-size:14px;color:#00000073}.stat-item .icon[data-v-a871aa59]{color:#00000040}.topic-body[data-v-a871aa59]{padding:24px}.content[data-v-a871aa59]{font-size:15px;color:#000000d9;line-height:1.74;word-wrap:break-word;overflow-wrap:break-word}.content[data-v-a871aa59] img{max-width:100%;height:auto;border-radius:2px;margin:16px 0;display:block;box-shadow:0 1px 3px #0000001a}.content[data-v-a871aa59] p{margin:0 0 12px}.content[data-v-a871aa59] p:last-child{margin-bottom:0}.content[data-v-a871aa59] a{color:#1890ff;text-decoration:none}.content[data-v-a871aa59] a:hover{color:#40a9ff}.replies-section[data-v-a871aa59]{background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.section-header[data-v-a871aa59]{padding:16px 24px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#fafafa,#fff)}.section-header h3[data-v-a871aa59]{margin:0;font-size:16px;font-weight:600;color:#000000d9}.filter-buttons[data-v-a871aa59]{display:flex;gap:8px}.filter-btn[data-v-a871aa59]{padding:6px 16px;font-size:13px;color:#000000a6;background:#fff;border:1px solid #d9d9d9;border-radius:16px;cursor:pointer;transition:all .3s}.filter-btn[data-v-a871aa59]:hover{color:#4a90e2;border-color:#4a90e2;background:#5dade20d}.filter-btn.active[data-v-a871aa59]{color:#fff;background:linear-gradient(135deg,#5dade2,#3498db);border-color:transparent;box-shadow:0 2px 8px #5dade24d}.reply-list[data-v-a871aa59]{padding:0}.reply-item[data-v-a871aa59]{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid #f0f0f0;transition:all .3s;position:relative}.reply-item[data-v-a871aa59]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#5dade2,#3498db);opacity:0;transition:opacity .3s}.reply-item[data-v-a871aa59]:hover{background-color:#5dade208}.reply-item[data-v-a871aa59]:hover:before{opacity:1}.reply-item.reply-even[data-v-a871aa59]{background-color:#fff}.reply-item.reply-odd[data-v-a871aa59]{background-color:#fafafa}.reply-item[data-v-a871aa59]:last-child{border-bottom:none}.reply-item[data-v-a871aa59]:hover{opacity:.9}.reply-number[data-v-a871aa59]{flex-shrink:0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;font-weight:600;color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;border:1px solid rgba(102,126,234,.2)}.reply-content-wrapper[data-v-a871aa59]{flex:1;min-width:0}.reply-header[data-v-a871aa59]{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.reply-header .author[data-v-a871aa59]{font-size:14px;font-weight:600;color:#000000d9}.reply-header .time[data-v-a871aa59]{font-size:12px;color:#00000073}.quote-box[data-v-a871aa59]{margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#5dade20d,#3498db0d);border-left:3px solid #4a90e2;border-radius:6px;transition:all .3s}.quote-box[data-v-a871aa59]:hover{background:linear-gradient(135deg,#5dade214,#3498db14);border-left-color:#5dade2}.quote-header[data-v-a871aa59]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quote-icon[data-v-a871aa59]{font-size:18px;color:#4a90e2;font-weight:700}.quote-author[data-v-a871aa59]{font-size:13px;font-weight:600;color:#4a90e2}.quote-floor[data-v-a871aa59]{font-size:12px;color:#00000073;padding:2px 8px;background:#4a90e21a;border-radius:10px}.quote-content[data-v-a871aa59]{font-size:13px;color:#000000a6;line-height:1.6;padding-left:26px;font-style:italic;word-break:break-word}.reply-body[data-v-a871aa59]{font-size:14px;color:#000000d9;line-height:1.74;margin-bottom:8px;word-wrap:break-word;overflow-wrap:break-word}.reply-body[data-v-a871aa59] img{max-width:100%;height:auto;border-radius:2px;margin:12px 0;display:block;box-shadow:0 1px 3px #0000001a}.reply-body[data-v-a871aa59] p{margin:0 0 8px}.reply-body[data-v-a871aa59] p:last-child{margin-bottom:0}.reply-body[data-v-a871aa59] a{color:#1890ff;text-decoration:none}.reply-body[data-v-a871aa59] a:hover{color:#40a9ff}.reply-footer[data-v-a871aa59]{display:flex;gap:16px;margin-top:8px}.vote-item[data-v-a871aa59]{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#00000073;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.vote-item svg[data-v-a871aa59]{flex-shrink:0}.vote-item.like[data-v-a871aa59]:hover{color:#52c41a}.vote-item.dislike[data-v-a871aa59]:hover{color:#ff4d4f}.action-btn .icon[data-v-a871aa59]{width:14px;height:14px}.empty-state[data-v-a871aa59]{padding:60px 24px;text-align:center;color:#00000073}.empty-icon[data-v-a871aa59]{font-size:48px;margin-bottom:16px}.empty-text[data-v-a871aa59]{font-size:16px;font-weight:500;color:#000000a6;margin-bottom:8px}.empty-hint[data-v-a871aa59]{font-size:14px;color:#00000073}.pagination[data-v-a871aa59]{display:flex;justify-content:center;align-items:center;gap:8px;padding:24px 0}.page-btn[data-v-a871aa59],.page-num[data-v-a871aa59]{min-width:32px;height:36px;padding:0 12px;font-size:14px;color:#000000d9;background:#fff;border:1px solid #d9d9d9;border-radius:8px;cursor:pointer;transition:all .3s;line-height:34px}.page-btn[data-v-a871aa59]{padding:0 16px}.page-btn[data-v-a871aa59]:hover:not(:disabled),.page-num[data-v-a871aa59]:hover{color:#4a90e2;border-color:#4a90e2;background:#5dade20d;transform:translateY(-2px)}.page-btn[data-v-a871aa59]:disabled{color:#00000040;background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed;transform:none}.page-num.active[data-v-a871aa59]{color:#fff;background:linear-gradient(135deg,#5dade2,#3498db);border-color:transparent;font-weight:600;box-shadow:0 2px 8px #5dade24d}.ellipsis[data-v-a871aa59]{min-width:32px;height:32px;line-height:32px;text-align:center;color:#00000040;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.main-content[data-v-a871aa59]{padding:12px 16px 24px}.topic-header[data-v-a871aa59]{padding:16px}.title[data-v-a871aa59]{font-size:20px}.topic-body[data-v-a871aa59]{padding:16px}.reply-item[data-v-a871aa59]{padding:12px 16px}.reply-number[data-v-a871aa59]{display:none}}:root{--color-primary: #4a90e2;--color-primary-dark: #357abd;--color-bg: #f5f7fa;--color-card: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-text-tertiary: #999999;--color-border: #e0e0e0;--color-shadow: rgba(0, 0, 0, .08);--gradient-primary: linear-gradient(135deg, #5dade2 0%, #3498db 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--color-primary)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all .3s}.container{max-width:1440px;margin:0 auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
