<style> 
/* 整体表格样式 */
.custom-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 24px; /* 初始字体大小 */
}

/* 嵌套表格样式 */
.custom-table .custom-nested-table {
    margin: 10px 0;
    width: 100%;
    border-collapse: collapse;
    font-size: 1.0px; /* 继承父表格字体大小 */
}

/* 将h1元素文本颜色设置为土黄色 */  
.form-container header h1 {  
    text-align: center;  
    margin-bottom: 20px;  
    font-size: 24px;  
    color: #B8860B; /* 土黄色 */  
}  
/* 为h5元素添加样式，使其靠右上角 */  
.form-container header h5 {  
    position: absolute; /* 使用绝对定位 */  
    top: 0px; /* 距顶部10px（根据需要调整） */  
    right: 10px; /* 距右侧10px（根据需要调整） */  
    font-size: 12px; /* 可选：调整字体大小 */  
    text-decoration: none; /* 去掉下划线，因为这是一个链接 */  
    color: #808080; /* 可选：设置字体颜色 */  
}  
  
/* 为了确保h5元素能够相对于其最近的定位祖先元素（这里是.form-container）进行定位，  
   我们需要确保.form-container具有定位上下文。这里使用relative，因为它不会改变.form-container本身的位置。 */  
.form-container {  
    position: relative; /* 添加定位上下文 */  
    /* 其他样式保持不变 */  
}     
        body {      
            font-family: Arial, sans-serif;      
            background-color: #f0f0f0;      
            margin: 0;      
            padding: 0;      
            display: flex;      
            justify-content: center;      
            align-items: center;      
            height: 100vh;      
        }      
        .form-container {      
            background-color: #fff;      
            padding: 20px;      
            border-radius: 8px;      
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);      
            width: 100%;      
            max-width: 360px;      
        }      
        .form-container h1 {      
            text-align: center;      
            margin-bottom: 20px;      
            font-size: 24px;      
            color: #333;      
        }      
        .form-group {      
            margin-bottom: 15px;      
        }      
        .form-group label {      
            display: block;      
            margin-bottom: 5px;      
            font-weight: bold;      
        }      
        .form-group input,      
        .form-group select {      
            width: 100%;      
            padding: 10px;      
            border: 1px solid #ccc;      
            border-radius: 4px;      
            box-sizing: border-box;      
        }      
/* 将确认按钮背景颜色设置为深土黄色 */  
.form-group button {  
    width: 100%;  
    padding: 10px;  
    background-color: #B8860B; /* 深土黄色 */  
    color: white;  
    border: none;  
    border-radius: 4px;  
    cursor: pointer;  
    font-size: 16px;  
}  
  
.form-group button:hover {  
    background-color: #9C6F07; /* 深土黄色加深，用于hover效果 */  
}    
        /* 修改时间选择表格的样式 */  
        .time-table {    
            width: 100%;    
            border-collapse: collapse;    
        }    
        .time-table th, .time-table td {    
            padding: 10px;    
            text-align: center;    
            border: none;  /* 去掉边框 */  
    font-size: 70%;  /* 将字体大小设置为原始大小的70% */ 
        }    
        /* 可选：如果你想要表头有一些区分，可以只给th设置不同的背景色或样式 */  
        .time-table th {    
            background-color: #f2f2f2;  /* 表头背景色 */  
        } 
   
</style>     
