You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
5.0 KiB
1 lines
5.0 KiB
.main-search{background:var(--color-white)}.sr-page{padding-top:calc(var(--header-h) + 9rem);padding-bottom:7.5rem}.sr-hero{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:5rem;display:flex}.sr-hero__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);text-align:center;margin:0}.sr-search.s-search{width:min(50rem,100%);padding-left:2rem}.sr-hot{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;display:flex}.sr-hot__label{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-22)}.sr-hot__list{flex-wrap:wrap;gap:1rem;display:flex}.sr-hot__tag{min-height:2.25rem;color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-22);cursor:pointer;background:#afb5b926;border:0;border-radius:6.25rem;justify-content:center;align-items:center;padding:.5rem 1.5rem;transition:color .25s,background .25s;display:inline-flex}.sr-hot__tag:hover{color:var(--color-primary);background:#ef43351a}.sr-tabs{border-bottom:1px solid #dfe0e2;flex-wrap:wrap;align-items:stretch;gap:1.5rem;display:flex}.sr-tabs__item{min-height:4rem;color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);cursor:pointer;transition:color var(--duration-fast) var(--easing);background:0 0;border:0;border-bottom:.125rem solid #0000;justify-content:center;align-items:center;margin-bottom:-1px;padding:1rem 0;display:inline-flex;position:relative}.sr-tabs__item.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.sr-tabs__item:hover:not(.is-active){color:var(--color-text)}.sr-list{flex-direction:column;display:flex}.sr-item{border-bottom:1px solid #dfe0e2;align-items:stretch;gap:2rem;padding:2.5rem 0;display:flex}.sr-item[hidden]{display:none}.sr-item__media{aspect-ratio:300/200;background:#afb5b926;border-radius:1rem;flex-shrink:0;width:18.75rem;display:block;overflow:hidden}.sr-item__media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--easing);display:block}.sr-item__media:hover img{transform:scale(1.04)}.sr-item__body{flex-direction:column;flex:1;justify-content:space-between;gap:1.5rem;min-width:0;display:flex}.sr-item__main{flex-direction:column;gap:1rem;display:flex}.sr-item__meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sr-item__type,.sr-item__date{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-22)}.sr-item__type{font-weight:500}.sr-item__sep{background:#dfe0e2;width:1px;height:.875rem;display:block}.sr-item__title{font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:500;line-height:var(--font-28);margin:0}.sr-item__title a{color:var(--color-text);transition:color var(--duration-fast) var(--easing);text-decoration:none}.sr-item__title a:hover{color:var(--color-primary)}.sr-item__desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-28);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.sr-item__more{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:400;line-height:var(--font-22);transition:color var(--duration-fast) var(--easing);align-self:flex-start;align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.sr-item__more svg{flex-shrink:0;width:1rem;height:auto;display:block}.sr-item__more svg path{fill:currentColor;transition:fill var(--duration-fast) var(--easing)}.sr-item__more:hover{color:var(--color-primary)}.sr-empty{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);line-height:var(--font-24);text-align:center;margin:4rem 0 0}.sr-empty[hidden]{display:none}@media (width<=992px){.sr-page{padding-top:calc(var(--header-h) + 32px);padding-bottom:80px}.sr-hero{gap:20px;margin-bottom:48px}.sr-hero__title{font-size:36px;line-height:48px}.sr-search.s-search{padding-left:20px}.sr-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:16px;overflow-x:auto}.sr-tabs::-webkit-scrollbar{display:none}.sr-tabs__item{flex-shrink:0;min-height:52px;font-size:16px}.sr-item{gap:24px;padding:32px 0}.sr-item__media{width:220px}.sr-item__title{font-size:18px;line-height:26px}}@media (width<=576px){.sr-hero{align-items:stretch;margin-bottom:40px}.sr-hero__title{font-size:28px;line-height:36px}.sr-hot{justify-content:flex-start}.sr-hot__tag{min-height:32px;padding:4px 14px;font-size:14px}.sr-item{flex-direction:column;gap:16px;padding:24px 0}.sr-item__media{width:100%}.sr-item__body{gap:16px}.sr-item__main{gap:12px}.sr-item__title{font-size:16px;line-height:24px}.sr-item__desc{-webkit-line-clamp:4;font-size:14px;line-height:22px}}
|