@font-face {
    font-family: 'MyCustomFont';
    src: url('Fonts/02.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/*去掉所有链接下划线*/
a {
    text-decoration: none;
}
body {
    background-image: url("https://s41.ax1x.com/2026/01/24/pZgqk7R.png");
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'MyCustomFont';
    margin: 0;
    padding: 0;
}
hr {
  /* 核心：实现和文字同行 */
  display: inline-block;
  /* 核心：必须加！给横线一个固定宽度，绝对不能少 */
  width: 100px;
  /* 横线样式：绿色、高度 */
  height: 2px;
  background: green;
  /* 核心：和文字垂直居中对齐，不会被基线挤没 */
  vertical-align: middle;
  /* 可选：给横线左右加间距，不贴文字 */
  margin: 0 15px;
  /* 清除原生边框 */
  border: none;
}
.highlight {
    background-color: yellow;
    font-size:3;
}

nav {
    border: 4px solid #00d5ff;
    padding: 10px;
    border-radius: 5px;
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    font-weight: 550;
}

.nav-links li {
    margin-right: 20px;
}

.nav-links li a {
    text-decoration: none;
    font-size:30px;
    transition: transform 0.2s ease;
    display: inline-block; /* 确保transform属性正常工作 */
}

/* 鼠标移过时放大10% */
.nav-links li a:hover {
    transform: scale(1.1);
}

/* 为导航栏每个选项设置不同颜色 */
.nav-links li:nth-child(1) a {
    color: #ff0000; /* 红 */
}

.nav-links li:nth-child(2) a {
    color: #ff6f00; /* 橙 */
}

.nav-links li:nth-child(3) a {
    color: #ffbf00; /* 黄 */
}

.nav-links li:nth-child(4) a {
    color: #00ff00; /* 绿 */
}

.nav-links li:nth-child(5) a {
    color: #000fff; /* 蓝 */
}

.nav-logo img {
    height: 50px;
    width: auto;
    -webkit-user-drag: none; /* 禁止拖拽 */
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.center{
    text-align: center;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal !important;
  color: #062a5c;
}

/* 黄色#fff350荧光样式 */
.hl-yellow {
    display: inline;
    background-image: linear-gradient(transparent 35%, #fff350 35%);
    background-size: calc(100% - 22px) 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
h1 {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(to right, #0066ff, #9922dd);
  -webkit-background-clip: text;
  display: inline-block;
}