h1 {font-size: 120%; border-bottom:2pt solid #9999FF; border-left:7pt solid #9999FF; padding: 5px 5px 5px; color: #192f60;}
h2 {font-size: 110%; border-bottom:2pt solid #9999FF; border-left:3pt solid #9999FF; padding: 5px 5px 5px; color: #1e50a2;}
h3 {font-size: 100%; border-bottom:1pt solid #9999FF; padding: 5px 5px 5px;
 font-style:italic; color: #007bbb;}
h4 {font-size: 100%; border-bottom: 1px dashed #999999; padding: 5px 5px 5px;}
h5 {font-size: 150%; border-left:10pt solid #0f2350; padding: 5px; color: #674196;}
@font-face {
	font-family:'web_font';
	src:url('../font/HarmonyOS_Sans_Bold.ttf') format('truetype');
	}
@font-face {
	font-family:'web_font2';
	src:url('../font/LXGWZhenKaiGB-Regular.ttf') format('truetype');
	}
body {
	font-family: 'web_font','web_font2',微软雅黑,宋体,Arial;
	position:relative;
	font-size:150%;
	}
.skill{color:#FF0000;font-weight:bold;}
.title{color:#432F2F;font-weight:bold;font-style:italic;text-align:center;}
.pp{background-color:#d4dcda;}
.kp{color:#e9546b;font-style:italic;}
.ds{color:#b44c97;}
.dc{
	padding:5px;
	border-spacing:10px 2px;
	border:0px;
	color:#474a4d;
}
.dc_tr,.dc_td{
	border:0px;
}
table{
	font-size:100%;
	line-height:150%;
}
.m_table{
	background-color:#F1E5C8;
	border:2px solid #433D3C;
	border-collapse:collapse;
	padding:5px;
	width:50%;
}
.m_td,.m_th{
	border:2px solid #433D3C;
	padding:5px;
}
.sa{color:#9e3d3f;font-weight:bold;}
.sb{color:#274a78;font-weight:bold;}
input{
	font-family:'web_font','web_font2',微软雅黑,宋体,Arial;
	font-size:100%;
	width:100px;
}
.float-left {
	float: left;
	height: auto;
	margin: 0 24px 16px 0;
	border-radius: 8px;
	/* 四周型环绕：矩形边界 */
	shape-outside: margin-box;
	/* 确保文字按矩形边界环绕 */
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
	transition: transform var(--transition), box-shadow var(--transition);
	cursor: default;
}
.float-left:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.float-right {
	float: right;
	height: auto;
	margin: 0 24px 16px 0;
	border-radius: 8px;
	/* 四周型环绕：矩形边界 */
	shape-outside: margin-box;
	/* 确保文字按矩形边界环绕 */
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
	transition: transform var(--transition), box-shadow var(--transition);
	cursor: default;
}

/* CSS */
.button-85 {
	font-family: 'web_font','web_font2',微软雅黑,宋体,Arial;
	font-size:75%;
  padding: 0.6em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  background: #111;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-85:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.button-85:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #222;
  left: 0;
  top: 0;
  border-radius: 10px;
}