.loading-state[data-v-17ebe79e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:20px}.loading-state i[data-v-17ebe79e]{font-size:48px;color:#06c;margin-bottom:15px;animation:spin-17ebe79e 1s linear infinite}.loading-state p[data-v-17ebe79e]{color:#666;font-size:16px}@keyframes spin-17ebe79e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.section-card-grid[data-v-17ebe79e]{height:100px}.section-card-content[data-v-17ebe79e]{display:flex;align-items:center;height:100%}.section-icon-large[data-v-17ebe79e]{width:80px;height:80px;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:var(--radius);margin-right:12px;flex-shrink:0}.section-info[data-v-17ebe79e]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;height:80px}.section-title[data-v-17ebe79e]{font-weight:700;font-size:14px;color:var(--text-primary);margin-bottom:4px}.section-desc[data-v-17ebe79e]{color:var(--text-secondary);font-size:12px;line-height:1.3;margin-bottom:4px;flex:1}.section-count[data-v-17ebe79e]{color:var(--text-light);font-size:11px;display:flex;align-items:center;gap:4px}.compact-post-header[data-v-17ebe79e]{display:flex;align-items:center;justify-content:space-between;width:100%}.compact-post-title[data-v-17ebe79e]{flex:1;margin-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--text-primary)}.compact-post-meta[data-v-17ebe79e]{flex-shrink:0;font-size:10px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}@media (max-width:768px){.loading-state[data-v-17ebe79e]{padding:60px 0}.loading-state i[data-v-17ebe79e]{font-size:32px}.section-card-grid[data-v-17ebe79e]{height:120px}.section-card-content[data-v-17ebe79e]{flex-direction:column;align-items:flex-start}.section-icon-large[data-v-17ebe79e]{width:60px;height:60px;margin-bottom:8px}.section-info[data-v-17ebe79e]{height:auto}.compact-post-header[data-v-17ebe79e]{flex-direction:column;align-items:flex-start;gap:4px}.compact-post-title[data-v-17ebe79e]{white-space:normal;overflow:visible;text-overflow:clip;font-size:12px}.compact-post-meta[data-v-17ebe79e]{align-self:flex-start;font-size:10px}}.loading-state[data-v-7467a532]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:20px}.loading-state i[data-v-7467a532]{font-size:32px;color:#06c;margin-bottom:10px;animation:spin-7467a532 1s linear infinite}.loading-state p[data-v-7467a532]{color:#666;font-size:14px}@keyframes spin-7467a532{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state[data-v-2301e85f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 0;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:20px}.loading-state i[data-v-2301e85f]{font-size:48px;color:#06c;margin-bottom:15px;animation:spin-2301e85f 1s linear infinite}.loading-state p[data-v-2301e85f]{color:#666;font-size:16px}@keyframes spin-2301e85f{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.detail-categories[data-v-2301e85f]{margin-top:10px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.category-label[data-v-2301e85f]{font-size:13px;color:#666}.category-tag[data-v-2301e85f]{display:inline-block;padding:3px 8px;background:#f0f8ff;border:1px solid #e0e0e0;border-radius:12px;font-size:12px;color:#06c}.comment-actions[data-v-2301e85f]{align-items:flex-start;margin-top:10px;flex-wrap:wrap}.comment-actions .image-upload[data-v-2301e85f]{position:relative}.comment-actions .file-input[data-v-2301e85f]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.comment-actions .image-preview[data-v-2301e85f]{display:flex;gap:8px}.comment-actions .preview-item[data-v-2301e85f]{position:relative;width:60px;height:60px;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.comment-actions .preview-img[data-v-2301e85f]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.comment-actions .remove-img[data-v-2301e85f]{position:absolute;top:3px;right:3px;width:16px;height:16px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.comment-actions .remove-img[data-v-2301e85f]:hover{background:rgba(255,0,0,.8)}.comment-header[data-v-2301e85f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;color:var(--text-secondary);font-size:12px}.comment-actions[data-v-2301e85f]{display:flex;align-items:center;gap:10px}.comment-buttons[data-v-2301e85f]{display:flex;gap:8px}.comment-btn[data-v-2301e85f]{background:none;border:none;color:var(--text-secondary);font-size:11px;cursor:pointer;padding:2px 6px;border-radius:3px;transition:all .2s;display:flex;align-items:center;gap:2px}.comment-btn[data-v-2301e85f]:hover{background:var(--secondary-color);color:var(--primary-color)}.edit-btn[data-v-2301e85f]:hover{background:#f0f8ff}.delete-btn[data-v-2301e85f]:hover{background:#fff0f0;color:#ff4d4f}@media (max-width:768px){.detail-categories[data-v-2301e85f]{flex-direction:column;align-items:flex-start;gap:5px}.comment-header[data-v-2301e85f]{flex-direction:column;align-items:flex-start;gap:4px}.comment-actions[data-v-2301e85f]{width:100%;justify-content:space-between}.comment-buttons[data-v-2301e85f]{gap:6px}.comment-btn[data-v-2301e85f]{font-size:10px;padding:2px 4px}.comment-actions .btn[data-v-2301e85f]{width:100%}.comment-actions .image-preview[data-v-2301e85f]{justify-content:center}}.forum-nav[data-v-5a110c54]{margin-bottom:20px;padding:10px 0;border-bottom:1px solid #e0e0e0}.forum-path[data-v-5a110c54]{display:flex;align-items:center;gap:8px;font-size:14px}.forum-path a[data-v-5a110c54]{color:#06c;text-decoration:none}.forum-path a[data-v-5a110c54]:hover{text-decoration:underline}.forum-path span[data-v-5a110c54]{color:#666}.current-forum[data-v-5a110c54]{font-weight:700;color:#333}.create-thread-page[data-v-5a110c54]{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:20px;margin-bottom:20px}.create-thread-header[data-v-5a110c54]{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.create-thread-header h2[data-v-5a110c54]{font-size:20px;font-weight:700;margin:0 0 10px 0;color:#333}.forum-desc[data-v-5a110c54]{font-size:14px;color:#666;margin:0}.create-thread-form[data-v-5a110c54]{max-width:800px}.form-group[data-v-5a110c54]{margin-bottom:20px}.form-group label[data-v-5a110c54]{display:block;margin-bottom:8px;font-weight:700;color:#333;font-size:14px}.form-control[data-v-5a110c54]{width:100%;padding:10px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;transition:border-color .2s}.form-control[data-v-5a110c54]:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px rgba(0,102,204,.1)}.thread-content[data-v-5a110c54]{resize:vertical;font-family:inherit;line-height:1.5}.form-actions[data-v-5a110c54]{display:flex;gap:10px;justify-content:flex-end;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.btn[data-v-5a110c54]:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.category-selector[data-v-5a110c54]{display:flex;flex-wrap:wrap;gap:15px;margin-top:8px}.category-item[data-v-5a110c54]{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px}.category-item input[type=checkbox][data-v-5a110c54]{margin:0}.image-upload[data-v-5a110c54]{position:relative;margin-bottom:15px}.file-input[data-v-5a110c54]{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.image-preview[data-v-5a110c54]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.preview-item[data-v-5a110c54]{position:relative;width:100px;height:100px;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.preview-img[data-v-5a110c54]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.remove-img[data-v-5a110c54]{position:absolute;top:5px;right:5px;width:20px;height:20px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.remove-img[data-v-5a110c54]:hover{background:rgba(255,0,0,.8)}.text-muted[data-v-5a110c54]{color:#6c757d;font-size:13px;margin-top:5px}@media (max-width:768px){.create-thread-page[data-v-5a110c54]{padding:15px}.create-thread-header h2[data-v-5a110c54]{font-size:18px}.thread-content[data-v-5a110c54]{min-height:200px}.form-actions[data-v-5a110c54]{flex-direction:column}.form-actions .btn[data-v-5a110c54]{width:100%}.category-selector[data-v-5a110c54]{gap:10px}.preview-item[data-v-5a110c54]{width:80px;height:80px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}:root{--primary-color:#06c;--primary-hover:#0052a3;--secondary-color:#f0f8ff;--accent-color:#e6f2ff;--border-color:#e0e0e0;--text-primary:#333;--text-secondary:#666;--text-light:#999;--bg-light:#f9f9f9;--bg-white:#fff;--shadow:0 1px 3px rgba(0,0,0,.1);--radius:4px}body{background-color:#f0f2f5;background-image:url(https://img2.baidu.com/it/u=2330860968,2432671792&fm=253&app=138&f=JPEG?w=800&h=1736),url(https://img2.baidu.com/it/u=2330860968,2432671792&fm=253&app=138&f=JPEG?w=800&h=1736);background-position:0,100%;background-repeat:no-repeat,no-repeat;background-size:auto 100%,auto 100%;color:var(--text-primary)}#app,body{min-height:100vh}#app{max-width:1200px;margin:0 auto;padding:0;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}.navbar{background:var(--bg-white);border-bottom:1px solid var(--border-color);padding:0 20px;justify-content:space-between;height:60px;position:sticky;top:0;z-index:100;overflow-x:auto;white-space:nowrap}.nav-left,.navbar{display:flex;align-items:center}.nav-left{gap:20px}.logo{font-size:22px;font-weight:700;color:var(--primary-color);display:flex;align-items:center;cursor:pointer;white-space:nowrap;min-width:120px}.logo i{margin-right:10px}.nav-links{display:flex;gap:10px;margin-left:10%;white-space:nowrap}.nav-link{padding:8px 12px;border-radius:var(--radius);color:var(--text-secondary);transition:all .2s;cursor:pointer;font-size:14px;white-space:nowrap}.nav-link:hover{background:var(--secondary-color);color:var(--primary-color)}.nav-link.active{background:var(--primary-color);color:#fff}.auth-links{display:flex;gap:16px}.auth-links .btn{padding:6px 14px;border-radius:20px;font-size:13px;margin-right:10px}.auth-links .btn:last-child{margin-right:0}.user-info{gap:15px}.user-details,.user-info{display:flex;align-items:center}.user-details{gap:10px;cursor:pointer;padding:4px 8px;border-radius:20px;transition:background-color .2s}.user-details:hover{background-color:var(--secondary-color)}.avatar-small{width:32px;height:32px;border-radius:50%;background-color:var(--accent-color);align-items:center;color:var(--primary-color);font-size:14px}.avatar-small,.user-meta{display:flex;justify-content:center}.user-meta{flex-direction:column}.username{font-size:13px;font-weight:700;color:var(--text-primary)}.user-points{font-size:11px;color:var(--text-secondary)}.btn{padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border-color);background:#fff;color:var(--text-primary);cursor:pointer;font-size:14px;transition:all .2s}.btn:hover{background:var(--secondary-color)}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background:var(--primary-hover)}.page-container{padding:20px;min-height:calc(100vh - 60px)}.page-title{font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.total-stats-row{background:var(--secondary-color);border:1px solid var(--border-color);border-radius:var(--radius);padding:8px 12px;margin-bottom:15px;display:flex;gap:12px;font-size:10px;color:var(--text-secondary);flex-wrap:nowrap;justify-content:flex-start}.total-stat-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.total-stat-value{font-weight:700;color:var(--primary-color)}.home-top-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:25px}.section-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.section-header{padding:10px 12px;background:var(--secondary-color);border-bottom:1px solid var(--border-color)}.section-title{font-weight:700;font-size:14px;margin-bottom:0;display:flex;align-items:center;gap:6px}.section-title i{color:var(--primary-color)}.section-content{flex:1;overflow-y:auto;max-height:300px}.compact-post-item{padding:5px 10px;border-bottom:1px solid var(--border-color);transition:background .2s;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:36px}.compact-post-item:hover{background:var(--secondary-color)}.compact-post-badge{width:5px;height:5px;border-radius:50%;flex-shrink:0}.compact-post-badge.new{background:#ff4d4f}.compact-post-badge.high{background:#ffd666}.compact-post-content{flex:1;min-width:0;display:flex;flex-direction:column}.compact-post-title{font-size:11px;font-weight:700;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.compact-post-meta{font-size:9px;color:var(--text-light);display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.compact-post-meta span{display:flex;align-items:center;gap:2px}.compact-post-reply{color:var(--primary-color);font-weight:700}.section-group{margin-bottom:25px}.group-header{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.group-header,.group-icon{display:flex;align-items:center}.group-icon{width:32px;height:32px;background:var(--accent-color);border-radius:var(--radius);justify-content:center;margin-right:10px;color:var(--primary-color);font-size:14px}.group-title{font-size:15px;font-weight:700;color:var(--text-primary)}.section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.section-card-grid{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius);padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;height:100%}.section-card-grid:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.section-header-grid{display:flex;align-items:center;margin-bottom:8px}.section-icon-grid{width:32px;height:32px;background:var(--accent-color);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-right:8px;color:var(--primary-color);font-size:14px}.section-title-grid{font-weight:700;font-size:14px}.section-desc-grid{color:var(--text-secondary);font-size:12px;flex:1;line-height:1.3}.section-count-grid{margin-top:8px;color:var(--text-light);font-size:11px}.rank-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:15px;overflow-x:auto}.rank-tab{padding:8px 15px;cursor:pointer;font-size:13px;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.rank-tab.active,.rank-tab:hover{color:var(--primary-color)}.rank-tab.active{border-bottom-color:var(--primary-color);font-weight:700}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-item{display:flex;align-items:center;padding:10px 12px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius);transition:all .2s}.rank-item:hover{border-color:var(--primary-color);background:var(--secondary-color)}.rank-number{width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-right:10px}.rank-number:first-child{background:#ff6b6b}.rank-number:nth-child(2){background:#ffa94d}.rank-number:nth-child(3){background:#ffd43b}.rank-content{flex:1}.rank-title{font-weight:700;font-size:14px;margin-bottom:2px}.rank-desc{color:var(--text-secondary);font-size:12px}.like-btn{background:none;border:none;color:var(--text-light);font-size:14px;cursor:pointer;padding:3px;transition:all .2s}.like-btn:hover{color:var(--primary-color)}.like-btn.liked{color:#ff4d4f}.article-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.article-item{padding:12px;border-bottom:1px solid var(--border-color);transition:background .2s;cursor:pointer}.article-item:hover{background:var(--secondary-color)}.article-title{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.article-meta{display:flex;gap:12px;font-size:11px;color:var(--text-light);margin-bottom:6px}.article-meta span{display:flex;align-items:center;gap:3px}.article-excerpt{color:var(--text-secondary);font-size:13px;line-height:1.4}.article-detail{padding:15px}.detail-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.detail-title{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.detail-meta{display:flex;gap:15px;color:var(--text-light);font-size:12px;flex-wrap:wrap}.detail-content{line-height:1.7;font-size:14px;margin-bottom:25px;color:var(--text-primary)}.comments-section{margin-top:25px;border-top:1px solid var(--border-color);padding-top:15px}.comment-form{margin-bottom:15px}.comment-textarea{width:100%;padding:8px;border:1px solid var(--border-color);resize:vertical;min-height:60px;font-size:13px}.comment,.comment-textarea{border-radius:var(--radius)}.comment{padding:10px;background:var(--bg-light);margin-bottom:8px}.comment-header{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--text-secondary);font-size:12px}.comment-user{color:var(--primary-color);font-weight:700}.auth-form{max-width:400px;margin:30px auto;padding:20px;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow)}.form-title{text-align:center;margin-bottom:20px;font-size:18px;font-weight:700;color:var(--text-primary)}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary)}.form-control{width:100%;padding:8px 10px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:13px}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(0,102,204,.2)}.form-actions{margin-top:20px}.form-footer{text-align:center;margin-top:15px;font-size:13px;color:var(--text-secondary)}.form-footer a{color:var(--primary-color);cursor:pointer;text-decoration:none}.form-footer a:hover{text-decoration:underline}.profile-header{gap:15px;padding:15px;background:var(--bg-light);border-radius:var(--radius);margin-bottom:15px}.avatar,.profile-header{display:flex;align-items:center}.avatar{width:60px;height:60px;border-radius:50%;background:var(--accent-color);justify-content:center;font-size:24px;color:var(--primary-color);overflow:hidden;border:2px solid var(--border-color)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-info{flex:1}.profile-name{font-size:18px;font-weight:700;margin-bottom:3px;color:var(--text-primary)}.profile-meta{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.profile-stats{display:flex;gap:15px;margin-top:8px}.stat{text-align:center}.stat-value{font-size:16px;font-weight:700;color:var(--primary-color)}.stat-label{font-size:11px;color:var(--text-secondary)}.tabs{display:flex;gap:12px;margin-bottom:15px;border-bottom:1px solid var(--border-color)}.tab{padding:8px 0;cursor:pointer;font-size:13px;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s}.tab.active,.tab:hover{color:var(--primary-color)}.tab.active{border-bottom-color:var(--primary-color);font-weight:700}.tab-content{display:none}.tab-content.active{display:block}.empty-state{text-align:center;padding:30px;color:var(--text-light)}.empty-state i{font-size:30px;margin-bottom:10px;color:var(--border-color)}@media (max-width:900px){.home-top-sections{grid-template-columns:1fr}}@media (max-width:768px){.navbar{padding:0 10px}.nav-links{gap:6px;white-space:nowrap}.nav-link{padding:6px 10px;font-size:12px;white-space:nowrap}.section-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.profile-stats{justify-content:center}.rank-tabs{overflow-x:auto}.page-container{padding:15px}.total-stats-row{gap:8px}.compact-post-item{padding:4px 8px;min-height:32px}.compact-post-title{font-size:10px}.compact-post-meta{font-size:8px;gap:6px}}.text-center{text-align:center}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-10{gap:10px}.card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius);padding:12px;margin-bottom:10px}