* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  /*align-items: center;*/
  background-color: #eee;
  background-color: var(--beijing-color);
}

.touxianglan {
  width: 100%;
  height: 140px;
  background-color: var(--touxiang-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.logo {
  border-radius: 50%;
  cursor: pointer;
}

p {
  padding: 10px 0 0 0;
}

/*关键词强调颜色*/
strong {
  color: #0096ff;
  border: none;
  border-bottom: 1px dashed #0096ff;
}

/*水平线样式一*/
hr.style-hr-one {
  overflow: visible;
  height: 30px;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-radius: 20px;
  border-color: var(--shuipingxian-color);
}

hr.style-hr-one::before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-radius: 20px;
  border-color: var(--shuipingxian-color);
}

/*水平线样式二*/
.style-hr-two {
  height: 30px;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-radius: 20px;
  margin-top: -10px;
  color: var(--wenzi-color);
}

/*水平线样式三*/
.style-hr-hree {
  height: 30px;
  border-style: solid;
  border-width: 1px 0 0 0;
  border-radius: 20px;
  margin-bottom: -35px;
  margin-top: 20px;
  color: var(--wenzi-color);
}

h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--wenzi-color);
}

.normal {
  font-weight: normal;
}

/*主内容*/
.main {
  display: block;
  padding: 30px;
  max-width: 100%;
  min-height: 70vh;
  letter-spacing: 3px;
  line-height: 1.7;
  word-break: break-all;/文字自动换行
}

.main-text p {
  text-indent: 26px;
  color: #000;
  color: var(--wenzi-color);
}

/*总结区块的文字*/
.text-bottom {
  color: var(--wenzi-color);
}

/*页脚区块的文字*/


/*名言*/
.mingyan-box {
  display: flex;
  justify-content: center;
  align-items: center;
  /*gap: 30px;*/
  min-height: 15vh;
  font-size: 0.9em;
  margin: 20px 0 20px 0;
}

.drop {
  position: relative;
  width: 80px;
  height: 80px;
  display: flex;
  border-radius: 50%;
  background: #ccc;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(10px 4px 10px #fff);
  text-shadow: -2px -2px 5px #fff;
  box-shadow: inset 10px 10px 10px rgba(0, 0, 0, 0.05),
    15px 25px 10px rgba(0, 0, 0, 0.05),
    15px 20px 20px rgba(0, 0, 0, 0.05),
    inset -10px -35px 35px rgba(255, 255, 255, 0.9);
}

/*小白点*/
.drop::before {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 15px;
  left: 15px;
  width: 10px;
  height: 10px;
  filter: blur(2px);
  border-radius: 50%;
}

.drop::after {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 13px;
  left: 24px;
  width: 5px;
  height: 5px;
  filter: blur(2px);
  border-radius: 50%;
}

.drop-text {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
}

.mingyan-box>.jianju {
  color: var(--fuhao-color);
  display: flex;
  font-size: 2em;
  padding: 10px;
}

/*页脚*/
.footer {
  width: 100%;
  background-color: #eee;
  background-color: var(--yejiao-color);
  color: var(--wenzi-color);
}

.footer-banquan {
  margin: 20px 0 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-banquan>a {
  font-size: 12px;
  border-bottom: 1px dashed;
  margin: 5px 0 5px 0;
  opacity: 0.5;
}

/*主题切换*/
:root {
  --beijing-color: #F8F8FF;
  --touxiang-color: #eee;
  --yejiao-color: #eee;
  --wenzi-color: #1B2026;


}
/* 暗夜模式 */
.dark-theme {
  --beijing-color: #1B2026;
  --wenzi-color: #fff;
  --shuipingxian-color: #eee;
  --touxiang-color: #1B2026;
  --yejiao-color: #1B2026;
  --fuhao-color:rgb(247, 243, 12);
}