.article-list-component h2[data-v-0aef860c]{color:#21ca9e;padding:10px 10px 10px 0}.one-article[data-v-0aef860c]{border-bottom:1px solid #eee;margin-bottom:15px;padding:10px 10px 15px}.one-article-container[data-v-0aef860c]{align-items:center;display:flex}.bg-image[data-v-0aef860c]{background-position:50%;background-repeat:no-repeat;background-size:150px 100px;border-radius:5px;height:100px;margin:0 10px;width:150px}.article-x[data-v-0aef860c]{width:100%}.one-article-container a[data-v-0aef860c]{color:#1f2f3d;font-weight:400;-webkit-text-decoration:none;text-decoration:none}.one-article-container h1[data-v-0aef860c]{font-size:18px;font-weight:400}.publish-time[data-v-0aef860c]{color:#afafaf;font-size:14px;padding:5px 0}.article-intro[data-v-0aef860c]{padding-bottom:10px}.article-intro p[data-v-0aef860c]{color:#5e6d82;font-size:13px;letter-spacing:1px;line-height:24px}.article-tag[data-v-0aef860c]{display:flex;font-size:13px}.user-image-container[data-v-c43bbe52]{background:linear-gradient(-6deg,#0ffff4,#f3c0a6 30%,#8dbfff);display:flex;height:150px;max-width:100%}.width-container[data-v-c43bbe52]{align-items:center;display:flex;margin:0 auto;padding:0 20px;width:960px}.image-container[data-v-c43bbe52]{color:#fff;display:flex}.image-container img[data-v-c43bbe52]{border-radius:50%;height:60px;width:60px}.user-info[data-v-c43bbe52]{padding:5px}.name[data-v-c43bbe52]{display:flex;font-size:20px;padding:3px}.name i[data-v-c43bbe52]{cursor:pointer;font-size:14px}.birthday[data-v-c43bbe52],.introduce[data-v-c43bbe52]{font-size:14px;padding:3px}.topic-list[data-v-040bb321]{min-width:200px}.topic-list .menu-header[data-v-040bb321]{align-items:center;display:flex;justify-content:space-between}.topic-list .menu-header h2[data-v-040bb321]{color:#ccbc33;padding:10px 10px 10px 0}.topic-list ul[data-v-040bb321]{font-size:14px;list-style:none;padding-left:0;width:100%}.topic-list ul li[data-v-040bb321]{padding:5px}.topic-list ul li a[data-v-040bb321]{color:#1f2f3d}.topic-list ul li a[data-v-040bb321]:hover{color:#ccbc33}.blog-auth[data-v-040bb321]{font-size:14px;padding:5px}.blog-auth a[data-v-040bb321]{color:#555}.blog-auth a[data-v-040bb321]:hover{-webkit-text-decoration:underline;text-decoration:underline}.selected[data-v-040bb321]{color:#ccbc33!important}.select-class[data-v-040bb321]{width:100%}.show-article-list[data-v-328af9ea]{display:flex;margin:0 auto;max-width:960px;padding:20px}.center-container[data-v-328af9ea]{display:flex;margin:0 auto;width:100%}.left-container[data-v-328af9ea]{margin-right:20px}.right-container[data-v-328af9ea]{width:100%}@media screen and (max-width:960px) and (min-width:700px){.center-container[data-v-328af9ea]{margin:initial}.left-container[data-v-328af9ea]{margin-right:10px}}@media screen and (max-width:700px){.show-article-list[data-v-328af9ea]{flex-direction:column;padding:5px}.center-container[data-v-328af9ea]{flex-direction:column;margin:initial}.left-container[data-v-328af9ea]{margin-right:0}}