/* 左*/
.c_toolbox_left{width:50%;display:ruby;}
.c_toolbox_left .card{width:25%;}
.c_toolbox_left .card:hover{background-color:black;color:white;}
/* 右*/
.c_toolbox_right{width:50%;position:relative;}
.c_toolbox_right .card{display:flex;justify-content:center;align-items:center;}
/* 右 - 计算器*/
.c_toolbox_right .card .calculate{
    width:100%;display:grid;justify-content:center;grid-gap:5px;
    /* grid-template-rows:repeat(5, 50px); */ /* 暂时不用*/
    grid-template-columns:repeat(4, 75px);
    grid-template-areas:
    ". . . ."
    ". . . ."
    ". . . ."
    ". . . ."
    ". . . ."
    ". . last-input last-input"
}
.c_toolbox_right .card .calculate input:first-child{
    text-align:end;
    grid-column-start:span 4;
    font-size:30px;
}
.c_toolbox_right .card .calculate input:last-child{
    grid-column-start:span 2;
    grid-area:last-input;
    background-color:skyblue;
}
.c_toolbox_right .card .calculate input{padding:20px;}
/* 右 - 日历*/
.c_toolbox_right .card .calendar_search{display:flex;justify-content:center;align-items:center;}
.c_toolbox_right .card .calendar_search div input,span{width:50px;padding:10px;}
.c_toolbox_right .card .calendar{
    width:100%;display:grid;justify-content:center;grid-gap:5px;
    grid-template-columns:repeat(7, 1fr);
    grid-template-rows:repeat(7, 50px);
}
.c_toolbox_right .card .calendar input:nth-child(8){
    grid-column:1;
}
.c_toolbox_right .calendar_msg,.calendar_msg_other div{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.c_toolbox_right .calendar_msg,.calendar_msg_other div span{padding:0;width:100%;text-align:center;}
.c_toolbox_right .calendar_msg,.calendar_msg_other div textarea{padding:20px;width:100%;resize:none;border:none;outline:none;font-size:14px;}
.c_toolbox_right .calendar_msg,.calendar_msg_other div div{width:100%;display:flex;flex-direction:row;justify-content:space-around;}
.c_toolbox_right .calendar_msg{
    position:absolute;
    width:300px;
    height:300px;
    background-color:aliceblue;
    left:50%;
    top:50%;
    transform:translateX(-50%) translateY(-50%);
    opacity:0;
    border-radius:20px;
    transition:opacity 0.5s ease;
    z-index:-1;
}
.c_toolbox_right .calendar_msg_cover{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:100;
    background-color:#111;
    opacity:0.7;
}
.c_toolbox_right .calendar_msg_other{
    opacity:1;
    z-index:101;
}