/* FMFans Archive - 简洁样式 */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
.header{background:#fff;padding:16px 0;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100}
.header .container{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:20px;font-weight:bold;color:#137fec;text-decoration:none}
.logo img{height:32px;vertical-align:middle;margin-right:8px}
.search{width:200px;padding:8px 12px;border:1px solid #ddd;border-radius:4px}
.main{padding:24px 0}
.breadcrumb{font-size:14px;color:#666;margin-bottom:16px}
.breadcrumb a{color:#137fec;text-decoration:none}
.breadcrumb span{margin:0 8px}

.forum-title{font-size:28px;font-weight:bold;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}
.filters{margin-bottom:16px}
.filters a{display:inline-block;padding:4px 12px;margin-right:8px;border-radius:20px;font-size:14px;background:#f0f0f0;color:#666;text-decoration:none}
.filters a.active{background:#137fec;color:#fff}

.thread-list{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.thread-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}
.thread-item:last-child{border-bottom:none}
.thread-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}
.thread-subject{flex:1}
.thread-subject a{color:#333;text-decoration:none;font-weight:500}
.thread-subject a:hover{color:#137fec}
.thread-author{width:120px;color:#666;font-size:14px}
.thread-date{width:150px;color:#999;font-size:14px}
.thread-replies{width:80px;text-align:center}
.thread-replies span{background:#f0f0f0;padding:2px 8px;border-radius:4px;font-size:12px}

.post{background:#fff;border-radius:8px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;overflow:hidden}
.post-user{width:180px;padding:16px;background:#f9f9f9;border-right:1px solid #eee;flex-shrink:0}
.post-avatar-wrap{display:flex;align-items:center}
.post-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#137fec,#3b82f6);color:#fff;font-size:20px;font-weight:bold;display:flex;align-items:center;justify-content:center}
.avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.author-link{color:#333;text-decoration:none}
.author-link:hover{color:#137fec}
.post-author{font-weight:bold;margin-top:8px}
.post-badge{font-size:12px;background:#e0e0e0;padding:2px 6px;border-radius:4px;margin-top:4px;display:inline-block}
.post-content{flex:1;padding:16px}
.post-meta{font-size:12px;color:#999;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f0f0f0}
.post-body{font-size:14px;line-height:1.8;word-wrap:break-word}
.post-body img{max-width:100%;height:auto}
.post-body a{color:#137fec}
.post-body blockquote{border-left:3px solid #ccc;padding-left:12px;margin:12px 0;color:#666}
.post-body pre{background:#f5f5f5;padding:12px;overflow:auto;border-radius:4px}
.post-body strong{font-weight:bold}

.pagination{margin-top:24px;text-align:center}
.pagination a{display:inline-block;min-width:36px;padding:8px 12px;margin:0 2px;background:#fff;border:1px solid #ddd;border-radius:4px;color:#333;text-decoration:none;font-size:14px}
.pagination a:hover{background:#f0f0f0;border-color:#137fec}
.pagination span.current{display:inline-block;min-width:36px;padding:8px 12px;margin:0 2px;background:#fff;color:#137fec;border:1px solid #137fec;font-weight:bold;border-radius:4px;font-size:14px}
.pagination span.page-ellipsis{padding:8px 4px;color:#999}
.pagination-bottom{margin-top:16px;margin-bottom:24px}

.user-profile{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}
.user-header{display:flex;align-items:center;gap:24px;padding:24px;background:#f9f9f9;border-bottom:1px solid #eee}
.user-avatar-wrap{display:flex;align-items:center}
.user-info{flex:1}
.user-name{font-size:24px;font-weight:bold;margin-bottom:8px}
.user-meta{font-size:14px;color:#666;display:flex;gap:16px}
.user-posts-header{padding:16px 24px;background:#f5f5f5;border-bottom:1px solid #eee;font-weight:bold}
.user-posts{display:flex;flex-direction:column}
.user-post-item{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid #f0f0f0;color:#333;text-decoration:none}
.user-post-item:hover{background:#f9f9f9}
.user-post-subject{flex:1;color:#333;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:16px}
.user-post-date{color:#666;font-size:14px;white-space:nowrap}
.user-post-arrow{color:#ccc}

.footer{background:#fff;padding:24px 0;border-top:1px solid #e5e5e5;margin-top:auto;text-align:center;color:#999;font-size:14px}

@media (max-width:768px){
.post{flex-direction:column}
.post-user{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-right:none;border-bottom:1px solid #eee}
.thread-author,.thread-date{display:none}
.thread-item{padding:12px}
}