/*
@font-face {
  font-family: 'MyCustomOTFFont'; 
  src: url('light.otf') format('opentype'); 
  font-weight: normal;
  font-style: normal;
}
*/
 
.defaultcontainer {
    margin: auto;
    border-radius: 8px;
    text-align: center;
    margin-top: 50px;;
    /* display: flex;
    flex-direction: column; Stack elements vertically */
    align-items: center; /* Center align the items */
    max-width: 300px; /* Set a max width to keep it from stretching */
}

.defaultcontainer a,
.defaultcontainer p {
    width: 100%; /* Make links and paragraphs fit the container width */
    text-align: center;
}


  .defaultcontainer h2 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 4px;
  }


  .defaultcontainer h3 {
    font-size: 28px; /* 设置字体大小 */
    margin-top: 0;
    margin-bottom: 4px;
    
    font-weight: bold; /* 设置字体加粗 */
    background: linear-gradient(to right, #1667eb, #ea8699); /* 设置背景渐变 */
    -webkit-background-clip: text; /* 使背景剪切到文字 */
    color: transparent; /* 设置文字颜色为透明，以显示背景 */
    background-clip: text;
  

  }
  .defaultcontainer p {
 
    font-size: 16px;
    color: #555;
   
    
 
  }
  .defaultcontainer h2 + p {
    margin-top: 2.0em; /* 调整 <h2> 和 <p> 之间的间距 */
  }
  

  .defaultcontainer a + p {
    margin-top: 3.0em; /* 调整 <h2> 和 <p> 之间的间距 */
  }
  .defaultcontainer p {

   
    border: 1px solid #ccc; /* 灰色边框 */
    padding: 16px;
    width: 280px; /* 自定义宽度 */
    text-align: left; /* 文本左对齐 */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2px;

    letter-spacing: 2px; /* 设置段落字母间距为 2px */

    transition: background-color 0.3s; /* 平滑过渡效果 */
    cursor: pointer; /* 鼠标悬停时显示手型光标 */
    display: inline-block; /* 为伪元素定位提供参照 */
    position: relative; /* 设置相对定位 */
    color: #000; /* 黑色字体 */
}

.defaultcontainer p::after {
    content: '»'; /* 箭头图标 */
    
    font-size: 20px;
    position: absolute;
    left: 100%; /* 放置在边框外 */
    top: 50%;
    transform: translate(-30px, -50%); /* 微调位置 */
    color: #999; /* 箭头颜色 */
}
  .defaultcontainer p:hover {
    background-color: #f3f6ff; /* 鼠标悬停时的背景颜色 */
  }
  .defaultcontainer p:hover::after {
    color: #0072ff; /* 鼠标悬停时箭头颜色变为蓝色 */
}
  .defaultcontainer a {
      border: 1px solid #999; /* 灰色边框 */
    
    display: inline-block;
    margin-top: 10px;
    padding: 8px;
    

    color: white;
   /* border-radius: 5px;*/
    text-decoration: none;
    font-size: 15px;
   
    font-weight: bold;
    color: #0072ff; /* 黑色字体 */
    letter-spacing: 3px; /* 设置段落字母间距为 2px */
    width: 110px; /* 自定义宽度 */
  }
  .defaultcontainer a:hover {
    background-color: #005aff;
    color: #ffffff; /* 黑色字体 */
  }
  
  .defaultcontainer img {
    width: 72px;
    height: 52px;
    margin-top: 20px;
    border-radius: 4px;
    
  }