#app[data-v-432e76d4]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-9e35e2f4]{width:100%;height:64px;background:#fff;box-shadow:0 2px 8px #0000000f}.header-content[data-v-9e35e2f4]{max-width:1440px;height:100%;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.header-left[data-v-9e35e2f4]{display:flex;align-items:center;gap:12px}.logo[data-v-9e35e2f4]{font-size:20px;font-weight:700;color:#1a1a1a}.nav[data-v-9e35e2f4]{display:flex;gap:24px;margin-left:24px}.nav-link[data-v-9e35e2f4]{font-size:14px;color:#666;transition:color .2s}.nav-link[data-v-9e35e2f4]:hover,.nav-link.active[data-v-9e35e2f4]{color:#2196f3}.header-right[data-v-9e35e2f4]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-9e35e2f4]{width:36px;height:36px;border-radius:50%;background:#e3f2fd}.user-name[data-v-9e35e2f4]{font-size:14px;font-weight:500;color:#333}.app-footer[data-v-aeade420]{width:100%;background:#fff;padding:20px 32px;box-shadow:0 -2px 8px #0000000f;text-align:center;margin-top:auto}.copyright[data-v-aeade420]{font-size:13px;color:#999}.topic-list-page[data-v-c1735bf9]{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.main-content[data-v-c1735bf9]{max-width:1440px;width:100%;margin:0 auto;padding:32px;flex:1;display:flex;flex-direction:column;gap:20px}.search-bar[data-v-c1735bf9]{width:100%;height:48px;background:#fff;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:12px}.search-icon[data-v-c1735bf9]{font-size:16px;color:#666}.search-bar input[data-v-c1735bf9]{flex:1;border:none;outline:none;font-size:14px;color:#333}.search-bar input[data-v-c1735bf9]::placeholder{color:#999}.pagination-info[data-v-c1735bf9]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#666}.topic-list[data-v-c1735bf9]{display:flex;flex-direction:column;gap:12px}.topic-card[data-v-c1735bf9]{background:#fff;border-radius:8px;padding:20px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 4px #00000014}.topic-card[data-v-c1735bf9]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.topic-header[data-v-c1735bf9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.topic-left[data-v-c1735bf9]{display:flex;gap:12px;align-items:center}.topic-avatar[data-v-c1735bf9]{width:40px;height:40px;border-radius:50%;background:#ffe0b2}.topic-info[data-v-c1735bf9]{display:flex;flex-direction:column;gap:4px}.topic-author[data-v-c1735bf9]{font-size:14px;font-weight:600;color:#333}.topic-time[data-v-c1735bf9]{font-size:12px;color:#999}.topic-stats[data-v-c1735bf9]{display:flex;gap:16px;font-size:12px;color:#666}.topic-title[data-v-c1735bf9]{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:12px}.topic-tags[data-v-c1735bf9]{display:flex;gap:8px}.tag[data-v-c1735bf9]{padding:4px 8px;background:#e3f2fd;color:#2196f3;font-size:12px;border-radius:4px}.pagination-ellipsis[data-v-c1735bf9]{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-c1735bf9]{display:flex;justify-content:center;gap:8px;margin-top:auto;padding:24px 0}.pagination-btn[data-v-c1735bf9],.pagination-num[data-v-c1735bf9]{min-width:80px;height:36px;padding:0 16px;background:#fff;border-radius:6px;font-size:14px;color:#666;transition:all .2s}.pagination-btn[data-v-c1735bf9]:hover:not(:disabled){background:#f5f5f5}.pagination-btn[data-v-c1735bf9]:disabled{opacity:.5;cursor:not-allowed}.pagination-num[data-v-c1735bf9]{min-width:36px;padding:0}.pagination-num.active[data-v-c1735bf9]{background:#2196f3;color:#fff;font-weight:600}.topic-detail-page[data-v-9d905a5d]{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.main-content[data-v-9d905a5d]{max-width:1440px;width:100%;margin:0 auto;padding:32px 32px 0;flex:1;display:flex;flex-direction:column;gap:0}.breadcrumb[data-v-9d905a5d]{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:24px}.breadcrumb a[data-v-9d905a5d]{color:#2196f3}.breadcrumb .separator[data-v-9d905a5d]{color:#999}.breadcrumb .current[data-v-9d905a5d]{color:#666}.topic-card[data-v-9d905a5d]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;margin-bottom:0}.topic-header[data-v-9d905a5d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.author-area[data-v-9d905a5d]{display:flex;gap:12px;align-items:center}.author-avatar[data-v-9d905a5d]{width:48px;height:48px;border-radius:50%;background:#ffe0b2}.author-info[data-v-9d905a5d]{display:flex;flex-direction:column;gap:4px}.author-name[data-v-9d905a5d]{font-size:16px;font-weight:600;color:#333}.post-time[data-v-9d905a5d]{font-size:13px;color:#999}.topic-metrics[data-v-9d905a5d]{display:flex;gap:20px;font-size:14px;font-weight:500;color:#666}.topic-title[data-v-9d905a5d]{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.4}.topic-body[data-v-9d905a5d]{font-size:15px;color:#444;line-height:1.6}.replies-section[data-v-9d905a5d]{display:flex;flex-direction:column;gap:0}.reply-card[data-v-9d905a5d]{background:#fff;padding:20px;display:flex;flex-direction:column;gap:12px}.reply-card.reply-green[data-v-9d905a5d]{background:#f1f8e9}.reply-card.reply-blue[data-v-9d905a5d]{background:#e3f2fd}.reply-header[data-v-9d905a5d]{display:flex;justify-content:space-between;align-items:center}.reply-left[data-v-9d905a5d]{display:flex;gap:12px;align-items:center}.reply-avatar[data-v-9d905a5d]{width:36px;height:36px;border-radius:50%}.reply-avatar.avatar-green[data-v-9d905a5d]{background:#c5e1a5}.reply-avatar.avatar-blue[data-v-9d905a5d]{background:#b3e5fc}.reply-info[data-v-9d905a5d]{display:flex;flex-direction:column;gap:4px}.reply-author[data-v-9d905a5d]{font-size:14px;color:#333}.reply-time[data-v-9d905a5d]{font-size:12px;color:#999}.reply-actions[data-v-9d905a5d]{display:flex;gap:16px;font-size:13px;color:#666}.reply-content[data-v-9d905a5d]{font-size:14px;color:#444;line-height:1.6}.pagination[data-v-9d905a5d]{display:flex;justify-content:center;gap:8px;padding:24px 0}.pagination-btn[data-v-9d905a5d],.pagination-num[data-v-9d905a5d]{min-width:80px;height:36px;padding:0 16px;background:#fff;border-radius:6px;font-size:14px;color:#666;transition:all .2s}.pagination-btn[data-v-9d905a5d]:hover:not(:disabled){background:#f5f5f5}.pagination-btn[data-v-9d905a5d]:disabled{opacity:.5;cursor:not-allowed}.pagination-num[data-v-9d905a5d]{min-width:36px;padding:0}.pagination-num.active[data-v-9d905a5d]{background:#ff9800;color:#fff;font-weight:600}:root{--color-primary: #2196f3;--color-bg: #f8f9fa;--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)}body{background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1440px;margin:0 auto}