.cards-edit-text-content p{
			
			margin: 0;
		}
		.cards-edit-text-content.select-none{
			-webkit-user-select:none;
			-moz-user-select: none; 
			-ms-user-select: none; 
			user-select: none; 
			-webkit-user-drag: none;
			-moz-user-drag: none;
			-ms-user-drag: none;
			user-drag: none;
			
		}

	
		  /* 设置div的基本样式 */
		  .play-music-transparent-button {
		    
		    position:absolute;
		    z-index:1000;
		    width:38px;
		    height:38px;
		    right:16px;
		    top:16px;
		    cursor:pointer;
		    border-radius:50%;
		    font-size:35px;
		    color:#ffffff;
		    border: 2px solid #ffffff; /* 设置边框 */
		    overflow: hidden; /* 防止伪元素溢出 */
		    text-align:center;
		    align-items:center;
		    justify-content:center;
		    display:flex;

		  }
		
		  /* 为div添加半透明背景 */
		  .play-music-transparent-button::before {
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
		    z-index: 0; /* 确保伪元素在内容之下 */
		  }
		
		  /* 设置div内部内容的样式 */
		  .play-music-transparent-button::after {
		    color:#ffffff;
		    content: "\b093";
		    position: relative;
		    z-index: 1; /* 确保文本在伪元素之上 */
		   
		    padding: 10px; /* 文本内边距 */
		  }
		  
		  
		  .play-music-transparent-button.rotate{
			
			animation: rotating 1.2s linear infinite;
			transform: translate3d(0, 0, 0);
			
		  }
		
		@keyframes rotating {
			0%{
				transform: rotate(0deg)
			} 
			to{
				transform: rotate(1turn) 
			}
		}
		
		
		.fullscreen-button{
		 	position:absolute;
		    z-index:1000;
		    width:14px;
		    height:14px;
		    left:16px;
		    top:16px;
		    cursor:pointer;
		    border-radius:3px;
		    font-size:12px;
		    color:#ffffff;
		    border: 1px solid #ffffff; /* 设置边框 */
		    overflow: hidden; /* 防止伪元素溢出 */
		    text-align:center;
		    align-items:center;
		    justify-content:center;
		    display:flex;
		}
		
		.fullscreen-button::before {
		    content: "";
		    position: absolute;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
		    z-index: 0; /* 确保伪元素在内容之下 */
		  }
		.fullscreen-button i {
		    color:#ffffff;
		   /* content: "\b093"; */
		    position: relative;
		    z-index: 1; /* 确保文本在伪元素之上 */
		   
		    padding: 8px; /* 文本内边距 */
		  }
		  
		  
		  .card-preview-panel{
		  	width:100%;
		  	height:100%;
		  	position:absolute;
		  }
		  
		  .card-preview-panel-fullscreen {
		      position: fixed;
		      top: 0;
		      left: 0;
		      width: 100%;
		      height: 100%;
		      z-index: 5000;  
		   }

		  
		 .input-text-light{
		 	-webkit-appearance: none;
     		-moz-appearance: none;
         	appearance: none;
  			display: block;
  			width: 100%;
  			margin: 0.1rem 0 0.2rem;
  			border: none;
  			border-radius: 0.3rem;
  			padding: 0.1rem 0.3rem;
  			padding-left: 0.5rem;
  			font-family: inherit;
  			border: 1px solid #4a76a3;
		 }
		  
		 .input-text-light:focus{
		 	outline: none;
  			box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.5);
		 
		 }
		
		.message-text-placeholder:before{ 
		    content: 'input message'; 
		    color: gray; 
		    cursor:text;
		    /* pointer-events: none;*/
		} 
		.message-text-placeholder:focus:before{
		    content:none;
		}
		 
		.element-text-content-p-class{
			padding-top:0.25rem;
			padding-bottom:0.25rem;
		}
		
		
		.aspect-ratio-container-2-3 {
		  position: relative;
		  width: 100%;
		  padding-top: 66.66%; /* 2 / 3 = 0.6666 */
		}