/* make the page 1000px */
.wy-nav-content {
    max-width: 1200px;
 }
 
 /* code block highlight color in rtd changed to lime green, no no no */
 
 .rst-content tt.literal, .rst-content code.literal, .highlight {
    background: #f0f0f0;
 }
 .rst-content tt.literal, .rst-content code.literal {
     color: #000000;
 }
 
 /* Footer privacy links */
 a#wap_dns {
    display: none;
 }
 
 a#wap_nac {
    display: none;
 }
 
 /* replace the copyright to eliminate the copyright symbol enforced by
    the ReadTheDocs theme */
    div[role=contentinfo] {
       visibility: hidden;
       position: absolute;
    }
 /* set color of version navigator to yellow */
 div.version a {
     color: hsla(0,0%,100%,.3);
 }
 div.version p {
     color: #FFFF00;
 }
 
 .menu {
   display: flex;
   flex-wrap: wrap;
   width: 60%;
   margin: auto;
   padding: 10px 24px 24px 24px;
 }
 
 .menu-element {
   flex: 1 1 48%;
   background-color: #F3F4F7;
   color: black;
   text-align: center;
   margin: 2px;
   padding: 10px 24px;
   cursor: pointer;
 }
 
 @media screen and (max-width: 768px) {
   .menu-element {
     width: 100%;
   }
 }
 
 .menu-element:hover {
   background-color: #c41c24;
   color: white;
 }
 
 .menu-element.selected {
   background-color: #c41c24;
   color: white;
 }
 
 
 
 .row {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   margin: auto;
   padding: 0px 2px;
 }
 
 .row-element-1 {
   flex: 1 1 20%;
   display: block;
   margin-top: auto;
   margin-bottom: auto;
 }
 
 .row-element-2 {
   flex: 1 1 80%;
   margin-top: auto;
   margin-bottom: auto;
 }
 
 .mobile-headings {
   flex: 1 1 auto;
   color: black;
   text-align: left;
   margin: 2px;
   padding: 10px 24px;
   display: none;
 }
 
 .headings-element {
   text-align: left;
   margin: 2px;
   padding: 10px 24px;
 }
 
 .values-element {
   background-color: #F3F4F7;
   color: black;
   text-align: left;
   margin: 2px;
   padding: 10px 24px;
   cursor: pointer;
 }

 .values-element-disabled {
   background-color: #F3F4F7;
   color: black;
   text-align: left;
   margin: 2px;
   padding: 10px 24px;
   cursor: pointer;
 }
 
 .block-1 {
   flex: 1 1 100%;
 }
 
 .block-2 {
   flex: 1 1 49%;
 }
 
 .block-3 {
   flex: 1 1 32%;
 }
 
 .block-4 {
   flex: 1 1 24%;
 }
 
 .block-5 {
   flex: 1 1 19%;
 }
 
 @media screen and (max-width: 1050px) {
   .row-element-1 {
     display: none;
   }
 
   .row-element-2 {
     flex: 1 1 100%;
   }
 
   .mobile-headings {
     display: block;
   }
 
   .block-2,.block-3,.block-4,.block-5 {
     flex: 1 1 100%;
   }
 }
 
 .values-element:hover {
   background-color: #c41c24;
   color: white;
 }
 
 .values-element.selected {
   background-color: #c41c24;
   color: white;
 }
 
 #install-instructions {
   padding-top: 50px;
 }

 .container {
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
   padding-left: 1rem;
   padding-right: 1rem;
}

.bg-white {
   background-color: #ffffff;
}

.flex {
   display: flex;
}

.flex-col {
   flex-direction: column;
}

.items-center {
   align-items: center;
}

.grid {
   display: grid;
}

.grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (min-width: 768px) {
   .md\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

.gap-8 {
   gap: 2rem;
}

.rounded-lg {
   border-radius: 0.5rem;
}

.p-4 {
   padding: 1rem;
}

.mb-4 {
   margin-bottom: 1rem;
}

.w-16 {
   width: 4rem;
}

.h-16 {
   height: 4rem;
}

.rounded-md {
   border-radius: 0.375rem;
}

.mr-4 {
   margin-right: 1rem;
}

.text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
}

.font-semibold {
   font-weight: 600;
}

.text-gray-600 {
   color: #4b5563;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
   margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.text-blue-600 {
   color: #2563eb;
}

.flex-grow {
   flex-grow: 1;
}

.container {
   background-color: transparent;
   padding: 3%;
   padding-top: 5%;
   overflow-y: hidden;
   height: 100%;
}
.box {
   background-color: white;
}
.img {
   background-size: contain;
   background-repeat: no-repeat;
}
.desc {
   font-size: small;
}
.split {
   color: black;
}
.gap {
   margin-bottom: 5%;
}

.box .flex-grow {
   flex-grow: 1; /* 让文本内容占据剩余空间 */
}