.tool-list{display:grid}
.tool-list .tool-link{
	display:flex;
	font-size:12px;
	padding:15px;
	text-decoration:none;
	vertical-align:top;
	overflow: hidden;
	border-radius: var(--theme-border-radius-m, 6px);
}
.tool-list .tool-link:hover{background:var(--color-info-bg)}
.tool-list .tool-link h3{color:var(--color-text-primary);font-size:16px;font-weight:500;margin:0;padding-bottom:5px;}
.tool-list .tool-link:hover h3{color:var(--color-primary);}
.tool-list .tool-link-logo{border-radius:50%;flex-shrink:0;height:40px;margin-right:10px;overflow:hidden;vertical-align:top;width:40px}
.tool-list .tool-link-logo img{background:hsla(var(--theme-color-hsl),.04);display:block;height:100%;object-fit:contain;width:100%}
.tool-list .tool-link-info p{color:var(--color-text-secondary);display:-webkit-box;line-height:1.4;margin:0;max-height:50.4px;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.tool-list .tool-link:hover p{color:var(--color-text-regular);}
.tool-list-cols-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:991px){
	.tool-list-cols-2 .tool-link{padding:6px}
	.tool-list-cols-2 .tool-list .tool-link-logo{margin-right: 3px;}
}

.tool-list-cols-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:991px){
	.tool-list-cols-3{grid-template-columns:repeat(2,1fr)}
}
.tool-list-cols-3 .tool-link{padding:18px}
@media (max-width:991px){
	.tool-list-cols-3 .tool-link{padding:15px 10px}
}
.tool-list-cols-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:991px){
	.tool-list-cols-4{grid-template-columns:repeat(2,1fr)}
	.tool-list-cols-4 .tool-link h3{font-size:14px}
	.tool-list-cols-4 .tool-link .tool-link-logo{height:30px;margin-right:8px;width:30px}
}
.tool-list-cols-5{grid-template-columns:repeat(5,1fr)}
@media (max-width:991px){
	.tool-list-cols-5{grid-template-columns:repeat(2,1fr)}
}
.tool-list-cols-5 .tool-link{padding:12px}
@media (max-width:991px){
	.tool-list-cols-5 .tool-link h3{font-size:14px}
	.tool-list-cols-5 .tool-link .tool-link-logo{height:30px;margin-right:8px;width:30px}
}
.tool-list-cols-6{grid-template-columns:repeat(6,1fr)}
@media (max-width:991px){
	.tool-list-cols-6{grid-template-columns:repeat(3,1fr)}
}
.tool-list-cols-6 .tool-link{padding:10px}
@media (max-width:991px){
	.tool-list-cols-6 .tool-link{display:block;text-align:center}
	.tool-list-cols-6 .tool-link h3{font-size:14px}
	.tool-list-cols-6 .tool-link .tool-link-logo{margin:0 auto 10px}
}
.words-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.words-list li{margin:8px 16px 8px 0}
.words-list.atHome li{-webkit-box-flex:0;-webkit-flex:0 0 67px;-ms-flex:0 0 67px;flex:0 0 67px}
.words-list.atHome li:nth-child(14n+14){margin-right:0}
.words-list.atWords li{-webkit-box-flex:0;-webkit-flex:0 0 86px;-ms-flex:0 0 86px;flex:0 0 86px}
.words-list.atWords li:nth-child(8n+8){margin-right:0}
.words-list .words-card{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#f8f8f8;overflow:hidden;height:80px;border:1px solid #eee;border-radius:3px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.words-list .words-card span{overflow:hidden;word-break:break-all}
.words-list .words-card span.pinyin{height:16px;margin-bottom:2px;color:#999;text-align:center;font-size:13px;line-height:16px}
.words-list .words-card span.words{height:28px;color:#666;text-align:center;font-weight:400;font-size:20px;line-height:28px}
.words-list .words-card:hover{-webkit-box-shadow:0 4px 10px 5px rgba(150,150,150,.1);box-shadow:0 4px 10px 5px rgba(150,150,150,.1);background-color:#fff}
.words-list .words-card:hover span{color:#333}