#task_toolbar {
    position: absolute;
    z-index: 8;
    background-color: rgba(112, 124, 163, 0.87);
    display:block;
    padding:5px;
    border: 1px solid #D0D0D0;
    -webkit-box-shadow: 0 0 8px #D0D0D0;
}
#task_toolbar i.fa{
    width: 30px;
    height:30px;
    text-align: center;
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
    margin:3px;
    padding-top:8px;
    padding-bottom:2px;
    color: #FFFFFF;
    background-color: hsla(180, 22%, 31%, 0.65);		
    border-radius: 3px;
}
#task_toolbar .btn{
    /* padding:6px 6px; */
    /* border:0px; */
    /* color: #FFFFFF; */
    /* background-color: hsla(180, 22%, 31%, 0.65); */
    /* 添加扁平立体效果 */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1), inset 0 1px 0 rgba(255,255,255,0.2);
    /* box-shadow: 0 3px 7px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.3); */
    /* background-image: linear-gradient(to bottom, hsla(180, 22%, 38%, 0.75), hsla(180, 22%, 30%, 0.65)); */
    background-image: linear-gradient(to bottom, hsla(180, 22%, 35%, 0.75), hsla(180, 22%, 28%, 0.65));
    /* border-radius: 3px; */
    transition: all 0.2s ease;
}

/* 可选：添加hover效果增强交互体验  */
#task_toolbar .btn:hover{
    box-shadow: 0 3px 7px rgba(0,0,0,0.15), inset 0 2px 0 rgba(255,255,255,0.3);
    background-color: hsla(180, 33%, 93%, 0.74);
    background-image: linear-gradient(to bottom, hsla(180, 22%, 38%, 0.75), hsla(180, 22%, 30%, 0.65));
}
#text_edit_div .btn{
    padding:0px;
}
#text_edit_div .btn i{
    padding:0px;
}
#text_edit_div input{
    width:65%;
}