.el-header[data-v-7852df50]{position:relative;margin-bottom:1rem;-o-object-fit:cover;object-fit:cover;border:none;filter:brightness(.9);height:100%}.el-main[data-v-7852df50] span,div[data-v-7852df50]{color:var(--text-color)}category-details[data-v-7852df50]{width:100%;height:100%;color:var(--text-color)}.category-details .el-header .cover[data-v-7852df50]{position:absolute;top:0;left:0;z-index:-1;width:100%;border:none}.category-details .el-header .cover .el-image[data-v-7852df50]{width:100%;height:30rem;-o-object-fit:cover;object-fit:cover;border:none}.category-details .el-header .brand[data-v-7852df50]{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;height:30rem;text-shadow:0 .1875rem .3125rem #1c1f21;opacity:0;border:none}.category-details .el-header .brand p[data-v-7852df50]{font-size:18px}.category-details .el-header .brand p.title[data-v-7852df50]{position:relative;font-family:BiaoSong,sans-serif;font-size:3.2em;line-height:1.2;z-index:100}.category-details .el-header .title span[data-v-7852df50]{display:inline-block;animate-duration:2s}.el-breadcrumb[data-v-7852df50]{padding:20px}.category-details .pagination[data-v-7852df50]{width:100%;padding:1.25rem 0;text-align:center;display:inline-block;opacity:0}.main-article[data-v-7852df50]{position:relative;display:flex;border-radius:10px;box-shadow:0 1px 30px -10px var(--shadow-color);transition:all .5s;height:300px;margin:1rem 0 2rem 0;background:transparent;opacity:0}.main-article[data-v-7852df50]:hover{box-shadow:0 1px 20px -4px var(--shadow-hover-color)}.main-article[data-v-7852df50]:nth-child(2n){flex-direction:row-reverse}.main-article .label[data-v-7852df50]{position:absolute;top:20px;left:-16px;padding:.8rem;color:#fff;background-color:var(--primary-color);box-shadow:0 1px 5px var(--primary-color);border-radius:0 4px 4px 0;letter-spacing:4px;z-index:10;font-size:14px;font-family:Microsoft YaHei,sans-serif}.main-article:nth-child(2n) .label[data-v-7852df50]{left:unset;right:-16px;border-radius:4px 0 0 4px}.main-article .label[data-v-7852df50]:before{content:"";position:absolute;top:100%;left:0;width:0;height:0;background-color:transparent;border-style:solid;border-width:0 1rem 1rem 0;border-color:transparent;border-right-color:var(--primary-color);filter:brightness(.9)}.main-article:nth-child(2n) .label[data-v-7852df50]:before{left:unset;right:0;transform:rotate(-90deg)}.main-article .cover[data-v-7852df50]{width:50%;margin-right:1.5rem;-webkit-clip-path:polygon(0 0,92% 0,100% 100%,0 100%);clip-path:polygon(0 0,92% 0,100% 100%,0 100%);border-radius:.625rem 0 0 .625rem;overflow:hidden;height:300px}.main-article:nth-child(2n) .cover[data-v-7852df50]{margin-right:auto;margin-left:1.5rem;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);clip-path:polygon(0 0,100% 0,100% 100%,8% 100%);border-radius:0 .625rem .625rem 0}.main-article .cover .el-image[data-v-7852df50]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:all .2s ease-in-out 0s;overflow:hidden}.main-article:hover .cover .el-image[data-v-7852df50]{transform:scale(1.05) rotate(1deg)}.main-article .info[data-v-7852df50]{position:relative;width:50%;padding:1rem 1.5rem 3rem 1rem;perspective:62.5rem}.main-article .info .date[data-v-7852df50]{float:right;font-size:12px;color:#ccc}.main-article .info .date span[data-v-7852df50]{color:var(--text-color)}.main-article:nth-child(2n) .info .date[data-v-7852df50]{float:left}.main-article .info .date-icon[data-v-7852df50]{display:inline-block;width:20px;height:20px;text-align:center;border-radius:50%;background:#3a8ee5;color:#000;margin:0 5px;font-size:14px;line-height:20px}.main-article .info .date-icon i[data-v-7852df50]{padding:0}.main-article .info h3[data-v-7852df50]{margin:2rem 0 0 0;color:#000;font-size:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;clear:both;padding-left:2px;font-weight:700;line-height:1.5;font-family:BiaoSong,sans-serif}.main-article .info h3>a[data-v-7852df50]{text-decoration:none}.main-article .info h3>a[data-v-7852df50]:hover{color:var(--primary-color)}.main-article .info .Introduction[data-v-7852df50]{overflow:hidden;text-overflow:ellipsis;max-height:6rem;margin-top:1rem;text-align:justify;line-height:1.6rem;opacity:.9;color:var(--text-color)}.main-article .info .meta[data-v-7852df50]{font-size:12px;color:var(--text-color);margin-top:1rem}.main-article .info .meta .meta-browse[data-v-7852df50]{background:#e9495b}.main-article .info .meta .meta-label[data-v-7852df50]{background:#f74}.main-article .info .meta .meta-type[data-v-7852df50]{background:#3cd38e}.main-article .info>a[data-v-7852df50]{font-size:14px;text-decoration:none;position:absolute;bottom:0;right:0;transform-style:preserve-3d;transform:translateZ(2rem);padding:.5rem 1rem;border-radius:1rem 0;background:var(--primary-color);box-shadow:0 1px 12px -4px var(--primary-color);color:#fff;letter-spacing:2px}.main-article .info>a[data-v-7852df50]:hover{box-shadow:0 1px 20px -4px var(--primary-color)}.main-article:nth-child(2n) .info>a[data-v-7852df50]{left:0;right:auto;border-radius:0 1rem;background:var(--primary-color);color:#fff}.main-container .pagination[data-v-7852df50]{width:100%;padding:1.25rem 0;text-align:center;display:inline-block;opacity:0}@media screen and (max-width:768px){.main-article .info[data-v-7852df50]{width:100%;height:14rem;padding:0}.main-article[data-v-7852df50]{flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.main-article .cover[data-v-7852df50]{width:100%;height:14rem;margin:auto;-webkit-clip-path:polygon(0 0,100% 0,100% 92%,0 100%);clip-path:polygon(0 0,100% 0,100% 92%,0 100%);border-radius:.625rem .625rem 0 0}.main-article[data-v-7852df50]:nth-child(2n){flex-direction:column}.main-article:nth-child(2n) .cover[data-v-7852df50]{width:100%;margin:auto;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 92%);clip-path:polygon(0 0,100% 0,100% 100%,0 92%);border-radius:.625rem .625rem 0 0}.main-article:nth-child(2n) .info .meta[data-v-7852df50]{float:right;padding:0 5px}.main-article .info .Introduction[data-v-7852df50]{padding:0 10px}.main-article .info h3[data-v-7852df50]{padding-left:10px}}