/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-7.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-7.use[2]!./node_modules/@vuepress/bundler-webpack/dist/vuepress-ssr-loader.cjs!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[1]!./docs/.vuepress/.temp/pages/about.html.vue?vue&type=style&index=0&id=a7ad8980&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.author-info {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.author-avatar {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 4px solid #3eaf7c;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.author-avatar:hover {
  transform: scale(1.05);
}
.author-details {
  flex: 1;
}
.author-details h2 {
  margin-top: 0;
  color: #3eaf7c;
  margin-bottom: 0.5rem;
}
.author-details p {
  color: #6a8bad;
  margin-bottom: 0;
}
.quote-banner {
  background: linear-gradient(135deg, #3eaf7c, #6ab04c);
  color: white;
  padding: 20px;
  border-radius: 8px;
  margin: 20px 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.quote-banner p {
  margin: 0;
}
.quote {
  font-style: italic;
  padding: 15px;
  border-left: 4px solid #4e6ef2;
  background-color: #f9f9f9;
  margin: 20px 0;
}
.beian-info {
  text-align: center;
  margin: 20px 0;
  font-size: 0.9rem;
  color: #666;
}
.beian-info a {
  color: #666;
  text-decoration: none;
  transition: color 0.3s ease;
}
.beian-info a:hover {
  color: #3eaf7c;
}

/* 新增页脚样式 */
.page-footer {
  margin-top: 50px;
  padding: 30px 0 20px;
  background-color: #f8f8f8;
  border-top: 1px solid #eaecef;
}
.footer-content {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.footer-section {
  flex: 1;
  min-width: 200px;
  margin-bottom: 20px;
  padding: 0 15px;
}
.footer-section h3 {
  font-size: 1.2rem;
  color: #3eaf7c;
  margin-bottom: 15px;
  position: relative;
  padding-bottom: 8px;
}
.footer-section h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 2px;
  background-color: #3eaf7c;
}
.footer-section p {
  margin: 8px 0;
}
.footer-section a {
  color: #4e6e8e;
  text-decoration: none;
  transition: color 0.3s;
}
.footer-section a:hover {
  color: #3eaf7c;
}
.footer-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.footer-icon.github {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%234e6e8e%27 d=%27M12 0C5.37 0 0 5.37 0 12c0 5.3 3.44 9.8 8.2 11.37.6.11.82-.26.82-.58v-2.03c-3.34.73-4.03-1.61-4.03-1.61-.55-1.39-1.34-1.76-1.34-1.76-1.09-.74.08-.73.08-.73 1.2.08 1.84 1.23 1.84 1.23 1.07 1.84 2.81 1.31 3.5 1 .1-.78.42-1.31.76-1.61-2.67-.3-5.47-1.33-5.47-5.93 0-1.31.47-2.38 1.24-3.22-.13-.3-.54-1.52.12-3.18 0 0 1.01-.32 3.3 1.23.96-.27 1.98-.4 3-.41 1.02.01 2.04.14 3 .41 2.29-1.55 3.3-1.23 3.3-1.23.66 1.66.25 2.88.12 3.18.77.84 1.24 1.91 1.24 3.22 0 4.61-2.8 5.63-5.48 5.92.43.37.82 1.1.82 2.22v3.29c0 .32.21.7.83.58C20.56 21.8 24 17.3 24 12c0-6.63-5.37-12-12-12z%27/%3E%3C/svg%3E");
}
.footer-icon.email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%234e6e8e%27 d=%27M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z%27/%3E%3C/svg%3E");
}
.footer-bottom {
  text-align: center;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #eaecef;
}
.footer-bottom p {
  margin: 10px 0;
  color: #666;
  font-size: 0.9rem;
}
.beian-info {
  margin: 15px 0;
}
.beian-info a {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #f0f7f4;
  color: #3eaf7c;
  text-decoration: none;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  border: 1px solid #e0f0e9;
}
.beian-info a:hover {
  background-color: #e0f0e9;
  color: #2c855c;
}
.beian-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27%233eaf7c%27 d=%27M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z%27/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 719px) {
.footer-content {
    flex-direction: column;
}
.footer-section {
    padding: 0;
}
}


/*# sourceMappingURL=styles-docs_vuepress_temp_pages_about_html_vue.styles.24b57fdd.css.map*/