#app-container *, #app-container :after, #app-container :before {
	box-sizing:border-box
}
:after, :before {
--tw-content:""
}
[hidden]:where(:not([hidden=until-found])) {
display:none
}
.glass-nav {
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
	background-color:hsla(0, 0%, 100%, .8);
	border-bottom:1px solid rgba(226, 232, 240, .8)
}
.hover-card-float {
transition:transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1), border-color .3s ease, background-color .3s ease
}
.hover-card-float:hover {
	box-shadow:0 12px 24px -6px rgba(45, 55, 72, .08), 0 6px 12px -4px rgba(45, 55, 72, .04);
	transform:translateY(-4px)
}
.home-top {
	background:#303030;
	font-size:12px;
	font-weight:400;
	height:30px;
	line-height:30px;
	position:relative;
	width:100%
}
.home-top, .home-top a, .home-top a:hover {
	color:#fff
}
.home-top .w1200 {
	margin:0 auto;
	width:1200px
}
.home-top .left_nav {
	align-items:center;
	display:flex
}
.home-top .top_right {
	display:flex
}
.home-top .top_right .item-rt {
	margin-left:30px
}
.home-top .top_right .item-rt .i {
	font-size:12px
}
.home-top .top_right .item-rt.collection {
	cursor:pointer
}
.home-top .top_box {
	align-content:center;
	display:flex;
	height:30px;
	justify-content:space-between
}
.home-top .top_box .item-lf {
	padding-right:30px;
	position:relative
}
.home-top .top_box .item-lf.hot {
	align-items:center;
	display:flex
}
.home-top .top_box .item-lf.hot .hot-div {
	font-size:12px;
	height:14px;
	position:absolute;
	right:2px;
	top:-1px;
	width:26px
}
.home-top .top_box .item-lf.hot .hot-div img {
	height:14px;
	width:26px
}
.home-top .top_box .subweb {
	display:inline-block;
	height:30px
}
.home-top .top_box .subweb:hover {
	cursor:pointer;
	font-weight:600
}
.home-top .top_box .subweb.subweb-tag {
	position:relative
}
.home-top .top_box .subweb.subweb-tag .tagicon {
	display:block;
	height:13px;
	position:absolute;
	right:-28px;
	top:-3px;
	width:26px
}
.home-top .top_box .subweb.subweb-tag .tagicon img {
	width:100%
}
.home-top .nav-more-container {
	background:#303030;
	height:0;
	position:absolute;
	top:30px;
transition:height .3s;
	width:100%;
	z-index:1000
}
.home-top .nav-more-container.height1 {
	height:30px
}
.home-top .nav-more-container.height2, .home-top .nav-more-container.height3 {
	height:120px
}
.home-top .nav-more-container .nav-contant-box {
	height:0;
	position:relative;
transition:height .3s
}
.home-top .nav-more-container .nav-contant-box.height1 {
	height:30px
}
.home-top .nav-more-container .nav-contant-box.height2, .home-top .nav-more-container .nav-contant-box.height3 {
	height:120px
}
.home-top .nav-more-container .nav-contant {
	box-sizing:border-box;
	font-size:0;
	height:0;
	overflow:hidden;
	position:absolute;
transition:height .3s;
	width:100%
}
.home-top .nav-more-container .nav-contant.height1 {
	height:30px
}
.home-top .nav-more-container .nav-contant.height2, .home-top .nav-more-container .nav-contant.height3 {
	height:120px
}
.home-top .nav-more-container .nav-contant a {
	color:#fff;
	font-size:12px;
	line-height:25px;
	margin-right:50px
}
.home-top .nav-more-container .nav-contant a:hover {
	color:#f40d04
}
.home-top .nav-more-container .nav-contant .ewmbox {
	display:inline-block;
	text-align:center;
	width:130px
}
.home-top .nav-more-container .nav-contant .ewmbox .imgbox {
	background:#fff;
	border:4px solid #fff;
	border-radius:4px;
	height:66px;
	margin:15px auto 0;
	overflow:hidden;
	width:66px
}
.home-top .nav-more-container .nav-contant .ewmbox img {
	background:#fff;
	border-radius:4px;
	height:66px;
	width:66px
}
.home-top .nav-more-container .nav-contant .ewmbox .txt {
	color:#c8c8c8;
	font-size:12px;
	padding-top:5px
}
.home-top .nav-more-container .nav-contant.wechatImageList {
	text-align:center
}
.home-top .nav-more-container .nav-contant.wechatImageList .ewmbox {
	width:130px
}
.home-top .nav-more-container .nav-contant.appImageList {
	text-align:center
}
.home-top .nav-more-container .nav-contant.appImageList .ewmbox {
	width:160px
}
.home-top .nav-more-container .nav-contant.nav-contant9 {
	text-align:right
}
.home-top .nav-more-container .nav-contant.nav-contant9 .loginout {
	cursor:pointer;
	font-size:12px
}
.home-top .search-top i {
	font-size:14px
}
.pagination {
	gap:8px;
	padding:8px 0
}
.pagination, .pagination li {
	align-items:center;
	display:flex;
	justify-content:center
}
.pagination li {
	border:1px solid #e2e8f0;
border-radius:.75rem;
	color:#64748b;
	cursor:pointer;
	font-weight:700;
	height:36px;
	min-width:36px;
	text-align:center;
transition:all .3s ease
}
.pagination li a {
	color:#64748b;
	display:block;
	height:100%;
	line-height:36px;
	text-align:center;
	width:100%
}
.pagination li.active, .pagination li:hover {
	background-color:#3e71f6;
	color:#fff
}
.pagination li.active a, .pagination li:hover a {
	color:#fff
}
.pagination li.first, .pagination li.last {
	border:none
}
.pagination li.next a, .pagination li.prev a {
	display:block;
	height:100%;
	position:relative;
	width:100%
}
.pagination li.next a:after, .pagination li.prev a:after {
	content:"<";
	font-size:20px;
	font-weight:700;
	height:20px;
	left:50%;
	line-height:20px;
	position:absolute;
	text-align:center;
	top:45%;
	transform:translate(-50%, -50%);
	width:20px
}
.pagination li.prev a:after {
	content:"<"
}
.pagination li.next a:after {
	content:">"
}
.Header {
	position:fixed;
	z-index:9999
}
.body-ai {
	background:#f8f9fb;
	color:#333;
	min-height:100vh;
	position:relative
}
.body-ai::selection {
background:#3e71f6;
color:#fff
}
.body-ai::-webkit-selection {
background:#3e71f6;
color:#fff
}
#ai-banner-center {
	border-radius:2px;
	height:144px;
	width:100%
}
#ai-banner-center:hover .swiper-button-prev {
	left:10px
}
#ai-banner-center:hover .swiper-button-next {
	right:10px
}
#ai-banner-center .swiper-pagination-bullet {
	background:#fff;
	height:6px;
	opacity:.3;
	width:6px
}
#ai-banner-center .swiper-pagination-bullet-active {
	opacity:1
}
#ai-banner-center .swiper-button-next, #ai-banner-center .swiper-button-prev {
	margin-top:-37px;
	opacity:.6;
	position:absolute;
	top:50%;
-webkit-transform:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
-ms-transition:all .4s;
transition:all .4s
}
#ai-banner-center .swiper-button-next:hover, #ai-banner-center .swiper-button-prev:hover {
	opacity:1
}
#ai-banner-center .swiper-pagination-custom, #ai-banner-center .swiper-pagination-fraction, #ai-banner-center.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom:5px!important
}
#ai-banner-center .swiper-button-prev {
	background:url(https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png) -4px -7px;
	height:74px;
	left:-56px;
	transform:scale(.5);
	width:74px
}
.webp #ai-banner-center .swiper-button-prev {
	background-image:url(https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp)
}
#ai-banner-center .swiper-button-next {
	background:url(https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png) -91px -8px;
	height:74px;
	right:-56px;
	transform:scale(.5);
	width:74px
}
.webp #ai-banner-center .swiper-button-next {
	background-image:url(https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp)
}
#ai-banner-center .swiper-slide {
	color:#333;
	overflow:hidden
}
#ai-banner-center .swiper-slide a {
	display:block;
	height:100%;
	width:100%
}
#ai-banner-center .swiper-slide:hover img {
	transform:scale(1.1)
}
#ai-banner-center .swiper-slide img {
	display:block;
	height:100%;
	-webkit-transform:all 1.3s;
	-moz-transition:all 1.3s;
	-o-transition:all 1.3s;
	-ms-transition:all 1.3s;
	transition:all 1.3s;
	width:100%
}
#ai-banner-center .swiper-slide {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	background:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	font-size:18px;
	-webkit-justify-content:center;
	justify-content:center;
	text-align:center
}
#ai-banner-right {
	border-radius:2px;
	height:144px;
	width:100%
}
#ai-banner-right:hover .swiper-right-button-prev {
	left:10px
}
#ai-banner-right:hover .swiper-right-button-next {
	right:10px
}
#ai-banner-right .swiper-pagination-bullet {
	background:#fff;
	height:6px;
	opacity:.3;
	width:6px
}
#ai-banner-right .swiper-pagination-bullet-active {
	opacity:1
}
#ai-banner-right .swiper-right-button-next, #ai-banner-right .swiper-right-button-prev {
	margin-top:-37px;
	opacity:.6;
	position:absolute;
	top:50%;
-webkit-transform:all .4s;
-moz-transition:all .4s;
-o-transition:all .4s;
-ms-transition:all .4s;
transition:all .4s
}
#ai-banner-right .swiper-right-button-next:hover, #ai-banner-right .swiper-right-button-prev:hover {
	opacity:1
}
#ai-banner-right .swiper-pagination-custom, #ai-banner-right .swiper-pagination-fraction, #ai-banner-right.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom:5px!important
}
#ai-banner-right .swiper-right-button-prev {
	background:url(https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png) -4px -7px;
	height:74px;
	left:-56px;
	transform:scale(.5);
	width:74px
}
.webp #ai-banner-right .swiper-right-button-prev {
	background-image:url(https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp)
}
#ai-banner-right .swiper-right-button-next {
	background:url(https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png) -91px -8px;
	height:74px;
	right:-56px;
	transform:scale(.5);
	width:74px
}
.webp #ai-banner-right .swiper-right-button-next {
	background-image:url(https://s2.51cto.com/images/100/blog/index/sprites_indexfp0908.png?x-oss-process=image/format,webp)
}
#ai-banner-right .swiper-slide {
	color:#333;
	overflow:hidden
}
#ai-banner-right .swiper-slide a {
	display:block;
	height:100%;
	width:100%
}
#ai-banner-right .swiper-slide:hover img {
	transform:scale(1.1)
}
#ai-banner-right .swiper-slide img {
	display:block;
	height:100%;
	-webkit-transform:all 1.3s;
	-moz-transition:all 1.3s;
	-o-transition:all 1.3s;
	-ms-transition:all 1.3s;
	transition:all 1.3s;
	width:100%
}
#ai-banner-right .swiper-slide {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	background:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	font-size:18px;
	-webkit-justify-content:center;
	justify-content:center;
	text-align:center
}
.ai-head-site-wrap {
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	max-width:1500px;
	padding-left:1rem;
	padding-right:1rem
}
@media(min-width:1024px) {
.ai-head-site-wrap {
padding-left:1.5rem;
padding-right:1.5rem
}
}
.arrowing {
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-name:arrowing;
	-webkit-animation-name:arrowing
}
@keyframes arrowing {
0% {
transform:scale(1)
}
50% {
transform:scale(.9)
}
to {
	transform:scale(1)
}
}
@-webkit-keyframes arrowing {
0% {
-webkit-transform:scale(1)
}
50% {
-webkit-transform:scale(.9)
}
to {
	-webkit-transform:scale(1)
}
}
@keyframes ai-page-fade-in {
0% {
opacity:0
}
to {
	opacity:1
}
}
.ai-page {
	box-sizing:border-box;
	display:grid;
	gap:1.5rem;
	grid-template-columns:minmax(0, 1fr);
	margin-left:auto;
	margin-right:auto;
	max-width:1500px;
	padding:1.5rem 1rem 3rem;
	width:100%
}
@media(min-width:1024px) {
.ai-page {
grid-template-columns:minmax(0, 1fr) 340px;
padding-left:1.5rem;
padding-right:1.5rem
}
.ai-page--three {
gap:1.25rem;
grid-template-columns:220px minmax(0, 1fr) 320px
}
}
.ai-page__main {
	gap:1.5rem;
	min-width:0
}
.ai-page__main, .ai-stack {
	display:flex;
	flex-direction:column
}
.ai-stack {
gap:.75rem
}
.ai-stack--loose {
	gap:1.5rem
}
.ai-stack--topics {
	gap:1rem
}
.ai-stack--courses {
	gap:1.25rem
}
.ai-stack--authors {
	gap:1.5rem
}
.ai-page__rail {
	display:none;
	flex-direction:column;
	gap:1.5rem;
	min-width:0
}
@media(min-width:1024px) {
.ai-page__rail {
display:flex
}
}
.ai-aside {
	display:flex;
	flex-direction:column;
	gap:1.5rem;
	min-width:0
}
@media(min-width:1024px) {
.ai-aside {
align-self:flex-start;
position:sticky;
top:6rem
}
}
.ai-wide {
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	max-width:1500px;
	padding-left:1rem;
	padding-right:1rem
}
@media(min-width:1024px) {
.ai-wide {
padding-left:1.5rem;
padding-right:1.5rem
}
}
.ai-empty {
	color:#94a3b8;
font-size:.875rem;
	padding:4rem 1rem;
	text-align:center
}
.ai-empty--span {
	grid-column:1/-1
}
.ai-pager {
	padding:2rem 0
}
.ai-hidden {
	display:none!important
}
.ai-sentinel {
	flex-shrink:0;
	height:1px;
	width:100%
}
.ai-load-status {
	color:#94a3b8;
	font-size:13px;
padding:.75rem 0;
	text-align:center
}
.ai-card {
	background:#fff;
	border:1px solid transparent;
	border-radius:1rem;
	display:flex;
	flex-direction:column;
padding:.75rem;
	position:relative;
transition:border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-card:hover {
	border-color:#eff6ff;
	box-shadow:0 12px 40px -12px rgba(15, 23, 42, .12);
	transform:translateY(-2px)
}
.ai-card:hover .ai-card__media-img {
	transform:scale(1.05)
}
.ai-card:hover .ai-card__title, .ai-card:hover .ai-nick--hover {
	color:#3e71f6
}
.ai-card__top {
	display:flex;
	gap:1rem;
	margin-bottom:0
}
.ai-card__col {
	display:flex;
	flex:1 1 0%;
	flex-direction:column;
	min-width:0
}
.ai-card__head {
	align-items:center;
	display:flex;
	flex-wrap:wrap;
gap:.5rem;
	min-width:0
}
.ai-card__heading {
	align-items:flex-start;
	display:flex;
	gap:20px;
	justify-content:space-between;
margin-bottom:.5rem;
	min-width:0
}
.ai-card__title-cell {
	flex:1 1 auto;
	min-width:0
}
.ai-card__head-badges {
	align-items:flex-start;
	display:inline-flex;
	flex-shrink:0;
	flex-wrap:nowrap;
gap:.375rem
}
.ai-card__title {
	color:#0f172a;
	font-size:17px;
	font-weight:700;
	letter-spacing:.025em;
margin:0 0 .5rem;
transition:color .15s cubic-bezier(.4, 0, .2, 1)
}
.ai-card__lede {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	color:#64748b;
	display:-webkit-box;
	flex:1 1 auto;
	font-size:14px;
	line-height:1.625;
margin-bottom:.5rem;
	overflow:hidden;
	text-align:justify
}
.ai-card__ranks {
	display:flex;
	flex-direction:row;
gap:.5rem;
	min-width:0
}
.ai-card__rank {
	align-items:center;
	background:hsla(55, 92%, 95%, .5);
	border:1px solid #fde047;
border-radius:.375rem;
	box-sizing:border-box;
	color:#ca8a04;
	display:inline-flex;
	font-size:11px;
	font-weight:600;
gap:.25rem;
	line-height:1.35;
	max-width:100%;
padding:.1rem .5rem;
	text-decoration:none;
transition:background-color .15s ease, border-color .15s ease;
	width:fit-content
}
.ai-card__rank .blog-ai-icon {
	color:#eab308;
	flex-shrink:0;
	font-size:13px
}
.ai-card__rank:hover {
	background:hsla(55, 92%, 92%, .65);
	border-color:#facc15
}
.ai-card__rank-txt {
	min-width:0
}
.ai-card__rank-txt b {
	font-weight:800
}
.ai-card__media {
	background:#f8fafc;
border-radius:.75rem;
	flex-shrink:0;
	height:4.5rem;
	overflow:hidden;
	position:relative;
transition:box-shadow .15s cubic-bezier(.4, 0, .2, 1);
	width:6.75rem
}
.ai-card__media--link {
	display:block
}
.ai-card__media-img {
	height:100%;
	object-fit:cover;
transition:transform .15s cubic-bezier(.4, 0, .2, 1);
	width:100%
}
.ai-card__foot {
	align-items:flex-start;
	border-top:1px solid rgba(248, 250, 252, .8);
	display:flex;
	justify-content:space-between;
	margin-top:8px
}
.ai-card__foot-start {
	align-items:center;
	display:flex;
	flex-wrap:wrap;
gap:.5rem;
	min-width:0
}
.ai-card__foot-end {
	align-items:center;
	color:#94a3b8;
	display:flex;
	flex-shrink:0;
gap:.75rem;
margin-left:.5rem
}
@media(min-width:640px) {
.ai-card__foot-end {
gap:1rem;
margin-left:1rem
}
}
.ai-card__author-link {
	align-items:center;
	color:inherit;
	display:inline-flex;
	flex-shrink:0;
gap:.5rem;
	min-width:0;
	text-decoration:none
}
.ai-card__author-link:hover {
	opacity:.9
}
.ai-plain-link {
	color:inherit;
	display:block;
	min-width:0;
	text-decoration:none
}
.ai-avatar {
	background:#f8fafc;
	border:1px solid #f1f5f9;
	border-radius:9999px;
	flex-shrink:0;
	object-fit:cover
}
.ai-avatar--sm {
	height:1.25rem;
	width:1.25rem
}
.ai-avatar--md {
	height:1.5rem;
	width:1.5rem
}
.ai-nick {
	color:#334155;
font-size:.75rem;
	font-weight:700
}
.ai-nick--md13 {
	font-size:13px;
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-nick--hover {
transition:color .15s cubic-bezier(.4, 0, .2, 1)
}
.ai-time-sep {
	color:#cbd5e1;
	flex-shrink:0;
	font-size:12px
}
.ai-time-sep--meta {
font-size:.75rem;
margin-left:.25rem;
margin-right:.25rem
}
.ai-time {
font-size:.75rem;
margin-right:.5rem
}
.ai-time, .ai-time--md12 {
	color:#94a3b8;
	font-weight:500
}
.ai-time--md12 {
	flex-shrink:0;
	font-size:12px
}
.ai-stat {
	align-items:center;
	display:flex;
font-size:.75rem;
	font-weight:500;
gap:.25rem;
	white-space:nowrap
}
.ai-stat .blog-ai-icon {
	font-size:1rem
}
.ai-stat--gap {
gap:.375rem
}
.ai-type-pill {
	align-items:center;
	background-image:linear-gradient(to right, var(--ai-pill-from), var(--ai-pill-to));
	border-radius:3px;
	box-shadow:var(--ai-pill-shadow);
	color:#fff;
	display:inline-flex;
	font-size:10px;
	font-weight:900;
	height:19px;
	justify-content:center;
	letter-spacing:.1em;
margin-right:.5rem;
padding:0 .375rem;
	position:relative;
	top:-2px
}
.ai-type-pill--hr-blog {
--ai-pill-from:#fb923c;
--ai-pill-to:#f97316;
--ai-pill-shadow:0 2px 4px rgba(249, 115, 22, .3)
}
.ai-type-pill--hr-activity {
--ai-pill-from:#c084fc;
--ai-pill-to:#a855f7;
--ai-pill-shadow:0 2px 4px rgba(168, 85, 247, .3)
}
.ai-type-pill--hr-tool {
--ai-pill-from:#60a5fa;
--ai-pill-to:#3b82f6;
--ai-pill-shadow:0 2px 4px rgba(59, 130, 246, .3)
}
.ai-type-pill--hr-default {
--ai-pill-from:#818cf8;
--ai-pill-to:#6366f1;
--ai-pill-shadow:0 2px 4px rgba(99, 102, 241, .3)
}
.ai-type-pill--blog-original {
--ai-pill-from:#fb923c;
--ai-pill-to:#f97316;
--ai-pill-shadow:0 2px 4px rgba(249, 115, 22, .3)
}
.ai-type-pill--blog-reprint {
--ai-pill-from:#60a5fa;
--ai-pill-to:#3b82f6;
--ai-pill-shadow:0 2px 4px rgba(59, 130, 246, .3)
}
.ai-type-pill--blog-translate {
--ai-pill-from:#c084fc;
--ai-pill-to:#a855f7;
--ai-pill-shadow:0 2px 4px rgba(168, 85, 247, .3)
}
.ai-badge {
border-radius:.25rem;
	border-style:solid;
	border-width:1px;
	font-size:10px;
	font-weight:700;
padding:.125rem .375rem
}
.ai-badge--top {
	background:#f8fafc;
	border-color:#e2e8f0;
	color:#475569
}
.ai-badge--picked {
	background:rgba(255, 247, 237, .5);
	border-color:#fed7aa;
	color:#f97316
}
.ai-badge--rec {
	background:hsla(0, 86%, 97%, .5);
	border-color:#fecaca;
	color:#ef4444
}
.ai-badge--rank {
	align-items:center;
	background:hsla(55, 92%, 95%, .5);
	border-color:#fde047;
	color:#ca8a04;
	cursor:pointer;
	display:inline-flex;
gap:.25rem
}
.ai-badge--rank .blog-ai-icon {
	color:#eab308
}
.ai-badge--author {
	background:#fff7ed;
	border-color:#ffedd5;
border-radius:.25rem;
	color:#ea580c;
	flex-shrink:0;
	font-size:9px;
	font-weight:700;
	line-height:1;
padding:.125rem .25rem
}
.ai-chip {
	border-radius:9999px;
	font-size:11px;
margin-right:.25rem;
	max-width:100%;
	overflow:hidden;
padding:.25rem .625rem;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-chip--subject {
	background:#eff6ff;
	color:#3e71f6;
	font-weight:700
}
.ai-chip--topic {
	background:#f8fafc;
	border:1px solid #f1f5f9;
	color:#64748b;
	font-weight:500
}
.ai-section__header {
	align-items:flex-end;
	display:flex;
	justify-content:space-between;
	margin-bottom:1rem
}
.ai-section__title {
	align-items:center;
	color:#0f172a;
	display:flex;
	font-size:18px;
	font-weight:800;
gap:.75rem;
	margin:0
}
.ai-section__more {
	align-items:center;
	color:#94a3b8;
	display:flex;
	font-size:13px;
	font-weight:500;
	text-decoration:none
}
.ai-section__more:hover {
	color:#3e71f6
}
.ai-section__more .blog-ai-icon {
margin-left:.25rem
}
.ai-icon-box {
	align-items:center;
	border-radius:1rem;
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	display:flex;
	flex-shrink:0;
	height:2.25rem;
	justify-content:center;
	position:relative;
transition:transform .15s cubic-bezier(.4, 0, .2, 1);
	width:2.25rem
}
.ai-icon-box:hover {
	transform:scale(1.05)
}
.ai-icon-box:after {
	border-left:1.5px solid hsla(0, 0%, 100%, .6);
	border-radius:1rem;
	border-top:1.5px solid hsla(0, 0%, 100%, .6);
	box-shadow:inset 0 -4px 8px rgba(0, 0, 0, .15), inset 0 4px 8px hsla(0, 0%, 100%, .4);
	content:"";
	inset:0;
	pointer-events:none;
	position:absolute
}
.ai-icon-box--blue {
	background-image:linear-gradient(to bottom right, #73a8ff, #3a76f0);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1), 0 0 0 1px rgba(59, 130, 246, .15)
}
.ai-icon-box--purple {
	background-image:linear-gradient(to bottom right, #c8a8fa, #8b5cf6);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1), 0 0 0 1px rgba(168, 85, 247, .15)
}
.ai-icon-box--orange {
	background-image:linear-gradient(to bottom right, #ffbe6b, #f2861d);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1), 0 0 0 1px rgba(249, 115, 22, .15)
}
.ai-icon-box--rose {
	background-image:linear-gradient(to bottom right, #ff8fa6, #f04667);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1), 0 0 0 1px rgba(244, 63, 94, .15)
}
.ai-icon-box--emerald {
	background-image:linear-gradient(to bottom right, #6ee0b9, #24ae81);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1), 0 0 0 1px rgba(16, 185, 129, .3)
}
.ai-icon-box--md {
	border-radius:1rem;
	height:1.75rem;
	width:1.75rem
}
.ai-icon-box--md .blog-ai-icon {
font-size:.875rem;
	line-height:1.25rem
}
.ai-icon-box--sm {
	border-radius:1rem;
	height:1.5rem;
	width:1.5rem
}
.ai-icon-box--sm .blog-ai-icon {
	font-size:12px;
	line-height:1
}
.ai-icon-box .blog-ai-icon {
	color:#fff;
	filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .2));
	font-size:1.125rem;
	line-height:1.75rem;
	position:relative;
	z-index:1
}
.ai-swiper-slide-fill {
	display:block;
	height:100%;
	width:100%
}
.ai-feature-grid {
	display:grid;
	gap:1rem;
	grid-template-columns:minmax(0, 1fr)
}
@media(min-width:768px) {
.ai-feature-grid {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
}
.ai-feature-card {
	background:#fff;
	border:1px solid #f1f5f9;
	border-radius:1rem;
	display:flex;
gap:.75rem;
padding:.875rem;
transition:border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-feature-card:hover {
	border-color:rgba(62, 113, 246, .3);
	box-shadow:0 12px 40px -12px rgba(15, 23, 42, .12);
	transform:translateY(-2px)
}
.ai-feature-card:hover .ai-feature-card__cover-img {
	transform:scale(1.05)
}
.ai-feature-card:hover .ai-feature-card__name {
	color:#3e71f6
}
.ai-feature-card--link {
	color:inherit;
	cursor:pointer;
	display:flex;
	text-align:left;
	text-decoration:none
}
.ai-feature-card--static {
	cursor:default
}
.ai-feature-card--static:hover {
	border-color:#f1f5f9;
	box-shadow:none;
	transform:none
}
.ai-feature-card--static:hover .ai-feature-card__cover-img {
	transform:none
}
.ai-feature-card--static:hover .ai-feature-card__name {
	color:#1e293b
}
.ai-feature-card__cover {
	background:#f8fafc;
border-radius:.75rem;
	box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, .05);
	flex-shrink:0;
	height:90px;
	overflow:hidden;
	position:relative;
	width:76px
}
.ai-feature-card__cover-img {
	height:100%;
	object-fit:cover;
transition:transform .5s cubic-bezier(.4, 0, .2, 1);
	width:100%
}
.ai-feature-card__body {
	display:flex;
	flex:1 1 0%;
	flex-direction:column;
	min-width:0
}
.ai-feature-card__name {
	color:#1e293b;
	font-size:14px;
	font-weight:700;
	line-height:1.375;
margin:0 0 .375rem;
transition:color .15s cubic-bezier(.4, 0, .2, 1)
}
.ai-feature-card__intro, .ai-feature-card__name {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	display:-webkit-box;
	overflow:hidden
}
.ai-feature-card__intro {
	color:#64748b;
	font-size:12px;
	line-height:1.625;
	margin:0
}
.ai-events-grid {
	display:grid;
	gap:1.5rem;
	grid-template-columns:minmax(0, 1fr)
}
@media(min-width:768px) {
.ai-events-grid {
grid-template-columns:repeat(2, minmax(0, 1fr))
}
}
@media(min-width:1024px) {
.ai-events-grid {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
}
.ai-event-card {
	background:#fff;
	border:1px solid #f8fafc;
	border-radius:1rem;
	display:flex;
	flex-direction:column;
	padding:1rem;
transition:border-color .15s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-event-card:hover {
	border-color:#dbeafe;
	box-shadow:0 12px 40px -12px rgba(15, 23, 42, .12);
	transform:translateY(-2px)
}
.ai-event-card:hover .ai-event-card__cover-img {
	transform:scale(1.05)
}
.ai-event-card:hover .ai-event-card__name {
	color:#3e71f6
}
.ai-event-card--link {
	color:inherit;
	text-decoration:none
}
.ai-event-card--static {
	cursor:default
}
.ai-event-card--static:hover {
	border-color:#f8fafc;
	box-shadow:none;
	transform:none
}
.ai-event-card--static:hover .ai-event-card__cover-img {
	transform:none
}
.ai-event-card--static:hover .ai-event-card__name {
	color:#1e293b
}
.ai-event-card__media {
	aspect-ratio:16/9;
border-radius:.75rem;
	box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, .05);
	margin-bottom:1rem;
	overflow:hidden;
	position:relative;
	width:100%
}
.ai-event-card__cover-img {
	height:100%;
	object-fit:cover;
transition:transform .5s cubic-bezier(.4, 0, .2, 1);
	width:100%
}
.ai-event-card__body {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	min-width:0
}
.ai-event-card__name {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#1e293b;
	display:-webkit-box;
	font-size:15px;
	font-weight:700;
	line-height:1.375;
	margin:0 0 1rem;
	overflow:hidden;
transition:color .15s cubic-bezier(.4, 0, .2, 1)
}
.ai-event-card__foot {
	align-items:center;
	border-top:1px solid #f8fafc;
	display:flex;
gap:.5rem;
	margin-top:auto;
padding-top:.75rem
}
.ai-event-card__time {
	color:#94a3b8;
	flex:1 1 0%;
	font-size:12px;
	font-weight:500;
	min-width:0
}
.ai-pill-btn {
border-radius:.5rem;
	flex-shrink:0;
	font-size:13px;
	font-weight:700;
	margin-left:auto;
padding:.375rem 1rem;
transition:background-color .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1)
}
.ai-pill-btn--primary {
	background:#3e71f6;
	color:#fff
}
.ai-pill-btn--primary:hover {
	background:#2563eb
}
.ai-pill-btn--muted {
	background:#f1f5f9;
	color:#64748b
}
.ai-panel {
	background:#fff;
	border:1px solid #f8fafc;
	border-radius:1rem;
	box-sizing:border-box;
	padding:1.25rem;
transition:border-color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-panel:hover {
	border-color:#eff6ff;
	box-shadow:0 12px 40px -12px rgba(15, 23, 42, .12);
	transform:translateY(-2px)
}
.ai-panel--compact {
	padding:1rem
}
.ai-panel--border-strong {
	border-color:#f1f5f9
}
@media(min-width:1024px) {
.ai-panel--sticky {
position:sticky;
top:6rem
}
}
.ai-panel--scroll {
	display:flex;
	flex-direction:column;
	height:360px;
	overflow:hidden
}
.ai-panel--no-hover:hover {
	border-color:#f8fafc;
	box-shadow:none;
	transform:none
}
.ai-widget-head {
	align-items:center;
	display:flex;
	justify-content:space-between;
	margin-bottom:1rem
}
.ai-widget-head--ruled {
	border-bottom:1px solid #f8fafc;
margin-bottom:.75rem;
padding-bottom:.75rem
}
.ai-widget-title {
	align-items:center;
	color:#0f172a;
	display:flex;
	font-size:16px;
	font-weight:800;
gap:.625rem;
	margin:0
}
.ai-widget-more {
	color:#94a3b8;
	font-size:12px;
	text-decoration:none
}
.ai-widget-more:hover {
	color:#3e71f6
}
.ai-widget-subtitle {
	align-items:center;
	color:#0f172a;
	display:flex;
	font-size:15px;
	font-weight:800;
gap:.5rem;
	margin:0 0 1rem;
padding:0 .25rem
}
.ai-nav-row {
	align-items:center;
border-radius:.75rem;
	box-sizing:border-box;
	color:#475569;
	display:flex;
	font-size:14px;
	font-weight:500;
	justify-content:space-between;
padding:.625rem .75rem;
	text-decoration:none;
transition:color .15s ease, background-color .15s ease;
	width:100%
}
.ai-nav-row:hover {
	background:#f8fafc;
	color:#3e71f6
}
.ai-nav-row--start {
	justify-content:flex-start
}
.ai-nav-row--meta {
	color:#334155;
	font-size:13px;
	font-weight:600
}
.ai-nav-row--meta:hover {
	color:#3e71f6
}
.ai-nav-row--meta.ai-nav-row--active {
	font-weight:700
}
.ai-nav-row--active {
	background:#eff6ff;
	color:#3e71f6;
	font-weight:700
}
.ai-nav-row--lg {
border-radius:.75rem;
	font-size:14px;
padding:.625rem .75rem
}
.ai-nav-row--sub {
border-radius:.5rem;
	font-size:13px;
	font-weight:500;
padding:.5rem .75rem
}
.ai-nav-row--sub.ai-nav-row--active {
	font-weight:700
}
.ai-nav-ico {
	flex-shrink:0;
	font-size:1.125rem;
	opacity:.9;
transition:transform .15s ease
}
.ai-nav-ico--sm {
	font-size:1rem
}
.ai-nav-row:hover .ai-nav-ico {
	transform:scale(1.1)
}
.ai-nav-extra {
border-radius:.5rem;
	flex-shrink:0;
	font-size:12px;
	font-weight:700;
	padding:2px 8px
}
.ai-nav-extra--on {
	background:#fff;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	color:#3e71f6
}
.ai-nav-extra--off {
	color:#94a3b8
}
.ai-nav-row:hover .ai-nav-extra--off {
	color:#3e71f6
}
.ai-nav-row__label {
	align-items:center;
	display:flex;
	flex:1 1 auto;
gap:.5rem;
	min-width:0
}
.ai-nav-row__text {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-text-brand {
	color:#3e71f6
}
.ai-text-orange {
	color:#f97316
}
.ai-nav-subwrap {
	border-left:1px solid rgba(226, 232, 240, .9);
gap:.25rem;
margin-left:.5rem;
margin-top:.375rem;
padding-left:.75rem
}
.ai-nav-list, .ai-nav-subwrap {
	display:flex;
	flex-direction:column;
	list-style:none
}
.ai-nav-list {
gap:.375rem;
	margin:0;
	padding:0
}
.ai-nav-list--spaced {
	margin-bottom:2rem
}
.ai-nav-block {
	display:flex;
	flex-direction:column;
gap:.375rem
}
.ai-nav-block--accordion:not(.is-open) .ai-nav-subwrap {
display:none
}
.ai-nav-block__head {
	align-items:stretch;
border-radius:.75rem;
	display:flex;
	gap:0;
	overflow:hidden;
	width:100%
}
.ai-nav-block__link {
	flex:1 1 auto;
	min-width:0
}
.ai-nav-block__toggle {
	align-items:center;
	appearance:none;
	-webkit-appearance:none;
	background:transparent;
	border:0;
	box-sizing:border-box;
	color:#94a3b8;
	cursor:pointer;
	display:flex;
	flex-shrink:0;
	font:inherit;
	font-family:inherit;
	justify-content:center;
	margin:0;
	padding:0;
transition:color .15s ease, background-color .15s ease;
	width:2.25rem
}
.ai-nav-block__toggle:hover {
	background:#f8fafc;
	color:#3e71f6
}
.ai-nav-block__toggle:focus {
	outline:none
}
.ai-nav-block__toggle:focus-visible {
box-shadow:inset 0 0 0 2px rgba(59, 130, 246, .45)
}
.ai-nav-block__chev {
	flex-shrink:0;
font-size:.75rem;
	opacity:.9;
transition:transform .2s ease, color .15s ease
}
.ai-nav-block--accordion.is-open .ai-nav-block__chev {
	transform:rotate(90deg)
}
.ai-nav-subwrap--nested {
	border-left:1px solid rgba(226, 232, 240, .95);
margin-left:.4rem;
margin-top:.25rem;
padding-left:.5rem
}
.ai-pill-tags {
	display:flex;
	flex-wrap:wrap;
gap:.5rem;
padding:0 .25rem
}
.ai-pill-tag {
	background:#f8fafc;
	border:1px solid #f1f5f9;
border-radius:.5rem;
	color:#475569;
	cursor:default;
	display:inline-block;
	font-size:12px;
	font-weight:500;
padding:.375rem .625rem;
	text-decoration:none;
transition:background-color .15s ease, color .15s ease
}
.ai-pill-tag[href] {
	cursor:pointer
}
.ai-pill-tag[href]:hover {
	background:#eff6ff;
	color:#3e71f6
}
.ai-list-empty {
	background:#fff;
	border:1px solid #f8fafc;
	border-radius:1rem;
	color:#64748b;
	font-size:14px;
	padding:2rem;
	text-align:center
}
.ai-topnav {
	backdrop-filter:blur(12px);
	background:hsla(0, 0%, 100%, .8);
	border-bottom:1px solid rgba(226, 232, 240, .8);
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	position:sticky;
	top:0;
transition:all .3s cubic-bezier(.4, 0, .2, 1);
	z-index:50
}
.ai-topnav--detail {
	top:30px
}
.ai-topnav__inner {
	align-items:center;
	box-sizing:border-box;
	display:flex;
	height:64px;
	justify-content:space-between;
	margin:0 auto;
	max-width:1500px;
	padding:0 1rem;
	width:100%
}
@media(min-width:1024px) {
.ai-topnav__inner {
padding:0 1.5rem
}
}
.ai-topnav__left {
	align-items:center;
	display:flex;
	gap:1.5rem
}
.ai-logo img {
	height:2.5rem
}
.ai-topnav__brand {
	align-items:center;
	color:inherit;
	cursor:pointer;
	display:flex;
gap:.625rem;
	text-decoration:none
}
.ai-topnav__brand:hover .ai-topnav__brand-cto {
	color:#3e71f6
}
.ai-topnav__brand-line {
	align-items:center;
	display:flex;
	padding-top:2px
}
.ai-topnav__brand-cto {
	color:#1e293b;
	font-size:22px;
	font-weight:900;
	letter-spacing:-.025em;
transition:color .3s ease
}
.ai-topnav__brand-blog {
	color:#64748b;
	font-size:22px;
	font-weight:900;
	letter-spacing:.025em;
margin-left:.25rem
}
.ai-topnav__brand-divider {
	background:#cbd5e1;
	border-radius:9999px;
	height:1.25rem;
margin:0 .625rem;
	width:1.5px
}
.ai-topnav__brand-ai {
	background:linear-gradient(90deg, #3e71f6, #22d3ee);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
	font-size:22px;
	font-weight:900;
	letter-spacing:.025em;
	position:relative
}
.ai-topnav__brand-ai .blog-ai-icon {
	color:#22d3ee;
	font-size:14px;
	opacity:0;
	position:absolute;
	right:-1rem;
top:-.25rem;
transition:opacity .3s ease
}
.ai-topnav__brand:hover .ai-topnav__brand-ai .blog-ai-icon {
	animation:ai-pulse-soft 2s cubic-bezier(.4, 0, .6, 1) infinite;
	opacity:1
}
@keyframes ai-pulse-soft {
0%, to {
opacity:1
}
50% {
opacity:.5
}
}
.ai-topnav__links {
	align-items:center;
	display:none;
gap:.25rem;
margin-left:.5rem
}
@media(min-width:768px) {
.ai-topnav__links {
display:flex
}
}
.ai-navtab {
border-radius:.75rem;
	color:#475569;
	font-size:15px;
	font-weight:700;
padding:.5rem 1rem;
	text-decoration:none;
transition:all .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-navtab:hover {
	background:#f8fafc;
	color:#3e71f6
}
.ai-navtab--active {
	background:#eff6ff;
	color:#3e71f6
}
.ai-topnav__right {
	align-items:center;
	display:flex;
	gap:1.25rem
}
.ai-topnav__actions {
	align-items:center;
	display:flex;
	gap:1rem
}
.ai-create-btn, .ai-create-wrap, .ai-user-wrap {
	position:relative
}
.ai-create-btn {
	align-items:center;
	background:linear-gradient(90deg, #3e71f6, #5a89ff);
	border:0;
	border-radius:9999px;
	color:#fff;
	cursor:pointer;
	display:flex;
font-size:.875rem;
	font-weight:700;
gap:.375rem;
	overflow:hidden;
padding:.625rem 1.5rem;
transition:all .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-create-btn:hover {
	box-shadow:0 8px 20px -4px rgba(62, 113, 246, .6);
	transform:translateY(-2px)
}
.ai-create-btn:active {
	transform:scale(.95)
}
.ai-create-btn:before {
	animation:ai-sweep 2.5s ease-in-out infinite;
	background:linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .3), transparent);
	content:"";
	height:100%;
	inset:0;
	pointer-events:none;
	position:absolute;
	transform:translateX(-100%);
	width:100%
}
@keyframes ai-sweep {
0% {
transform:translateX(-100%)
}
to {
	transform:translateX(100%)
}
}
.ai-create-btn__sep, .ai-create-btn__z {
	position:relative;
	z-index:1
}
.ai-create-btn__sep {
	background:hsla(0, 0%, 100%, .3);
	flex-shrink:0;
	height:1rem;
	margin:0 2px;
	width:1px
}
.ai-create-popup {
	background:#fff;
	border:1px solid hsla(0, 0%, 100%, .5);
	border-radius:32px;
	box-shadow:0 24px 80px -16px rgba(0, 0, 0, .12);
	display:none;
	margin-top:1rem;
	padding:1.75rem;
	position:absolute;
	right:0;
	top:100%;
	width:420px;
	z-index:50
}
.ai-create-wrap:hover .ai-create-popup {
	display:block
}
.ai-create-wrap:hover .ai-create-chevron {
	transform:rotate(180deg)
}
.ai-create-chevron {
transition:transform .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-create-popup__pad {
	background:transparent;
	height:1rem;
	left:0;
	position:absolute;
	right:0;
	top:-1rem
}
.ai-create-popup__head {
	align-items:flex-end;
	display:flex;
	justify-content:space-between;
	margin-bottom:1.5rem;
padding:0 .25rem
}
.ai-create-popup__title {
	color:#1e293b;
	font-size:1.25rem;
	font-weight:900;
	letter-spacing:-.025em
}
.ai-create-popup__meta {
	color:#94a3b8;
	font-size:13px;
	font-weight:500
}
.ai-create-popup__meta .ai-text-brand {
	font-weight:700
}
.ai-create-popup__grid {
	display:grid;
	gap:1rem;
	grid-template-columns:repeat(4, minmax(0, 1fr))
}
.ai-create-tile {
	align-items:center;
	color:inherit;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	text-decoration:none
}
.ai-create-tile:hover .ai-create-tile__ring {
	box-shadow:0 8px 20px rgba(0, 0, 0, .06);
	transform:translateY(-4px)
}
.ai-create-tile:hover .ai-create-tile__cap {
	color:#3e71f6
}
.ai-create-tile__ring {
	align-items:center;
	background:linear-gradient(to bottom right, #f8fafc, #fff);
	border:1px solid #f8fafc;
	border-radius:1.5rem;
	box-shadow:0 4px 12px rgba(0, 0, 0, .02);
	display:flex;
	height:3.5rem;
	justify-content:center;
transition:all .3s cubic-bezier(.4, 0, .2, 1);
	width:3.5rem
}
.ai-create-tile__cap {
	color:#64748b;
	font-size:12px;
	font-weight:700;
	letter-spacing:.025em;
margin-top:.75rem;
transition:color .15s ease
}
.ai-create-mini {
	align-items:center;
	border-radius:1rem;
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	display:flex;
	flex-shrink:0;
	height:2.5rem;
	justify-content:center;
	position:relative;
transition:transform .15s ease;
	width:2.5rem
}
.ai-create-mini:hover {
	transform:scale(1.05)
}
.ai-create-mini:after {
	border-left:1.5px solid hsla(0, 0%, 100%, .6);
	border-radius:1rem;
	border-top:1.5px solid hsla(0, 0%, 100%, .6);
	box-shadow:inset 0 -4px 8px rgba(0, 0, 0, .15), inset 0 4px 8px hsla(0, 0%, 100%, .4);
	content:"";
	inset:0;
	pointer-events:none;
	position:absolute
}
.ai-create-mini--orange {
	background-image:linear-gradient(to bottom right, #ffbe6b, #f2861d);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1), 0 0 0 1px rgba(249, 115, 22, .15)
}
.ai-create-mini--blue {
	background-image:linear-gradient(to bottom right, #73a8ff, #3a76f0);
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1), 0 0 0 1px rgba(59, 130, 246, .15)
}
.ai-create-mini .blog-ai-icon {
	color:#fff;
	filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .2));
	font-size:1.25rem;
	position:relative;
	z-index:1
}
.ai-icon-btn {
	border-radius:9999px;
	color:#64748b !important;
	display:inline-flex;
padding:.5rem;
	position:relative;
	text-decoration:none;
transition:all .2s ease
}
.ai-icon-btn:hover {
	background:#f1f5f9;
	color:#1e293b !important
}
.ai-icon-btn .blog-ai-icon {
	font-size:22px;
	line-height:1
}
.ai-icon-btn__dot {
	background:#ef4444;
	border:1px solid #fff;
	border-radius:9999px;
height: 6px;
	position:absolute;
right: 11px;
top: 10px;
width: 6px
}
.ai-avatar-wrap {
	align-items:center;
	cursor:pointer;
	display:flex;
	flex-direction:column;
margin-left:.25rem
}
.ai-avatar-lg {
	background:#f1f5f9;
	border:1px solid #e2e8f0;
	border-radius:9999px;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	height:2.5rem;
	object-fit:cover;
transition:all .15s ease;
	width:2.5rem
}
.ai-avatar-lg:hover {
	box-shadow:0 0 0 2px #dbeafe
}
.ai-user-popup {
	background:#fff;
	border:1px solid hsla(0, 0%, 100%, .5);
	border-radius:28px;
	box-shadow:0 24px 80px -16px rgba(0, 0, 0, .12);
	display:none;
	margin-top:1rem;
	padding:1.5rem;
	position:absolute;
	right:0;
	top:100%;
	width:280px;
	z-index:50
}
.ai-user-popup__hitpad {
	background:transparent;
	height:1rem;
	left:0;
	position:absolute;
	right:0;
	top:-1rem
}
.ai-user-popup__avatar-link {
	cursor:pointer;
	display:block;
margin-bottom:.75rem;
	position:relative;
	text-decoration:none
}
.ai-user-popup__status-dot {
	background:#22c55e;
	border:2px solid #fff;
	border-radius:9999px;
bottom:.25rem;
height:.875rem;
	position:absolute;
right:.25rem;
width:.875rem
}
.ai-user-wrap:hover .ai-user-popup {
	display:block
}
.ai-user-popup__head {
	align-items:center;
	display:flex;
	flex-direction:column;
	margin-bottom:1.5rem
}
.ai-user-popup__avatar {
	background:#f8fafc;
	border:4px solid #fff;
	border-radius:9999px;
	box-shadow:0 0 0 2px #eff6ff;
	height:4rem;
margin-bottom:.75rem;
	object-fit:cover;
transition:box-shadow .15s ease;
	width:4rem
}
.ai-user-popup__avatar:hover {
	box-shadow:0 0 0 2px #dbeafe
}
.ai-user-popup__name {
	color:#0f172a;
	font-size:18px;
	font-weight:800;
	letter-spacing:-.025em;
	text-decoration:none;
transition:color .15s ease
}
.ai-user-popup__name:hover {
	color:#3e71f6
}
.ai-user-popup__menu {
	display:flex;
	flex-direction:column;
gap:.375rem;
	margin-bottom:1rem
}
.ai-user-popup__link {
	align-items:center;
border-radius:.75rem;
	color:#475569;
	display:flex;
	font-size:13px;
	font-weight:700;
gap:.75rem;
padding:.75rem 1rem;
	text-decoration:none;
transition:background-color .15s ease, color .15s ease;
	width:100%
}
.ai-user-popup__link:hover {
	background:#f8fafc;
	color:#3e71f6
}
.ai-user-popup__link .blog-ai-icon {
	font-size:1rem
}
.ai-user-popup__logout {
	border:1px solid #f1f5f9;
border-radius:.75rem;
	color:#64748b;
	display:block;
	font-size:13px;
	font-weight:700;
padding:.75rem;
	text-align:center;
	text-decoration:none;
transition:all .15s ease;
	width:100%
}
.ai-user-popup__logout:hover {
	background:#fef2f2;
	border-color:#fee2e2;
	color:#ef4444
}
.ai-login-pill {
	align-items:center;
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:9999px;
	color:#475569;
	display:inline-flex;
font-size:.875rem;
	font-weight:700;
gap:.5rem;
padding:.5rem 1rem;
	text-decoration:none;
transition:color .15s ease, border-color .15s ease
}
.ai-login-pill:hover {
	border-color:rgba(62, 113, 246, .3);
	color:#3e71f6
}
.ai-login-pill__sep {
	color:#cbd5e1;
	font-weight:400
}
.hot-discussion-sidebar .hot-discussion-marquee {
	inset:0;
	overflow:hidden;
	position:absolute
}
.hot-discussion-sidebar .hot-discussion-marquee-track {
	animation:hot-discussion-marquee-y 48s linear infinite;
	display:flex;
	flex-direction:column;
	will-change:transform
}
.hot-discussion-sidebar .hot-discussion-marquee:hover .hot-discussion-marquee-track {
	animation-play-state:paused
}
@keyframes hot-discussion-marquee-y {
0% {
transform:translateY(0)
}
to {
	transform:translateY(-50%)
}
}
.ai-discuss-card {
	background:#fff;
	border:1px solid #f8fafc;
	border-radius:1rem;
	display:flex;
	flex-direction:column;
	height:360px;
	overflow:hidden;
transition:border-color .3s ease, box-shadow .3s ease, transform .3s ease
}
.ai-discuss-card:hover {
	border-color:#eff6ff;
	box-shadow:0 12px 40px -12px rgba(15, 23, 42, .12);
	transform:translateY(-2px)
}
.ai-discuss-head {
	background:#fff;
	flex-shrink:0;
padding:1.25rem 1.25rem .75rem;
	z-index:2
}
.ai-discuss-titleline {
margin-bottom:.5rem
}
.ai-discuss-titleline__t {
	color:#1e293b;
	font-size:14px;
	font-weight:700;
	line-height:1.375;
margin:0 0 .25rem
}
.ai-discuss-titleline__a {
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit;
	text-decoration:none
}
.ai-discuss-titleline__a:hover {
	color:#3e71f6
}
.ai-discuss-detail {
	display:flex;
	justify-content:flex-end
}
.ai-discuss-detail__a {
	color:#3e71f6;
	font-size:12px;
	font-weight:700;
	text-decoration:none
}
.ai-discuss-detail__a:hover {
	text-decoration:underline
}
.ai-discuss-scroll {
	background:rgba(248, 250, 252, .5);
	flex:1 1 auto;
	overflow:hidden;
	position:relative;
	z-index:1
}
.ai-discuss-empty-ph {
	height:100%;
	min-height:120px;
	width:100%
}
.ai-discuss-fade {
	height:1.5rem;
	left:0;
	pointer-events:none;
	position:absolute;
	right:0;
	z-index:2
}
.ai-discuss-fade--top {
	background:linear-gradient(180deg, #fff, transparent);
	top:0
}
.ai-discuss-fade--bottom {
	background:linear-gradient(0deg, #fff, transparent);
	bottom:0
}
.ai-discuss-track-col {
	display:flex;
	flex-direction:column;
	flex-shrink:0;
	gap:1rem;
padding:.5rem 0
}
.ai-discuss-line {
	align-items:center;
	backdrop-filter:blur(4px);
	background:hsla(0, 0%, 100%, .9);
	border:1px solid #f1f5f9;
	border-radius:9999px;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	display:flex;
	font-size:12px;
	font-weight:500;
gap:.75rem;
	justify-content:space-between;
margin-left:.75rem;
padding:.375rem .75rem .375rem .5rem;
transition:border-color .15s ease;
	width:92%
}
.ai-discuss-line:hover {
	border-color:#3e71f6
}
.ai-discuss-line--alt .ai-discuss-line__text {
	color:#3e71f6
}
.ai-discuss-line__main {
	align-items:center;
	display:flex;
gap:.375rem;
	min-width:0
}
.ai-discuss-line__text {
	color:#334155;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-discuss-line__meta {
	align-items:center;
	color:#94a3b8;
	display:flex;
	flex-shrink:0;
gap:.25rem;
	position:relative;
	z-index:2
}
.ai-discuss-line__meta--on {
	color:#3e71f6
}
.ai-discuss-line__meta .blog-ai-icon {
	cursor:pointer;
	font-size:13px;
transition-duration:.15s;
	transition-property:transform;
	transition-timing-function:cubic-bezier(.4, 0, .2, 1)
}
.animate-like-pop {
animation:like-pop .4s cubic-bezier(.175, .885, .32, 1.275) forwards
}
@keyframes like-pop {
0% {
transform:scale(1)
}
50% {
transform:scale(1.5) rotate(-10deg)
}
to {
	transform:scale(1) rotate(0deg)
}
}
.ai-discuss-line__num {
	font-size:11px;
	font-weight:700
}
.ai-discuss-foot {
	background:#fff;
	border-top:1px solid #f8fafc;
	flex-shrink:0;
	padding:1rem;
	z-index:2
}
.ai-discuss-form {
	align-items:center;
	display:flex;
gap:.5rem
}
.ai-discuss-input {
	background:#f8fafc;
	border:1px solid transparent;
border-radius:.75rem;
	flex:1 1 auto;
	font-size:13px;
	outline:none;
padding:.625rem 1rem;
transition:background-color .15s ease, border-color .15s ease
}
.ai-discuss-input::placeholder {
color:#94a3b8
}
.ai-discuss-input:focus {
	background:#f1f5f9;
	border-color:#e2e8f0
}
.ai-discuss-input:disabled {
	color:#94a3b8;
	cursor:not-allowed
}
.ai-discuss-send {
	background:#3e71f6;
	border:0;
border-radius:.75rem;
	color:#fff;
	cursor:pointer;
	flex-shrink:0;
	font-size:13px;
	font-weight:700;
padding:.625rem 1.25rem;
transition:background-color .15s ease
}
.ai-discuss-send:hover:not(:disabled) {
background:#2f5fd6
}
.ai-discuss-send:disabled {
	cursor:not-allowed;
	opacity:.5
}
.ai-discuss-send--off {
	background:#e2e8f0;
	color:#64748b;
	cursor:not-allowed
}
.ai-topic-pin {
	align-items:flex-start;
	background:#eff6ff;
border-radius:.75rem;
	color:#3e71f6;
	display:flex;
	font-size:13px;
	font-weight:800;
gap:.375rem;
padding:.75rem;
	text-decoration:none;
transition:background-color .15s ease
}
.ai-topic-pin:hover {
	background:#dbeafe
}
.ai-topic-pin__hash {
	color:#60a5fa
}
.ai-topic-pin__text {
	display:-webkit-box
}
.ai-topic-link, .ai-topic-pin__text {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden
}
.ai-topic-link {
	color:#334155;
	display:block;
	display:-webkit-box;
	font-size:13px;
	font-weight:500;
	line-height:1.625;
padding:0 .25rem;
	text-decoration:none;
transition:color .15s ease
}
.ai-topic-link:hover {
	color:#3e71f6
}
.ai-topic-link--static {
	cursor:default
}
.ai-hot-row {
	border-bottom:1px solid #f8fafc;
	color:inherit;
	display:flex;
gap:.75rem;
	justify-content:space-between;
margin-bottom:.75rem;
padding-bottom:.75rem;
	text-align:left;
	text-decoration:none
}
.ai-hot-row:last-child {
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0
}
.ai-hot-row:hover .ai-hot-row__title {
	color:#3e71f6
}
.ai-hot-row__body {
	flex:1 1 auto;
	min-width:0
}
.ai-hot-row__title {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#1e293b;
	display:-webkit-box;
	font-size:13px;
	font-weight:700;
	line-height:1.375;
margin:0 0 .375rem;
	overflow:hidden;
	text-align:justify;
transition:color .15s ease
}
.ai-hot-row--textonly .ai-hot-row__title {
	margin-bottom:0
}
.ai-hot-row__abs {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#64748b;
	display:-webkit-box;
	font-size:11px;
	line-height:1.625;
	margin:0;
	overflow:hidden
}
.ai-hot-thumb {
	align-items:center;
	background:#f8fafc;
border-radius:.5rem;
	display:flex;
	flex-shrink:0;
	height:60px;
	justify-content:center;
	overflow:hidden;
	position:relative;
	width:60px
}
.ai-hot-thumb img {
	height:100%;
	object-fit:cover;
	opacity:.9;
transition:transform .15s ease;
	width:100%
}
.ai-hot-row:hover .ai-hot-thumb img {
	transform:scale(1.05)
}
.ai-hot-news-sidebar {
	display:flex;
	flex-direction:column;
gap:.75rem
}
.ai-hot-news-sidebar__row {
	align-items:flex-start;
	display:flex;
gap:.75rem;
	position:relative
}
.ai-hot-news-sidebar__row:hover .ai-hot-news-sidebar__title {
	color:#3e71f6
}
.ai-hot-news-sidebar__dot {
	background:#fff;
	border:2.5px solid #cbd5e1;
	border-radius:50%;
	box-sizing:border-box;
	flex-shrink:0;
	height:9px;
margin-top:.2rem;
transition:border-color .2s ease, background .2s ease;
	width:9px
}
.ai-hot-news-sidebar__row:nth-child(odd) .ai-hot-news-sidebar__dot {
background:#fff;
border-color:#3e71f6
}
.ai-hot-news-sidebar__row:nth-child(odd):hover .ai-hot-news-sidebar__dot {
background:#3e71f6;
border-color:#3e71f6
}
.ai-hot-news-sidebar__row:nth-child(2n):hover .ai-hot-news-sidebar__dot {
background:#fff;
border-color:#3e71f6
}
.ai-hot-news-sidebar__body {
	flex:1;
	min-width:0
}
.ai-hot-news-sidebar__body .ai-hot-news-sidebar__title-container {
	align-items:flex-start;
	display:flex;
gap:.6rem
}
.ai-hot-news-sidebar__body .ai-hot-news-sidebar__title-container .ai-hot-news-icon {
	color:#f97316;
	display:flex;
	font-size:14px
}
.ai-hot-news-sidebar__row--has-summary .ai-hot-news-sidebar__title-container {
	cursor:pointer
}
.ai-hot-news-sidebar__trigger:hover .ai-hot-news-sidebar__title {
	color:#3e71f6
}
.ai-hot-news-sidebar__trigger:hover .ai-hot-news-sidebar__summary {
	max-height:16rem;
transition:max-height .55s linear
}
.ai-hot-news-sidebar__title {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#334155;
	display:-webkit-box;
font-size:.875rem;
	font-weight:700;
	line-height:1.4;
	margin:0;
	overflow:hidden;
transition:color .15s ease
}
.ai-hot-news-sidebar__summary {
	box-sizing:border-box;
	color:#64748b;
font-size:.75rem;
	font-weight:400;
	line-height:1.55;
	margin:0;
	max-height:0;
	overflow:hidden;
padding-top:.35rem;
transition:max-height .28s linear
}
.ai-hot-news-sidebar__time {
	color:#94a3b8;
	display:block;
font-size:.6875rem;
	font-weight:500;
margin-top:.35rem
}
.ai-hot-news-desc {
	display:flex;
gap:.6rem
}
.ai-hot-news-desc .ai-hot-news-times {
	color:#f97316;
	display:block;
	font-size:12px;
	font-weight:500;
margin-top:.35rem
}
.ai-course-row {
	color:inherit;
	display:flex;
gap:.75rem;
	text-align:left;
	text-decoration:none;
transition:transform .15s ease
}
.ai-course-row:hover {
	transform:translateY(-2px)
}
.ai-course-row:hover .ai-course-row__thumb img {
	transform:scale(1.05)
}
.ai-course-row:hover .ai-course-row__name {
	color:#3e71f6
}
.ai-course-row__thumb {
	align-items:center;
	background:#f8fafc;
border-radius:.5rem;
	box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, .05);
	display:flex;
	flex-shrink:0;
	height:64px;
	justify-content:center;
	overflow:hidden;
	position:relative;
	width:100px
}
.ai-course-row__thumb img {
	height:100%;
	object-fit:cover;
transition:transform .15s ease;
	width:100%
}
.ai-course-row__thumb .blog-ai-icon {
	color:#cbd5e1;
	font-size:1.5rem
}
.ai-course-row__body {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	min-width:0;
	padding:2px 0
}
.ai-course-row__name {
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	color:#1e293b;
	display:-webkit-box;
	font-size:13px;
	font-weight:700;
	letter-spacing:-.025em;
	line-height:1.375;
margin:0 0 .25rem;
	overflow:hidden;
transition:color .15s ease
}
.ai-course-row__meta {
	color:#94a3b8;
	font-size:11px;
	font-weight:700;
	letter-spacing:.05em;
	margin-top:auto
}
.ai-author-row, .ai-author-row__main {
	align-items:center;
	display:flex;
gap:.75rem
}
.ai-author-row__main {
	color:inherit;
	flex:1 1 auto;
	min-width:0;
	text-align:left;
	text-decoration:none
}
.ai-author-row__main:hover .ai-author-row__nick {
	color:#3e71f6
}
.ai-author-row__main:hover .ai-author-row__avatar img {
	transform:scale(1.05)
}
.ai-author-row__main:hover .ai-author-row__avatar {
	box-shadow:0 0 0 2px #eff6ff
}
.ai-author-row__main--static {
	cursor:default;
	pointer-events:none
}
.ai-author-row__main--static:hover .ai-author-row__nick {
	color:#1e293b
}
.ai-author-row__main--static:hover .ai-author-row__avatar img {
	transform:none
}
.ai-author-row__main--static:hover .ai-author-row__avatar {
	box-shadow:none
}
.ai-author-row__avatar {
	background:#f8fafc;
	border:1px solid #f1f5f9;
	border-radius:9999px;
	box-shadow:0 0 0 2px transparent;
	flex-shrink:0;
	height:2.75rem;
	overflow:hidden;
transition:box-shadow .15s ease;
	width:2.75rem
}
.ai-author-row__avatar img {
	height:100%;
	object-fit:cover;
transition:transform .15s ease;
	width:100%
}
.ai-author-row__text {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	min-width:0
}
.ai-author-row__nick {
	color:#1e293b;
	font-size:14px;
	font-weight:700;
	letter-spacing:-.025em;
transition:color .15s ease
}
.ai-author-row__nick, .ai-author-row__sub {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-author-row__sub {
	color:#64748b;
	font-size:11px;
	font-weight:600;
	margin-top:2px
}
.ai-task-link {
	color:inherit;
	display:block;
	text-decoration:none
}
.ai-task-link:hover .ai-task-link__title {
	color:#3e71f6
}
.ai-task-link__title {
transition:color .15s ease
}
.ai-task-link__title, .ai-task-static__title {
	color:#1e293b;
	font-size:13px;
	font-weight:700;
	line-height:1.25;
	margin:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-follow-btn {
	border:0;
	border-radius:9999px;
	cursor:pointer;
	flex-shrink:0;
	font-family:inherit;
	font-size:12px;
	font-weight:700;
	outline:none;
padding:.375rem 1rem;
transition:all .15s ease
}
.ai-follow-btn--go {
	background:#eff6ff;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, .05);
	color:#3e71f6
}
.ai-follow-btn--go:hover {
	background:#3e71f6;
	color:#fff
}
.ai-follow-btn--go:active {
	transform:scale(.95)
}
.ai-follow-btn--done {
	background:#f1f5f9;
	color:#64748b
}
.ai-follow-btn--done:hover {
	background:#e2e8f0
}
.ai-tool-grid {
	display:grid;
gap:.75rem;
	grid-template-columns:repeat(2, minmax(0, 1fr))
}
@media(min-width:768px) {
.ai-tool-grid {
grid-template-columns:repeat(3, minmax(0, 1fr))
}
}
@media(min-width:1280px) {
.ai-tool-grid {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
}
.ai-tool-card {
	align-items:center;
	background:#fff;
	border:1px solid #f1f5f9;
border-radius:.75rem;
	box-sizing:border-box;
	color:inherit;
	cursor:pointer;
	display:flex;
gap:.75rem;
padding:.75rem;
	text-decoration:none;
transition:border-color .3s ease, box-shadow .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-tool-card:hover {
	border-color:rgba(62, 113, 246, .3);
	box-shadow:0 12px 24px -6px rgba(45, 55, 72, .08), 0 6px 12px -4px rgba(45, 55, 72, .04);
	transform:translateY(-4px)
}
.ai-tool-card:hover .ai-tool-card__name {
	color:#3e71f6
}
.ai-tool-card__icon {
	align-items:center;
border-radius:.5rem;
	display:flex;
	flex-shrink:0;
	font-size:1.125rem;
	height:2.25rem;
	justify-content:center;
	width:2.25rem
}
.ai-tool-card__icon--blue {
	background:#eff6ff;
	color:#3b82f6
}
.ai-tool-card__icon--red {
	background:#fef2f2;
	color:#ef4444
}
.ai-tool-card__icon--green {
	background:#f0fdf4;
	color:#22c55e
}
.ai-tool-card__icon--purple {
	background:#faf5ff;
	color:#a855f7
}
.ai-tool-card__icon--indigo {
	background:#eef2ff;
	color:#6366f1
}
.ai-tool-card__icon--pink {
	background:#fdf2f8;
	color:#ec4899
}
.ai-tool-card__icon--yellow {
	background:#fefce8;
	color:#eab308
}
.ai-tool-card__icon--rose {
	background:#fff1f2;
	color:#f43f5e
}
.ai-tool-card__icon--cyan {
	background:#ecfeff;
	color:#06b6d4
}
.ai-tool-card__icon--orange {
	background:#fff7ed;
	color:#f97316
}
.ai-tool-card__icon--teal {
	background:#f0fdfa;
	color:#14b8a6
}
.ai-tool-card__icon--slate {
	background:#f1f5f9;
	color:#334155
}
.ai-tool-card__icon--img {
	background:#f8fafc;
	font-size:0;
padding:.2rem
}
.ai-tool-card__icon--img img {
border-radius:.35rem;
	display:block;
	height:100%;
	object-fit:contain;
	width:100%
}
.ai-tool-card__emoji {
	color:#475569;
	display:block;
	font-size:1.125rem;
	font-weight:700;
	line-height:1.2
}
.ai-tool-card__body {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	min-width:0
}
.ai-tool-card__name {
	color:#1e293b;
	font-size:13px;
	font-weight:700;
	line-height:1.25;
	margin:0;
transition:color .15s ease
}
.ai-tool-card__desc, .ai-tool-card__name {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-tool-card__desc {
	color:#94a3b8;
	font-size:11px;
	line-height:1.375;
margin:.125rem 0 0
}
.ai-tools-sidebar .ai-panel {
	padding:1rem
}
.ai-tools-sidebar .ai-widget-subtitle {
	font-size:15px;
	margin-bottom:1rem;
padding:0 .25rem
}
.ai-tools-nav-scroll {
	display:flex;
	flex-direction:column;
gap:.25rem;
	max-height:620px;
	overflow-y:auto;
padding-right:.25rem
}
.ai-tools-nav-item, .ai-tools-nav-item__head {
border-radius:.75rem;
transition:color .15s ease, background-color .15s ease
}
.ai-tools-nav-item__head {
	align-items:center;
	color:#475569;
	cursor:pointer;
	display:flex;
	font-size:13px;
	font-weight:700;
gap:.5rem;
	justify-content:space-between;
padding:.5rem .625rem;
	text-decoration:none
}
.ai-tools-nav-item__head.is-active, .ai-tools-nav-item__head:hover {
	color:#3e71f6
}
.ai-tools-nav-item__label {
	align-items:center;
	display:flex;
	flex:1 1 auto;
gap:.5rem;
	min-width:0
}
.ai-tools-nav-item__text {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-tools-nav-item__count {
	color:#94a3b8;
	flex-shrink:0;
	font-size:11px;
	font-weight:400
}
.ai-tools-nav-item__head.is-active .ai-tools-nav-item__count, .ai-tools-nav-item__head:hover .ai-tools-nav-item__count {
	color:#94a3b8
}
.ai-tools-nav-item__children {
	border-left:1px solid #f1f5f9;
	display:flex;
	flex-direction:column;
gap:.375rem;
margin:0 0 .5rem 1.75rem;
padding-left:.75rem
}
.ai-tools-nav-item__child {
	color:#64748b;
	display:block;
	font-size:12px;
	font-weight:500;
padding:.125rem 0;
	text-decoration:none;
transition:color .15s ease
}
.ai-tools-nav-item__child:hover {
	color:#3e71f6
}
.ai-tools-nav-item__child.is-active {
	color:#3e71f6;
	font-weight:700
}
.ai-tools-sections {
	display:flex;
	flex-direction:column;
	gap:1.75rem
}
.ai-tools-section {
	display:flex;
	flex-direction:column;
gap:.75rem
}
.ai-tools-section__title {
	align-items:center;
	color:#0f172a;
	display:flex;
	font-size:17px;
	font-weight:800;
gap:.5rem;
	margin:0
}
.ai-tools-section__title-ico {
	color:#64748b;
	font-size:1.125rem
}
.ai-tools-section__tabs {
	align-items:center;
	background:rgba(241, 245, 249, .8);
	border-radius:9999px;
	color:#64748b;
	display:flex;
	font-size:12px;
	font-weight:500;
gap:.5rem;
	overflow-x:auto;
padding:.25rem
}
.ai-tools-section__tab {
	border-radius:9999px;
	color:inherit;
	flex-shrink:0;
padding:.375rem .75rem;
	text-decoration:none;
transition:color .15s ease, background-color .15s ease, box-shadow .15s ease;
	white-space:nowrap
}
.ai-tools-section__tab:hover {
	color:#3e71f6
}
.ai-tools-section__tab.is-active {
	background:#3e71f6;
	box-shadow:0 1px 2px rgba(0, 0, 0, .05);
	color:#fff;
	font-weight:700
}
.ai-pager {
	flex-wrap:wrap;
gap:.5rem;
	padding:2rem 0 0
}
.ai-page-btn, .ai-pager {
	align-items:center;
	display:flex;
	justify-content:center
}
.ai-page-btn {
	background:#fff;
	border:1px solid #e2e8f0;
border-radius:.75rem;
	color:#94a3b8;
	cursor:pointer;
	height:2.25rem;
transition:color .15s ease, background-color .15s ease;
	width:2.25rem
}
.ai-page-btn:hover {
	background:#fff;
	color:#1e293b
}
.ai-page-btn--on {
	background:#3e71f6;
	border-color:transparent;
	box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
	color:#fff;
	font-weight:700
}
.ai-page-btn__muted {
	background:#fff;
	border:1px solid #e2e8f0;
	color:#475569;
	font-weight:700
}
.ai-page-btn__muted:hover {
	background:#fff
}
.ai-page-ellipsis {
	color:#94a3b8;
padding:0 .25rem
}
.ai-home-tools__grid {
	display:grid;
	gap:1rem;
	grid-template-columns:repeat(2, minmax(0, 1fr))
}
@media(min-width:768px) {
.ai-home-tools__grid {
grid-template-columns:repeat(4, minmax(0, 1fr))
}
}
.ai-home-tools__card {
	align-items:center;
	background:#fff;
	border:1px solid #f1f5f9;
	border-radius:1rem;
	box-sizing:border-box;
	color:inherit;
	cursor:pointer;
	display:flex;
gap:.75rem;
padding:.75rem;
	text-decoration:none;
transition:border-color .3s ease, transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1)
}
.ai-home-tools__card:hover {
	border-color:rgba(62, 113, 246, .3);
	box-shadow:0 12px 24px -6px rgba(45, 55, 72, .08), 0 6px 12px -4px rgba(45, 55, 72, .04);
	transform:translateY(-4px)
}
.ai-home-tools__card:hover .ai-home-tools__name {
	color:#3e71f6
}
.ai-home-tools__icon {
	align-items:center;
border-radius:.5rem;
	display:flex;
	flex-shrink:0;
	font-size:1.25rem;
	height:2.5rem;
	justify-content:center;
	line-height:1;
	width:2.5rem
}
.ai-home-tools__icon--blue {
	background:#eff6ff;
	color:#3b82f6
}
.ai-home-tools__icon--red {
	background:#fef2f2;
	color:#ef4444
}
.ai-home-tools__icon--green {
	background:#f0fdf4;
	color:#22c55e
}
.ai-home-tools__icon--purple {
	background:#faf5ff;
	color:#a855f7
}
.ai-home-tools__icon--indigo {
	background:#eef2ff;
	color:#6366f1
}
.ai-home-tools__icon--pink {
	background:#fdf2f8;
	color:#ec4899
}
.ai-home-tools__icon--yellow {
	background:#fefce8;
	color:#eab308
}
.ai-home-tools__icon--rose {
	background:#fff1f2;
	color:#f43f5e
}
.ai-home-tools__icon--cyan {
	background:#ecfeff;
	color:#06b6d4
}
.ai-home-tools__icon--orange {
	background:#fff7ed;
	color:#f97316
}
.ai-home-tools__icon--teal {
	background:#f0fdfa;
	color:#14b8a6
}
.ai-home-tools__icon--slate {
	background:#f1f5f9;
	color:#334155
}
.ai-home-tools__icon--img {
	background:#f8fafc;
	font-size:0;
padding:.2rem
}
.ai-home-tools__icon--img img {
border-radius:.35rem;
	display:block;
	height:100%;
	object-fit:contain;
	width:100%
}
.ai-home-tools__emoji {
	display:block;
	font-size:1.25rem;
	font-weight:700;
	line-height:1.2
}
.ai-home-tools__body {
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	min-width:0
}
.ai-home-tools__name {
	color:#1e293b;
	font-size:14px;
	font-weight:700;
	margin:0;
transition:color .15s ease
}
.ai-home-tools__desc, .ai-home-tools__name {
	line-height:1.25;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.ai-home-tools__desc {
	color:#94a3b8;
	font-size:11px;
margin:.125rem 0 0
}
.ai-tool-articles-head {
	align-items:flex-start;
	background:#fff;
	border:1px solid #f1f5f9;
border-radius:.75rem;
	display:flex;
	gap:1rem;
	justify-content:space-between;
	margin-bottom:1rem;
	padding:1rem 1.25rem
}
.ai-tool-articles-head__tool {
	align-items:center;
	display:flex;
gap:.75rem;
	min-width:0
}
.ai-tool-articles-head__meta {
	min-width:0
}
.ai-tool-articles-head__title {
	color:#0f172a;
	font-size:1.125rem;
	font-weight:800;
	line-height:1.35;
	margin:0;
	text-decoration:none
}
.ai-tool-articles-head__title:hover {
	color:#3e71f6
}
h1.ai-tool-articles-head__title:hover {
	color:#0f172a
}
.ai-tool-articles-head__sub {
	color:#64748b;
font-size:.8125rem;
margin:.35rem 0 0
}
.ai-tool-articles-head__back {
	color:#3e71f6;
	flex-shrink:0;
font-size:.875rem;
	text-decoration:none;
	white-space:nowrap
}
.ai-tool-articles-head__back:hover {
	text-decoration:underline
}
.ai-stack--loose>:not([hidden])~:not([hidden]) {
margin-bottom:0;
margin-top:24px
}