table {  
			            width: 100%;  
			            border-collapse: collapse;
			            max-width: 600px;
			            margin-left: auto;
                        margin-right: auto;
                        
			        }  
			        th, td {  
			            border: 0px solid #ddd;  
			            padding: 8px;  
			            text-align: left;  
			        }  
			        th {  
			            background-color: #f2f2f2;  
			            font-weight: bold;  
			        }
			.rounded-rectangle {    
			  width: 90%;    
			  height: 100%;    
			  border: 0px solid black;    
			  border-radius: 5px;    
			  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), 4px 4px 20px rgba(0, 0, 0, 0.1);    
			  background-image: linear-gradient(to bottom right, #f0fcff, #fff5f8);  
			  margin-left: 5px;    
			  margin-top: 5px;    
			  margin-right: 5px;    
			  padding: 20px 10px 20px 10px;    
			}

			.rounded-rectangle-red {    
			  width: 90%;    
			  height: 100%;    
			  border: 0px solid black;    
			  border-radius: 5px;    
			  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), 4px 4px 20px rgba(0, 0, 0, 0.1);    
			  background-image: linear-gradient(to bottom right, #ffeced, #fdf5fa);  
			  margin-left: 5px;    
			  margin-top: 5px;    
			  margin-right: 5px;    
			  padding: 20px 10px 20px 10px;    
			}

			.rounded-rectangle-gress {    
			  width: 90%;    
			  height: 100%;    
			  border: 0px solid black;    
			  border-radius: 5px;    
			  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), 4px 4px 20px rgba(0, 0, 0, 0.1);    
			  background-image: linear-gradient(to bottom right, #d4f9e2, #ecfaf7);  
			  margin-left: 5px;    
			  margin-top: 5px;    
			  margin-right: 5px;    
			  padding: 20px 10px 20px 10px;    
			}

			.rounded-rectangle-blue {    
			  width: 90%;    
			  height: 100%;    
			  border: 0px solid black;    
			  border-radius: 5px;    
			  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), 4px 4px 20px rgba(0, 0, 0, 0.1);    
			  background-image: linear-gradient(to bottom right, #e3f3ff, #f3fdfe);  
			  margin-left: 5px;    
			  margin-top: 5px;    
			  margin-right: 5px;    
			  padding: 20px 10px 20px 10px;    
			}
			
			.rounded-rectangle-yellow {    
			  width: 90%;    
			  height: 100%;    
			  border: 0px solid black;    
			  border-radius: 5px;    
			  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2), 4px 4px 20px rgba(0, 0, 0, 0.1);    
			  background-image: linear-gradient(to bottom right, #fff1e2, #fffdf2);  
			  margin-left: 5px;    
			  margin-top: 5px;    
			  margin-right: 5px;    
			  padding: 20px 10px 20px 10px;    
			}
			
			  
			a{text-decoration: none;}   
			a:visited{text-decoration: none;}    
			a:hover {text-decoration: none;}    
			a:active{text-decoration:none;}    
			
			a {  
			    color: blue;  
			}
			.no-color-change {  
			    color: inherit;  
			}

			body {  
			    margin: 0;  
                padding: 40px 0 0 0;  /* 上边距设为导航栏高度 */
                font-family: 'Arial', sans-serif;  	
			    margin-left: 0px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
			
			    }
			
			.container {  
              width: 100%;
              display: flex;  
			  flex-direction: row;  
			  align-items: center;  
			  justify-content: center;  
			  position: fixed;  
			  top: 0;  
			  height: auto; /* 取消 height: 100%; */  
			  margin-bottom: 0px;  
			  background-color: #bae6ff;
			}
			
			    button {  
			      background-color: #bae6ff;  
			      border: none;  
			      color: black;  
			      padding: 5px 8px;  
			      text-align: center;  
			      text-decoration: none;  
			      display: inline-block;  
			      font-size: 16px;  
			      margin: 4px 2px;  
			      cursor: pointer;  
			      border-radius: 5px;  
			      margin-right: 10px;  
			       margin: 5px;  
			    }
			    
			
			    button.active {  
			        background-color: pink;  
			    }
			    
			    
			    

			.rounded-button-red {  
            background-color: #d80048;  		/* 红色类型按钮; */ 
            border: 0px solid pink;  
            border-radius: 10px;  
            color: white;  
            cursor: pointer;  
            font-size: 13px;  
            padding: 3px 3px;  
             text-decoration: none;  
            display: inline-block;  
            margin: 5px 2px;  
        }
			.rounded-button-green {  
            background-color: #00bf09;  		/* 绿色类型按钮; */ 
            border: 0px solid pink;  
            border-radius: 10px;  
            color: white;  
            cursor: pointer;  
            font-size: 13px;  
            padding: 3px 3px;  
             text-decoration: none;  
            display: inline-block;  
            margin: 5px 2px;  
        }        
        
			.rounded-button-blue {  
            background-color: #02abf2;  		/* 蓝色类型按钮; */ 
            border: 0px solid pink;  
            border-radius: 10px;  
            color: white;  
            cursor: pointer;  
            font-size: 13px;  
            padding: 3px 3px;  
             text-decoration: none;  
            display: inline-block;  
            margin: 5px 2px; 
            
        }  


			.rounded-button-zise {  
            background-color: #ed6f09;  		/* 黄色类型按钮; */ 
            border: 0px solid pink;  
            border-radius: 10px;  
            color: white;  
            cursor: pointer;  
            font-size: 13px;  
            padding: 3px 3px;  
             text-decoration: none;  
            display: inline-block;  
            margin: 5px 2px;  
        }  
        
        .rounded-button:hover {  
            background-color: red;  
        }  


   /* 新增标签样式 */
    .label-container {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 5px 0;
    }

    .label-button {
        background-color: #e0f2e9;
        border-radius: 15px;
        padding: 6px 15px;
        text-decoration: none;
        color: #2c3e50;
        border: 1px solid #a3d8bf;
        font-size: 14px;
        transition: all 0.3s;
        white-space: nowrap;
    }

    .label-button:hover {
        background-color: #c1e4d2;
        transform: translateY(-2px);
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }
    
     /* 新增标签样式 */
    .label-container {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding: 10px 0;
    }

    .label-button {
        background-color: #e0f2e9;
        border-radius: 15px;
        padding: 6px 15px;
        text-decoration: none;
        color: #2c3e50;
        border: 1px solid #a3d8bf;
        font-size: 14px;
        transition: all 0.3s;
        white-space: nowrap;
    }

    .label-button:hover {
        background-color: #c1e4d2;
        transform: translateY(-2px);
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    }   
    
    .highlight-green {
    background-color: #90EE90 !important;

}