body{
    background-color: #E9FAF3;
}
.container {
  width: 100%;
  max-width: 100vw;
  margin: 0 auto; 
    padding-right: 40px; 
    padding-left: 40px;
    margin-bottom:20px;
}

.fixed-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    margin-left: -50px;

    height: 100%;
    padding-top: 20px;
    overflow-y: auto; 
    text-align: center; 
}

.fixed-sidebar ul {
    list-style: none; 
    list-style-position: outside;
    padding: 0;
    text-align: left; 
}

/* h2*/
.fixed-sidebar .nav-h2 {
    margin-bottom: 15px; 
}

.fixed-sidebar .nav-h2 a {
    font-family: Georgia, 'Times New Roman';
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    color: #008B8B;
    /*font-weight: bold;*/
    transition: all 0.3s ease;
    display: flex; 
}

/* h3*/
.fixed-sidebar .nav-h3 {
    margin-bottom: 10px; 
}

.fixed-sidebar .nav-h3 a {
    font-family: Georgia, 'Times New Roman';
    font-weight: bold;
    font-size: 16px; 
    text-decoration: none;
    color: #008B8B;
    padding-left: 20px; 
    transition: all 0.3s ease;
    display: flex;
}


.fixed-sidebar .nav-h2 a::before {
    content: "◯"; 
    font-size: 8px;
    margin-right: 10px;
    color: #008B8B;
    text-decoration: none;
    display: flex; /* 使用 inline-flex */
    align-items: center; /* 垂直居中 */
    line-height: 1; /* 确保与文本的行高一致 */
}

.fixed-sidebar .nav-h3 a::before {
    content: "–"; 
    font-size: 8px;
    margin-right: 10px;
    color: #008B8B;
    text-decoration: none;
    display: flex; /* 使用 inline-flex */
    align-items: center; /* 垂直居中 */
    line-height: 1; /* 确保与文本的行高一致 */
}

.fixed-sidebar a:hover {
    text-decoration: none; 
    font-weight: bold;
    font-family: Georgia, 'Times New Roman';
    background: linear-gradient(90deg, skyblue, darkblue);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: flex;
}

.fixed-sidebar .nav-h2.highlight a,
.fixed-sidebar .nav-h3.highlight a {
    font-family: Georgia, 'Times New Roman';
    font-weight: bold;
    background: linear-gradient(90deg, skyblue, darkblue);
    background-size: 200% 200%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: gradient-shift 3s ease infinite;
    display: flex;
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.fixed-sidebar .sidebar-image {
    max-width: 100%; 
    height: auto; 
    margin-top: 10px; 
    border-radius: 10px; 
   
}


.sidebar-contents {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px; 
    position: relative; 
    color:	#5F9EA0;
    font-family: Georgia, 'Times New Roman';
}

.sidebar-contents::after {
    content: '';
    display: block;
    width: 90%; 
    height: 2px;
    background-color: #5F9EA0; 
    position: absolute;
    margin-top: 10px;
    left: 10px; 
}

.content {
    border-radius: 15px; 
    padding-top:30px;
    padding-bottom: 20px;
    background: #CDF3E6;
    min-height: 100vh; 
    max-width: calc(100% - 260px);
    position: relative;
}

.content .corner-image {
    position: absolute; 
    top: -40px; 
    right: -40px; 
    width: 150px; 
    height: auto; 
    transform: rotate(25deg); 
    z-index: 10; 
}


.content-area article {
    margin-bottom: 40px; 
}



.content-area p {
    font-size: 1em; 
    line-height: 1.6; 
    color: #555555; 
    text-align: justify;
    margin-bottom: 20px; 
}

.content-area p i {
    font-style: italic; 
}

.content-area p b {
    font-weight: bold; 
}

h1 {
    font-size: 4.5rem;
}

h2 {
    font-family: Times New Roman;
    font-size: 2rem;
    margin-bottom: 13px;
    font-weight: bold;
    color:#0E1D16;
    text-transform: none;
    text-align: center;
}
h3 {
    font-family: Georgia;
    font-size: 1.5rem;
    font-weight: bold;
    color:#0E1D16;

}
h4 {
    font-family: Georgia;
    margin-top: 25px;
    font-size: 1.2rem;
    font-weight: bold;
    color:#0E1D16;
}
p{
    font-size: 1.18rem;
    color:#2D282C;
}
li{
    font-size: 1.18rem;
    color:#2D282C;
}

.styled-table {
    width: 100%;
    border-collapse: collapse;
}

.styled-table th, .styled-table td {
    padding: 10px;
    border: 1px solid #9FABA7;
}

.styled-table .header-row {
    background-color: #CEE9E2;
    color: #000000;
    font-weight: bold;
}

.styled-table .header-row th {
    border: 1px solid #9FABA7;
}


.styled-table tr td{
    background-color: #E9FAF3;
    color: #696969;
}


/* .param_table */
.param-table {
    width: 70%;
    border-collapse: collapse;
    margin-left: 15%;
    font-family: 'Times New Roman';
}

.param-table th, .param-table td {
    padding: 10px;
    border-left: none;
    border-right: none;
    text-align: center;
}

.param-table .header-row {
    background-color: #CEE9E2;
    color: #000000;
    font-weight: bold;
    border-bottom: 2px solid #9FABA7;
}

.param-table .header-row th {
    border-top: 2px solid #9FABA7;
}

.param-table tr td {
    background-color: #E9FAF3;
    color: #696969;
    border-top: 1px solid #D3D3D3;
}

/* .param-table td{
    width: 50%;
} */

.param-table tr:last-child td {
    border-bottom: 2px solid #9FABA7;
}

.fig-table{
    display: flex; 
   flex-direction: column; 
   align-items: center; 
   justify-content: center;
}

@media (max-width: 1000px) {
    .fixed-sidebar {
        display: none; 
    }

    .content {
        max-width: 100%;
        padding-left: 20px; 
        padding-right: 20px;
    }
}

.embed-text{
    color:#000000;
    font-weight: bold;
}