/* tools.wxss */
.container {
  min-height: 100vh;
  background: #f7f7f7;
  padding-bottom: 40rpx;
}

/* 顶部标题样式 */
.header {
  padding: 40rpx 30rpx;
  background: #ffffff;
  border-radius: 0 0 30rpx 30rpx;
  box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
}

.title {
  font-size: 44rpx;
  font-weight: bold;
  color: #333;
}

.subtitle {
  font-size: 28rpx;
  color: #999;
  margin-top: 10rpx;
}

/* 工具列表样式 */
.tools-grid {
  padding: 30rpx;
}

.tool-item {
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 30rpx;
  border-radius: 20rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

.tool-item:active {
  transform: scale(0.98);
}

.tool-icon-wrapper {
  width: 100rpx;
  height: 100rpx;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24rpx;
}

.tool-icon {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50rpx;
}

.tool-info {
  flex: 1;
}

.tool-name {
  font-size: 32rpx;
  color: #333;
  font-weight: 500;
  margin-bottom: 6rpx;
}

.tool-desc {
  font-size: 24rpx;
  color: #999;
}

.arrow-right {
  width: 16rpx;
  height: 16rpx;
  border-top: 4rpx solid #ccc;
  border-right: 4rpx solid #ccc;
  transform: rotate(45deg);
  margin-left: 20rpx;
}


.copybtn{
	background: #3f7ef8;
	color: #fff;
	padding: 5rpx 20rpx;
	border-radius: 20rpx;
	width: auto;
	font-size: 24rpx;
	display: inline-block;
}