div.collection {
box-shadow: 0px 0px 15px 0px #d3c9f7;
margin: 3.5% 10%;
padding: 3.5% 10%;
min-height: 350px;
display: block;
}

@media (max-width: 1200px) {
div.collection {
margin: 2%;
}
}


main {
display: grid;
grid-template-columns: 30px 150px auto;
padding: 10px 5px;
margin: 10px 0 40px 0;
min-height: 200px;
border: 1px solid #E7E7E7;
box-shadow:0 0 10px #EEE;
}

main > :nth-child(2) {
align-self: center;
}

main .id label {
white-space: nowrap;
font-size: 16px;
background: #F66;
color: #FFF;
padding: 2px 5px;
}


main .previewImg {
max-width: 150px;
max-height: 150px;
}

    main .result {
        padding-left: 2%;
        margin-left: 2%;
        border-left: 2px solid rgba(117,17,244,0.5);
       
    }

main .result div.t {
line-height: 250%;
color: rgba(117,17,244,0.5);
font-size: 18px;
}

main .result .category {
color: rgba(117,17,244,1);
margin: 0 5px;
}

main .result a {
color: #2b85c0;
text-decoration: underline;
word-break: break-all; /* 强制任意字符换行 */
}

main .result a:hover {
background: #EEF;
}

main .result button {
margin-top: 15px;
font-size: 16px;
}




#for_upload {
padding: 5% 1%;
display: block;
font-size: 30px;
background: rgba(117,17,244,0.05);
border: 2px dashed rgba(117,17,244,0.2);
box-shadow: inset 0 0 10px #FFF;
}

#for_upload:hover {
cursor: pointer;
border: 2px dashed rgba(117,17,244,0.4);
background: rgba(117,17,244,0.08);
}