.calculator-zhijin{
           font-size:16px;
       }
        .input-section {
            min-width: 300px;
        }
        
        .result-section {
            margin-top:20px;
            min-width: 300px;
        }
        
        .section-title {
            background-color: #00c8ff;
            color: white;
            padding: 10px 15px;
            border-radius: 4px;
            margin-bottom: 15px;
            font-size: 18px;
        }
        
        .input-group {
            margin-bottom: 20px;
        }
        .input-group span , .result-box span , .calculation-steps span{
           font-size:1.1em;
           font-weight: bold;
           line-height:1.2;
        }
        
        .result-item span{
        font-size:1.0em;
        font-weight: 400;
        }
        
        .result-item span.result-value{
            font-size:1.4em;
        font-weight: bold;
        }
        
        .input-row {
            display: flex;
            margin-bottom: 12px;
            align-items: center;
        }
        
        .input-row label {
            font-size: 1.0em;
            width: 150px;
        }
        
        .input-row input, .input-row select {
            flex: 1;
            padding: 8px 5px;
            border: 1px solid #ddd;
            border-radius: 4px;
            font-size: 15px;
        }
        .input-row .readonly-value{
             flex: 1;
             font-size: 1.4rem;
        }
        
        .input-row .unit {
            flex: 0.5;
            margin-left: 10px;
        }
        
        .input-error {
            color: #d63333;
            font-size: 14px;
            margin-left: 10px;
            min-width: 100px;
        }
        
        .btn-group {
            display: flex;
            gap: 10px;
            margin-top: 20px;
        }
        
        .calculate-btn, .export-btn{
            flex: 1;
            padding: 12px;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
            transition: background-color 0.3s;
        }
        
        .calculate-btn {
            background-color: #2ecc71;
            color: white;
        }
        
        .calculate-btn:hover {
            background-color: #27ae60;
        }
        
        .export-btn {
            background-color: #3498db;
            color: white;
        }
        
        .export-btn:hover {
            background-color: #2980b9;
        }
        
        .result-box {
            background-color: #f8f9fa;
            border: 1px solid #eaeaea;
            border-radius: 6px;
            padding: 20px;
            margin-bottom: 20px;
        }
        
        .result-item {
            display: flex;
            align-items:center;
            justify-content: space-between;
            padding: 10px 0;
            border-bottom: 1px dashed #ddd;
        }
        
        .result-item:last-child {
            border-bottom: none;
        }
        
        .result-value {
            font-weight: bold;
            color: #e74c3c;
        }
        
        .calculation-steps {
            background-color: #fff4e6;
            border-left: 4px solid #ffa94d;
            padding: 15px;
            margin-top: 20px;
            border-radius: 4px;
        }
        
        .step-item {
            margin-bottom: 8px;
            padding-left: 10px;
            line-height: 24px;
            border-left: 2px solid #ffd8a8;
        }
        
        .error-message {
            background-color: #ffe6e6;
            border: 1px solid #ffcccc;
            color: #d63333;
            padding: 10px;
            border-radius: 4px;
            margin: 10px 0;
            display: none;
        }
        
        .success-message {
            background-color: #e6ffe6;
            border: 1px solid #ccffcc;
            color: #33d633;
            padding: 10px;
            border-radius: 4px;
            margin: 10px 0;
            display: none;
        }
        
        .history-section {
            margin-top: 30px;
            display: none;
        }
        
        .history-list {
            max-height: 200px;
            overflow-y: auto;
            border: 1px solid #ddd;
            border-radius: 4px;
            padding: 10px;
        }
        
        .history-item {
            padding: 8px;
            border-bottom: 1px solid #eee;
            cursor: pointer;
        }
        
        .history-item:hover {
            background-color: #f5f5f5;
        }
        
        .reference {
            margin-top: 10px;
            margin-bottom: 10px;
            text-align: left;
            font-size: 0.8em;
            color: #7f8c8d;
        }
        .reference img{
                display: block;
width: 80%;
    margin: 0px auto;
        }
        .sue-icon-text {
    margin-bottom: 0 !important;
    margin-top: 30px;
    border: 1px solid #98d3f9;
    padding: 15px;
}
.sue-icon-text p {
    margin: 6px 0;
    line-height: 20px;
    font-size: 14px;
}
.article-copyright{display:none !important}

 @media (max-width: 768px) {
    .article-content {
    padding: 0 10px;
}
     .section-title {
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 1.2em;
}
            .calculator-zhijin {
                font-size:14px;
                flex-direction: column;
            }
            .input-row {
            display: flex;
            flex-wrap: wrap;
            line-height:18px;
            margin-bottom: 10px;
            align-items: center;
        }
        .input-row label{
            flex:0 0 90px;
            margin: 10px 0px 0px 5px;
        } 
        .input-row select .input-row input .input-row .input-error{
            flex:1;
        } 
        .input-row .unit{
         flex:0 0 30px;   
        }
            .btn-group {
                flex-direction: column;
            }
            .reference {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    font-size: 1em;
}
            .reference img {
    width: 95%;
}
        .result-item span.result-value{
            font-size:1.2em;
        }
        }