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
7.4 KiB
1 lines
7.4 KiB
.main-news{background:var(--color-white)}.n-page{padding-top:calc(var(--header-h) + 7.5rem);padding-bottom:6.25rem}.n-head{justify-content:space-between;align-items:flex-end;gap:2.5rem;margin-bottom:3.5rem;display:flex}.n-head__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);flex-direction:column;margin:0;display:flex}.n-tabs{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1rem;display:flex}.n-tabs__item{color:#2e353a99;min-height:3rem;font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);cursor:default;background:#afb5b926;border:0;border-radius:6.25rem;padding:.75rem 2rem}.n-tabs__item.is-active{background:var(--color-primary);color:var(--color-white)}.n-link{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);transition:color var(--duration-fast) var(--easing);align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.n-link img{width:1rem;height:auto;transition:filter var(--duration-fast) var(--easing);display:block}.n-link:hover{color:var(--color-primary)}.n-link:hover img{filter:brightness(0)saturate()invert(36%)sepia(74%)saturate(2148%)hue-rotate(339deg)brightness(97%)contrast(92%)}.n-link--sm{font-size:var(--font-16);line-height:var(--font-22);gap:.625rem}.n-featured{background:#afb5b926;border-radius:2.5rem;grid-template-columns:minmax(0,45rem) minmax(0,1fr);align-items:center;gap:3rem;margin-bottom:5rem;padding:3rem;display:grid}.n-featured__media{background:var(--color-white);border-radius:2rem;min-width:0;overflow:hidden}.n-featured__media img{aspect-ratio:720/480;object-fit:cover;width:100%;height:auto;transition:transform var(--duration-normal) var(--easing);display:block}.n-featured__body{flex-direction:column;justify-content:space-between;align-self:stretch;min-width:0;padding:2.5rem 0;display:flex}.n-featured__content{flex-direction:column;gap:2.5rem;display:flex}.n-featured__date{color:var(--color-text-muted);font-family:D-DIN-PRO,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-18)}.n-featured__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-28);font-weight:500;line-height:var(--font-37);transition:color var(--duration-fast) var(--easing);margin:0}.n-featured__desc{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-28);margin:0}.n-featured__foot{transition:border-color var(--duration-fast) var(--easing);border-top:1px solid #dfe0e2;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:auto;padding-top:2rem;display:flex}.n-featured__nav{align-items:center;gap:1rem;display:flex}.n-featured:hover{cursor:pointer}.n-featured:hover .n-featured__title{color:var(--color-primary)}.n-featured:hover .n-featured__media img{transform:scale(1.1)}.n-featured:hover .n-featured__foot{border-top-color:var(--color-primary)}.n-nav-btn{cursor:default;background:0 0;border:1px solid #2e353a1a;border-radius:1rem;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;display:inline-flex}.n-nav-btn img{filter:grayscale()opacity(.45);width:.875rem;height:auto;display:block;transform:scaleX(-1)}.n-nav-btn--active{border-color:var(--color-primary)}.n-nav-btn--active img{filter:none;transform:none}.n-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-bottom:5rem;display:grid}.n-card{background:#afb5b926;border-radius:1.5rem;flex-direction:column;gap:2.5rem;min-width:0;padding:2.5rem;display:flex}.n-card__top{flex-direction:column;gap:1.5rem;min-width:0;display:flex}.n-card__date{color:#2e353a99;font-family:D-DIN-PRO,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-18)}.n-card__title{min-height:4rem;color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:500;line-height:var(--font-32);-webkit-line-clamp:2;line-clamp:2;transition:color var(--duration-fast) var(--easing);-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.n-card__media{aspect-ratio:437/260;border-radius:1rem;margin-top:auto;overflow:hidden}.n-card__media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--easing);display:block}.n-card .n-link{transition:border-color var(--duration-fast) var(--easing);border-top:1px solid #dfe0e2;padding-top:1.5rem}.n-card:hover{cursor:pointer}.n-card:hover .n-card__title{color:var(--color-primary)}.n-card:hover .n-card__media img{transform:scale(1.1)}.n-card:hover .n-link{border-top-color:var(--color-primary)}.n-pagination{justify-content:center;align-items:center;gap:.5rem;display:flex}.n-pagination__btn,.n-pagination__page{width:3rem;height:3rem;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:default;background-color:#afb5b926;border-radius:1rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.n-pagination__btn img{filter:grayscale()opacity(.45);width:.875rem;height:auto;display:block;transform:scaleX(-1)}.n-pagination__btn--next img{filter:none;transform:none}.n-pagination__page.is-active{background:var(--color-primary);color:var(--color-white)}@media (width<=1439px){.n-page{padding-top:calc(var(--header-h) + 48px);padding-bottom:72px}.n-head{flex-direction:column;align-items:flex-start;gap:32px;margin-bottom:40px}.n-head__title{font-size:36px;line-height:48px}.n-tabs__item{min-height:44px;padding:10px 24px;font-size:16px}.n-featured{border-radius:24px;grid-template-columns:1fr;gap:32px;margin-bottom:56px;padding:32px}.n-featured__media{border-radius:20px}.n-featured__body{padding:0}.n-featured__content{gap:24px}.n-featured__title{font-size:24px;line-height:34px}.n-featured__desc{font-size:16px;line-height:26px}.n-featured__foot{margin-top:24px;padding-top:24px}.n-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:56px}.n-card{border-radius:20px;gap:28px;padding:28px}.n-card__title{min-height:56px;font-size:18px;line-height:28px}}@media (width<=576px){.n-page{padding-top:calc(var(--header-h) + 5rem);padding-bottom:48px}.n-head{gap:24px;margin-bottom:28px}.n-head__title{font-size:28px;line-height:38px}.n-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;width:100%;overflow-x:auto}.n-tabs::-webkit-scrollbar{display:none}.n-tabs__item{flex-shrink:0;min-height:40px;padding:8px 20px;font-size:14px}.n-featured{border-radius:16px;gap:20px;margin-bottom:40px;padding:20px}.n-featured__media{border-radius:12px}.n-featured__content{gap:16px}.n-featured__date{font-size:14px}.n-featured__title{font-size:20px;line-height:28px}.n-featured__desc{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-size:14px;line-height:22px;display:-webkit-box;overflow:hidden}.n-featured__foot{margin-top:16px;padding-top:16px}.n-featured__nav{gap:12px}.n-nav-btn{border-radius:12px;width:40px;height:40px}.n-grid{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.n-card{border-radius:16px;gap:20px;padding:20px}.n-card__top{gap:16px}.n-card__date{font-size:14px}.n-card__title{min-height:0;font-size:16px;line-height:24px}.n-card .n-link{padding-top:16px}.n-pagination{gap:10px}.n-pagination__btn,.n-pagination__page{border-radius:12px;width:40px;height:40px;font-size:16px}}
|