.converter-container2 {
            max-width: 400px;
            margin: 20px auto;
          /*  border: 1px solid #ccc; */
            font-family: Arial, sans-serif;
            float: right;
            box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
        }
        
        .headerUnit {
            background-color: #7d2e2d;
            color: white;
            padding: 12px 16px;
            font-size: 16px;
            font-weight: bold;
        }
        
        .sectionUnit {
            background-color: #fff;
            padding: 10px 16px;
           /*  border-bottom: 1px solid #ccc; */
            font-weight: bold;
            color: #cb6262;
            cursor: pointer;
        }
        
        .sectionUnit:hover {
            background-color: #f5e6e6;
        }
        
        .unit-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            padding: 16px;
            background-color: #fff;
        }
        
        .unit-item {
            padding: 8px 0;
            font-size: 14px;
        }
        
        .unit-item a {
            color: #7d2d2d;
            text-decoration: none;
        }
        
        .unit-item a:hover {
            color: #1b5e20;
            text-decoration: underline;
        }
        
        .expandedUnit {
            display: grid;
        }
        
        .collapsedUnit {
            display: none;
        }
    


    .converter-container2 {
        max-width: 350px;
        flex: 0 0 400px;
       /* margin: 0px; */
        margin: 0px 10px 0px 0px;
       /* border: 1px solid #ccc; */
        font-family: Arial, sans-serif;
        border: 1px solid #00000026;

      box-shadow: 0px 0px 3px 3px #e9e9e9;
    }
    
    
    /* 响应式布局 */
    @media only screen and (max-width: 768px) {
  
      .converter-container2 {
        float: none;
        width: 100%;
        max-width: 350px;
        flex: none;
        margin: auto;
        margin-bottom: 10px;
    }
    }
    
    @media only screen and (min-width: 1024px) { 
    
       .converter-container2 {
        width: 280px;
    }
    }