@font-face {
    font-family: 'PixelifySans';
    src: url('contents/fonts/PixelifySans-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: 'Blox';
    src: url('contents/fonts/Blox2.ttf') format('truetype');
}
@font-face {
    font-family: 'Lunchds';
    src: url('contents/fonts/lunchds.ttf') format('truetype');
}

@font-face {
    font-family: 'Novem';
    src: url('contents/fonts/novem.ttf') format('truetype');
}/* 页眉样式 */
@font-face {
    font-family: 'ipix';
    src: url('contents/fonts/IPix.ttf') format('truetype');
}
header {
    width: 100%;
    background-color: #333;
    color: white;
    padding: 10px 0;
    position: fixed;
    top: 0;
    z-index: 1000;
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

.header-left h1 {
    margin: 0;
    padding: 0 20px;
}

.header-right {
    display: flex;
    gap: 15px;
}

.header-button {
    color: white;
    text-decoration: none;
    padding: 10px 15px;
    background-color: #444;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.header-button:hover {
    background-color: #666;
}

.header-button.disabled {
    pointer-events: none; /* 禁用点击 */
    color: grey; /* 修改颜色以显示禁用状态 */
    cursor: default; /* 修改光标 */
    background-color: #FFF; /* 修改背景色 */
}
#languageSelect {
    color: white;
    background-color: #444;
    font-family: 'PixelifySans', 'ipix', sans-serif;
    border: none;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    appearance: none; /* 去掉默认的下拉箭头 */
    -webkit-appearance: none; /* 去掉Safari默认的下拉箭头 */
    -moz-appearance: none; /* 去掉Firefox默认的下拉箭头 */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10"><path fill="white" d="M7 10L0 0h14L7 10z"/></svg>'); /* 自定义下拉箭头 */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

#languageSelect:hover {
    background-color: #666;
}
body {
    background-color: black;
    overflow: hidden;
    color: white;
    font-family: 'PixelifySans', 'ipix' , sans-serif;
    transition: background-color 1s, color 1s; /* Smooth transition for background and text color */
}
/* 调整内容容器以避免被固定页眉遮挡 */

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Standard syntax */
    padding-top: 60px;
}

main {
    padding: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.contact-content form {
    display: flex;
    flex-direction: column;
}

.contact-content label {
    margin-bottom: 5px;
}

.contact-content input,
.contact-content textarea {
    margin-bottom: 15px;
    padding: 10px;
    font-size: 16px;
}

.contact-content input[type="submit"] {
    background-color: #444;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 15px;
}

.contact-content input[type="submit"]:hover {
    background-color: #555;
}