.home-page{flex-direction:column;min-height:100vh;padding-top:56px;display:flex}.home-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:32px 24px}.home-section{margin-bottom:40px}.section-title{color:#333;margin:0 0 20px;font-size:20px;font-weight:600}.home-loading,.home-empty{text-align:center;color:#666;padding:48px 24px;font-size:14px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.topic-card{cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:20px;transition:all .2s}.topic-card:hover{border-color:#1890ff;transform:translateY(-1px);box-shadow:0 4px 12px #1890ff1f}.topic-card:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.topic-name{color:#333;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}.topic-description{color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.topic-meta{align-items:center;display:flex}.topic-likes{color:#999;align-items:center;gap:4px;font-size:13px;display:flex}.topic-likes svg{color:#ccc}.dark .section-title{color:#e0e0e0}.dark .home-loading,.dark .home-empty{color:#777}.dark .topic-card{background:#2a2a2a;border-color:#444}.dark .topic-card:hover{border-color:#4c9dff;box-shadow:0 4px 12px #4c9dff26}.dark .topic-card:focus{border-color:#4c9dff;box-shadow:0 0 0 2px #4c9dff40}.dark .topic-name{color:#e0e0e0}.dark .topic-description,.dark .topic-likes{color:#777}.dark .topic-likes svg{color:#555}