.friend-card{align-items:center;border:1px solid var(--border-tertiary);border-radius:10px;display:flex;overflow:hidden;padding:12px;position:relative;text-decoration:none}.friend-card.disabled{cursor:not-allowed;opacity:.6}.friend-card img{border-radius:50%;height:30px;width:30px}.friend-card .friend-card-info{flex:1;margin-left:12px;overflow:hidden}.friend-card .friend-card-title{color:var(--font-primary);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card .friend-card-desc{color:var(--font-tertiary);display:-webkit-box;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@keyframes to-left{0%{transform:translate(0)}to{transform:translate(100%)}}.friend-link .friend-link-header{padding-top:20px;position:relative;width:100%}.friend-link .friend-link-header-bg{background-color:var(--bg-tertiary);height:280px;left:0;position:absolute;top:0;width:100%}.friend-link .friend-link-top{box-sizing:border-box;margin:0 auto;max-width:1086px;padding:0 32px;position:relative;width:100%}.friend-link .friend-link-top .leoon-cover{width:100%}.friend-link .friend-link-top .friend-link-top-cover{max-width:700px}.friend-link .friend-link-content-outer{box-sizing:border-box;color:var(--font-primary);margin:0 auto 20px}.friend-link .friend-link-content-title{font-size:30px;font-weight:700;white-space:nowrap}.friend-link .friend-link-content{border-radius:6px;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:100%;min-height:calc(100vh - 80px);padding:40px 32px;width:1086px}.friend-link .friend-card-container{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:60px}.friend-link .friend-link-catalog-list{list-style:none;padding-left:0;position:sticky;top:20px}.friend-link .friend-link-catalog-list li{align-items:center;display:flex;font-size:14px}.friend-link .friend-link-catalog-list li.catalog-title{color:var(--font-primary);font-size:18px;margin-bottom:6px}.friend-link .friend-link-catalog-list span{color:#ccc;margin-right:8px}.friend-link .friend-link-catalog-list a{color:var(--font-primary);color:#999;display:inline-block;padding:8px 0;text-decoration:none}.friend-link .friend-link-catalog-list a:hover{text-decoration:underline}.friend-link .friend-link-left{flex:1;max-width:700px}.friend-link .friend-link-content-article{width:100%}.friend-link .friend-link-content-article>:first-child{margin-top:0}.friend-link .friend-link-content-article img{width:100%}.friend-link .back-home{align-items:center;background-color:var(--bg-secondary);border-radius:50%;color:var(--font-primary);cursor:pointer;display:flex;font-size:20px;height:64px;justify-content:center;left:20px;position:fixed;text-decoration:none;top:20px;width:64px}.friend-link .back-home:hover .iconfont{animation:to-left .75s ease-in-out infinite}.friend-link .el-backtop{height:48px;width:48px}.friend-link .leoon-article-end{color:var(--font-tertiary);font-size:12px;padding:60px 0 16px;text-align:center}.friend-link .leoon-article-end .the-end{color:var(--font-secondary);display:block;font-family:Georgia;margin-top:16px;text-align:center}.friend-link .friend-link-comment-container{border-top:1px solid var(--border-tertiary);margin-top:40px;padding-top:60px}.friend-link .friend-link-comment-container .comment-header{font-size:24px}@media screen and (max-width:700px){.friend-link .friend-link-header{padding-top:0}.friend-link .friend-link-header-bg{display:none}.friend-link .friend-link-top{padding:0}.friend-link .friend-link-content{border-radius:0;flex-direction:column;flex-direction:column-reverse;margin:0 auto;min-height:100vh;padding:16px 16px 32px}.friend-link .friend-link-content-outer{font-size:22px;margin-bottom:32px;padding:0}.friend-link .friend-link-content-title{font-size:22px}.friend-link .friend-link-catalog-list{display:none}.friend-link .back-home{font-size:20px;height:48px;left:24px;top:24px;width:48px}.friend-link .back-home:hover .iconfont{animation:none}.friend-link .friend-card-container{display:grid;grid-template-columns:repeat(1,1fr)}.el-backtop{right:24px!important}}