/* 在线字数统计工具专用样式 */
.tool-box{
    margin:25px 0;
    padding:20px;
    background:#f9f9f9;
    border-radius:8px;
}
.tool-title{
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
    color:#1890ff;
}
.tool-area{
    width:100%;
    min-height:180px;
    padding:12px;
    border:1px solid #e8e8e8;
    border-radius:6px;
    resize:vertical;
    font-size:14px;
    line-height:1.6;
    font-family:inherit;
}
.tool-btn{
    margin:10px 8px 10px 0;
    padding:9px 18px;
    background:#1890ff;
    color:#fff;
    border:none;
    border-radius:6px;
    cursor:pointer;
    font-size:14px;
}
.tool-btn:hover{
    background:#096dd9;
}
.tool-option{
    margin:10px 0;
    font-size:14px;
}
.tool-option label{
    margin-right:15px;
    cursor:pointer;
}
.tool-result{
    margin-top:15px;
    padding:15px;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:6px;
    line-height:1.8;
    font-size:14px;
}
.result-item{
    margin-right:25px;
    font-weight:bold;
    color:#333;
}
.result-item span{
    color:#1890ff;
}
/* 强制文本自动换行，解决右侧空白问题 */
.tool-result {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  max-width: 100%;
  box-sizing: border-box;
}

/* ====================== */
/* 文件哈希工具 专用样式 */
/* ====================== */
.tool-drop-area {
    margin: 15px 0;
    padding: 30px 20px;
    border: 2px dashed #1890ff;
    border-radius: 8px;
    background: #f7fcff;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
}
.tool-drop-area:hover,
.tool-drop-area.drag-over {
    background: #e6f7ff;
    border-color: #096dd9;
}
.tool-drop-text {
    font-size: 15px;
    color: #333;
    margin: 0;
}
#fileInput {
    margin: 10px 0;
    font-size: 14px;
}
        .tool-info-box{
            background:#fff;
            border:1px solid #e8e8e8;
            border-radius:8px;
            padding:18px;
            margin:20px 0;
            line-height:1.8;
            font-size:14px;
        }
        .tool-info-box h3{
            font-size:16px;
            color:#1890ff;
            margin:0 0 10px;
        }
        .tool-info-box p{
            margin:8px 0;
            color:#333;
        }
        .tool-info-box ul{
            padding-left:20px;
            margin:5px 0;
        }
        .tool-info-box li{
            margin:4px 0;
        }