/* 页眉样式 */
@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');
}

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;
}

body {
    background-color: black;
    color: white;
    font-family: 'PixelifySans', 'ipix', sans-serif;
    transition: background-color 1s, color 1s; /* Smooth transition for background and text color */
}
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;
}


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

.about-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-content table {
    width: 100%;
    max-width: 800px;
    border-collapse: collapse;
    margin: 0 auto;
}

.about-content th {
    border: none;
    padding: 8px;
    text-align: right;
    width: 50%;
}
.about-content td {
    border: none;
    padding: 8px;
    text-align: left;
    width: 50%;
}

.about-content th {
    background-color: black
}

.about-content td {
    background-color: black;
}

.about-content tr + tr {
    border-top: 1px solid black;
}

.about-content hr {
    width: 50%;
    border: none;
    border-top: 1px solid #AAA;
    margin: 10px auto;
}

.images {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.emoji {
    width: 15px;
    height: 15px;
}

.images img {
    width: 100%;
    height: auto;
}

h2,h3, #businessActivitiesLabel {
    text-align: center;
    margin-top: 20px;
}
#businessActivities{
    text-align: left;
    margin-top: 20px;
}